@import url('common.css'); 

#wrap { padding-top:0 !important; }


/**** 공통 ****/
.point_txt { font-size:1rem; line-height:1.66; letter-spacing:-0.04em; color:var(--main); padding:0 0 9px; display:block; }
.main_tit { color:var(--black); font-size:var(--fs45); line-height:1.22; letter-spacing:-0.04em; }


.pt_40 { padding-top:40px; }
.pt_50 { padding-top:50px; }
.pt_80 { padding-top:80px; }
.pt_100 { padding-top:100px; }
.pb_80 { padding-bottom:80px; }




/**** moreBtn ****/
.moreBtn{display:flex; justify-content:space-between; align-items:center; width:180px; height:60px; box-sizing:border-box; text-align:center; border:1px solid var(--main); background:var(--main); position:relative; transition:all .3s linear; padding:0 25px 0 33px; border-radius: 30px; overflow:hidden;}
.moreBtn:hover { background:var(--white); transition:all .3s linear; }
.moreBtn em {display:inline-block; z-index: 1; font-size:1rem; font-weight: 500; letter-spacing:-0.04em; color:var(--white); font-style:normal; transition:all .3s linear; position:relative; z-index:1;}
.moreBtn:hover em { color:var(--main); transition:all .3s linear; }
.moreBtn span { position:relative; display:inline-block; color:var(--white); line-height:1; font-size:24px; transition:all .3s linear; z-index:1; }
.moreBtn:hover span { color:var(--main); transition:all .3s linear; }


/* 슬릭 화살표 */
.slick-arrow { cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); width:55px; height:55px; font-size:0; border-radius:50%; background:none; box-sizing:border-box; border:none; background-color:#fff; z-index:99; }
.slick-arrow::After { position:Absolute; left:0; top:0; transition:all .2s linear; opacity:.3; content:''; display:block; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; }
.slick-arrow:hover::After { transition:all .2s linear; opacity:1; }
.slick-arrow.slick-prev { left:50%; margin-left: -773px; }
.slick-arrow.slick-next { right:50%; margin-right: -773px; }
.slick-arrow.slick-prev::after { background-image:url('../../img/arrow_p.png'); }
.slick-arrow.slick-next::after { background-image:url('../../img/arrow_n.png'); }

#contents .slick-arrow { border:1px solid var(--border); }


.modal_layer_cont {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); z-index:999; width:90%; max-width: 480px; height: 480px; border: 5px solid var(--blue_gray); background: var(--white); padding-bottom:45px; box-sizing:border-box;}
.modal_layer_cont h4 {font-weight: 700; line-height: 177.778%; letter-spacing: -0.72px; color: var(--black); padding:12px; box-sizing:border-box; border-bottom:1px solid rgba(122,133,156,0.5); text-align:center;}
.modal_layer_cont .modal_layer_in {padding:23px 25px; box-sizing:border-box; font-size: var(--fs16); font-weight: 400; line-height:175%; letter-spacing: -0.64px;}
.modal_layer_cont .layer_bottom {position:absolute; bottom:-5px; left:-5px; width:calc(100% + 10px); display:flex; flex-wrap:wrap; background: var(--blue_gray);}
.modal_layer_cont .layer_bottom .check {width:calc(100% - 120px); padding:11px 20px; box-sizing:border-box;}
.modal_layer_cont .layer_bottom .check label {display:flex; flex-wrap:wrap; align-items:center; font-size: 14px; font-weight: 600; line-height: 2; letter-spacing: -0.56px; color:rgba(255,255,255,0.8);}
.modal_layer_cont .layer_bottom .check label input[type="checkbox"] {width:20px; height:20px;}
.modal_layer_cont .layer_bottom .close_layer {width:120px; height:50px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size: 14px; font-weight: 600; line-height: 2; letter-spacing: -0.56px; color:var(--white); background:#5b647d;}
.modal_layer_cont .layer_bottom .close_layer::before {content:'\e5cd'; font-family:var(--icon); font-size:24px; color:var(--white); font-weight:400; display:block; margin-right:4px;}


.privacy_pop {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); z-index:99999999; width:100%; height:100%; display:flex; flex-wrap:wrap; flex-direction: column; align-items:center; justify-content:center; background:rgba(0,0,0,0.7);}
.privacy_pop .privacy_close {display:block ;width:50px; height:50px;margin:0 auto 10px;}
.privacy_pop .privacy_close::before {content:'\e5cd'; font-size:50px; font-family:var(--icon); color:var(--white); transition:all 0.4s ease; display:block;}
.privacy_pop .privacy_close:hover::before {transform:rotate(180deg); transition:all 0.4s ease;}
.privacy_pop_in {background:var(--white); width:90%; max-width: 680px; padding:45px 50px; box-sizing:border-box; margin:0 auto;}
.privacy_pop_in h3 {margin:0 0 30px;}
.privacy_pop_in .dash_cont {border-bottom:1px dashed var(--border);}
.privacy_pop_in .dash_cont label {display:block; margin:0 0 15px;}
.privacy_pop_in  label {font-size: 1rem; font-weight: 500; line-height:160%; letter-spacing: -0.05rem; color:var(--black);}
.privacy_pop_in  label b {color:var(--main); font-weight:inherit; letter-spacing:inherit; line-height:inherit;}
.privacy_pop_in  .textareaBox {margin:24px 0 0;}
.privacy_pop_in  .textareaBox label {display:block; margin:0 0 10px;}
.privacy_pop_in  .textarea {border:1px solid var(--border); padding:20px; box-sizing:border-box; width:100%; height:150px; font-size: 0.888rem; font-weight: 400; line-height:156.25%; letter-spacing: -0.04rem; color:var(--basic);}
.memBtn_list {}
.memBtn_list .btn {width: 178px; height: 60px; border-radius: 5px; background: var(--main); display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:30px auto 0; font-weight: 500; letter-spacing: -0.72px; color:var(--white);}



