@charset "utf-8";
@import "reset.css";


#wrap {min-width:1800px; max-width:100%; overflow:hidden;}
#wrap img {vertical-align:top;}

#wrap header {position:fixed; top:0; z-index:999; min-width:1800px; width:100%; height:115px; background-color:#fff; -webkit-transform: translateZ(0); transform: translateZ(0)}
#wrap header #header {position:relative;}
#wrap header #header h1 {position:absolute; left:57px; top:37px; z-index:1; width:184px; height:48px;}
#wrap header #header h1 a {display:block;}
#wrap header #header .my_nav {position:absolute; right:160px; top:40px;}
#wrap header #header .my_nav .btn_logout {display:inline-block; margin-right:20px; width:65px; height:18px; border:1px solid #b2b2b2; font-size:10px; letter-spacing:0.05em; text-align:center; line-height:18px;}
#wrap header #header .lang_nav {position:absolute; right:84px; top:40px;}
#wrap header #header .lang_nav a {display:inline-block; font-size:12px; text-decoration:underline; line-height:38px;;}
#wrap header #header .hd_sch_wrap {position:absolute; right:0; top:0;}
#wrap header #header .hd_sch_wrap > button {width:55px; height:115px; background:#c80000 url(/images/common/ico_sch01.png) no-repeat 50% 50%;}
#wrap header #header .hd_schFormBox {display:none; position:absolute; top:115px; width:100%; height:calc(100vh - 115px); z-index:10;}
#wrap.topHeaderFix header #header .hd_schFormBox {display:none; position:fixed; left:0; right:0; top:115px; bottom:0; height:calc(100vh - 115px)}
#wrap header #header .hd_schFormBox .ly_dim {display:block; position:absolute; left:0; right:0; bottom:0; top:0; height:calc(100vh - 115px)}
#wrap header #header .hd_schFormBox > button {position:absolute; right:0; top:-115px; width:55px; height:115px; background:#000 url(/images/common/btn_closed03.png) no-repeat 50% 50%;}
#wrap header #header .hd_schFormBox .schForm_wrap {display:none; position:relative; padding:13px 0; border-top:1px solid #a3a3a3; border-bottom:1px solid #000; background-color:#fff; z-index:1001;}
#wrap header #header .hd_schFormBox .schForm_wrap .input_sch_wrap {position:relative; width:631px; margin:0 auto; font-size:0; border-bottom:3px solid #000; padding:0 85px 0 0; box-sizing:border-box;}
#wrap header #header .hd_schFormBox .schForm_wrap .input_sch_wrap input[type="text"] {width:100%; height:87px; border:0 none; font-size:40px; font-weight:400; line-height:87px;}
#wrap header #header .hd_schFormBox .schForm_wrap .input_sch_wrap .btn_area {position:absolute; right:0; top:0; width:85px; font-size:0;}
#wrap header #header .hd_schFormBox .schForm_wrap .input_sch_wrap .btn_search {width:85px; height:87px; background:url(/images/common/btn_sch02.png) no-repeat 50% 50%; vertical-align:middle;}
#wrap header #header .hd_schFormBox .schForm_wrap .input_sch_wrap .btn_reset {display:none; width:67px; height:87px; font-size:17px; font-weight:700; vertical-align:middle; text-align:right;}
#wrap header #header .hd_schFormBox .schForm_wrap .input_sch_wrap .bar {display:none; width:2px; height:17px; background-color:#616161; vertical-align:middle;}
#wrap header #header .hd_schFormBox .schForm_content {}
#wrap header #header .hd_whatsOn {display:none; position:absolute; top:115px; right:0; opacity:1; width:55px; height:246px; background:#c80000; overflow:hidden;}
#wrap.sub header #header .hd_whatsOn {display:block;}
#wrap header #header .hd_whatsOn > span {display:block; transform:rotate(-90deg); position:absolute; left:50%; top:50%; width:100px; margin:0 0 0 -50px; color:#fff;}
#wrap header #header .hd_whatsOn > span span {font-style:italic; font-weight:300; font-size:20px;}
#wrap header #header .hd_whatsOn > span strong {font-size:18px; font-weight:400;}

