@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;}
.confirmIframe body{overflow:hidden;}

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 h1{position:absolute;top:3px;z-index:10;}
#header h1 a{display:block;}
#header h1 a img{max-width:100%;}
#gnb{position:absolute;top:0px;padding:0 160px 0 260px;width:100%}
#gnb a:hover{text-decoration:none;}
#gnb > ul > li{float:left;position:relative;width:calc((100% - 30px) / 7)}
#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/fire/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 li:hover{background: #c92128; color:#fff;}
#gnb .depth_02 .active{}
#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; display: flex; align-items: center;}
#menus .language{display: flex; align-items: center; justify-content: center; float:left; letter-spacing: -2px; padding: 0 6px; width: 57px;height:31px; font-weight:400;font-size:16px; border: 1px solid #7b7b7d; background:#fff; border-radius: 14px; text-align:center;margin:17px 14px 0 0;}
#menus .search{display:block;float:left;width: 55px;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/fire/images/common/sp_common.png) no-repeat 0 0;}
#menus .sitemap{display:block;float:left;width: 55px;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/fire/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: 65px; left: -56px; margin-right: -673px; z-index:50; 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: 58px; max-width: 221PX; position:relative; background: #555555;}
#search input[type=search]{width: 100%;margin:0 auto;display:block;background:transparent;height:100%;color:#fff;font-size:24px;text-align:center;font-weight:300;    padding-left: 23px;
}
#search input[type=search]::placeholder{color:#fff;font-weight:300;font-size:18px;}
#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; display: none;}
#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:0px;height:0px;overflow:hidden;text-indent:-9999px;background:url(/page/fire/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/fire/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; display: flex; align-items: center;}
#mobile_gnb_wrap .mobile_gnb_menus .login{display:block;float:left;height:61px;line-height:61px;padding:0 15px 0 0;font-weight:300;color:#fff;}
#mobile_gnb_wrap .mobile_gnb_menus .language{display:flex; align-items: center; justify-content: center; float:left;width:50px;height:25px;text-align:center; color:#2e2f3a;font-size:14px;background:#fff; border: 1px solid #7b7b7d; border-radius: 14px; margin-right: 10px;}
#mobile_gnb_wrap .mobile_gnb_menus .gnb_close{display:block;float:left;width:35px;height:35px;background:#8d0d13; 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/fire/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/fire/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/fire/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/fire/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/fire/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) {
    #header h1{left:1px;}
    #header > .inner{height:61px;max-width: 984px;}
    #gnb, #menus,  #sitemap, #search{display:none !important;}
    #menus .language{margin: 16px 60px 0 0;}
    #mobile_menus{display:block;position:absolute;top:13px;right:1px;}
    #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/fire/images/common/sp_common.png) no-repeat 0 -54px;}
}



@media screen and (min-width:1200px) {
    #mask_mobile, #mobile_gnb_wrap{display:none !important;}
}

@media screen and (min-width:767px) {
  #mobile_menus{right: 10px;}
}




/* 푸터 */
#footer{background:#ddd;}
#footer .banner{padding:20px 0 19px;}
#footer .banner a{display:block;}
#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;}
#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 50px}
#footer .info .inner{max-width:1400px;margin:0 auto;}
#footer .info .logo{float:left;padding-right:60px;}
#footer .info .text{padding:0 15px 0 350px;}
#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{float: left; color:#b1b1b6;font-weight:300;}
#footer .info .address p + p{margin-top:2px;}
#footer .info .mark{display: inline-block; margin-left: 1px;}
#footer .info a{display: block;}
#footer .info  img{}




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

@media screen and (max-width:1200px) {

    #footer .control{display:none;}
    #footer .slick{padding:0 22px 0 22px;}
    #footer .info{padding:12px 0 20px}
    #footer .info .logo{float:none;text-align:center;padding:0;}
    #footer .info .logo img{width:175px;}
    #footer .info .text{padding:0px;}
    #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{float: none; padding:0 20px;font-size:14px;text-align:center;}
    #footer .info .mark{display: block; margin-left: 0; text-align: center; margin-top: 20px;}
    #footer .info .mark img{}
    #footer .info .address p{word-break:keep-all;}
    #footer .info .address p span{display:block;}
}


#footer .family{text-align:center;margin-bottom:28px;height:47px;z-index:700;position:relative;}
#footer .family .box{float:left;margin-right:10px;position:relative;}
#footer .family .box:last-child{margin-right:0;}
#footer .family .box .open{width:224px;height:39px;line-height:37px;color:#000;padding-left:20px;position:relative;background:#e0e0e0;text-align:left;}
#footer .family .box:first-child .open{background:#f0f0f0;}
#footer .family .box .open:after{content:'';display:block;width:14px;height:8px;background:url(/page/fire/images/common/arrow_02.png) no-repeat 0 0;position:absolute;top:16px;right:20px;}
#footer .family .box .open.active:after{background:url(/page/fire/images/common/arrow_03.png) no-repeat 0 0;}
#footer .family .view{position:absolute;left:0px;bottom:39px;background:#fafafa;width:100%;box-shadow:5px -5px 5px rgba(0,0,0,.15);padding-top:39px;z-index:20;display:none;}
#footer .family .view .close{position:absolute;left:0px;top:0px;background:#37474f;color:#fff;height:39px;line-height:37px;width:100%;padding-left:20px;text-align:left;}
#footer .family .view .close:after{content:'';display:block;width:14px;height:8px;background:url(/page/fire/images/common/arrow_04.png) no-repeat 0 0;position:absolute;top:16px;right:20px;}
#footer .family .view li a{height:32px;line-height:30px;color:#212121;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 5px;}
#footer .family .view li a:hover{font-weight:500;background:#e0e0e0;}

@media screen and (max-width:1200px) {
    #footer .family{margin-bottom:20px;}
    #footer .family .box{float:none;display:inline-block;margin-right:6px;}
}

@media screen and (max-width:730px) {
    #footer .family{margin-bottom:25px;height:auto;}
    #footer .family .box{display:block;margin:5px auto 0 !important;width:224px;}
}


/* 기타 */
#btn-top{position:fixed;bottom:50px;right:50px;display:block;width:64px;height:64px;background:url(/page/fire/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;}
}