/* header, footer */
#header .gnb_web .gnbA > a{color:#303030;}
.basic #header{position:relative;border-bottom:.1rem solid #d2d2d2;}
.basic #header .logo a{color:#303030;}
.basic #header .util .web_only i::before, .basic #header .mob_only i::before{filter:none;}
.custom #container{padding:8rem 10rem 0 10rem; margin-bottom: 6.0rem;}
.custom #container .inner{padding:0; max-width: 140.0rem;}
.custom #container .sub_nav{border-color:#e0e0e0;}
.custom #container .sub_nav .btn_home,
.custom #container .sub_nav #path{border-top:.1rem solid #e0e0e0;}
.custom #footer{background-color:#f4f4f4;}

/* snb */
.sub_nav{width:100%;height:6.6rem;border-bottom:.1rem solid #000;}
.sub_nav .inner{display:flex; width: 140rem;}
.sub_nav .btn_home{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:7.6rem;height:100%;border-left:.1rem solid #e0e0e0;border-right:.1rem solid #e0e0e0;vertical-align:middle;}
.sub_nav #path{display:flex;height:100%;vertical-align:middle;}
.sub_nav #path > li{position:relative;min-width:25.4rem;border-right:.1rem solid #e0e0e0;}
.sub_nav #path > li > a{display:inline-flex;align-items:center;justify-content:space-between;gap:1.3rem;width:100%;height:100%;font-size:1.7rem;font-weight:600;padding:0 1.8rem 0 2.2rem;}
.sub_nav #path > li > a .open{flex-shrink:0;position:relative;transform:rotate(0);width:3.2rem;height:3.2rem;border-radius:50rem;background:#0c318a url(/images/major/common/sp_layout.png) no-repeat -1.1rem -8.4rem;background-size:72rem;text-indent:-9999rem;transition:all .2s;}
.sub_nav #path > li.on > a .open{transform:rotate(180deg);}
.sub_nav #path > li.snb_level3 ~ li{display:none}/* 4차메뉴 숨기기 */
.sub_nav .sectionB{display:none;position:absolute;top:calc(100% + .1rem);left:-.1rem;width:100.8%;border:.1rem solid #000;border-top:0;z-index:2;}
.sub_nav .sectionB > li > a{display:block;font-size:1.8rem;font-weight:600;line-height:1.2;border-bottom:.1rem solid #ddd;background-color:#fff;padding:2rem;}
.sub_nav .sectionB > li > a.newwin span span{display:inline-block;width:2.0rem;height:2.0rem;background:url(/images/major/common/sp_layout.png) no-repeat  -56.5rem -8.9rem;vertical-align:middle;margin:-.2rem 0 0 1rem;text-indent:-9999rem;}
.sub_nav .sectionB > li.on > a, .sub_nav .sectionB > li > a:hover{background-color:#f0f0f0;}

/* 비쥬얼 */
.sub_vis{height:18rem;border-bottom:.1rem solid #d2d2d2;}
.sub_vis .inner{position:relative;display:flex;align-items:center;justify-content:center;}
.sub_vis .inner h3.tit{font-size:4rem;font-weight:600;}
.sub_vis .contents_tool{position:absolute;top:50%;right:0;transform:translateY(-50%);display:inline-flex;align-items:center;gap:0 4rem; z-index: 8;}
.sub_vis .contents_tool .drop_wrap > button::before{content:'';display:block;background-image:url(/images/major/common/sp_layout.png);background-repeat:no-repeat;background-size:72rem;}
.sub_vis .contents_tool .drop_wrap > button.ico_share::before{width:2.2rem;height:2.2rem;background-position:-19.8rem -9rem;}
.sub_vis .contents_tool .drop_wrap > button.ico_down::before{width:2.2rem;height:2.2rem;background-position:-24.8rem -9rem;}
.sub_vis .contents_tool .drop_wrap > button.ico_qr::before{width:2.2rem;height:2.2rem;background-position:-29.8rem -9rem;}
.sub_vis .contents_tool .drop_wrap.qr .drop_menu{left:initial;right:-2.5rem;transform:translate(0, 100%);}
.sub_vis .contents_tool .drop_wrap.qr .drop_in::before{left:initial;right:2.9rem;transform:translate(0, -100%);}
.sub_vis .contents_tool .drop_wrap.qr .drop_in::after{left:initial;right:3rem;transform:translate(0, -100%);}
.basic .sub_vis{background-color:#f8f8f8;}

/* lnb */
.sub_lnb.lnb_none{display:none;}
.sub_lnb{position:relative;height:9rem;border-bottom:.1rem solid #e0e0e0;}
.sub_lnb .inner{position:relative;padding:0 6.2rem !important;}
.sub_lnb .swiper .section > li{width:fit-content;margin-right:4rem;}
.sub_lnb .swiper .section > li > a{position:relative;display:inline-flex;align-items:center;height:9rem;}
.sub_lnb .swiper .section > li.on a::after{position:absolute;bottom:0;left:0;content:'';display:block;width:100%;height:.4rem;background-color:#0c318a;}
.sub_lnb .swiper.swiper_none .section{display:flex;justify-content:center;}
.sub_lnb .swiper.swiper_none + .control{display:none;} 
.sub_lnb .control{width:100%;height:100%;}
.sub_lnb .control button{position:absolute;top:50%;transform:translateY(-50%);border:0;border-radius:1rem;background-color:#eaeaea;z-index:1;}
.sub_lnb .control button.btn_prev{left:0;}
.sub_lnb .control button.btn_next{right:0;}

.section.depth5{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:6.5rem;}
.section.depth5 > li > a{display:inline-flex;font-weight:600;color:#505050;border-radius:1rem;background-color:#f3f3f3;padding:1.5rem 1.6rem;}
.section.depth5 > li.on > a{color:#fff;background-color:#0c318a;}

/* 컨텐츠 */
#content{padding:7.5rem 0 10.5rem;}
/*#content .inner { width: 140rem;}*/

@media screen and (max-width:1510px) {
	#footer{background-color:#f4f4f4;}
	.custom #container{padding:0;}
	.custom #container .inner{padding:0 4rem;}
	.custom #container .sub_nav .inner{padding:0;}
	.custom #container .sub_nav .btn_home,
	.custom #container .sub_nav #path{border-top:0;}
  .sub_vis .contents_tool{right:4rem;}
	.sub_lnb .inner{padding:0 8.2rem !important;}
	.sub_lnb .control button.btn_prev{left:2rem;}
	.sub_lnb .control button.btn_next{right:2rem;}
}