@charset "utf-8";

/* 레이아웃 공통 */
html, body{position:relative; width:100%;}
body.freeze{overflow-x:hidden; overflow-y:hidden}
body.dimmed #header, body.dimmed #footer{z-index:auto}
body{color:#000; font-size:16px; line-height:1.5; font-family:'Noto Sans KR', sans-serif; word-break:break-all}
main{display:block;}

img{-webkit-perspective:1;}


/* 본문바로가기 */
.skipnav{position:absolute;z-index:2999;top:-100px;width:100%;padding:0;list-style:none;font-size:14px;}
.skipnav li{position:relative;top:0;left:0;width:100%}
.skipnav li a{display:block;position:absolute;top:0;width:100%;padding:15px 0;background:#c92128;color:#fff;text-align:center;text-decoration:none}
.skipnav li a:focus,.skipnav li a:active{top:100px}

/* slick 플러그인 */
.slick-slider .slick-list{display:block; overflow-x:hidden; overflow-y:hidden; position:relative}
.slick-slider .slick-list.dragging{cursor:pointer}
.slick-slider .slick-list .slick-track{display:block; position:relative; top:0; left:0}
.slick-slider .slick-list .slick-track:before, .slick-slider .slick-list .slick-track:after{display:table; content:''}
.slick-slider .slick-list .slick-track:after{clear:both}
.slick-slider .slick-list.slick-loading .slick-track{visibility:hidden}
.slick-slider .slick-list .slick-track .slick-slide{display:none; float:left}
.slick-slider[dir='rtl'] .slick-list .slick-track .slick-slide{float:right}
.slick-slider .slick-list .slick-track .slick-slide img{display:inline-block;width:100%;}
.slick-slider .slick-list .slick-track .slick-slide.slick-loading img{display:none}
.slick-slider.slick-initialized .slick-list .slick-track .slick-slide{display:block}
.slick-slider .slick-list .slick-track.slick-loading .slick-slide{visibility:hidden}
.slick-slider .slick-arrow.slick-hidden{display:none}


/* 헤더 */
#header{position:absolute;width:100%;z-index:2010;background:rgba(255,255,255,0.9);box-shadow: 0 10px 15px rgba(0,0,0,.03);}
#header.fixed{position:fixed;}
#header > .inner{position:relative;max-width:1400px;margin:0 auto; height:82px;}
#header > .inner > .logo{position: absolute; top: 3px;z-index:3;}
#header > .inner > .logo a{display: block;}
#header > .inner > .logo a img{}
#header h1{position:absolute;top:6px;left:0px;z-index:10;}
#header h1 a{display:block;}
#header h1 a img{max-width:100%;}
#gnb{position:absolute;top:0px;padding:0 230px 0 340px;width:100%}
#gnb a:hover{text-decoration:none;}
#gnb > ul > li{float:left;position:relative;width:calc((100% - 1px) / 4)}
#gnb h2 a{display:block;padding:26px 0px 27px;font-weight:500;font-size:20px;position:relative;letter-spacing:-1px;text-align:center;}
#gnb h2.active a{background:#fff;}
#gnb h2.active a:after{content:'';position:absolute;display:block;top:0px;height:4px;left:0px;right:0px;background:#c92128}
#gnb .depth_02{position:absolute;top:82px;left:0px;width:100%;display:none;background:rgba(0,0,0,.7);letter-spacing:-1px;}
#gnb .depth_02 a{padding:13px 5px 13px;display:block;text-align:center;color:#fff;position:relative;line-height:1.3;word-break: keep-all;}
#gnb .depth_02 a[target=_blank]:after{content:'';display:block;width:16px;height:14px;background:url(/page/foreign/images/sub/sp_sub.png) no-repeat -128px 0;display:inline-block;margin-left:6px;}
#gnb .depth_02 li:first-child a{padding:18px 5px 13px}
#gnb .depth_02 li:last-child a{padding:13px 5px 18px}
#gnb .depth_02 .active{background:#c92128;}
#gnb .depth_02 .active a{color:#fff;}
#gnb .depth_02 .active a[target=_blank]:after{background-position:-99px 0;}


#menus{position:absolute;top:0px;right:0px;}
#menus .language{display:block;float:left;width:48px;height:48px;line-height:48px;font-weight:500;font-size:22px;background:#d1c0a5;text-align:center;margin-top:17px; letter-spacing: -2px; padding: 0 1px;}
#menus .search{display:block;float:left;width:48px;height:48px;background:#555;margin-top:17px;overflow:hidden;text-indent:-9999px;position:relative;}
#menus .search:after{content:'';position:absolute;top:50%;left:50%;margin:-12.5px 0 0 -12.5px;width:25px;height:25px;background:url(/page/foreign/images/common/sp_common.png) no-repeat 0 0;}
#menus .sitemap{display:block;float:left;width:48px;height:48px;background:#c92128;margin-top:17px;overflow:hidden;text-indent:-9999px;position:relative;}
#menus .sitemap:after{content:'';position:absolute;top:50%;left:50%;margin:-11.5px 0 0 -11.5px;width:23px;height:23px;background:url(/page/foreign/images/common/sp_common.png) no-repeat -45px 0;}

#sitemap{position:fixed;background:#fff;left:0;top:0;width:100%;height:100%;overflow-y:auto;z-index:1000;display:none;}
#sitemap .inner{max-width:1400px;margin:0 auto;padding:70px 0 30px 15px;position:relative;}
#sitemap .inner > ul{overflow:hidden;}
#sitemap .inner > ul > li{display:inline-block;width:calc((100% - 200px) / 6);margin-right:30px;vertical-align:top;}
#sitemap h2{color:#c92128;font-size:22px;font-weight:500;padding:20px 0;border-bottom:1px solid #c92128;}
#sitemap .depth_02{padding:17px 0;}
#sitemap .depth_02 > li{padding:3px 0;}
#sitemap h3 a{display:block;color:#181717;padding:6px 0;position:relative;word-break:keep-all;}
#sitemap h3.has_3depth a:after{content:'+';display:inline-block;margin-left:6px;font-weight:500;}
#sitemap h3.has_3depth.active a:after{content:'-'}
#sitemap h3 a[target=_blank]:after{content:'';width:13px;height:11px;background:url(/page/fire/images/sub/sp_sub.png) no-repeat -161px 0;display:inline-block;margin-left:6px;}

#sitemap .depth_03{display:none;}
#sitemap h4 a{display:block;color:#707070;font-size:14px;font-weight:300;padding:3px 0 3px 19px;position:relative;}
#sitemap h4 a[target=_blank]:after{content:'';display:block;width:13px;height:11px;background:url(/page/fire/images/sub/sp_sub.png) no-repeat -161px 0;display:inline-block;margin-left:6px;}
#sitemap h4 a:before{content:'';display:block;width:3px;height:3px;background:#c92128;border-radius:50%;position:absolute;left:12px;top:12px;}
#sitemap .close{width:33px;height:33px;overflow:hidden;text-indent:-9999px;background:url(/page/fire/images/common/sp_common.png) no-repeat -87px 0;position:absolute;top:30px;right:0px;}
#sitemap .login{text-decoration:underline;font-size:18px;font-weight:500;position: absolute;top:30px;right:63px;text-decoration:none;}
#sitemap .login:hover{color:#c92128;}

#search{position:absolute;top:0;left:0;width:100%;z-index:50;height:400px;background: url(/page/foreign/images/common/bg_search_01.png) no-repeat top left, #fff url(/page/foreign/images/common/bg_search_02.png) no-repeat bottom right -50px;display:none;box-shadow: 0 8px 8px rgba(0,0,0,.07);}
#search .inner{position:relative;max-width:1400px;margin:0 auto;text-align:center;white-space:nowrap;}
#search .inner strong{display:block;font-family:'Noto Serif KR';font-size:48px;padding-top:58px;text-align:center;font-weight:400;}
#search .search_box{background:#fff;height:70px;border-radius:35px;max-width:800px;margin:25px auto 0;position:relative;border:5px solid #c92128;}
#search input[type=search]{width:calc(100% - 140px);margin:0 auto;display:block;background:transparent;height:100%;color:#2f2f2f;font-size:24px;text-align:center;font-weight:300;padding-top:1px;}
#search input[type=search]::placeholder{color:#2f2f2f;font-weight:300;font-size:24px;}
#search input[type=search]:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color:transparent;}
#search input[type=submit]{width:70px;height:60px;position:absolute;top:0px;right:0px;overflow:hidden;text-indent:-9999px;background:url(/page/foreign/images/common/search_01.png) no-repeat 7px 12px}
#search .recommend{display:inline-block;width:110px;height:36px;color:#fff;font-weight:500;line-height:34px;text-align:center;border-radius:18px;background:#d50000;margin:24px 0 0 20px;vertical-align: middle;}
#search .hash{text-align:center;margin-top:13px;padding:0 20px 10px 20px;display:inline-block;overflow:hidden;white-space:normal;vertical-align: middle;max-width:900px;}
#search .hash li{display:inline-block;margin-top:20px;float:left;}
#search .hash li a{display:block;height:36px;line-height:33px;;padding:0 20px;border:1px solid #c92128;border-radius:4px;margin-right:16px;font-weight:300;color:#464646;box-shadow:3px 4px #e5e5e5;background:#fff;}
#search .close{width:33px;height:33px;overflow:hidden;text-indent:-9999px;background:url(/page/foreign/images/common/sp_common.png) no-repeat -87px 0;position:absolute;top:30px;right:0px;}


#mobile_menus {display:none;}
#mask_mobile{position:fixed;left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:101;display:none;}
#mobile_gnb_wrap{position:fixed;top:0px;right:-300px;width:300px;max-width:400px;height:100%;background:url(/page/foreign/images/common/bg_mobile_inner.jpg) repeat 0 0;z-index:102;overflow-y:auto;padding:61px 0 140px;}
#mobile_gnb_wrap .mobile_gnb_menus{position:absolute;top:0;right:13px;}
#mobile_gnb_wrap .mobile_gnb_menus .login{display:block;float:left;height:61px;line-height:61px;padding:0 15px;font-weight:300;color:#fff;}
#mobile_gnb_wrap .mobile_gnb_menus .language{display:block;float:left;width:35px;height:35px;text-align:center;line-height:35px;color:#2e2f3a;font-size:18px;background:#d1c0a5;margin-top:13px;}
#mobile_gnb_wrap .mobile_gnb_menus .gnb_close{display:block;float:left;width:35px;height:35px;background:#8d0d13;margin-top:13px;overflow:hidden;text-indent:-9999px;position:relative;}
#mobile_gnb_wrap .mobile_gnb_menus .gnb_close:after{content:'';position:absolute;top:50%;left:50%;margin:-8px 0 0 -8px;width:16px;height:16px;background:url(/page/foreign/images/common/sp_common.png) no-repeat -252px 0;}

#mobile_gnb_wrap .mobile_search{padding:27px 17px 0;}
#mobile_gnb_wrap .mobile_search strong{display:block;font-family:'Noto Serif KR';font-size:22px;text-align:center;color:#fff;font-weight:400;}
#mobile_gnb_wrap .search_box{background:#fff;height:40px;border-radius:20px;margin-top:10px;position:relative;}
#mobile_gnb_wrap .search_box input[type=search]{width:calc(100% - 55px);margin:0 40px 0 15px;display:block;background:transparent;height:100%;color:#1b1b1b;font-size:18px;text-align:center;font-weight:300;}
#mobile_gnb_wrap .search_box input[type=search]::placeholder{color:#1b1b1b;font-weight:300;font-size:18x;}
#mobile_gnb_wrap .search_box input[type=search]:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color:transparent;}
#mobile_gnb_wrap .search_box input[type=submit]{width:40px;height:40px;position:absolute;top:0px;right:0px;overflow:hidden;text-indent:-9999px;background:url(/page/foreign/images/common/sp_common.png) no-repeat -274px -269px;}
#mobile_gnb_wrap .hash{padding-top:10px;text-align:center;}
#mobile_gnb_wrap .hash li{display:inline-block;margin-top:5px;}
#mobile_gnb_wrap .hash li a{display:block;color:#fff;font-size:13px;font-weight:300;padding:0 7px 0 2px;letter-spacing:-1px;position:relative}
#mobile_gnb_wrap .hash li a:after{content:'';width:1px;height:12px;background:#fff;display:block;position:absolute;top:5px;right:0px;}
#mobile_gnb_wrap .hash li:last-child a{padding-right:0;}
#mobile_gnb_wrap .hash li:last-child a:after{display:none;}

#mobile_gnb{}
#mobile_gnb h2 a{display:block;border:1px solid #991218;color:#fff;font-size:18px;font-weight:500;padding:11px 50px 11px 20px;position:relative;margin-top:-1px}
#mobile_gnb h2 a:after{content:'';display:block;width:2px;height:14px;background:#fff;position:absolute;right:30px;top:50%;transform:translateY(-50%);}
#mobile_gnb h2 a:before{content:'';display:block;width:14px;height:2px;background:#fff;position:absolute;right:24px;top:50%;transform:translateY(-50%);}
#mobile_gnb h2.active a:after{display:none;}

#mobile_gnb .depth_02{display:none;}
#mobile_gnb .depth_02 h3 a{display:block;background:#fff;color:#555;padding:12px 50px 12px 20px;position:relative;border:1px solid #dcdcdc;margin-top:-1px}
#mobile_gnb .depth_02 h3 a:before{content:'';display:block;width:20px;height:20px;background:url(/page/foreign/images/common/sp_common.png) no-repeat -59px -53px;position:absolute;right:19px;top:50%;margin-top:-10px;}
#mobile_gnb .depth_02 h3 a[target=_blank]:after{content:'';display:block;width:11px;height:11px;background:url(/page/foreign/images/sub/sp_sub.png) no-repeat 0 0;display:inline-block;margin-left:6px;}
#mobile_gnb .depth_02 h3.active a{background:#555;color:#fff;}
#mobile_gnb .depth_02 h3.active a:before{background-position:-30px -53px}
#mobile_gnb .depth_02 h3.no_3depth a:before{display:none;}

#mobile_gnb .depth_03{background:#f0f0f0;padding:9px 0;border:1px solid #dcdcdc;border-width:1px 0;margin-top:-1px;display:none;}
#mobile_gnb .depth_03 h4 a{display:block;font-size:14px;padding:4px 20px 4px 32px;position:relative;color:#555;}
#mobile_gnb .depth_03 h4 a[target=_blank]:after{content:'';display:block;width:11px;height:11px;background:url(/page/foreign/images/sub/sp_sub.png) no-repeat 0 0;display:inline-block;margin-left:6px;}
#mobile_gnb .depth_03 h4 a:before{content:'-';position:absolute;top:4px;left:24px;}


@media screen and (max-width:1200px) {
    #mask_mobile, #mobile_gnb_wrap{}
    #header > .inner > .logo{position: absolute; top: 3px;}
    #header > .inner{height:61px;max-width:748px;}
    #gnb, #menus, #sitemap, #search{display:none !important;}
    #mobile_menus{display:block;position:absolute;top:13px;right:13px;}
    #mobile_menus .gnb_open{display:block;float:left;width:35px;height:35px;background:#c92128;overflow:hidden;text-indent:-9999px;position:relative;}
    #mobile_menus .gnb_open:after{content:'';position:absolute;top:50%;left:50%;margin:-7.5px 0 0 -9px;width:18px;height:15px;background:url(/page/foreign/images/common/sp_common.png) no-repeat 0 -54px;}
}

@media screen and (min-width:375px) {

    #header > .inner > .logo{position: absolute; top: 3px;}

}

@media screen and (min-width:320px) {
    #header > .inner > .logo{position: absolute; top: 3px;}
}

/* 푸터 */
#footer{margin-top:-30px;z-index:1030;position:relative;}
#footer .banner{padding:20px 0 20px;}
#footer .slick_box{max-width:1400px;width:100%;margin:0 auto;position:relative;}
#footer .slick{margin:0 auto;padding:0 180px 0 0px;}
#footer .slick-slide{margin:0 16px 0 0;padding:5px 10px 5px !important;background:#fff;border-radius:10px;border:1px solid #dcdcdc;}
#footer .slick-slide img{height:34px !important;width:auto !important;display:block;}
#footer .control{position:absolute;top:10px;right:35px;}
#footer .control .prev{padding:0 10px;vertical-align:middle;}
#footer .control .next{padding:0 10px;vertical-align:middle;}
#footer .control .pause{padding:0 10px;vertical-align:middle;}
#footer .control .play{display:none;padding:0 6px 0 7px;vertical-align:middle;}


#footer .info{background:#333;border-top-left-radius:25px;border-top-right-radius:25px;padding:65px 0 65px}
#footer .info .inner{max-width:1400px;margin:0 auto;}
#footer .info .logo{float:left;padding-right:60px;}
#footer .info .text{overflow:hidden;}
#footer .info .quick{margin-bottom:30px;}
#footer .info .quick a{display:inline-block;color:#b1b1b6;padding-right:20px;margin:5px 16px 0 0;position:relative;font-weight:300;}
#footer .info .quick a:after{content:'';display:block;width:1px;height:15px;background:#96969a;position:absolute;top:6px;right:0px;}
#footer .info .quick a:last-child:after{display:none;}
#footer .info .address{color:#b1b1b6;font-weight:300;}
#footer .info .address p + p{margin-top:2px;}

@media screen and (max-width:1400px) {
    #footer .info .logo{padding:0 30px 0 15px;}
}

@media screen and (max-width:768px) {
    #footer .control{display:none;}
    #footer .slick{padding:0 22px 0 22px;}
    #footer .info{padding:12px 0 25px}
    #footer .info .logo{float:none;text-align:center;margin-top:0;padding:15px 0 15px 0}
    #footer .info .logo img{width:205px;}
    #footer .info .text{padding:0px;text-align:center;}
    #footer .info .quick{margin:8px 0 20px;}
    #footer .info .quick a{display:block;text-align:center;margin:0;padding:6px 0;border:1px solid #494949;border-width:1px 0;font-size:14px;}
    #footer .info .quick a + a{margin-top:-1px;}
    #footer .info .quick a:after{display:none;}
    #footer .info .address{padding:0 20px;font-size:14px;display:inline-block;text-align:left;}
    #footer .info .address p{word-break:keep-all;}
    #footer .info .address p span{display:block;}
}



/* 기타 */
#btn-top{position:fixed;bottom:50px;right:50px;display:block;width:64px;height:64px;background:url(/page/foreign/images/common/top_01.png) no-repeat 0 0;overflow:hidden;text-indent:-9999px;opacity:.6;z-index: 1200;}
.flip-x {-webkit-transform: scaleX(-1); transform: scaleX(-1);}
.flip-y {-webkit-transform: scaleY(-1); transform: scaleY(-1);}
.flip-90 {-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}

@media screen and (max-width:1200px) {
    #btn-top{bottom:20px;right:20px;width:45px;height:45px;background-size:45px 45px;}
}