/**** visual ****/
#visual{width:100%; height:850px; overflow: hidden; background:var(--gray_bg); position: relative;}
#visual .visual_in{width:100%; height:100%; position: relative; z-index:0;}
#visual .visual_in .roll{position:relative; width: 100%; height:100%; overflow: hidden;}
#visual .visual_in .roll .textArea { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
#visual .visual_in .roll .textArea .textArea_in { max-width:550px; width:41%; box-sizing:Border-box; padding:0 0 0 48px; }
#visual .visual_in .roll .textArea .textArea_in dl { display:flex; flex-wrap:wrap; align-items: center; transition:all .6s 0.3s linear; transform:translateY(60px); opacity:0; }
#visual .visual_in .roll .textArea .textArea_in dl dt { width:73px; }
#visual .visual_in .roll .textArea .textArea_in dl dt img { max-width:100%; height:auto; }
#visual .visual_in .roll .textArea .textArea_in dl dd { width:calc(100% - 73px); color:var(--black); }
#visual .visual_in .roll .textArea .textArea_in h2 { color:var(--black); letter-spacing: -0.04em; padding:20px 0 21px; font-weight:800; transition:all .6s 0.6s linear; transform:translateY(60px); opacity:0; }
#visual .visual_in .roll .textArea .textArea_in h2 b { font-size:inherit; line-heighT:inherit; letter-spacing:inherit; color:var(--main); font-weight:inherit; }
#visual .visual_in .roll .textArea .textArea_in p { color:rgba(34,34,34,0.6); line-height:1.66; transition:all .6s 0.9s linear; transform:translateY(60px); opacity:0; }
#visual .visual_in .roll .textArea .textArea_in .btnArea { padding:50px 0 0; transition:all .6s 1.2s linear; transform:translateY(60px); opacity:0; }
#visual .visual_in .roll .bg { width: 100%; height: 850px; background-position:55% bottom; background-repeat:no-repeat; background-size:cover; -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); -webkit-transition:transform 3000ms  ease-in-out; -moz-transition:transform 3000ms ease-in-out; -o-transition:transform 3000ms ease-in-out; -ms-transition:transform 3000ms ease-in-out; transition:transform 3000ms ease-in-out; }
#visual .visual_in .roll.action .bg { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); }


#visual .visual_in .roll.action .textArea .textArea_in dl { transform:translateY(0); opacity:1;}
#visual .visual_in .roll.action .textArea .textArea_in h2 { transform:translateY(0); opacity:1;}
#visual .visual_in .roll.action .textArea .textArea_in p {transform:translateY(0); opacity:1;}
#visual .visual_in .roll.action .textArea .textArea_in .btnArea {transform:translateY(0); opacity:1;}


/* 페이징 */
#visual .slick-dots { position: absolute; text-align:center; bottom: 113px; left: 50%; transform: translate(-50%, 0); z-index:9999; display: flex !important; }
#visual .slick-dots li {cursor:pointer; position:relative; display: inline-block;  margin:0 7px; font-size: 0; width:auto; height:auto;}
#visual .slick-dots li button { transition:all .3s linear; width:11px; height:11px; border-radius:50%; border:0; font-size:0; background-color:rgba(34,34,34,0.15); cursor:pointer; padding:0; margin:0; box-sizing:border-box}
#visual .slick-dots li button:hover { transition:all .3s linear; background-color:var(--black); }
#visual .slick-dots li.slick-active button{ background-color:var(--main); transition:all .3s linear; }



/**** notice_con ****/
.notice_con { backdrop-filter: blur(3.5px); margin-top:-80px; background:rgba(224,232,245,0.7); position:Relative; z-index:5; }
.notice_con dl { display:flex; flex-wrap:wrap; align-items: center; padding:24px 0; box-sizing:border-box; }
.notice_con dl dt { width:120px; display: flex; justify-content: space-between; align-items: center; }
.notice_con dl dt h2 { color:var(--black); font-weight:500; }
.notice_con dl dt a { display:inline-block; width:33px; height:33px; text-align:center; border-radius:50%; border:1px solid var(--border); background:var(--white); margin-left:20px; box-sizing:border-box; }
.notice_con dl dt a span { font-size:23px; line-height:31px; transition:all .2s linear; }
.notice_con dl dt a:hover span { color:var(--main); transition:all .2s linear; }
.notice_con dl dd { width:calc(100% - 120px); box-sizing:border-box; padding-left:39px; display:flex; flex-wrap:wrap; justify-content:space-between; }
.notice_con dl dd p { width:calc(100% - 120px); font-size:1rem; line-height:1.55; letter-spacing:-0.04em; }
.notice_con dl dd p a { font-size:inherit; line-height:inherit; letter-spacing:inherit; color:inherit; font-family:inherit; font-weight:inherit; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block; }
.notice_con dl dd .date { font-size:var(--fs16); line-height:1.75; letter-spacing:0; }



/**** online_con ****/
.online_con { overflow:hidden; }
.online_con .titArea { text-align:center; }
.online_con .titArea .point_txt {  }
.online_con .titArea .main_tit {  }

