@charset "utf-8";


/* 공통 */
#sub {position:relative;}
#sub_view{}
#sub_view .inner{max-width:1920px;margin:0 auto;height:400px;position:relative;overflow:hidden;}
#sub_view img{display:block;position:absolute;top:0px;left:50%;transform:translateX(-50%);}
#page_header{position:relative;background:purple;height:50px;width:100%;}
#page_header.fixed{position:fixed;top:0px;box-shadow: 0 8px 8px rgba(0,0,0,.1);}

@media screen and (max-width:1200px) {
    #sub_view .inner{height:250px;}
}

@media screen and (max-width:767px) {
    #sub_view .inner{height:250px;}
}

#contents_wrap{max-width:1400px;margin:0 auto;}
#contents_wrap .inner{border-left:1px solid #dcdcdc;}

#lnb{float:left;width:258px;}
#lnb h2{height:101px;background:#c92128;padding:0 20px;line-height:101px;font-weight:500;font-size:26px;color:#fff;text-align:center;width:259px;}
#lnb > ul{padding-bottom:50px;}
#lnb > ul > li{margin-top:-1px;}
#lnb h3{position:relative;}
#lnb li:first-child h3 a{border-top:0;}
#lnb h3 a{border:1px solid #dcdcdc;border-width:1px 0;position:relative;display:block;color:#333;padding:14px 45px 16px 20px;position:relative;letter-spacing:-1px;}
#lnb h3 a[target=_blank]:after{content:'';display:block;width:16px;height:14px;background:url(/page/fire/images/sub/sp_sub.png) no-repeat -99px 0;display:inline-block;margin-left:6px;}

#lnb h3 .plus{width:25px;height:25px;position:absolute;top:50%;right:10px;transform:translateY(-50%);overflow:hidden;text-indent:-9999px;}
#lnb h3 .plus:before{content:'';display:block;width:14px;height:2px;background:#555;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
#lnb h3 .plus:after{content:'';display:block;width:2px;height:14px;background:#555;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
#lnb .depth_02{display:none;background:#f0f0f0;overflow:hidden;}
#lnb .depth_02 a{display:block;font-weight:300;color:#555;font-size:14px;padding:5px 20px 5px 35px;position:relative;letter-spacing:-1px;}
#lnb .depth_02 a:hover{color:#c92128;text-decoration:none;}
#lnb .depth_02 .active a{color:#c92128;}

#lnb .depth_02 li:first-child a{padding-top:16px;}
#lnb .depth_02 li:last-child a{padding-bottom:16px;}
#lnb .depth_02 a:before{content:'';display:block;width:7px;height:1px;background:#555;position:absolute;top:15px;left:20px;}
#lnb .depth_02 .active a:before{background:#c92128;}
#lnb .depth_02 a:hover:before{background:#c92128;}
#lnb .depth_02 li:first-child a:before{top:26px;}
#lnb .depth_02 li:hover{}
#lnb .depth_02 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;}
#lnb h3.active a{background:#555;color:#fff;font-weight:500;}
#lnb h3.active a:after{content:'';position:absolute;right:-1px;display:block;top:0px;bottom:0px;background:#555;width:1px;}
#lnb h3.active .plus:before{background:#fff;}
#lnb h3.active .plus:after{display:none;}

@media screen and (max-width:1200px) {
    #lnb{display:none;}
}

#contents{border-left:1px solid #dcdcdc;margin-left:258px;padding:0 2px 100px 40px;min-height:1020px;}
#contents h3{font-size:30px;font-weight:500;color:#252525;padding-top:30px;}
#contents .location{margin:25px 0 34px;border:1px solid #c9c9c9;border-width:1px 0;position:relative;}
#contents .location .route{overflow:hidden;padding:7px 75px 7px 10px;}
#contents .location .route > li{float:left;padding-right:16px;margin-right:4px;position:relative;}
#contents .location .route > li:after{content:'>';position:absolute;right:0;top:3px;color:#7d7d7d;}
#contents .location .route > li > a{font-weight:300;color:#7d7d7d;text-decoration:none;padding:3px 0;display:block;}
#contents .location .route > li > a img{padding-top:5px;}
#contents .location .route > li > a:hover{text-decoration:underline;}
#contents .location .route > li:last-child:after{display:none;}
#contents .location .route > li:last-child a{font-weight:500;}
#contents .location .btn_box{position:absolute;right:0px;bottom:0px;}
#contents .location .btn_box .print{display:block;float:left;width:36px;height:44px;position:relative;}
#contents .location .btn_box .print:after{content:'';display:block;width:19px;height:22px;background:url(/page/fire/images/sub/sp_sub.png) no-repeat -28px 0;position:absolute;top:50%;left:50%;margin:-11px 0 0 -9.5px;}
#contents .location .btn_box .share{position:relative;float:left;}
#contents .location .btn_box .share button{width:44px;height:44px;position:relative;vertical-align:middle;}
#contents .location .btn_box .share button:after{content:'';display:block;width:21px;height:23px;background:url(/page/fire/images/sub/sp_sub.png) no-repeat -60px 0;position:absolute;top:50%;left:50%;margin:-11.5px 0 0 -10.5px;}
#contents .location .btn_box .share ul{position:absolute;right:0px;top:45px;z-index:50;display:none;}
#contents .location .btn_box .share li{margin-top:-1px;}
#contents .location .btn_box .share li a{display:block;width:48px;height:48px;background:#fff;border:1px solid #c9c9c9;position:relative}
#contents .location .btn_box .share li a.facebook:after{content:'';display:block;width:10px;height:19px;background:url(/page/fire/images/sub/sp_sub.png) no-repeat -18px -160px;position:absolute;top:50%;left:50%;margin:-9.5px 0 0 -5px;}
#contents .location .btn_box .share li a.twitter:after{content:'';display:block;width:14px;height:18px;background:url(/page/fire/images/sub/sp_sub.png) no-repeat -16px -208px;position:absolute;top:50%;left:50%;margin:-9px 0 0 -7px;}
#contents .location .btn_box .share li a.instagram:after{content:'';display:block;width:21px;height:23px;background:url(/page/fire/images/sub/sp_sub.png) no-repeat -13px -252px;position:absolute;top:50%;left:50%;margin:-11.5px 0 0 -10.5px;}

#contents .conts{font-weight:300;color:#454545;position:relative;}
#contents .contents{font-weight:300;color:#454545;position:relative;}

@media screen and (max-width:1200px) {
    #contents{padding:0 15px 80px;margin-left:0px;border-left:0;min-height:auto;}
}

@media screen and (max-width:768px) {
    #contents{padding:0 15px 80px;}
    #contents h3{display:none;}
    #contents .location{margin:0 -15px 30px;border-top:none;}
    #contents .location .route{padding:14px 60px 14px 15px}
    #contents .location .route > li{display:none;}
    #contents .location .route > li:last-child{display:block;font-size:20px;}
    #contents .location .route > li:last-child a{color:#252525;font-weight:400;}
    #contents .location .btn_box{right:15px;}
    #contents .location .btn_box .print{display:none;}
    #contents .location .btn_box .share button{height:64px;}
    #contents .location .btn_box .share ul{top:65px;}

}