/* #gnbWrap {position:relative; width:1800px; margin:0 auto;}
#gnbWrap > ul {font-size:0; text-align:center;}
#gnbWrap > ul > li {position:relative; display:inline-block; padding:48px 0 43px 24px; vertical-align:top;}
#gnbWrap > ul > li > a {position:relative; display:block; height:24px; padding:0 24px 0 0; height:24px; font-size:17px; font-weight:700; line-height:24px; box-sizing:border-box;}
#gnbWrap > ul > li > ul {display:none; position:absolute; left:24px; right:-24px; top:115px; padding:37px 0 0 0; text-align:left;}
#gnbWrap > ul > li > ul > li {padding:9px 0 8px;}
#gnbWrap > ul > li > ul > li > a {position:relative; height:19px; padding:0 21px 0 0; font-size:14px; line-height:18px; font-weight:400; letter-spacing:-0.025em; box-sizing:border-box;}
#gnbWrap > ul > li > a:before {content:""; position:absolute; left:0; bottom:0; width:0%; height:2px; background-color:#000; transition:all .3s;}
#gnbWrap > ul > li > ul > li > a:before {content:""; position:absolute; left:0; bottom:0; width:0%; height:1px; background-color:#000; transition:all .3s;}
#gnbWrap > ul > li > a:hover:before,
#gnbWrap > ul > li.active > a:before,
#gnbWrap > ul > li > ul > li > a:hover:before,
#gnbWrap > ul > li > ul > li.active > a:before {width:100%;}

#wrap header.active:before {content:""; position:absolute; top:115px; left:0; right:0; height:245px; background-color:#fff; border-top:1px solid #aeaeae; border-bottom:1px solid #0d0d0d;}
#wrap header.active #gnbWrap > ul > li > ul {display:block;}
#wrap header.active #gnbWrap .headerSideBnr_wrap {display:block;} */

#gnbWrap {position:relative; width:1800px; margin:0 auto;}
#gnbWrap > ul {font-size:0; text-align:center;}
#gnbWrap > ul > li {position:relative; display:inline-block; padding:48px 0 45px 24px; vertical-align:top;}
#gnbWrap > ul > li > a {position:relative; display:block; height:24px; padding:0 24px 0 0; height:24px; font-size:17px; font-weight:700; line-height:24px; box-sizing:border-box;}
#gnbWrap > ul > li > ul {display:none; position:absolute; left:24px; top:115px; text-align:left;}
#gnbWrap > ul > li.active > ul {display:flex; min-width:700px;}
#gnbWrap > ul > li:nth-child(2) > ul {left:-110px;}
#gnbWrap > ul > li:nth-child(3) > ul {left:-223px;}
#gnbWrap > ul > li:nth-child(4) > ul {left:-340px;}
#gnbWrap > ul > li:nth-child(5) > ul {left:-445px;}
#gnbWrap > ul > li > ul > li {padding:21px 35px 21px 0; flex-grow:0; flex-shrink:0;}
#gnbWrap > ul > li > ul > li > a {position:relative; height:19px; padding:0 21px 0 0; font-size:14px; line-height:18px; font-weight:400; letter-spacing:-0.025em; box-sizing:border-box;}
#gnbWrap > ul > li > a:before {content:""; position:absolute; left:0; bottom:0; width:0%; height:2px; background-color:#000; transition:all .3s;}
#gnbWrap > ul > li > ul > li > a:before {content:""; position:absolute; left:0; bottom:0; width:0%; height:1px; background-color:#000; transition:all .3s;}
#gnbWrap > ul > li > a:hover:before,
#gnbWrap > ul > li.active > a:before,
#gnbWrap > ul > li > ul > li > a:hover:before,
#gnbWrap > ul > li > ul > li.active > a:before {width:100%;}