.online_con .online_wrap {  }
.online_con .online_wrap .online_roll, .new_con .new_wrap .new_roll { margin:0 -15px; }
.online_con .online_wrap .online_roll dl, .new_con .new_wrap .new_roll dl { margin:0 15px; box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.08); background:var(--white); transition:All .2s linear; }
.online_con .online_wrap .online_roll dl:hover, .new_con .new_wrap .new_roll dl:hover { box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15); transition:All. 2s linear; }
.online_con .online_wrap .online_roll dl a, .new_con .new_wrap .new_roll dl a { display:block; width:100%; height:100%; }
.online_con .online_wrap .online_roll dl dt, .new_con .new_wrap .new_roll dl dt { overflow:hidden; aspect-ratio: 1 / 0.69; }
.online_con .online_wrap .online_roll dl dt img, .new_con .new_wrap .new_roll dl dt img { width: 100%;  display: block; width: 100%; height: 100%; object-fit: cover; transition:all .3s linear; }
.online_con .online_wrap .online_roll dl:hover dt img, .new_con .new_wrap .new_roll dl:hover dt img { transform:scale(1.1); transition:all .3s linear; }
.online_con .online_wrap .online_roll dl dd, .new_con .new_wrap .new_roll dl dd { box-sizing:border-box; padding:25px 30px 30px; }
.online_con .online_wrap .online_roll dl dd ul, .new_con .new_wrap .new_roll dl dd ul { display:flex; flex-wrap:wrap; }
.online_con .online_wrap .online_roll dl dd ul li, .new_con .new_wrap .new_roll dl dd ul li { margin-right:8px; color:var(--black); font-size:var(--fs16); letter-spacing: -0.04em; }
.online_con .online_wrap .online_roll dl dd ul li:last-child, .new_con .new_wrap .new_roll dl dd ul li:last-child { margin-right:0; color:rgba(34,34,34,0.5); }
.online_con .online_wrap .online_roll dl dd h3, .new_con .new_wrap .new_roll dl dd h3 { margin:0 0 8px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block; color:var(--black);}
.online_con .online_wrap .online_roll dl dd p, .new_con .new_wrap .new_roll dl dd p {display:flex; flex-wrap:wrap; align-items:center; font-weight: 700; line-height:145.455%; letter-spacing: -0.88px;}
.online_con .online_wrap .online_roll dl dd p .cost, .new_con .new_wrap .new_roll dl dd p .cost {display:inline-block; margin-right:5px; font-size: 0.888rem; font-weight: 400; line-height:125%; letter-spacing: -0.64px; text-decoration: line-through; color:rgba(34,34,34,0.5);}
.online_con .online_wrap .online_roll dl dd p .discount, .new_con .new_wrap .new_roll dl dd p .discount {display:inline-block; margin-left:5px; font-size: 0.888rem; font-weight: 700; line-height:175%; letter-spacing: -0.64px; color:var(--red); font-style:normal;}
.online_con .online_wrap .online_roll .slick-list { padding-bottom:80px !important; }

.online_con .online_banner { display:flex; flex-wrap:wrap; justify-content:space-between; }
.online_con .online_banner dl { width:calc((100% - 30px)/2); }
.online_con .online_banner dl a { display:flex; flex-direction: row-reverse; justify-content:space-between; width:100%; height:100%; box-sizing:Border-box; padding:45px 70px 45px 50px; }
.online_con .online_banner dl a dt { width:204px; }
.online_con .online_banner dl a dt img { max-width:100%; height:auto; }
.online_con .online_banner dl a dd { box-sizing:Border-box; padding-right:30px; }
.bgTit { font-size:0.7778rem; line-height:28px; letter-spacing:0; color:var(--white); font-weight:600; border-radius:30px; display:inline-block; padding:0 12px; }
.online_con .online_banner dl:nth-child(1) a { background:rgba(0,155,229,0.12); border:1px solid rgba(0,155,229,0.005); transition:All .2s linear; }
.online_con .online_banner dl:nth-child(1):hover a { border-color:var(--main); background:var(--white); transition:All .2s linear; }
.online_con .online_banner dl:nth-child(1) a dd .bgTit { background:var(--main); }
.online_con .online_banner dl:nth-child(2) a { background:rgba(46,217,228,0.12); border:1px solid rgba(46,217,228,0.005); transition:All .2s linear; }
.online_con .online_banner dl:nth-child(2):hover a { border-color:var(--sub); background:var(--white); transition:All .2s linear; }
.online_con .online_banner dl:nth-child(2) a dd .bgTit { background:var(--sub); }
.online_con .online_banner dl a dd h3 { padding:11px 0 27px; font-size:var(--fs30); line-height:1.4; letter-spacing:-0.04em; color:var(--black); }


.more { display:flex; align-items:center; font-size:1rem; line-height:1.66; letter-spacing:-0.04em; color:rgba(34,34,34,0.5); transition:color .2s linear; }
.more span { margin-top:1px; padding-left:3px; font-size:24px; line-height:1; color:inherit; display:inline-block; transition:All .2s linear; }

.online_con .online_banner dl:hover a dd p { color:var(--black); transition:color .2s linear;}
.online_con .online_banner dl:hover a dd p span { padding-left:15px; color:var(--black); transition:All .2s linear; }



/**** video_con ****/
.video_con {  }
.video_con .titArea {  }
.video_con .video_in { display:flex; flex-wrap:wrap; justify-content:space-between; }
.video_con .video_in .videoArea { position:Relative; width:66%; max-width:890px; height: 0; padding-bottom: 37%; background:var(--black); }
.video_con .video_in .videoArea iframe { position:Absolute; left:-1px; top:0; width:100%; height:100%; }
.video_con .video_in .video_review { max-height:500px; width:32%; padding-right:6px; max-width:430px; background:var(--black); box-sizing:Border-box; overflow:hidden; }
.video_con .video_in .video_review .video_review_in { max-height:500px; padding:30px; overflow-y:auto; box-sizing: border-box; }
.video_con .video_in .video_review h3 { padding:0 0 20px; text-align:center; }
.video_con .video_in .video_review ul { display: flex; flex-direction: column; }
.video_con .video_in .video_review ul li { padding:24px; border-radius:10px; background:rgba(255,255,255,0.1); filter: drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.08)); box-sizing:border-box; }
.video_con .video_in .video_review ul li:nth-child(n+2) { margin-top:10px; }
.video_con .video_in .video_review ul li .star {  }
.video_con .video_in .video_review ul li .star img {  }
.video_con .video_in .video_review ul li > p { padding:8px 0 17px; font-size:0.8889rem; line-height:1.5; letter-spacing:-0.04em; color:Rgba(255,255,255,0.7); }
.video_con .video_in .video_review ul li dl { display:flex; flex-wrap:wrap; align-items: center; }
.video_con .video_in .video_review ul li dl dt { width:60px; height:60px; border-radius:50%; overflow:hidden; }
.video_con .video_in .video_review ul li dl dt img { max-width:100%; height:auto; }
.video_con .video_in .video_review ul li dl dd { box-sizing:border-box; padding-left:14px; width:calc(100% - 60px); }
.video_con .video_in .video_review ul li dl dd p { font-size:0.8889rem; line-height:1.5; letter-spacing:-0.04em; color:Rgba(255,255,255,0.5); }
.video_con .video_in .video_review ul li dl dd h4 { font-size:1rem; line-height:1.66; letter-spacing:-0.04em; color:var(--white); }

