@charset "UTF-8";

/* COMMON */
#container.main {padding-top:0 !important;}
.arrow-r:after{display:inline-block;content:"";width:24px;height:13px;margin-top:-6px;background:url(/kr/ko/resource/images/common/arrow_r_13.png) no-repeat 100% 50%;}

.btn-control{width:10px;height:12px;vertical-align:1px;text-indent:-9999px;z-index:99;background-size:100% !important;}
.btn-control.control-stop{background:url(/kr/ko/resource/images/common/slider_stop.svg) no-repeat 0 50%;}
.btn-control.control-play{background:url(/kr/ko/resource/images/common/slider_play.svg) no-repeat 0 50%;}
.white .btn-control.control-stop{background:url(/kr/ko/resource/images/common/slider_stop_w.svg) no-repeat 0 50%;}
.white .btn-control.control-play{background:url(/kr/ko/resource/images/common/slider_play_w.svg) no-repeat 0 50%;}

.toggle .toggle-anchor{position:relative;}
.toggle .toggle-cont{display:none;}

/* HEADER */
#header{position:fixed;top:0;left:0;right:0;z-index:1000;background: linear-gradient(to bottom, rgba(48,47,45,1) 0%,rgba(48,47,45,0.5) 100%); }
#header:hover{background-color:#3D3935;}
#header .header-inner-wrap{height:160px;text-align:center;box-sizing:border-box;-webkit-transition:transform .4s cubic-bezier(0.39, 0.575, 0.565, 1);-moz-transition:transform .4s cubic-bezier(0.39, 0.575, 0.565, 1);-o-transition:transform .4s cubic-bezier(0.39, 0.575, 0.565, 1);transition:transform .4s cubic-bezier(0.39, 0.575, 0.565, 1);}
#header .logo{position:relative;top:42px;display:inline-block;z-index:1001;-webkit-transition:all .4s cubic-bezier(.215,.61,.355,1);-moz-transition:all .4s cubic-bezier(.215,.61,.355,1);-o-transition:all .4s cubic-bezier(.215,.61,.355,1);transition:all .4s cubic-bezier(.215,.61,.355,1);}
#header .logo a,
.detail #header.header-fixed .logo a {display:block;width:160px;height:46px;background:url(/kr/ko/resource/images/common/logo.svg) no-repeat 0 0;}
.btn-global-menu{display:none !important;position:absolute;top:0;left:0;width:55px;height:60px;z-index:3000;}
.btn-global-menu .gnb-bar,
.detail #header.header-fixed .btn-global-menu .gnb-bar {position:relative;display:inline-block;width:32px;height:1px;padding-top:20px;border-bottom:1px solid #fff;border-top:1px solid #fff;transform:rotate(0);box-sizing:border-box;}
.btn-global-menu .gnb-bar:after,
.detail #header.header-fixed .btn-global-menu .gnb-bar:after
{position:absolute;top:10px;display:block;width:100%;height:1px;background:#fff;transform:translateY(0) rotate(0);content:'';}

.btn-global-menu.on {display:block !important;background:#3d3935;}
.btn-global-menu.on .gnb-bar {transform:translateX(-4px) translateY(-3px) rotate(-45deg); border-top:none; margin-left:-7px; margin-top:-8px;}
.btn-global-menu.on .gnb-bar:after {transform:translateY(10px) rotate(90deg);}

#header .utility-wrap {position:absolute;top:0;right:17px;z-index:1001;}
#header .utility-wrap .link{display:block;float:left;margin-top:20px;}
#header .utility-wrap .link > li{float:left;margin-left:36px;}
#header .utility-wrap .link > li > a,
.detail #header.header-fixed .utility-wrap .link > li > a {color:#fff;font-size:1.4rem;font-family:'aritaSB';opacity:0.8}
#header .utility-wrap .link > li:hover a,
.detail #header.header-fixed .utility-wrap .link > li:hover > a {opacity:1 !important;}
#header .utility-wrap .link > li:hover + li > a,
.detail #header.header-fixed .utility-wrap .link > li:hover + li > a {opacity:0.6 !important;}

#header .utility-wrap .search-control, .detail #header.header-fixed .utility-wrap .search-control{display:block;float:left;width:60px;height:60px;background:url(/kr/ko/resource/images/common/util_search.svg) no-repeat 50% 50%;}

/* SEARCH */
#header .search-wrap{display:none;position:absolute;top:100%;left:0;right:0;text-align:left;background-color:#f9f9f9;box-sizing:border-box;z-index:101;}
.search-wrap .search-inner{position:relative;width:910px;margin:0 auto;padding:100px 30px 30px;}
.search-inner .search-inp{position:relative;max-width:910px;margin:0 auto;padding:0 150px 0 0;box-sizing:border-box;}
.search-inner .search-inp input{width:100%;height:56px;line-height:56px;border:0;border-bottom:2px solid #3D3935;font-size:1.8rem;background:transparent;}
.search-inner .btn-reset{position:absolute;top:15px;right:153px;width:24px;height:24px;background:url("https://amc.apglobal.com/image/384224417642/image_3h5e2g85m94a14r2kq22mm4233/-FPNG/global_search_reset_kr_230525.png") no-repeat 0 0;}
.search-inner .btn-search{position:absolute;top:0;right:0;width:120px;height:56px;font-family:'aritaSB';font-size:1.8rem;color:#fff;background-color:#493B33;}
.search-inner button:focus {outline:1px dotted rgba(0,0,0,1) !important;outline-offset: 2px;}

.search-inner .search-list{display:none;position:absolute;top:154px;left:30px;width:760px;background:#f9f9f9;z-index:100;box-sizing:border-box;}
.search-inner .search-list > ul{padding:15px 30px;border:1px solid #A5A298;}
.search-inner .search-list li{padding:4px 0;}
.search-inner .search-list a{font-size:1.6rem;}
.search-inner .search-list em {font-family:'aritaSB';color:#704816;}
.search-inner.focus .search-list{display:block;}
.search-inner .search-keyword{margin-top:15px;}
.search-inner .search-keyword dl{position:relative;overflow:hidden;max-height:78px;}
.search-inner .search-keyword dt {float:left;}
.search-inner .search-keyword dd{display:inline-block;}
.search-inner .search-keyword dt{margin:3px 20px 0 0;font-family:'aritaSB';font-size:1.8rem;}
.search-inner .search-keyword dd{padding:3px 4px 3px 0;font-size:1.6rem;}
.search-inner .search-keyword dd > a{position:relative;display:inline-block;padding:4px 8px;background:#EBEAE3;border-radius:3px}
.search-inner .search-keyword dd > a:before{display:inline-block;content:"#";margin-right:4px;}
.search-inner .btn-closed {display:block;margin-top:40px;text-align:center;}
.search-inner .btn-closed button[type="button"] {padding-right:3px}
.search-inner .btn-closed span {padding-right:25px;background:url(/kr/ko/resource/images/common/btn_arrow_up.svg) no-repeat right 5px;font-family:'aritaSB';font-size:1.8rem;}
.search-inner .search-inner.focus .search-list{display:block;}

/* GNB - PC */
#gnb{position:absolute;left:0;right:0;bottom:0;z-index:1000;}
#gnb .gnb-inner .tit-1 {opacity:0.6;}
#gnb.on .gnb-inner .tit-1 {opacity:0.8;}
#gnb .gnb-inner{text-align:center;}
#gnb .gnb-inner > li{display:inline-block;}
#gnb .gnb-draw{display:none;position:absolute;top:100%;left:0;right:0;padding:60px 0;z-index:10;background-color:#ECEADC;box-shadow:0 3px 3px rgba(0,0,0,0.15);}
#gnb .gnb-draw .draw-inner{overflow:hidden;max-width:1178px;margin:0 auto;table-layout:fixed;display: flex;gap: 0 60px;}
#gnb .gnb-draw a {display:inline-block;font-size:1.4rem;}
#gnb.on .gnb-inner .tit-1:focus-visible {text-decoration:underline;}


#gnb .gnb-draw .menu-list {position:relative;float:left;width:50%;vertical-align:top;text-align:left;}
#gnb .gnb-draw .menu-list__all {margin-bottom: 15px; }
#gnb .gnb-draw .menu-list__all > a {font-size: 1.6rem; font-family: 'aritaSB'; line-height: 1.3; text-underline-offset:5px;}
#gnb .gnb-draw .menu-list__all > a:hover {color: #704816; text-decoration: underline;}
#gnb .gnb-draw .menu-list > ul{display:table;width:100%;table-layout:fixed;}
#gnb .gnb-draw .menu-list > ul > li{float:left;width:196px;max-width:50%;margin-right:60px;overflow:hidden;}
#gnb .gnb-draw .menu-list > ul > li:nth-child(n+3) {margin-top:40px;}
#gnb .gnb-draw .menu-list > ul > li:nth-child(even) {margin-right:20px}
#gnb .js-gnb .gnb-draw .menu-list > ul > li:nth-child(even) {margin-right:60px;}
#gnb .gnb-draw .menu-list > ul > li.on {width:250px;}
#gnb .js-gnb .gnb-draw .menu-list > ul > li:nth-child(n+3) {margin:0;}
#gnb .gnb-draw .menu-list > ul > li.on .menu li {float:left;width:50%;}
#gnb .gnb-draw .menu-list > ul > li.on .menu li:nth-child(even) {padding-left:12px;box-sizing:border-box;}
#gnb .gnb-draw .menu-list .menu li {margin-bottom:7px;}
#gnb .gnb-draw .menu-list .menu li:last-child {margin-bottom:0;}
#gnb .gnb-draw .menu-list .menu a {position:relative;border-bottom:1px solid transparent;-webkit-transition:all 1s cubic-bezier(0.39, 0.575, 0.565, 1);-moz-transition:all 1s cubic-bezier(0.39, 0.575, 0.565, 1);-ms-transition:all 1s cubic-bezier(0.39, 0.575, 0.565, 1);-o-transition:all 1s cubic-bezier(0.39, 0.575, 0.565, 1);transition:all 1s cubic-bezier(0.39, 0.575, 0.565, 1);}
#gnb .gnb-draw .menu-list .menu a:hover,
#gnb .gnb-draw .menu-list .menu a:focus {font-family:'aritaSB';color:#6c491b;border-color:#6c491b;outline-offset: -1px;transition: none;}

#gnb .js-gnb .gnb-draw .menu-list {width:100%}
#gnb .js-gnb .gnb-draw .menu-list > ul {display:flex;gap: 50px 60px;flex-wrap: wrap;}
#gnb .js-gnb .gnb-draw .menu-list > ul > li {width: calc((100% - 60px * 3) / 4);margin-right: 0;flex: 0 0 auto;float: none;}
#gnb .js-gnb .gnb-draw .menu-list > ul > li:nth-child(even) {margin-right: 0}


#gnb .gnb-draw .banner {float:right;width:50%;text-align:left;text-align:right;}
#gnb .gnb-draw .banner li{display:inline-block;margin-left:30px;width: 44.2%;vertical-align:top;}
#gnb .gnb-draw .banner li:first-child{margin-left:0;}
#gnb .gnb-draw .banner li a{display:block;}
#gnb .gnb-draw .banner li p{text-align:left;margin-top:10px;font-size:1.4rem;}
#gnb .js-gnb .gnb-draw .banner {flex: 0 0 auto;width: 20.974%;float: none;}
#gnb .js-gnb .gnb-draw .banner li {width: 100%;max-width: 254px;}
#gnb .gnb-inner .tit-1,
.detail #header.header-fixed #gnb .gnb-inner .tit-1 {position:relative;display:block;height:60px;padding:18px 26px 0 26px;box-sizing:border-box;color:#fff;font-size:1.6rem;transition: all 0.2s cubic-bezier(.215,.61,.355,1);cursor:default;}
#gnb .gnb-inner .tit-2{position:relative;display:block;padding:0 0 7px 0;margin-bottom:14px;font-family:'aritaSB';font-size:1.6rem;}
#gnb .gnb-inner .tit-2:before{display:block;content:"";width:100%;height:1px;position:absolute;bottom:0;background-color:#a5a298;}
#gnb .gnb-inner .tit-2:after{display:block;content:"";position:absolute;top:0;right:0;width:13px;height:32px;background:url(/kr/ko/resource/images/common/arrow_r_10.svg) no-repeat 100% 50%;}
#gnb .gnb-inner .tit-2:hover {color:#704816;}
#gnb .gnb-inner .tit-2:hover:before {background:#704816;}

#gnb .gnb-inner span.tit-2:after {display:none;}
#gnb .gnb-inner span.tit-2:hover {color:inherit !important;}
#gnb .gnb-inner span.tit-2:hover:before {background-color:#a5a298;}

#gnb .active .tit-1,
.detail #header.header-fixed #gnb .active .tit-1 {color:#222;}
#gnb .tit-1:before{display:block;content:"";position:absolute;top:0;left:0;right:0;width:100%;height:0;z-index:-1;background-color:#ECEADC;transition:all 0.1s;}
#gnb .active .tit-1:before{height:100%;}
#header #gnb .gnb-inner{position:relative;}
#gnb .gnb-inner > li.active > a {opacity:1 !important;font-family:'aritaSB'}
#gnb sup {
    font-size: 1rem;
    line-height: 1;
}
/* 리스트 페이지 HEADER */
.list #header{background:#3D3935;}

/* 상세 페이지 HEADER */
.detail #header{background:#ECEADC;}
.detail #header .logo a{display:block;background:url(/kr/ko/resource/images/common/logo_b.svg) no-repeat 0 0;}
.detail #gnb .gnb-inner .tit-1,
.detail #header .utility-wrap .link > li > a {color:#3d3935;}
.detail #header .utility-wrap .search-control {background:url(/kr/ko/resource/images/common/util_search_detail.svg) no-repeat 50% 50%}
.detail .btn-global-menu .gnb-bar {border-bottom:1px solid #333}
.detail .btn-global-menu .gnb-bar:after {background:#333;}
.detail .btn-global-menu.on .gnb-bar {border-bottom:1px solid #fff}
.detail .btn-global-menu.on .gnb-bar:after {background:#fff;}


/* HEADER MINIZONE */
#header.header-fixed{background-color:#3D3935;}
#header.header-fixed .header-inner-wrap{height:60px;}
#header.header-fixed .logo{display:block;max-width:120px;height:34px;left:50px;top:12px;}
#header.header-fixed .logo a{background-size:120px 34px ;}
#header.header-fixed #gnb .gnb-draw{min-height:60px;}
#header #gnb .opened .selest_tg{display:none;position:absolute;top:0;left:0;}

/* 리스트 상세 페이지 SELETED */
.list #gnb .gnb-inner > li.current .tit-1 {opacity:1;}

/* GNB - MOBILE */
#sidenav{display:none;overflow-y:auto; position:fixed; top:0;left:-100%;right:100%;bottom:0;z-index:2000;height:100%;background-color:#ECEADC;}
#sidenav .sidenav-inner{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;padding:0 30px;overflow-x:hidden;overflow-y:auto;}
#sidenav .sidenav-header{margin-top:27px;padding-right:20px;text-align:right;}
#sidenav .sidenav-header .btn-member{margin-top:35px;font-size:1.6rem;font-family:'aritaSB';}
#sidenav .sidenav-header .btn-member:nth-of-type(1) {margin-right:22px;}
#sidenav .sidenav-header .btn-member{margin-top:35px;font-size:1.6rem;font-family:'aritaSB';}
#sidenav .sidenav-header .btn-member:nth-of-type(1) {margin-right:22px;}
#sidenav .btn-prev{position:absolute;top:0;left:0;width:60px;height:60px;background-color:pink;}
#sidenav .btn-closed{position:absolute;top:0;right:0;display:block;width:60px;height:60px;background-color:#000;}
#sidenav .sidenav-sec{padding:63px 20px 0 20px;}
#sidenav .sidenav-sec .menu-list {margin-bottom:40px;}
#sidenav .sidenav-sec .tit-1{font-size:2.8rem;}
#sidenav .sidenav-sec .tit-2{position:relative;display:block;padding-bottom:10px;color:#222;font-size:1.8rem;border-bottom:1px solid #a5a298;font-family:'aritaSB';}
#sidenav .sidenav-sec .tit-2 + .tit-2 {margin-top:10px;}
#sidenav .sidenav-sec .tit-2:after{position:absolute;top:50%;right:10px;}
#sidenav .sidenav-sec > ul > li {margin-top:13px;}
#sidenav .sidenav-sec > ul > li:first-child {margin-top:0;}
#sidenav .draw-box{position:fixed;top:0;left:-100%;right:100%;bottom:0;overflow-x:hidden;overflow-y:scroll;/*height:100%;*/margin-top:80px;padding:0 20px 40px;box-sizing:border-box;background:#ECEADC;z-index:2002;}
/* 230110 수정 */
#sidenav .draw-box .title-2nd {display:block;background:url(/kr/ko/resource/images/common/nav_prev.svg) no-repeat left center;background-size: 22px 13px;background-position: center;width:22px;height: 42px;}
#sidenav .draw-box .title-2nd-wrap {margin-bottom:30px;display:flex;align-items: center;align-items: center;}
#sidenav .draw-box .title-2nd-text {font-size:2.8rem;color:#3D3935;font-family:'aritaSB';font-weight:normal;margin-left:20px;} 
#sidenav .draw-box .menu-list li{margin-top:20px;}
#sidenav .draw-box .menu-list a{font-size:1.6rem;}

.sidenav-footer {margin:50px 20px 0 20px;}
.sidenav-footer .sns-wrap{text-align:left;}
.sidenav-footer .sns-wrap a{display:block;width:36px;height:36px;margin:0 10px 0 0;}

/* nav .btn-prev:after{display:block;content:"";width:60px;height:60px;position:absolute;top:0;left:0;background:url( no-repeat 50% 50%;background-size:22px 13px;} */
nav .btn-closed:after{display:block;content:"";width:60px;height:60px;position:absolute;top:0;left:0;background:url(/kr/ko/resource/images/common/nav_closed.png) no-repeat 50% 50%;background-size:32px 32px;}

.sidenav-footer .lang-wrap{margin-top:20px;padding-bottom:60px;}
.sidenav-footer .lang-wrap .title button{line-height:60px;font-size:1.6rem;border-bottom:1px solid #A5A298;}
.sidenav-footer .lang-wrap .toggle-anchor {width:100%;height:60px;text-align:left;}
.sidenav-footer .lang-wrap .toggle-anchor:after{display:inline-block;content:"";width:24px;height:8px;background:url(/kr/ko/resource/images/common/btn_arrow_down.svg) no-repeat 100% 100%;}
.sidenav-footer .lang-wrap .toggle-anchor.active:after{display:inline-block;content:"";width:24px;height:8px;background:url(/kr/ko/resource/images/common/8px_arrow_up.png) no-repeat 100% 0;}
.sidenav-footer .lang-wrap  .toggle-anchor:after{position:absolute;top:50%;right:0;}
.sidenav-footer .lang-wrap .list a{line-height:60px;font-size:1.6rem;}

/* FOOTER */
#footer{position:relative;margin-top:94px;color:#666;}
#footer .sns-wrap{margin-bottom:60px;text-align:center;}
#footer .sns-wrap li{display:inline-block;margin:0 10px;}
#footer .sns-wrap li a{display:block;width:58px;height:58px;}
#footer .footer-inner{position:relative;padding:27px 0 40px 354px;border-top:1px solid #d3d1ca;}
#footer .footer-logo {position:absolute;top:30px;left:85px;}
#footer .menu-wrap li{position:relative;display:inline-block;font-size:1.4rem;}
#footer .menu-wrap li:nth-child(4) a {font-family:'aritaSB';}
#footer .menu-wrap li:after{display:inline-block;content:"";width:1px;height:13px;margin:0 8px 0 12px;vertical-align:middle;background-color:#999;}
#footer .menu-wrap li:last-child:after{display:none;}
#footer .footer-info p {margin-top:5px;font-size:1.4rem;}
#footer .footer-info p a {color:#666;}
#footer .footer-info .copyright {font-size:1.4rem;}
#footer .wa-mark {position:absolute;top:30px;left:970px;}
#footer .wa-mark img {width:72px;}
#footer .toggle-title{display:none;position:relative;height:60px;background-color:#E8E6DF;}
#footer .toggle-title .title{/*position:absolute;top:19px;left:30px;*/ display:block; padding-top:19px; color:#666;font-size:1.6rem;}
#footer .toggle-title .toggle-anchor {display:block;width:100%;height:60px;padding-right:36px;text-align:right;box-sizing:border-box;}
#footer .toggle-title .toggle-anchor:after {display:inline-block;width:12px;height:8px;background:url(/kr/ko/resource/images/common/btn_arrow_down.svg) no-repeat 100% 100%;content:"";}
#footer .toggle-title .toggle-anchor.active:after {background:url(/kr/ko/resource/images/common/btn_arrow_up.svg) no-repeat 100% 0;-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);transform:rotateY(-180deg);}
#footer .btn-top {display:none;position:fixed;bottom:100px;right:50px;width:70px;height:70px;background:url(/kr/ko/resource/images/common/btn_top.svg) no-repeat left top;text-indent:-999em;z-index:1;}
#footer .btn-top.on {position:absolute;top:-70px;}

/* 언어선택 메뉴 */
#footer .lang-box {position:absolute;top:30px;right:85px;}
#footer .lang-box .sel-tit {border:1px solid #a5a298;font-family:'aritaM';font-size:1.4rem;padding:13px 20px;width:222px;height:46px;}
#footer .lang-box .sel-tit span {background:url(/kr/ko/resource/images/common/btn_arrow_up.svg) no-repeat right 5px;}
#footer .lang-box.on .sel-tit span {background:url(/kr/ko/resource/images/common/btn_arrow_down.svg) no-repeat right 2px;}
#footer .lang-box .sel-option {top:auto;bottom:45px;}

/* ---------------------------------------------------------------------------------------
MAIN
----------------------------------------------------------------------------------------*/
/* .pcw #container{min-height:1500px;} */
.main-tit {position:relative;margin-bottom:25px;font-size:3.6rem;line-height:1.2;}
.main-tit .sm{display:inline-block;margin-left:10px;font-size:0.75rem;}

.list_more{margin-top:100px;text-align:center;}
.list_more button{padding-top:25px;background:url(/kr/ko/resource/images/content/ico_list_more.png) no-repeat 50% 0;}
.list_more .txt{font-size:1.6rem;font-family:aritaSB;color:#666;}
.list_more .sm{font-size:1.4rem;color:#666;}
.list_more .txt + .sm{margin-left:5px;}

.no_result{padding:95px 0 180px 0;text-align:center;color:#666;font-size:2rem;}

/* VISUAL - VIDEO */
.cont-sec.video .video-cover {position:absolute;top:0;right:0;bottom:0;left:0;}
.cont-sec.video video {position:absolute;top:50%;left:50%;display:inline-block;transform:translateX(-50%) translateY(-50%)}

/* VISUAL - TYPE1 */
.main-slider-visual{position:relative;height:100vh;margin-bottom:100px;}
.main-slider-visual .main-slider{height:100vh;}
.main-slider-visual .slick-slide,
.main-slider-visual .slick-slide > div,
.main-slider-visual .slick-list{width:100%;height:100vh;}
.main-slider-visual .slick-track{height:100%;}
.main-slider-visual .cont-sec {background-repeat:no-repeat;background-size:cover;}
.main-slider-visual .cont-sec a {height:100vh;color:#fff;}
.main-slider-visual .cont-sec.type1 .info-area a {display:table;width:994px;height:100%;padding:0 10%;line-height:1.2;color:#fff;opacity:0.7;box-sizing:border-box;background-color:transparent;}
.main-slider-visual .cont-sec.type1 .info-area .inner{display:table-cell;vertical-align:middle;margin:0;border:0;}
.main-slider-visual .cont-sec.type1 .info-area .tit{font-size:7rem;}
.main-slider-visual .cont-sec.type1 .info-area .txt{font-size:6rem;}

/* VISUAL - TYPE2 */
.main-slider-visual .cont-sec.type2{position:relative;}
.main-slider-visual .cont-sec.type2 .info-area{display:table;width:50%;height:100%;}
.main-slider-visual .cont-sec.type2 .dim{display:block;content:"";position:absolute;top:0;left:100%;bottom:0;width:100%;height:100%;opacity:0.2;transition:all 1s;}
.main-slider-visual .slick-current.cont-sec.type2 .info-area .dim{left:60.5%;opacity:0.8;}
.main-slider-visual .cont-sec.type2 .info-area .inner{position:relative;left:100%;display:table-cell;width:79%;padding:0 28.5% 0 8.6%; opacity:0;-webkit-transition:all 2s 1s;-moz-transition:all 2s 1s;-o-transition:all 2s 1s;transition:all 2s 1s;vertical-align:middle;color:#fff;}
.main-slider-visual .slick-current.cont-sec.type2 .info-area .inner{opacity:1;}
.main-slider-visual .cont-sec.type2 .info-area .inner .top{font-size:1.8rem;font-family:"Archer A";font-weight:800;}
.main-slider-visual .cont-sec.type2 .info-area .inner .tit{display:block;margin-top:10px;line-height:1.2em;font-size:4rem;font-weight:normal;}
.main-slider-visual .cont-sec.type2 .info-area .inner .txt-box{position:relative;margin-top:45px;}
.main-slider-visual .cont-sec.type2 .info-area .inner .txt-box .txt1,
.main-slider-visual .cont-sec.type2 .info-area .inner .txt-box .txt2{display:block;}
.main-slider-visual .cont-sec.type2 .info-area .inner .txt-box .txt1{font-size:2.8rem;font-weight:normal;}
.main-slider-visual .cont-sec.type2 .info-area .inner .txt-box .txt2{font-size:1.8rem;font-family:'archer A';}
.main-slider-visual .cont-sec.type2 .info-area .inner .txt-box .txt3{margin:25px 0 40px 0;font-size:1.6rem;}
.main-slider-visual .txt-view {margin-top:45px;}

.main-slider-visual .slick-slide img{height:100vh;}
.main-slider-visual .slider-controls {position:absolute;bottom:50px;width:80%;text-align:right;z-index:1;}
.main-slider-visual .slick-prev {left:10px;}
.main-slider-visual .slick-next {right:10px;}

.main .slider-controls {line-height:1;}
.main .slider-controls .dots {display:inline-block;}
.main .slick-dots > li {position:relative;display:inline-block;height:20px;margin:0 4px;line-height:20px;}
.main .slick-dots > li:first-child {margin-left:0;}
.main .slick-dots > li.slick-active {padding-right:84px;}
.main .slick-dots > li.slick-active:before{position:absolute;bottom:3px;left:23px;width:80px;height:14px;border-bottom:1px solid #000;opacity:0.5;content:"";}
.main .slick-dots > li.slick-active:after{visibility:visible;width:80px;}
.main .slick-dots > li:after{visibility:hidden;position:absolute;bottom:3px;left:23px;width:0;height:2px;border:0;background:#000;transition:width 4s;content:"";}
.main .slick-dots > li > button{padding-right:2px;font-size:1.6rem;font-family:'Roboto';font-weight:bold;opacity:.5;}
.main .slick-dots > li > button:before {content:'0';}
.main .slick-dots > li.slick-active > button{opacity:1;}
.main .slick-dots > li .line{display:none;position:absolute;bottom:3px;left:23px;width:0;height:2px;background:#fff;content:"";}

.main .white .slick-dots > li.slick-active:before{border-color:#fff;}
.main .white .slick-dots > li:after{background-color:#fff;}
.main .white .slick-dots > li > button{color:#fff;}
.main .slider-controls .control-play{display:none;}

.main .main-slider-visual .btn-txt-bg-main {text-align:center;font-size:1.6rem;border:1px solid #fff;background:rgba(255, 255, 255, 0.2);}
.main *[class*="btn-"][class*="main"] {display:inline-block;width:150px;height:44px;line-height:44px;}

/* BEST */
.best {margin-bottom:92px;}
.best .best-inner {position:relative;max-width:1220px;margin:0 auto;}
.best .js-slide {overflow:hidden;}
.best .js-slide .cont {float:left;width:34.5%;}
.best .slider-controls{position:absolute;bottom:27px;left:0;}
.best .js-slide .view{position:static;float:left;width:65.5%;}
.best .js-slide .view .slick-list{width:100%;box-sizing:border-box;}
.best .best-info {width:360px;padding-top:47px;box-sizing:border-box;}
.best .best-info .ranking {display:block;font-size:3rem;line-height:1;color:#704816;font-family:"Archer A";font-weight:800;}
.best .best-info .item {display:block;margin:11px 0 15px;font-size:3.6rem;line-height:1;color:#222;font-weight:normal;}
.best .best-info .text {margin-bottom:30px;color:#222;font-size:1.6rem;}
.best .slick-dots {text-align:right;}
.best .js-slide .slick-next {right:-88px;}
.best .js-slide .slick-prev {left:-88px;}
.best .txt-view {display:inline-block;}

/* insta-wrap */
.main .insta-wrap {max-width:1395px;margin:0 auto 100px;}
.main .insta-wrap .main-tit {font-size:3rem;text-align:center;}
.main .insta-wrap .main-tit:after {display:none;}
.main .insta-wrap .main-tit span {display:block;font-size:2.8rem;color:#666;}
.main .insta-wrap .sub-tit {margin-bottom:60px}
.main .insta-wrap .slick-list {max-width:88%;margin:0 auto;}
.main .insta-wrap .slick-prev.slick-arrow{left:0;}
.main .insta-wrap .slick-next.slick-arrow{right:0;}

/* BANNER */
.public{height:200px;background-repeat:no-repeat;background-position:0 0;background-size:cover;}
.public a{display:block;text-align:center;box-sizing:border-box;padding:30px 0;}
.public .info-area{display:table;margin:0 auto;width:600px;height:140px;padding:10px;color:#222;box-sizing:border-box;background-color:rgba(255,255,255,0.8);}
.public .info-area .inner{display:table-cell;margin:20px;border:1px solid #A5A298;vertical-align:middle;}
.public .info-area .tit{display:block;padding:0 10px;font-size:2.4rem;font-family:'aritaSB';}
.public .info-area .txt{padding:0 10px;}

/* PRODUCT LIST */
.main .product-wrap .list {height:auto;padding:100px 0 75px 50px;}
.main .product-wrap .info-area {width:360px;}
.main .product-wrap .info-area .main-tit {margin-bottom:6px;font-size:2.4rem !important;}
.main .product-wrap .info-area .txt {width:320px;margin-bottom:0;}
.main .product-wrap .list-area {width:-webkit-calc(100% - 508px);width:-moz-calc(100% - 508px);width:-o-calc(100% - 508px);width:calc(100% - 508px);}
.main .product-wrap .img-area {margin-bottom:33px;}

/* STORY */
.story {overflow:hidden;display:block;margin-bottom:93px;}
.story .bg-scroll-wrap{position:relative;width:100%;height:600px;background-size:cover !important;}
.story .bg-scroll-wrap img{opacity:0;width:100%;height:100%;}
.story .fix-wrap{position:absolute;top:0;left:50%;width:1220px;margin-left:-610px;height:100%;}
.story .cont-wrap{position:relative;width:100%;height:100%;overflow:hidden;color:#fff;}
.story .cont-wrap .main-tit{position:relative;display:inline-block;left:-50%;top:20%;margin-bottom:20px;color:#fff;font-size:4rem;transition: all 1s;}
.story .cont-wrap .main-tit:after{position:absolute;right:-320px;bottom:0;width:300px;height:1px;background:#fff;content:'';}
.story .cont-wrap p{position:absolute;left:-100%;top:35%;font-size:3rem;line-height:1.4em;color:#fff;}
.story .cont-wrap .btn-area {position:absolute;left:-100%;top:70%;}
.story .cont-wrap .btn-txt-bg-main {border:1px solid #fff;background:rgba(255, 255, 255, 0.2);}
.story .box {position:absolute;top:17%;left:40%;width:629px;height:380px;transition: all 2s 0s;}
.story .box > span{display:block;position:absolute;opacity:0.8;background-color:#fff;}
.story .box .line1{top:0;left:0;width:0;height:4px;}
.story .box .line2{top:0;right:0;width:4px;height:0;}
.story .box .line3{bottom:0;right:0;width:0;height:4px;}
.story .box .line4{bottom:0;left:0;width:4px;height:0;}
/* .story .box > .txt-view {position:absolute;bottom:25px;right:35px;font-size:1.4rem;opacity:0;background:none;} */

.story.on .main-tit {left:5%;}
.story.on .cont-wrap p{left:5%; transition: all 2s;}
.story.on .cont-wrap .btn-area{left:5%; transition: all 2.5s;}
.story.on .box .line1{width:100%;transition: all 0.5s 1s;}
.story.on .box .line2{height:100%;transition: all 0.5s 1.5s;}
.story.on .box .line3{width:100%;transition: all 0.5s 2.0s;}
.story.on .box .line4{height:100%;transition: all 0.5s 2.5s;}
/* .story.on .box > .txt-view {opacity:1;transition: all 1s 2.5s;} */

/* CAMPAIGN */
.campaign{max-width:1220px;margin:0 auto;}
.campaign .box-wrap {overflow:hidden;}
.campaign .box-wrap:after {display:block;clear:both;content:'';}
.campaign .box {float:left;width:47.6%;}
.campaign .box + .box {float:right;}
.campaign .info-area {padding:36px 30px 0 30px;}
.campaign .info-area .tit{display:block;margin-bottom:5px;font-size:2.8rem;font-weight:normal;line-height:1;}
.campaign .info-area .txt {margin-bottom:30px;word-break:normal;}
/* .campaign .txt-view {margin-left:30px;} */

/* FLOATING */
.floating-wrap.mobile {display:none;}
.floating-wrap.pc {position:fixed;bottom:0;width:100%;color:#fff;background:rgba(38, 77, 54, 0.8);z-index:100;}
.floating-wrap.pc .detail-view {position:relative;overflow:hidden;max-width:1600px;height:0;margin:0 auto;}
.floating-wrap.pc .inbox-detail {position:relative;max-width:1180px;margin:0 auto;padding:34px 24px 22px;box-sizing:border-box;}
.floating-wrap.pc .inbox-detail:after {display:block;clear:both;content:'';}
.floating-wrap.pc .inbox-detail:before {position:absolute;top:40px;left:49.9%;display:block;width:1px;height:124px;background:rgba(243, 242, 236, 0.6);content:'';}
.floating-wrap.pc .item {position:relative;float:left;width:42.934%;margin-bottom:2px;padding-right:15%;box-sizing:border-box;}
.floating-wrap.pc .inbox-detail .item:nth-child(even) {float:right;}
.floating-wrap.pc .item strong {display:block;overflow:hidden;margin-bottom:8px;text-overflow:ellipsis;font-size:2rem;}
.floating-wrap.pc .item .desc {display:-webkit-box;display:block;overflow:hidden;height:42px;margin-bottom:14px;font-size:1.6rem;color:#fff;text-overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:keep-all;}
.floating-wrap.pc .item a {display:block;width:112px;height:33px;color:#fff;border:1px solid #fff;font-size:1.4rem;text-align:center;line-height:2.4;}
.floating-wrap.pc .item .img {position:absolute;top:0;right:0;overflow:hidden;display:inline-block;width:30.865%;height:124px;}
.floating-wrap.pc button[class*='btn-floating'] {position:absolute;right:30px;width:20px;height:12px;text-indent:-999em;z-index:99;}
.floating-wrap.pc .btn-floating-down {display:none;top:30px;background:url(/kr/ko/resource/images/main/btn_floating_down.png) no-repeat left top;}
.floating-wrap.pc .btn-floating-up {bottom:17px;background:url(/kr/ko/resource/images/main/btn_floating_up.png) no-repeat left top;}
.floating-wrap .btn-floating-close {display:none;width:16px !important;height:16px !important;bottom:17px;background:url(/kr/ko/resource/images/main/20200424_btn_floating_close_mo_80.svg) no-repeat left top;}
.floating-wrap.pc .tit-view {position:fixed;bottom:0;width:100%;height:45px;background:#264d36;z-index:1;}
.floating-wrap.pc .inbox-tit {position:relative;max-width:1600px;height:100%;margin:0 auto;}
.floating-wrap.pc .inbox-tit ul {height:100%;padding-right:260px;box-sizing:border-box;}
.floating-wrap.pc .inbox-tit li {position:relative;width:100%;height:100%;overflow:hidden;padding-top:11px;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;}
.floating-wrap.pc .inbox-tit li a {display:block;color:#fff;}
.floating-wrap.pc .inbox-tit li strong {position:relative;height:100%;padding:0 35px 0 24px;font-size:1.6rem;font-family:'aritaSB';box-sizing:border-box;}
.floating-wrap.pc .inbox-tit li strong:after {display:block;position:absolute;top:-2px;right:15px;width:2px;height:20px;background:#fff;content:'';}
.floating-wrap.pc .inbox-tit li span {font-size:1.6rem;}

/* main layer popup */
.promo_pop {position:fixed;top:50%;left:50%;z-index:1002;width:398px;height:563px;margin:-275px 0 0 -198px;background:#fff;color:#222;}
.promo_pop .promo_pop_inner {position:relative;}
.promo_pop p {margin:0}
.promo_pop:after {content:""; display:block; clear:both}
.promo_pop .promo_pop_con {position:relative;width:100%;height:563px}
.promo_pop .boxing {width:calc( 100% - 90px );margin:0 45px;}
.promo_pop_bg {position:fixed; top: 0; right:0; bottom:0; left:0; z-index:1001; background:rgba(0,0,0,0.7)}
.promo_pop .txt_tit {padding-top:43px;font-size:32px;font-family:'aritaB';font-weight:700;line-height:1.4;text-align:center;}
.promo_pop .txt_summary {margin:20px auto 30px;font-size:16px;font-weight:500;text-align:center;}
.promo_pop .txt_summary.sub_txt {margin:30px auto 10px;font-size:16px;} 
.promo_pop .link-area {padding:30px 25px;max-width:308px;background-color:#f3f3f3;}
.promo_pop .link-area dl {width:100%;font-size:16px;text-align:left;}
.promo_pop .link-area dl + dl {margin-top:15px;}
.promo_pop .link-area dl dt {display:inline-block;}
.promo_pop .link-area dl dd {display:inline-block;padding-left:25px;}
.promo_pop .link-area dl dd .color-link {color:#61aa2e;font-family:'aritaB';font-weight:700;text-decoration:underline;}
.promo_pop .img-box {display:block;margin:0 auto;width:46px;height:46px;}
.promo_pop .img-box img {width:100%;transform:rotate(15deg);}
.promo_pop .close_btn_wrap {position:absolute;bottom:0;left:0;width:100%;height:73px;border-top:2px solid #dbdbdb;}
.promo_pop .close_btn_wrap .promo_pop_close {float:left;width:50%;height:100%;font-size:16px;font-family:'aritaB';font-weight:700;line-height:70px;box-sizing:border-box;}
.promo_pop .close_btn_wrap .promo_pop_close + .promo_pop_close {border-left:2px solid #dbdbdb;}
/* ---------------------------------------------------------------------------------------
MEDIA QUERIES
----------------------------------------------------------------------------------------*/
@media (max-width: 1500px) {
    .main-slider-visual .cont-sec.type2 .info-area .inner {padding: 0 15.5% 0 8.6%;}
    .main-slider-visual .cont-sec.type2 .info-area .inner .txt-box {margin-top:25px;}
    .main-slider-visual .cont-sec.type2 .info-area .inner .tit {font-size:3.6rem;}
    .main-slider-visual .cont-sec.type2 .info-area .inner .txt-box .txt1 {font-size:2.4rem;}
    .main-slider-visual .cont-sec.type2 .info-area .inner .txt-box .txt2 {font-size:1.6rem;}
    .main-slider-visual .cont-sec.type2 .info-area .inner .txt-box .txt3 {display:none;}
    .main .main-slider-visual .btn-txt-bg-main {margin-top:40px;}
    .main-slider-visual .cont-sec.type2 .info-area .inner .tit,
    .main-slider-visual .cont-sec.type2 .info-area .inner .txt-box .txt1 {line-height:1.2;}

    .best .best-inner {max-width:80vw;}
    .best .best-info {width:23vw;}
    .best .slider-controls {bottom:0;}
}

@media (max-width: 1390px) {
    #footer .footer-inner {padding-bottom:117px;}
    #footer .lang-box {top:118px;right:auto;left:354px;}
}

@media (max-width: 1320px) {
    #gnb .gnb-draw .banner {width:45%;}
    #gnb .gnb-draw .draw-inner{max-width:860px;}
    #gnb .gnb-draw .menu-list {width:55%;}
    #gnb .gnb-draw .menu-list > ul > li:nth-child(2) {margin-right:0;}
    #gnb .js-gnb .gnb-draw .banner {display:none;}
    #gnb .js-gnb .gnb-draw .menu-list {width:100%;}
    #gnb .gnb-draw .banner li {vertical-align:top;}
    #gnb .gnb-draw .menu-list > ul > li {margin-right:46px;}

    #header.header-fixed #gnb .gnb-inner {margin-left:0;}
}

@media (max-width: 1019px) {
    /* LAYOUT */
    #header .header-inner-wrap{height:60px;}
    #header .utility-wrap{right:0;}
    #header .utility-wrap .link {display:none;}
    #header .btn-global-menu{display:block !important;}
    #header .logo,
    #header.header-fixed .logo{display:inline-block;max-width:120px;height:34px;left:auto;top:12px;}
    #header .logo a{width:120px;height:34px;background-size:100%;}

    #gnb{display:none;}
    #sidenav{display:block;}

    #footer{margin-top:80px;}
    #footer .footer-inner{display:none;padding:25px 36px;background:#E8E6DF;}
    #footer .footer-logo {display:none;}
    #footer .wa-mark {position:static;padding-top:28px}
    #footer .wa-mark img {width:64px;}
    #footer .toggle-title{display:block;}
    #footer .sns-wrap{margin-bottom:30px;}
    #footer .sns-wrap li a{display:block;width:38px;height:38px;}
    #footer .menu-wrap li, #footer .footer-info p {font-size:1.4rem;}
    #footer .menu-wrap li a {font-size:1.4rem;}
    #footer .menu-wrap li:after{margin:0 5px;}

    #footer .btn-top {bottom:70px;right:20px;width:40px;height:40px;background-size:100%;}
    #footer .btn-top.on {position:absolute;top:-70px;}

    /* MAIN */
    #header .search-wrap{top:60px;}
    #header .utility-wrap .search-control.active{background:url(/kr/ko/resource/images/common/nav_closed.png) no-repeat 50% 50%;}
    .search-wrap .search-inner{width:auto;padding:40px 20px 40px;}
    .search-inner .search-inp{width:100%;padding:0;height:inherit;}
    .search-inner .search-inp input{height:40px;line-height:32px;padding:13px 0 22px 0;font-size:1.6rem;box-sizing:border-box;}
    .search-inner .btn-reset{display:none;}
    .search-inner .btn-search{width:32px;height:32px;text-indent:-9999px;background:url(/kr/ko/resource/images/common/ico_global_search.svg) no-repeat 50% 50%;background-size:32px 32px;}
    .search-inner .search-list{position:static;width:100%;}
    .search-inner .search-list > ul{padding:15px 0;border:0;}
    .search-inner .search-list a{font-size:1.6rem;}
    .search-inner .search-keyword dl {max-height:126px;}
    .search-inner .search-keyword dt{float:none;display:block;margin:0;font-size:1.6rem;}
    .search-inner .search-keyword dd{font-size:1.4rem;}
    /* #header .search-wrap .search-inner.focus .search-keyword{display:none;} */
    .search-inner .btn-closed {display:none;}

    .main-tit {font-size:2.8rem !important;}
    .slick-dots > li.slick-active:after{width:80px;}
    .slick-dots > li.slick-active:before{width:80px;}
    .main .slick-dots > li > button {font-size:1.6rem;}

    .main-slider-visual {margin-bottom:40px;}
    .main-slider-visual .slider-controls {position:absolute;bottom:20px;left:20px;margin:0;text-align:left;}
    .main-slider-visual .cont-sec.type1 .info-area{width:100%;}
    .main-slider-visual .cont-sec.type1 .info-area .tit,
    .main-slider-visual .cont-sec.type1 .info-area .txt{font-size:3.2rem;}
    .main-slider-visual .cont-sec.type2 {background-position:center top;}
    .main-slider-visual .cont-sec.type2 .info-area .inner .top {font-size:1.4rem;}
    .main-slider-visual .cont-sec.type2 .info-area {position:absolute;bottom:0;display:block;width:100%;height:150px;padding:0;}
    .main-slider-visual .slick-current.cont-sec.type2 .info-area .dim {left:0}

    .main-slider-visual .cont-sec.type2 .info-area .inner{position:absolute;top:10px;left:0;padding:0 20px;}
    .main-slider-visual .cont-sec.type2 .info-area .inner .txt-box{display:none;}
    .main-slider-visual .cont-sec.type2 .info-area .inner .txt-box:before{display:none;}
    .main-slider-visual .cont-sec.type2 .info-area .inner .tit{margin-top:5px;font-size:2.4rem;}

    .main-slider-visual .slick-slide img {position:absolute;bottom:0;width:100%;height:150px;}
    .main-slider-visual .js-slide .slick-next {right:10px;}
    .main-slider-visual .js-slide .slick-prev {left:10px;}

    .best {margin:0 20px 60px;}
    .best .best-inner {max-width:inherit;}
    .best .js-slide .cont {float:none;width:auto;}
    .best .best-info {width:auto;margin-bottom:23px;padding:0;}
    .best .best-info .ranking {margin-bottom:10px;font-size:2.4rem;}
    .best .best-info .item {margin:0 0 10px;font-size:2.4rem;}
    .best .best-info .tag-area {margin-bottom:10px;}
    .best .best-info .btn-area {display:none;}
    .best .best-info .text {display:none;margin-bottom:10px;}
    .best .best-info .tag-area span:nth-of-type(n+3):nth-of-type(-n+8) {display:none;}
    .best .best-inner .view .slick-slide img {margin:0 auto;}

    .best .js-slide .img-area {margin-bottom:0;}
    .best .js-slide .view {width:100%;}
    .best .slider-controls {position:static;}
    .best .slick-dots {margin-top:10px;}
    .best .slick-dots > li > button{opacity:.5;}
    .best .slick-dots > li.slick-active > button{opacity:1;}
    .best .js-slide .view {position:relative;}
    .best .js-slide .slick-arrow {top:50%;width:50px;height:60px;background-size:20px 30px;}
    .best .js-slide .slick-next {right:20px;background-position:center right;}
    .best .js-slide .slick-prev {left:20px;background-position:center left;}

    .main .insta-wrap {margin-bottom:40px;}
    .main .insta-wrap .main-tit {font-size:2.4rem !important;}
    .main .insta-wrap .main-tit span {display:inline-block;margin-left:5px;font-size:2rem;line-height:1.2;}
    .main .insta-area {width:auto;max-width:493px;height:calc((100% / 3 ) - 6px);padding:0 20px;}
    .main .insta-wrap .js-slide {overflow:hidden;}
    .main .insta-wrap .js-slide > div{display:inline-block;width:-webkit-calc((100% / 3) - 6px);width:-moz-calc((100% / 3) - 6px);width:-o-calc((100% / 3) - 6px);width:calc((100% / 3) - 6px);margin:0 2px;padding-right:0;}
    /* .main .insta-wrap .js-slide .img-area {width:auto;height:auto;} */
    .main .insta-wrap .slide-inner .img-area {background-size:cover;}
    .main .insta-wrap .layer {right:0;}

    .public {height:160px;margin-bottom:60px;background-position:-100px 0;}
    .public a {padding:25px 0;}
    .public .info-area {width:300px;height:110px;}
    .public .info-area .tit {font-size:1.8rem;}
    .public .info-area .txt {font-size:1.2rem;}

    .main .product-wrap .list {padding:0;}
    .main .product-wrap .list .info-area {width:100%;margin:0;box-sizing:border-box;}
    .main .product-wrap .list.bg-color .tit-area {margin:0 20px;text-align:center;}
    .main .product-wrap .info-area .img-area {/* display:none; */margin-bottom:25px;}
    .main .product-wrap .info-area .txt {width:auto;}
    .main .product-wrap .list.bg-img {padding-bottom:70px;}
    .main .product-wrap .list.bg-img .info-area {padding-left:72px;}
    .main .product-wrap .list.bg-img .tit-area {margin:0 14px 0 0;}

    .main .list-wrap .slick-track .slide-inner {margin:-10px 0 0 0;}
    .main .product-wrap .list.bg-color {margin-bottom:40px;}

    .story {margin-bottom:40px;}
    .story .bg-scroll-wrap{height:520px;background-size:cover !important;background-position:-180px 0 !important;}
    .story .fix-wrap{position:static;width:auto;margin:0;}
    .story .box {top:50px;left:20px;width:calc(100% - 40px);height:calc(100% - 100px);}
    .story .cont-wrap p {font-size:2.4rem;}
    .story .box > a {bottom:48px;right:42px;}
    .story.on .cont-wrap > * {left:16% !important;}

    .campaign .main-tit{margin:0 20px 20px 20px;}
    .campaign .box-wrap {padding:0 20px;}
    .campaign .box {float:none;width:100%;min-height:auto;}
    .campaign .box:nth-of-type(1) {margin-bottom:20px;}
    .campaign .info-area {width:auto;margin-bottom:0;padding:20px 20px 10px 20px;}
    .campaign .info-area .txt {font-size:1.6rem;}
    .campaign .txt-view {margin-left:0;}
    .campaign .box-wrap img {width:100%;}
    .campaign .info-area .tit {margin-bottom:10px;font-size:2.4rem;}

    .floating-wrap.pc,
    .floating-wrap.mobile.off {display:none !important;}
    .floating-wrap.mobile {display:block;position:fixed;bottom:0;width:100%;min-width:320px;height:45px;background:rgba(38, 77, 54, 0.8);font-size:1.4rem;line-height:3.4;font-family:'aritaSB';z-index:100;}
    .floating-wrap.mobile a {display:inline-block;color:#fff;}
    .floating-wrap.mobile span {position:relative;display:inline-block;}
    .floating-wrap.mobile .notice {padding:0 15px;}
    /* .floating-wrap.mobile .notice:after {position:absolute;top:14px;right:0;display:block;width:2px;height:17px;background:#fff;content:'';} */
    .floating-wrap.mobile .buy {padding-left:10px;}
    .floating-wrap.mobile .btn-floating-close {position:absolute;top:50%;right:20px;display:block;margin-top:-8px;text-indent:-999em;}

    /* 언어선택 박스 */
    #footer .lang-box {display:none;}
    #sidenav .mo-lang-box {width:100%;height:46px;position:absolute!important;bottom:0;z-index:2001;}
    #sidenav .mo-lang-box .sel-tit {width:100%;height:46px;font-family:'aritaM';font-size:1.4rem;padding:13px 20px;background-color:#3d3935;color:#fff;}
    #sidenav .mo-lang-box .sel-option_2 {top:auto;bottom:45px;}
    #sidenav .sel-area .sel-tit span {background:url('/kr/ko/resource/images/common/btn_arrow_up_mo.svg') no-repeat right 6px;}
    #sidenav .sel-area.on .sel-tit span {background:url('/kr/ko/resource/images/common/btn_arrow_down_mo.svg') no-repeat right 3px;}
}

@media (max-width: 768px) {
   /* main layer popup */
	.promo_pop {width:277px;height:390px;margin:-197px 0 0 -138px;background:#fff;color:#222;}
	.promo_pop .promo_pop_inner {position:relative;}
	.promo_pop p {margin:0}
	.promo_pop .promo_pop_con {height:390px}
	.promo_pop .boxing {width:calc( 100% - 60px );margin:0 30px;}
	.promo_pop .txt_tit {padding-top:23px;font-size:20px;}
	.promo_pop .txt_summary {margin:20px auto 25px;font-size:14px;}
	.promo_pop .txt_summary.sub_txt {margin:20px auto 5px;font-size:13px;} 
	.promo_pop .link-area {padding:0 0;background-color:#fff;}
	.promo_pop .link-area dl {font-size:14px;}
	.promo_pop .link-area dl + dl {margin-top:10px;}
	.promo_pop .link-area dl dt {padding:3px 5px;background-color:#f3f3f3;}
	.promo_pop .link-area dl dd {padding-left:12px;}
	.promo_pop .img-box {width:32px;height:32px;}
	.promo_pop .close_btn_wrap {height:50px;}
	.promo_pop .close_btn_wrap .promo_pop_close {font-size:14px;line-height:48px;}
}

@media (max-width: 721px){
    .main-slider-visual .cont-sec .info-area .tit{font-size:4rem;}

    .main-section.banner .info-area{width:80%;}
}

@media (max-width: 375px) {
	.promo_pop .link-area dl {font-size:13px;}
	.promo_pop .link-area dl dd {padding-left:5px;}
}

@media (max-width: 321px) {
    .main-slider-visual .cont-sec.type2 .dim {top:60%;}
    .main .product-wrap .list.bg-color .info-area {padding-right:36px;}
    .main .product-wrap .list.bg-img .info-area {padding-left:36px;}
    .main .story.on .cont-wrap .main-tit,
    .main .story.on .cont-wrap p {left:40px;}
}

/* 20220613 웹접근성 수정 */
#header.renew-header .utility-wrap .search-control:focus,
#header .utility-wrap .link > li > a:focus,
#header .logo a:focus {outline: 1px solid rgba(255,255,255,1) !important;}
.search-inner button.btn-search:focus {outline-offset: 4px;}

/* logo update 221216 */
#header .logo a,
.detail #header.header-fixed .logo a{display:block;width:112px;height:46px;background:url(/kr/ko/resource/images/common/gnb_logo_pc_221219.png) no-repeat;background-size:112px 46px}
#header.header-fixed .logo a{background-size:112px 46px}
@media (max-width:1024px){
#header.renew-header .logo a{width:68px;height:28px;background:url(/kr/ko/resource/images/common/gnb_logo_tb_221219.png) no-repeat;background-size:68px 28px}
#header.header-fixed.renew-header .logo a{background-size:68px 28px}
}@media (max-width:750px){
#header.renew-header .logo a{width:56px;height:23px;background:url(/kr/ko/resource/images/common/gnb_logo_mo_221219.png) no-repeat;background-size:56px 23px}
#header.header-fixed.renew-header .logo a{background-size:56px 23px}
}

/* 240507 정보수정 버튼 추가 */
#sidenav .sidenav-header .btn-member{margin-top:0px;}
#sidenav .sidenav-header .btn-member:not(:last-of-type){margin-right:22px}
#sidenav .sidenav-header{display: flex;justify-content: flex-end;}