#wrap header.active:before {content:""; position:absolute; top:115px; left:0; right:0; height:62px; background-color:#fff; border-top:1px solid #aeaeae; border-bottom:1px solid #0d0d0d;}

#gnbWrap .headerSideBnr_wrap {display:none; position:absolute; left:0; top:164px; width:420px; padding:0 30px 0 0; border-right:1px solid #e8e0db;}
#gnbWrap .headerSideBnr_wrap .headerSideBnr {position:relative; padding:0 50px; overflow:hidden;}
#gnbWrap .headerSideBnr_wrap .headerSideBnr ul {}
#gnbWrap .headerSideBnr_wrap .headerSideBnr .headerSideBnr_BtnNext {z-index:10; position:absolute; top:0; right:0; height:100%; background:#fff url(/images/common/arr_next02.png) no-repeat 50% 50%;}
#gnbWrap .headerSideBnr_wrap .headerSideBnr .headerSideBnr_BtnNext:before {content:""; display:inline-block; width:30px; height:30px; border:1px solid #c6c6c6; border-radius:30px; vertical-align:middle;}
#gnbWrap .headerSideBnr_wrap .headerSideBnr .headerSideBnr_BtnPrev {z-index:10; position:absolute; top:0; left:0; height:100%; background:#fff url(/images/common/arr_prev02.png) no-repeat 50% 50%;}
#gnbWrap .headerSideBnr_wrap .headerSideBnr .headerSideBnr_BtnPrev:before {content:""; display:inline-block; width:30px; height:30px; border:1px solid #c6c6c6; border-radius:30px; vertical-align:middle;}
#gnbWrap .headerSideBnr_wrap .headerSideBnr .headerSideBnr_BtnNext.swiper-button-disabled, #gnbWrap .headerSideBnr_wrap .headerSideBnr .headerSideBnr_BtnPrev.swiper-button-disabled {opacity:0;}
#gnbWrap .headerSideBnr_wrap .headerSideBnr .headerSideBnr_slide {width:320px;}
#gnbWrap .headerSideBnr_wrap .headerSideBnr .headerSideBnr_slide a {display:block; overflow:hidden;}
#gnbWrap .headerSideBnr_wrap .headerSideBnr .headerSideBnr_slide a .thumb {float:right; width:150px; height:150px;}
#gnbWrap .headerSideBnr_wrap .headerSideBnr .headerSideBnr_slide a .thumb img {width:150px; height:150px;}
#gnbWrap .headerSideBnr_wrap .headerSideBnr .headerSideBnr_slide a .prd_info {float:left; width:146px; padding:21px 0 0 0;}
#gnbWrap .headerSideBnr_wrap .headerSideBnr .headerSideBnr_slide a .prd_info > p {text-align:right;}
#gnbWrap .headerSideBnr_wrap .headerSideBnr .headerSideBnr_slide a .prd_info .cate {padding:0 0 5px 0; font-size:13px; line-height:24px;}
#gnbWrap .headerSideBnr_wrap .headerSideBnr .headerSideBnr_slide a .prd_info .title {font-size:19px; font-weight:700; letter-spacing:-0.05em; line-height:24px;}
#gnbWrap .headerSideBnr_wrap .headerSideBnr .headerSideBnr_slide a .prd_info .date {padding:10px 0 0 0; font-size:12px; line-height:18px;}