.video_con .video_in .video_review .video_review_in::-webkit-scrollbar { width:5px; height:100%; max-height:500px; margin:auto 0; border:none; border-radius:5px; }
.video_con .video_in .video_review .video_review_in::-webkit-scrollbar-thumb { background-color:rgba(255,255,255,0.8); width:5px; margin-left:-1px; border-radius:5px; }
.video_con .video_in .video_review .video_review_in::-webkit-scrollbar-track { background-color:rgba(255,255,255,0.15); }



/**** new_con ****/
.new_con { overflow:hidden; display:flex; flex-wrap:wrap; justify-content:space-between; }
.new_con .titArea { width:346px; box-sizing:border-box; padding:70px 30px 0 0; }
.new_con .new_btn { display:flex; padding:76px 0 0; }
.new_con .new_btn .slick-arrow { position:static; transform:translate(0); }
.new_con .new_btn .slick-arrow.new_prev { margin-right:5px; }
.new_con .new_btn .slick-arrow::After { position:Absolute; left:0; top:0; transition:all .2s linear; opacity:.3; content:''; display:block; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; }
.new_con .new_btn .slick-arrow:hover::After { transition:all .2s linear; opacity:1; }
.new_con .new_btn .slick-arrow.new_prev::after { background-image:url('../../img/arrow_p.png'); }
.new_con .new_btn .slick-arrow.new_next::after { background-image:url('../../img/arrow_n.png'); }
.new_con .new_wrap { width:calc(100% - 346px); position:Relative; }
.new_con .new_wrap .new_roll {  }
.new_con .new_wrap .new_roll dl {  }
.new_con .new_wrap .new_roll dl a {  }
.new_con .new_wrap .new_roll dl a dt {  }
.new_con .new_wrap .new_roll dl a dt img {  }
.new_con .new_wrap .new_roll dl a dd {  }
.new_con .new_wrap .new_roll .slick-list { padding-bottom:42px !important; }

.progress {width:100%; max-width:1350px; padding:0; height:3px; border-radius: 3px; background:rgba(34,34,34,0.15); display:block; position:absolute; left:0; bottom:0; z-index: 99; }
.progress .progressbar{width:100%; height:100%; border-radius: 3px; background: var(--black); display:block; transition: all .3s ease-in-out; position:absolute; left:0; top:0; z-index:1;}
.sr-only {position: absolute;  width: 1px;  height: 1px;  padding: 0;  margin: 0;  overflow: hidden;  clip: rect(0,0,0,0);  border: 0;}



/**** event_con ****/
.event_con { overflow:hidden; }
.event_con .titArea {  }
.event_con .event_wrap { margin-bottom:-20px; }
.event_con .event_wrap .evert_roll { margin:0 -15px; }
.event_con .event_wrap .evert_roll dl { margin:0 15px; background:var(--white); box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.08); transition:All .2s linear; }
.event_con .event_wrap .evert_roll dl:hover { box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15); transition:All .2s linear; }
.event_con .event_wrap .evert_roll dl a { display:block; width:100%; height:100%; }
.event_con .event_wrap .evert_roll dl dt { overflow:hidden; }
.event_con .event_wrap .evert_roll dl dt img { max-width:100%; height:auto; transition:All .3s linear; }
.event_con .event_wrap .evert_roll dl:hover dt img { transform:scale(1.1); transition:All .3s linear; }
.event_con .event_wrap .evert_roll dl dd { box-sizing:border-box; padding:24px 28px 32px; }
.event_con .event_wrap .evert_roll dl dd .date { display:flex; flex-wrap:wrap; align-items:center; }
.event_con .event_wrap .evert_roll dl dd .date span { font-size:22px; color:rgba(34,34,34,0.5); line-height:1; margin-right:5px; }
.event_con .event_wrap .evert_roll dl dd .date p { color:rgba(34,34,34,0.5); font-size:0.8889rem; line-height:1.75; letter-spacing:0; }
.event_con .event_wrap .evert_roll dl dd h3 { transition:all .2s linear; margin:5px 0 1px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block; }
.event_con .event_wrap .evert_roll dl:hover dd h3 { color:var(--main) !important; transition:all .2s linear; }
.event_con .event_wrap .evert_roll dl dd > p { font-size:1rem; line-height:1.6; letter-spacing:-0.04em; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block; }

.event_con .event_wrap .evert_roll .slick-list { padding-bottom:20px !important; }



