@charset "utf-8";
/* 서브비주얼 */
.sub_vis{background:url('/_sub01/img/sub_vis01.png') no-repeat center top; background-color:#a6acb4; width:auto; height:238px;}
.sub_vis2{background:url('/_sub01/img/sub_vis02.png') no-repeat center top; background-color:#a6acb4; width:auto; height:238px;}
.sub_vis .txt_wrap{width:1200px; margin:0 auto; overflow:hidden;}
.sub_vis .txt_wrap .txt{float:right; margin-top:30px; margin-right:70px;}
.sub_vis .txt > div:nth-child(1), .sub_vis .txt > div:nth-child(1) > span{font-family:'Noto Sans KR', '맑은고딕', 'Malgun Gothic', '나눔고딕', 'nanumgothic', '돋움', Verdana; font-size:39px; font-weight:600; letter-spacing:-1px; margin-bottom:15px; margin-left:-3px;}
.sub_vis .txt > div:nth-child(1) > span{color:#0c58ce;}
.sub_vis .txt > div:nth-child(2), .sub_vis .txt > div:nth-child(2) > span{font-size:14px; color:#444e5f;font-weight:600;}
.sub_vis .txt > div:nth-child(2) > span, .sub_vis .txt > div:nth-child(2) > span > span{font-size:20px;   color:#586272;}
.sub_vis .txt > div:nth-child(2) > span > span{border-top:5px solid #4db216;}
.sub_vis .txt > div:nth-child(3){width:90px; border-top:1px solid #95999e; border-bottom:1px solid #95999e; margin-top:10px; }
.sub_vis .txt > div:nth-child(3) > a{padding:1px 10px 4px 5px; font-size:13px; background:url('/_sub01/img/green_blit.png') no-repeat right 10px; color:#444e5f;font-weight:600; display:inline-block;}


/* 중간 */
#s_middle{clear:both; position:relative;}


/* 본문컨텐츠 */
.s_right{width:1200px; margin:0 auto; clear:both; overflow:hidden; padding:35px 0 45px 0;}
.s_right h3{width:100%; font-size:39px; color:#333; font-weight:500; font-family:'Noto Sans KR', '맑은고딕', 'Malgun Gothic', '나눔고딕', 'nanumgothic', '돋움', Verdana; overflow:hidden;}
.s_right .stxt_tit{width:100%; border-bottom:1px solid #ccc; padding-bottom:20px;}
.s_right .page{margin-top:35px;}


/* 문서위치 */
.location_bar{width:100%; background:#f7f7f7; border-top:1px solid #ccc; border-bottom:1px solid #ccc; height:45px;}
.location{float:right}
.location_wrap{width:1200px; margin:0 auto;}
.location > span{display:inline-block; padding: 13px 0;}

.location > ul{float:left; background:url('/_sub01/img/loc_arrow.png') no-repeat right 1px;  position:relative;}

.location .primary_menu .selectbox1{width:110px; background:url('/_sub01/img/loc_ico01.png') no-repeat 100px 22px;}
.location .secondary_menu .selectbox2{width:220px; background:url('/_sub01/img/loc_ico02.png') no-repeat 195px 13px; color:#003fa0;}

.location .primary_menu > li:nth-child(1), .location .secondary_menu >li:nth-child(1){padding:13px 17px;font-size:13px;font-family:'맑은고딕', 'Malgun Gothic', '나눔고딕', 'nanumgothic', '돋움', Verdana;color:#555; cursor:pointer;line-height:18px;}
.location .secondary_menu > li:nth-child(1){color:#003fa0; font-weight:bold;}
.location .home{width:50px; text-align:right; padding-top:13px; padding-bottom:13px; padding-right:50px; color:#555;line-height:18px}

.location > ul > li > ul{position:absolute;top:46px;z-index:50;display:none; background-color:#e8e8e8;}

.location .primary_menu .selectbox1 > ul{width:145px; left:-23px;}
.location .secondary_menu .selectbox2 > ul{width:255px; left:-23px;}

.location > ul > li > ul > li{border-bottom:1px solid #fff; padding:0; font-weight:normal;}
.location > ul > li > ul > li > a {width: calc( 100% - 34px ); display:inline-block; font-size:12px; padding:13px 17px;}
.location > ul > li > ul > li > a:hover{color:#fff;font-weight:bold; background-color:#003fa0;}



/* 반응형 적용부분 */
@media screen and (max-width: 1230px) {
	
.s_right{width:100%; float:none;}

.s_right h3, .s_right .stxt_tit, .location_wrap, .sub_vis .txt_wrap{width:94%; margin:0 auto;}
.sub_vis .txt_wrap .txt{margin-right:10px;}
.s_right .page{width:94%; margin:0 auto; margin-top:35px;}
.sub_vis{background-position: -460px top; }

}

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

.sub_vis .txt_wrap .txt{width:45%;}
.sub_vis .txt > div:nth-child(1), .sub_vis .txt > div:nth-child(1) > span{font-size:25px;}
.sub_vis .txt > div:nth-child(2) > span, .sub_vis .txt > div:nth-child(2) > span > span{font-size:18px;}

}

@media screen and (max-width: 750px) {
	
.location_bar{display:none;}
.sub_vis .txt_wrap{display:none;}
.sub_vis{background-position: -300px top; }	
.s_right h3{font-size:30px; line-height:30px;}

}

@media screen and (max-width: 600px) {
	  
.sub_vis{background-position: -400px top; }	

}

@media screen and (max-width: 500px) {
	  
.sub_vis{background-position: -470px top; }	

}

.threedot{ height : 1.5em; text-align : center; line-height : 1.5em; background : url('/_sub01/img/threedot.png') no-repeat center center ; width :  52px;  }

.b_tit{ background : url('/_sub01/img/threedot.png') no-repeat left center ;  font-size : 36px; font-family : 'Nanum Myeongjo'; padding-left : 65px; color : #333333;}
.s_tit{  background : url('/_sub01/img/s_tit.png') no-repeat left center ;  font-size : 16px; color : #333333; font-weight : bold; padding-left : 28px; }
.ss_tit{  background : url('/_sub01/img/ss_tit.png') no-repeat left center ; color : #4db216; font-weight : bold;  padding-left : 16px;}

 @media screen and (max-width: 800px) {  .b_tit { font-size : 20px; } }