#footer {display:block; background-color:#1b1b1b;}
#footer .btn_topGo {position:fixed; right:-90px; bottom:0; width:90px; height:90px; background-color:#000; z-index:10;}
#footer .btn_topGo span {display:inline-block; color:#fff; font-size:14px; font-weight:500; line-height:29px;}
#footer .btn_topGo span:before {content:""; display:block; width:11px; height:8px; margin:0 auto; background:url(/images/common/ico_sel01.png) no-repeat 50% 50%; -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);}
.f_footer_contents {width:1530px; margin:0 auto;}
.f_footer_contents .fl {width:662px;}
.f_quick_nav {padding:95px 0 36px 0; font-size:0;}
.f_quick_nav a {display:inline-block; width:324px; height:69px; margin-left:14px; border:0 none; background-color:#2b2b2b; color:#fff; font-size:18px; line-height:69px; text-align:center;}
.f_quick_nav a:first-child {margin-left:0;}
.f_sns_wrap {float:left; padding:0 0 0 40px;}
.f_sns_wrap li {float:left; padding-left:22px;}
.f_sns_wrap li:first-child {padding-left:0;}
.f_sns_wrap li a {display:block; width:58px; height:58px; background-repeat:no-repeat; background-position:50% 50%;}
.f_sns_wrap li.sns01 a {background-image:url(/images/common/ico_youtube01.png);}
.f_sns_wrap li.sns02 a {background-image:url(/images/common/ico_instargram01.png);}
.f_sns_wrap li.sns03 a {background-image:url(/images/common/ico_blog01.png);}
.f_sns_wrap li.sns04 a {background-image:url(/images/common/ico_facebook01.png);}
.f_sns_wrap li.sns05 a {background-image:url(/images/common/ico_kakaoCh01.png);}
.f_famSite_wrap {float:left; position:relative; width:322px; height:58px;}
.f_famSite_wrap > button {width:322px; height:58px; padding:0 20px 0 29px; border:1px solid #464646; color:#fff; font-size:16px; font-weight:500; text-align:left;}
.f_famSite_wrap > button span {display:block; position:relative;}
.f_famSite_wrap > button span:after{content:""; position:absolute; right:0; top:50%; width:11px; height:8px; margin-top:-4px; background:url(/images/common/ico_sel01.png) no-repeat 50% 50%; transition:transform .3s; -webkit-transition:transform .3s; -ms-transition:transform .3s;}
.f_famSite_wrap.active > button span:after {transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
.f_famSite_wrap > ul {display:none; position:absolute; left:0; right:0; bottom:57px; background-color:#1b1b1b; border:1px solid #464646;}
.f_famSite_wrap.active > ul {display:block;}
.f_famSite_wrap > ul li {border-top:1px solid #464646;}
.f_famSite_wrap > ul li:first-child {border-top:0 none;}
.f_famSite_wrap > ul li a {display:block; padding:0 20px 0 29px; color:#fff; font-size:16px; line-height:38px;}
.f_famSite_wrap > ul li a:hover span {display:block; background:url(/images/common/arr_more01.png) no-repeat 100% 50%;}

.f_newsletter_wrap {float:right; padding:50px 0 0 0; width:448px; text-align:right;}
.f_newsletter_wrap h2 {font-size:0; line-height:30px;}
.f_newsletter_wrap h2 em {display:inline-block; margin-right:8px; font-size:18px; color:rgba(255,255,255,0.5); font-style:italic; vertical-align:bottom; letter-spacing:-0.025em;}
.f_newsletter_wrap h2 strong {display:inline-block; font-size:16px; color:#fff; font-weight:700; vertical-align:bottom; letter-spacing:-0.025em;}
.f_newsletter_wrap h2 + p {padding:0 0 6px 0; color:rgba(255,255,255,0.5); font-size:16px; line-height:30px;}
.f_newsletter_wrap .newsletter_join_form {position:relative; padding:0 102px 0 0; border:1px solid #fff;}
.f_newsletter_wrap .newsletter_join_form button {position:absolute; right:0; top:0; width:102px; height:37px; background-color:#fff; font-size:18px; font-style:italic;}
.f_newsletter_wrap .newsletter_join_form input {width:100%; height:37px; padding:0 10px; border:0 none; background:none; color:#fff; font-size:14px; box-sizing:border-box;}
.f_newsletter_wrap .newsletter_agreeCheck {height:37px; line-height:37px;;}
.f_newsletter_wrap .newsletter_agreeCheck input[type="checkbox"] {display:none;}
.f_newsletter_wrap .newsletter_agreeCheck input[type="checkbox"] + label {color:rgba(255,255,255,0.5); font-size:12px; line-height:37px;}
.f_newsletter_wrap .newsletter_agreeCheck input[type="checkbox"] + label:before {content:''; display:inline-block; width:11px; height:11px; margin-right:5px; border:1px solid #8c8c8c; box-sizing:border-box; vertical-align:middle;}
.f_newsletter_wrap .newsletter_agreeCheck input[type="checkbox"]:checked + label:before {content:'✔'; color:#fff; font-size:10px; line-height:8px;}
.f_address_wrap {padding:39px 0 122px; border-top:1px solid #343434;}
.f_address_wrap .address_box {width:1530px; margin:0 auto;}
/* .f_address_wrap .address_box h1 {float:left; width:136px; height:62px;}
.f_address_wrap .address_box .address_txt {display:block; padding:0 0 0 98px; overflow:hidden; font-size:14px; font-weight:300;} */
.f_address_wrap .address_box h1 {display:none;}
.f_address_wrap .address_box .address_txt {display:block; overflow:hidden; font-size:14px; font-weight:300;}
.f_address_wrap .address_box .address_txt address {display:block; font-size:0; line-height:32px;}
.f_address_wrap .address_box .address_txt address p {display:inline-block; padding:0 0 0 20px; color:rgba(133,133,133,0.3); font-size:14px;}
.f_address_wrap .address_box .address_txt address p:first-child {padding:0;}
.f_address_wrap .address_box .address_txt .copyright {line-height:15px; color:rgba(133,133,133,0.3);}
.f_etc_nav {clear:both; padding:19px 0 43px 0;}
.f_etc_nav li {float:left; line-height:38px;}
.f_etc_nav li:before {content:"·"; display:inline-block; width:77px; color:#737373; font-size:14px; font-weight:700; text-align:center;}
.f_etc_nav li:first-child:before {display:none}
.f_etc_nav li a {color:#737373; font-size:14px; font-weight:500;}
.f_etc_nav li a strong {color:#fff; font-weight:700;}

/* btn*/
.btn01 {display:inline-block; background-color:#000; border:1px solid #000; color:#fff; box-sizing:border-box; vertical-align:middle;}
.btn02 {display:inline-block; background-color:#fff; border:1px solid #000; color:#000; box-sizing:border-box; vertical-align:middle;}
.btn03 {display:inline-block; background-color:#c80000; border:1px solid #c80000; color:#fff; box-sizing:border-box; vertical-align:middle;}
.btn04 {display:inline-block; background-color:#9a9a9a; border:1px solid #9a9a9a; color:#fff; box-sizing:border-box; vertical-align:middle;}
.btn05 {display:inline-block; background-color:#cf1461; border:1px solid #cf1461; color:#fff; box-sizing:border-box; vertical-align:middle;}
.btn06 {display:inline-block; background-color:#2b2b2b; border:1px solid #2b2b2b; color:#fff; box-sizing:border-box; vertical-align:middle;}
.b_ty01 {height:22px; padding:0 17px; line-height:20px; font-size:12px; letter-spacing:-0.05em; font-weight:100; text-align:center;}
.b_ty02 {height:36px; padding:0 50px; line-height:34px; font-size:13px; letter-spacing:-0.05em; font-weight:700; text-align:center;}
.b_ty03 {min-width:157px; height:49px; padding:0 50px; line-height:47px; font-size:15px; letter-spacing:-0.025em; text-align:center;}
.b_ty04 {min-width:157px; height:39px; line-height:37px; font-size:15px; letter-spacing:-0.025em; text-align:center;}
.b_ty05 {height:34px; padding:0 30px; line-height:32px; font-size:15px; letter-spacing:-0.025em; text-align:center;}
.b_ty06 {height:26px; padding:0 30px; line-height:24px; font-size:13px; letter-spacing:-0.025em; text-align:center;}
.b_ty07 {min-width:324px; height:69px; padding:0 30px; line-height:67px; font-size:18px; letter-spacing:-0.025em; text-align:center;}
.b_ty08 {height:33px; padding:0 50px; line-height:32px; font-size:15px; letter-spacing:-0.05em; font-weight:700; text-align:center;}


/* form */
.btn_chk01 {display:inline-block; position:relative; vertical-align:middle; min-height:24px; line-height:24px;}
.btn_chk01 input {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;} 
.btn_chk01 input + label {display:block; height:29px; padding:0 15px 0 26px; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; border:1px solid #fff; color:#000; font-size:13px; line-height:27px; box-sizing:border-box;}
.btn_chk01 input + label:before {content:''; position:absolute; left:8px; top:8px; width:12px; height:12px;}
.btn_chk01 input:checked + label {color:#e1001a; border:1px solid #e1001a; border-radius:20px; box-shadow:3px 3px 3px rgba(0,0,0,0.14);}
.btn_chk01 input:checked + label:before {background:url(/images/common/ico_chk01.png) no-repeat 0 0;}


/* 게시판 paging */
.paging {text-align:center; padding-top:50px; font-size:0; line-height:0;}
.paging > a {display:inline-block; width:28px; height:27px; border:1px solid #cacaca; border-radius:28px; overflow:hidden; line-height:999px; vertical-align:middle; color:transparent; margin-left:2px;}
.paging > a.prev {background:url(/images/common/arr_prev02.png) no-repeat 50% 50%;}
.paging > a.next {background:url(/images/common/arr_next02.png) no-repeat 50% 50%; margin-left:0;}
.paging .page_num {display:inline-block; margin:0 20px; vertical-align:middle;}
.paging .page_num li {float:left; margin:0 6px;}
.paging .page_num li a {display:inline-block; width:27px; height:33px; color:#555555; font-size:17px; line-height:31px; text-align:center; box-sizing:border-box;}
.paging .page_num li.active > a {border-bottom:2px solid #000; color:#000; font-weight:700;}

/* popup */
.pu_wrap {display:none; position:fixed; left:0; top:0; right:0; bottom:0; z-index:1000;}
.pu_wrap .ly_dim {display:block; z-index:1;}
.pu_wrap .puBox {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background-color:#fff; z-index:10;}
.pu_wrap h1 {font-size:30px; font-weight:700; line-height:48px;}
.pu_wrap .btn_closed {position:absolute; right:29px; top:31px; width:36px; height:35px; background:url(/images/common/btn_closed02.png) no-repeat 50% 50%;}

.pu_privacy_agree {width:394px; padding:0 0 38px;}
.pu_privacy_agree h1 {padding:24px 87px 24px 34px}
.pu_privacy_agree .info_txt_box {padding:0 38px; font-size:14px; line-height:22px; font-weight:300; letter-spacing:-0.01em;} 
.pu_privacy_agree .info_txt_box .s_tit {padding:0 0 8px; }
.pu_privacy_agree .info_txt_box .s_txt {padding:15px 0 33px;}
.pu_privacy_agree .info_txt_box ul li {padding:0 0 0 10px; margin-top:8px; text-indent:-10px;}
.pu_privacy_agree .info_txt_box ul li:first-child {margin-top:0;}
.pu_privacy_agree .btn_area {display:flex; padding:0 38px; justify-content:space-between;}

.noImg {display:inline-block; width:100%; height:100%; background:#fff url(/images/common/noImg.png) no-repeat 50% 50%; background-size:auto 100%; box-sizing:border-box;}


@media  all and (max-width:1799px) {
    #wrap {overflow-x:auto;}
}