/**** review_con ****/
.review_con {  }
.review_con .titArea {  }
.review_con .review_wrap { display:flex; flex-wrap:wrap; width:calc(100% + 30px); margin-right:-30px; margin-bottom:-50px; }
.review_con .review_wrap li { margin-right:25px; margin-bottom:50px; width:calc((100% - 120px)/4);}
.review_con .review_wrap li .textBox { position:Relative; padding:28px 24px 28px 30px; background:var(--white); border-radius:50px; filter: drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.08)); box-sizing:border-box; }
.review_con .review_wrap li .textBox::before { position:absolute; left:55px; bottom:1px; transform:translateY(100%); content:''; display:block; width:40px; height:30px; background:url('../../img/arrow2.png') no-repeat center top/contain; }
.review_con .review_wrap li .textBox .review_star { display:Block; margin:0 0 9px; }
.review_con .review_wrap li .textBox .review_star img { max-width:100%; height:auto; width: 104px; }
.review_con .review_wrap li .textBox .stxt { letter-spacing: -0.04em; line-height: 1.66; color:rgba(34,34,34,0.7); }
.review_con .review_wrap li dl { margin:33px 0 0; display:flex; flex-wrap:wrap; align-items:center; box-sizing:Border-box; padding:0 28px; }
.review_con .review_wrap li dl dt { width:100px; height:100px; border-radius:50%; overflow:hidden; }
.review_con .review_wrap li dl dt img { max-width:100%; height:Auto; }
.review_con .review_wrap li dl dd { width:calc(100% - 100px); box-sizing:border-box; padding-left:22px; }
.review_con .review_wrap li dl dd p {  }
.review_con .review_wrap li dl dd h3 {  }



/**** banner_con ****/
.banner_con {  }
.banner_con ul { display:flex; flex-wrap:wrap; justify-content:space-between; }
.banner_con ul li { width:calc((100% - 30px)/2); min-height:430px; }
.banner_con ul li:nth-child(n+3) { margin-top:30px; }
.banner_con ul li > a { display:block; width:100%; height:100%; }
.banner_con ul li > a .textArea { box-sizing:Border-box; padding:57px 50px; }
.banner_con ul li:first-child > a .textArea .bgTit { background:#E50029; }
.banner_con ul li:nth-child(2) > a .textArea .bgTit { background:#A079EF; }
.banner_con ul li > a .textArea h3 { padding:11px 0 10px; }
.banner_con ul li > a .textArea .more { margin:31px 0 0; }
.banner_con ul li > a:hover .textArea .more { color:var(--black); transition:color .2s linear;}
.banner_con ul li > a:hover .textArea .more span { padding-left:15px; color:var(--black); transition:All .2s linear; }

.banner_con.btn_menu_2 ul li:first-child { background:rgba(0,155,229,0.15); display:flex; flex-direction:column; justify-content: center; }
.banner_con.btn_menu_2 ul li:first-child .textArea > h3 { padding:28px 0 38px; }
.banner_con.btn_menu_2 ul li:first-child .bgTit { background:var(--main); margin:0 0 8px; }

.banner_con ul li .banner_in {  }
.banner_con ul li .banner_in.top { display:flex; flex-wrap:wrap; justify-content:space-between; background:rgba(46,217,228,0.15); box-sizing:border-box; padding:45px; }
.banner_con ul li .banner_in.top dl { width:calc((100% - 90px)/4); }
.banner_con ul li .banner_in.top dl a { display: block; box-sizing:border-box; text-align:center; }
.banner_con ul li .banner_in.top dl a dt { width:100%; overflow:hidden; border-radius:5px; background:var(--white); max-width:85px; margin:0 auto; }
.banner_con ul li .banner_in.top dl a dt img { max-width:100%; height:auto; transition:All .2s linear; }
.banner_con ul li .banner_in.top dl:hover a dt img { transform:scale(1.1); transition:All .2s linear; }
.banner_con ul li .banner_in.top dl a dd { padding:9px 0 0; font-size:1rem; line-height:1.66; letter-spacing:-0.04em; color:var(--black); font-weight:500; }

.banner_con ul li .banner_in.bottom { display:flex; flex-wrap:wrap; justify-content:space-between; }
.banner_con ul li .banner_in.bottom dl { width:calc((100% - 10px)/2); margin-top:10px; }
.banner_con ul li .banner_in.bottom dl a { display:block; width:100%; height:auto; box-sizing:border-box; padding:22px 25px; display:flex; flex-wrap:wrap; align-items:center; }
.banner_con ul li .banner_in.bottom dl a dt { width:55px; background:var(--white); border-radius:5px; overflow:hidden; }
.banner_con ul li .banner_in.bottom dl a dt img { max-width:100%; height:auto; transition:All .2s linear; }
.banner_con ul li .banner_in.bottom dl:hover a dt img { transform:scale(1.1); transition:All .2s linear; }
.banner_con ul li .banner_in.bottom dl a dd { width:calc(100% - 55px); box-sizing:border-box; padding-left:25px; color:var(--black); font-weight:500; }
.banner_con ul li .banner_in.bottom dl:nth-child(1) { background:rgba(38,138,231,0.15); }
.banner_con ul li .banner_in.bottom dl:nth-child(2) { background:rgba(249,133,160,0.15); }
.banner_con ul li .banner_in.bottom dl:nth-child(3) { background:rgba(65,97,209,0.15); }
.banner_con ul li .banner_in.bottom dl:nth-child(4) { background:rgba(160,121,239,0.15); }



/* 240729 박민희 과장님 작업분 */
/* 팝업 */
.size-large { max-width:700px ; height:auto;}
.size-medium { max-width:420px; height:auto;}
.size-small { max-width: 300px; height:auto;}

.size-large img { max-width:100% !important; height:auto;}
.size-medium img { max-width:100% !important; height:auto;}
.size-small img { max-width:100% !important; height:auto;}

/* popup position */
.modal_layer_cont{ 
	position:absolute;  top:2%;  
	transform: none; 
	z-index: 999991; 
	width:calc(100% - 16px);
	min-height: 13em;
}
.modal_layer_cont.left_top { left:8px; }
.modal_layer_cont.center_top{ left:50%; transform: translateX(-50%); }
.modal_layer_cont.right_top { left: calc(100% - 8px); transform: translateX(-100%); }

.modal_layer_cont .layer_bottom .close_layer {  width: auto; padding: 0 10px;  margin-left: auto;  }
.modal_layer_cont .layer_bottom .check {  width: auto; }


/*******************************************************************************
	@media 1600px
*******************************************************************************/
@media all and (max-width:1600px) { 

/* 슬릭 화살표 */
.slick-arrow.slick-prev { margin-left: -733px; }
.slick-arrow.slick-next { margin-right: -733px; }


}
/*******************************************************************************
	@media 1500px
*******************************************************************************/
@media all and (max-width:1500px) { 

/* 슬릭 화살표 */
.slick-arrow.slick-prev { left:5%; margin-left:0; }
.slick-arrow.slick-next { right:5%; margin-right:0; }


/**** visual ****/
#visual .visual_in .roll .textArea .textArea_in {padding: 0 0 0 78px; max-width:unset; width:50%;}
#visual .visual_in .roll .bg { background-size:120% auto; }



/**** online_con ****/
.online_con .slick-arrow, .event_con .slick-arrow { top:-70px; }
.online_con .slick-arrow.slick-prev, .event_con .slick-arrow.slick-prev { left:15px; }
.online_con .slick-arrow.slick-next, .event_con .slick-arrow.slick-next { right:15px; }



/**** video_con ****/
.video_con br { display:none; }



/**** review_con ****/
.review_con br { display:none; }


}
/*******************************************************************************
	@media 1350px
*******************************************************************************/
@media all and (max-width:1350px) { 


/**** online_con ****/
.online_con .online_banner dl {  }
.online_con .online_banner dl a { padding: 35px 50px 45px 40px; }
.online_con .online_banner dl a dt { width:150px; }
.online_con .online_banner dl a dd { width:calc(100% - 150px); }



/**** new_con ****/
.new_con .titArea { width:29%; }
.new_con .new_wrap { width:71%; }



/**** review_con ****/
.review_con .review_wrap { width:calc(100% + 20px); margin-right:-20px; }
.review_con .review_wrap li { margin-right:20px; width:calc((100% - 80px)/4); }
.review_con .review_wrap li dl dt { width: 70px; height: 70px; }
.review_con .review_wrap li dl dd { width: calc(100% - 70px); padding-left: 15px; }



/**** banner_con ****/
.banner_con.btn_menu_1 ul li:first-child, .banner_con ul li:nth-child(2) { background-size:100% auto !important; }
.banner_con.btn_menu_1 ul li:first-child { background-color: rgba(249, 133, 160, 0.16) !important; }
.banner_con.btn_menu_1 ul li:nth-child(2) { background-color: rgba(160, 121, 239, 0.12) !important; }

.banner_con ul li .banner_in.top dl a dd, .banner_con ul li .banner_in.bottom dl a dd { line-height:1.4; }



}
/*******************************************************************************
	@media 980px
*******************************************************************************/
@media all and (max-width:980px) { 


/**** 공통 ****/
.point_txt { padding:0 0 5px; }

.bgTit { line-height:26px; }

.pt_40 { padding-top:30px; }
.pt_50 { padding-top:30px; }
.pt_80 { padding-top:50px; }
.pt_100 { padding-top:60px; }
.pb_80 { padding-bottom:50px; }


/**** moreBtn ****/
.moreBtn{width:160px; height:45px; padding:0 20px 0 23px; }
.moreBtn span { font-size:20px; }


/* 슬릭 화살표 */
.slick-arrow { width:45px; height:45px; top:53%; }


/**** visual ****/
#visual{height:700px; }
#visual .visual_in .roll .textArea  { top:120px; transform:translate(-50%, 0); text-align:center; }
#visual .visual_in .roll .textArea .textArea_in { padding:0; width:100%; }
#visual .visual_in .roll .textArea .textArea_in dl { display:block; }
#visual .visual_in .roll .textArea .textArea_in dl dt { width:45px; margin:0 auto; }
#visual .visual_in .roll .textArea .textArea_in dl dd { width:100%; }
#visual .visual_in .roll .textArea .textArea_in h2 { padding:15px 0 15px; }
#visual .visual_in .roll .textArea .textArea_in .btnArea { padding:30px 0 0; }
#visual .visual_in .roll .textArea .textArea_in .btnArea .moreBtn { margin:0 auto; }
#visual .visual_in .roll .bg { height: 700px; background-size:500px auto; background-position:center bottom; }

/* 페이징 */
#visual .slick-dots { display:none !important; bottom: 100px; }
#visual .slick-dots li {margin:0 5px;}
#visual .slick-dots li button { width:9px; height:9px; }



/**** notice_con ****/
.notice_con { margin-top:-66px; }
.notice_con dl { padding:19px 0; }
.notice_con dl dt { width:100px; }
.notice_con dl dt a { width:28px; height:28px; margin-left:10px; }
.notice_con dl dt a span { font-size:20px; line-height:26px; }
.notice_con dl dd { width:calc(100% - 100px); padding-left:40px; }
.notice_con dl dd p { width:calc(100% - 100px); }



/**** online_con ****/
.online_con .slick-arrow, .event_con .slick-arrow { top:-50px; }
.online_con .slick-arrow.slick-prev, .event_con .slick-arrow.slick-prev { left:10px; }
.online_con .slick-arrow.slick-next, .event_con .slick-arrow.slick-next { right:10px; }

.online_con .online_wrap .online_roll .slick-list { padding-bottom:50px !important; }
.online_con .online_wrap .online_roll , .new_con .new_wrap .new_roll { margin:0 -10px; }
.online_con .online_wrap .online_roll dl, .new_con .new_wrap .new_roll dl { margin:0 10px; box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.08); }
.online_con .online_wrap .online_roll dl dd, .new_con .new_wrap .new_roll dl dd { padding: 20px 20px 25px; }
.online_con .online_wrap .online_roll dl dd h3, .new_con .new_wrap .new_roll dl dd h3 { margin:0 0 7px; }

.online_con .online_banner dl { width:calc((100% - 20px)/2); }
.online_con .online_banner dl a { padding: 25px 30px 35px 25px; }
.online_con .online_banner dl a dt { width:80px; }
.online_con .online_banner dl a dd { width:calc(100% - 80px); }
.online_con .online_banner dl a dd h3 { padding: 11px 0 20px; }



/**** video_con ****/
.video_con .video_in .videoArea { width:100%; padding-bottom:56.25%; }
.video_con .video_in .video_review { width:100%; margin:20px 0 0; max-width: unset; position:relative; }
.video_con .video_in .video_review h3 { position:absolute; top:30px; left:50%; transform:translateX(-50%); }
.review_tab { /* overflow: hidden; */ }
.video_con .video_in .video_review .video_review_in  { max-width:unset; }
.video_con .video_in .video_review .video_review_in ul {  flex-direction: row; padding:50px 0 20px; display:flex; max-width:unset; max-height:unset; /* overflow-x:auto; */ overflow-y:unset; }
.video_con .video_in .video_review .video_review_in ul li { margin-top:0 !important; width:285px !important; display: inline-block; }
.video_con .video_in .video_review .video_review_in ul li:nth-child(n+2) { margin-left:10px; }
.video_con .video_in .video_review .video_review_in ul li > p { padding:0; margin:5px 0 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }



/**** new_con ****/
.new_con .titArea { padding:40px 20px 0 0; }
.new_con .new_btn { padding:50px 0 0; }
.new_con .new_wrap .new_roll .slick-list { padding-bottom:30px !important; }



/**** review_con ****/
.review_con .review_wrap { margin-bottom:-30px; }
.review_con .review_wrap li { width:calc((100% - 60px)/3); margin-bottom:30px; }
.review_con .review_wrap li dl dt { width: 60px; height: 60px; }
.review_con .review_wrap li dl dd { width: calc(100% - 60px); padding-left: 15px; }
.review_con .review_wrap li .textBox { border-radius:40px; padding: 20px 25px 20px 25px; }
.review_con .review_wrap li .textBox::before { width: 30px; height: 20px; }
.review_con .review_wrap li .textBox .review_star { margin: 0 0 5px; }
.review_con .review_wrap li .textBox .review_star img { width: 86px; }



/**** event_con ****/
.event_con .event_wrap .evert_roll { margin:0 -10px; }
.event_con .event_wrap .evert_roll dl { margin:0 10px; box-shadow:0px 8px 15px 0px rgba(0, 0, 0, 0.08); }
.event_con .event_wrap .evert_roll dl dd { padding: 20px 20px 22px; }
.event_con .event_wrap .evert_roll dl dd .date span { font-size: 19px; }



/**** banner_con ****/
.banner_con ul li { width: calc((100% - 20px) / 2); min-height: 350px; }
.banner_con ul li:nth-child(n+3) { margin-top: 20px; }
.banner_con ul li > a .textArea { padding: 30px 25px; }
.banner_con ul li > a .textArea br { display:none; }
.banner_con ul li > a .textArea h3 { padding:12px 0 7px; }
.banner_con ul li > a .textArea .more { margin:0; padding:20px 0 0; }

.banner_con.btn_menu_2 ul li:first-child .textArea > img { width: 50px; height:Auto; }
.banner_con.btn_menu_2 ul li:first-child .textArea > h3 { padding: 20px 0 30px; }
.banner_con.btn_menu_2 ul li:first-child .bgTit { margin: 0 0 5px; }

.banner_con ul li .banner_in.top { padding: 36px 30px; }
.banner_con ul li .banner_in.top dl { width: calc((100% - 60px) / 4); }
.banner_con ul li .banner_in.bottom dl a { padding: 20px 15px; }
.banner_con ul li .banner_in.bottom dl a dt { width:40px; }
.banner_con ul li .banner_in.bottom dl a dd { width: calc(100% - 40px); padding-left: 15px; }







}
/*******************************************************************************
	@media 680px
*******************************************************************************/
@media all and (max-width:680px) { 



/**** 공통 ****/
.point_txt { padding:0 0 1px; }

.bgTit { line-height:24px; }

.pt_40 { padding-top:20px; }
.pt_50 { padding-top:20px; }
.pt_80 { padding-top:40px; }
.pt_100 { padding-top:50px; }
.pb_80 { padding-bottom:40px; }


/* 슬릭 화살표 */
.slick-arrow { width:40px; height:40px; }

.modal_layer_cont .modal_layer_in {padding:15px;}
.modal_layer_cont .layer_bottom .check {padding:5px 10px; width:100%;}
.modal_layer_cont .layer_bottom .check label {flex-wrap:nowrap; font-size:12px;}
.modal_layer_cont .layer_bottom .check label input[type="checkbox"] {width:16px; height:16px;}
.modal_layer_cont .layer_bottom .close_layer {width:100%; font-size:12px; height:34px;}
.modal_layer_cont .layer_bottom .close_layer::before {font-size:18px;}

.privacy_pop_in {padding:20px 25px;}
.privacy_pop_in h3 {margin:0 0 15px;}
.privacy_pop .privacy_close {width:30px; height:30px;}
.privacy_pop .privacy_close::before {font-size:30px;}
.privacy_pop_in .textarea {height:100px;}
.privacy_pop_in .textareaBox {margin:15px 0 0;}
.memBtn_list .btn {width:120px; height:48px; margin:15px auto 0;}


/**** visual ****/
#visual{height:650px; }
#visual .visual_in .roll .textArea  { top:71px; }
#visual .visual_in .roll .textArea .textArea_in { width:100%; max-width:unset; }
#visual .visual_in .roll .textArea .textArea_in dl { display:block; }
#visual .visual_in .roll .textArea .textArea_in dl dt { width:45px; margin:0 auto; }
#visual .visual_in .roll .textArea .textArea_in dl dd { width:100%; }
#visual .visual_in .roll .textArea .textArea_in h2 { padding:6px 0 8px; }
#visual .visual_in .roll .textArea .textArea_in .btnArea { padding:17px 0 0; }
#visual .visual_in .roll .bg { height: 650px; background-size:500px auto; }



/**** notice_con ****/
.notice_con { margin-top:-60px; }
.notice_con dl { padding:16px 0; }
.notice_con dl dt { width:82px; }
.notice_con dl dt a { margin-left:7px; }
.notice_con dl dt a span { font-size:19px; }
.notice_con dl dd { width:calc(100% - 82px); padding-left:19px; }
.notice_con dl dd p { width:calc(100% - 85px); }



/**** online_con ****/
.online_con .slick-arrow { top:-46px; }
.online_con .slick-arrow.slick-prev { left:5px; }
.online_con .slick-arrow.slick-next { right:5px; }
.online_con .online_wrap .online_roll .slick-list { padding-bottom:30px !important; }
.online_con .online_wrap .online_roll , .new_con .new_wrap .new_roll { margin:0 -5px; }
.online_con .online_wrap .online_roll dl, .new_con .new_wrap .new_roll dl { margin:0 5px; }
.online_con .online_wrap .online_roll dl dd, .new_con .new_wrap .new_roll dl dd { padding: 20px 20px 25px; }

.online_con .online_banner dl { width:100%; }
.online_con .online_banner dl:nth-child(n+2) { margin-top:10px; }
.online_con .online_banner dl a { justify-content: flex-end; position:relative; padding: 27px 20px 17px 25px; }
.online_con .online_banner dl a dt { position:absolute; right:20px; bottom:17px; z-index:0; width:143px; }
.online_con .online_banner dl a dd { position:relative; z-index:1; width:61%; }
.online_con .online_banner dl a dd h3 { padding: 12px 0 15px; }



/**** new_con ****/
.new_con .titArea { position:relative; width:100%; padding:0 0 30px; text-align:center; }
.new_con .new_btn { margin-top: -10px; padding:0 0 0; position:Absolute; top:50%; left:0; width:100%; display:flex; justify-content:space-between; transform: translateY(-50%); }
.new_con .new_wrap { width:100%; }
.new_con .new_wrap .new_roll .slick-list { padding-bottom:30px !important; }



/**** review_con ****/
.review_con  { overflow:hidden; }
.reivew_over { overflow-x:Auto; padding:0 0 40px; }
.reivew_over::-webkit-scrollbar { width:100%; height:5px; margin:auto 0; border:none; border-radius:5px; }
.reivew_over::-webkit-scrollbar-thumb { background-color:rgba(34,34,34,0.8); border-radius:5px; }
.reivew_over::-webkit-scrollbar-track { background-color:rgba(34,34,34,0.15); border-radius:5px; }
.review_con .review_wrap { margin-bottom:0; display:flex; min-width:2600px; padding-top: 25px; }
.review_con .review_wrap li { width:315px; margin-bottom:0; margin-right:10px; }
.review_con .review_wrap li:last-child { margin-right:0; }
.review_con .review_wrap li dl dd { padding-left: 12px; }
.review_con .review_wrap li .textBox { border-radius:30px; padding: 20px 20px; }
.review_con .review_wrap li .textBox::before { width: 25px; height: 20px; }



/**** event_con ****/
.event_con .event_wrap .evert_roll { margin:0 -5px; }
.event_con .event_wrap .evert_roll dl { margin:0 5px; }
.event_con .event_wrap .evert_roll dl dd { padding: 15px 20px 20px; }
.event_con .event_wrap .evert_roll dl dd .date span { font-size: 16px; }
.event_con .event_wrap .evert_roll dl dd h3 { margin:3px 0 2px; }



/**** banner_con ****/
.banner_con ul li { width: 100%; min-height: unset; }
.banner_con ul li:nth-child(n+2) { margin-top: 10px; }
.banner_con ul li > a .textArea { padding: 26px 25px; width: 52%; }
.banner_con ul li > a .textArea .more { margin:0; padding:12px 0 0; }

.banner_con ul li:nth-child(1) { background-size:400px auto !important; background-position:right bottom 40px; }
.banner_con ul li:nth-child(2) { background-size:410px auto !important; background-position:right bottom 45px; }

.banner_con.btn_menu_2 ul li:first-child { padding:20px 20px 24px; }
.banner_con.btn_menu_2 ul li:first-child .textArea > img { width: 40px; height:Auto; }
.banner_con.btn_menu_2 ul li:first-child .textArea > h3 { padding: 8px 0 10px; }

.banner_con ul li .banner_in.top { padding: 20px 22px; }
.banner_con ul li .banner_in.top dl { width: calc((100% - 75px) / 4); }
.banner_con ul li .banner_in.bottom dl a { padding: 10px 10px; }



}

/*******************************************************************************
	@media 480px
*******************************************************************************/
@media all and (max-width:480px) { 


/**** visual ****/
#visual .visual_in .roll .textArea  { top:13%; }
#visual .visual_in .roll .bg { background-size:100% auto; }



/**** online_con ****/
.online_con .slick-arrow.slick-next, .event_con .slick-arrow.slick-next { right:180px; }
.online_con .online_wrap ,  .new_con .new_wrap, .event_con .event_wrap { width:calc(100% + 175px); }



/**** new_con ****/
.new_con .titArea { padding:0 0 20px; }
.new_con .new_btn { margin-top: 0; }

.progress { width:calc(100% - 160px); }



/**** event_con ****/
.event_con .event_wrap .evert_roll { margin:0 -5px; }
.event_con .event_wrap .evert_roll dl { margin:0 5px; }
.event_con .event_wrap .evert_roll dl dd { padding:15px 20px 20px 16px; }
.event_con .event_wrap .evert_roll dl dd .date span { font-size: 16px; }
.event_con .event_wrap .evert_roll dl dd h3 { margin:3px 0 2px; }



/**** banner_con ****/
.banner_con ul li > a .textArea { width: 63%; }

.banner_con ul li:nth-child(1) { background-size:280px auto !important; }
.banner_con ul li:nth-child(2) { background-size:290px auto !important; }


}




