@charset "utf-8";


/*서브비주얼*/
/*
.container{padding-left: 80px;box-sizing: border-box;}
#layout{padding-left: 80px;box-sizing: border-box;}
#layout .lay_inner{max-width:1400px; margin: 0 auto;padding:100px 0;}


.subVisual{min-height:600px; background: url(/src/img/sub/sub_vis_bg1.jpg) center center no-repeat;background-size: cover; position: relative;box-sizing: border-box;margin: 0 auto; text-align: center;}

.subVisual.sv_06 {background:url(/src/img/sub/sub_vis_bg2.jpg) center center no-repeat;background-size:cover; }


.subVisual .tit_wrap{padding-top:170px;}
.subVisual .tit_wrap img{max-width: 100%;}

.subVisual .tit_wrap ul.breadcrumb{padding: 30px 0}
.subVisual .tit_wrap ul.breadcrumb li{display: inline-block; vertical-align: top; }

.subVisual .tit_wrap ul.breadcrumb li::after{content: ">"; color: #dfdfe0; font-size: 18px; padding: 0 15px}
.subVisual .tit_wrap ul.breadcrumb li:last-child::after{display: none; }
.subVisual .tit_wrap ul.breadcrumb li:first-child a{background:#3b61ac;border-radius: 50%; padding:5.5px 7.5px; }
.subVisual .tit_wrap ul.breadcrumb li a{font-size: 18px; color: #fff;  }

nav.location {width: 100%; }
nav.location .dep2_wrap{width: 100%; max-width: 1640px; font-size: 0;background:#00479d; box-sizing: border-box;position: absolute;bottom: 0;right: 0;min-height: 80px;}
nav.location ul.dep2{width:100%; position: absolute;bottom: 0;right: 0;z-index: 980}
nav.location ul.dep2 li{display: inline-block;vertical-align: middle; width:100%;max-width: 140px;}
nav.location ul.dep2 li a{font-size: 18px; color: #fff; display: block;padding: 29.5px 0;position: relative;box-sizing: border-box;}

nav.location ul.dep2 li.on a::before{content: ""; width:140px; height: 3px; background: #fff;position: absolute;top:0; left: 0;}
nav.location ul.dep2 li.on a::after{content: "";background:url("../img/sub/sub_nav_arrw.png")0 0 no-repeat;width:17px; height: 5px; position: absolute;top:3px; left: 50%;transform: translateX(-50%);}transition: opacity 0.4s; }


@media all and (max-width:768px){
.subVisual .tit_wrap ul.breadcrumb li a{font-size:16px;}
.subVisual .tit_wrap ul.breadcrumb li::after{font-size: 16px;}
nav.location ul.dep2 li a{font-size: 16px;padding: 28px 0;}
}

@media all and (max-width:550px){
.subVisual{height: auto;}
.subVisual .tit_wrap ul.breadcrumb{padding: 30px 0 320px 0}
nav.location .dep2_wrap{display: none;}
nav.location ul.dep2{background:#00479d;}
nav.location ul.dep2 li{max-width: none;}
nav.location ul.dep2 li.on a::before{width: 100%;}
nav.location ul.dep2 li a {padding: 25px 0;}

}
*/


/*

.subVisual{min-height:490px; background: url("/src/img/sub_new/s0101_bg.jpg") center center no-repeat;background-size: cover; position: relative;box-sizing: border-box;margin-top: 100px;}

.subVisual.v_02{background: url("/src/img/sub_new/s0201_bg.jpg") center center no-repeat;}
.subVisual.v_03{background: url("/src/img/sub_new/s0301_bg.jpg") center center no-repeat;}
.subVisual.v_04{background: url("/src/img/sub_new/s0401_bg.jpg") center center no-repeat;}
.subVisual.v_05{background: url("/src/img/sub_new/s0501_bg.jpg") center center no-repeat;}

.subVisual .sub_inner{max-width: 1200px; margin: 0 auto;}
.subVisual .tit_wrap {width: 100%;color: #fff;text-shadow: 0 2px 10px #555;padding-top: 120px;text-align: center}
.subVisual h2.crnt_menu{font-size: 70px;margin-bottom: 10px;font-weight: bold;word-break: keep-all;}
.subVisual p.crnt_txt{font-size:20px;line-height: 28px;word-break: keep-all;}

.location {width:100%;max-width: 1200px;margin: -30px auto; font-size: 0; box-sizing: border-box;background:#177dad;height: 60px; box-shadow: 0 2px 12px rgba(23,125,173,.4);position: relative; z-index: 10}
.location .inner_wrap{width: 100%; max-width: 1400px; margin: 0 auto;font-size: 0; box-sizing: border-box;}

.location ul.idx{font-size: 0;box-sizing: border-box;}
.location ul.idx img{font-size:0; line-height: normal;border: 0;}
.location ul.idx li.subMenu{display: inline-block; vertical-align:top;font-size: 18px;box-sizing: border-box;position: relative;font-weight: 500;border-right: 1px solid #74b1ce;}
.location ul.idx li.subMenu img{display: block; text-align: center;margin: auto}

.location ul.idx li.subMenu a{display: block;padding: 19.5px 30px;color: #fff;}

.location ul.idx li.subMenu:nth-child(1){width:5%; text-align: center; background:#ffda48;box-sizing: border-box;}
.location ul.idx li.subMenu:nth-child(2){ width: 17%;}
.location ul.idx li.subMenu:nth-child(3){width: 17%;}

.location ul.idx li.subMenu:nth-child(1) a{padding:23.5px 15px;}
.location ul.idx li.subMenu:nth-child(4) a{padding:15px 14px;}
.location ul.idx li.subMenu:nth-child(5) a{padding:15px 14px;}

.location ul.idx li.subMenu > a::after{content: ""; background: url("/src/img/sub_new/sub_nav_arrw.png")0 0 no-repeat; width:12px; height: 6px; display: inline-block; vertical-align: middle;  margin: 8px 0 0 0;float: right;}
.location ul.idx li.subMenu:first-child a::after{display: none}

.location ul.dep_list{width:100%; position: absolute; top:100%; left: 0;border-bottom: 1px solid #ccc;margin: 0 auto; text-align: center;box-sizing: border-box;font-size: 0;display: none; background: #177dad;position: relative; z-index: 999}
.location ul.dep_list li{width:100%;display:block;font-weight: 600;position: relative;}
.location ul.dep_list li a{display: block; font-size: 17px; color: #333; padding: 0 22px; text-align: left;}
.location ul.dep_list li>a{border-bottom: 1px solid #74b1ce;}
.location ul.dep_list li>a:hover{color: #fff000;}

#layout{box-sizing: border-box;padding-top: 30px; }

#layout .sub_dep2 {font-size: 0; box-sizing: border-box;margin-bottom: 30px; text-align: center;border-bottom: 1px solid #ccc}
#layout .sub_dep2 .dep2 {width: 100%;max-width:1200px;margin:0 auto; box-sizing: border-box;}
#layout .sub_dep2 .dep2 li{font-size: 17px; font-weight: 600; text-align: center; display: inline-block; vertical-align: top; width:15%; box-sizing: border-box;}   
#layout .sub_dep2 .dep2 li a{display: block; padding:30px 0;box-sizing: border-box;}

#layout .sub_dep2 .dep2 li.on a{color: #0077c0;position: relative;}
#layout .sub_dep2 .dep2 li.on a::after{content: "";width: 95px;height: 4px;background: #0077c0;position: absolute;bottom: 0; left: 50%; transform: translateX(-50%)}

#layout nav.sub_dep3 {margin:0 0 40px 0;}
#layout nav.sub_dep3 ul {width:100%;max-width:1200px;margin:0 auto;font-size:0;}
#layout nav.sub_dep3 ul li {display:inline-block;vertical-align:top;width:49%;margin:0 2% 2% 0;border:1px solid #ccc;box-sizing:border-box;border-radius:10px;text-align:center;}
#layout nav.sub_dep3 ul li:last-child {margin-right:0;}
#layout nav.sub_dep3 ul li a {font-size:16px;display:block;padding:20px 10px;}


#layout nav.sub_dep3 ul li.on {background:#177dad;} 
#layout nav.sub_dep3 ul li.on a {color:#fff}

#layout nav.sub_dep3 ul li:first-child:nth-last-child(3),
#layout nav.sub_dep3 ul li:first-child:nth-last-child(3) ~ li {width:32%;}

#layout nav.sub_dep3 ul li:first-child:nth-last-child(4),
#layout nav.sub_dep3 ul li:first-child:nth-last-child(4) ~ li {width:23.5%;}

#layout nav.sub_dep3 ul li:first-child:nth-last-child(4),
#layout nav.sub_dep3 ul li:first-child:nth-last-child(4) ~ li {width:18.4%;}


@media all and (max-width:1024px){
.location ul.idx li.subMenu:nth-child(1){width:10%;}
.location ul.idx li.subMenu:nth-child(2){width:45%;}
.location ul.idx li.subMenu:nth-child(3){width:45%; margin:0}
.location ul.idx li.subMenu:nth-child(4){display: none;}
.location ul.idx li.subMenu:nth-child(5){display: none;}

#layout .sub_dep2 .dep2 li{width:20%;}

}

@media all and (max-width:840px){
.location ul.dep_list li{display: block; width:100%; line-height: 50px;}
.location ul.dep_list li:hover::after{display: none;}
.location ul.dep_list li:hover{background: #e2e2e2;}
}

@media all and (max-width:768px){
.subVisual .tit_wrap {padding-top: 130px;}
.subVisual h2.crnt_menu{font-size: 60px}
.subVisual p.crnt_txt {font-size: 17px;}
.location ul.idx li.subMenu {font-size: 17px;}
#layout .sub_dep2 .dep2 lifont-size: 16px;}

}

@media all and (max-width:640px){
#layout .sub_dep2 .dep2 li{width:33.3333%;}

}

@media all and (max-width:480px){
.location ul.idx li.subMenu:nth-child(1){display: none}
.location ul.idx li.subMenu:nth-child(2){width:50%;}
.location ul.idx li.subMenu:nth-child(3){width:50%;}
}

@media all and (max-width:425px){
#layout .sub_dep2 .dep2 li{display: block; margin: auto; border-bottom: 1px solid #ccc; width: 100%;}
#layout .sub_dep2 .dep2 li.on a::after{display: none;}
#layout .sub_dep2 .dep2 li a {padding: 20px 0}

.subVisual h2.crnt_menu{font-size: 50px}
.subVisual p.crnt_txt {font-size: 16px;}

}
*/


/* 공통 */

.subWrap .content_sub .content{width: 100%; max-width: 1400px; margin: 0 auto 60px;}

.sub_page .con_wrap h3.tit{font-size: 22px; line-height: 28px; font-weight: bold;position: relative;padding: 0 0 0 30px; margin: 0 0 15px 0;}
.sub_page .con_wrap h3.tit::before{content: ''; background: url(../img/sub/h3_tit_icon.png) 0 0 no-repeat; width: 23px; height: 23px; position: absolute;bottom: 2px; left: 0}

.sub_page .con_wrap h4.tit{font-size: 20px; line-height: 28px; font-weight: 500;position: relative;padding: 0 0 0 30px; margin: 0 0 10px 0;}
.sub_page .con_wrap h4.tit::before{content: ''; background: url(../img/sub/h4_tit_icon.png) 0 0 no-repeat; width: 17px; height: 17px; position: absolute;bottom: 5px; left: 5px;}

.sub_page .con_wrap p.txt{font-size: 18px; line-height: 28px; font-weight: 500;position: relative;padding: 0 0 0 30px;}
.sub_page .con_wrap p.txt::before{content: ''; background: url(../img/sub/p_txt_icon.png) 0 0 no-repeat; width: 7px; height: 7px; position: absolute;bottom: 11px; left: 14px;}

.sub_page span.cn{font-family: "nanumgothic";}

@media all and(max-width:768px){
	.sub_page .con_wrap h3.tit{font-size: 20px;}
	.sub_page .con_wrap h4.tit{font-size: 18px;}
	.sub_page .con_wrap p.txt{font-size: 16px;}
}



.subWrap.sv_02 nav.lnb ul.dep2 li.subMenu.on a{background:#0749ba;} 
.subWrap.sv_02 nav.lnb ul.dep2 li.subMenu:hover a{background:#0749ba;} 
.subWrap.sv_03 nav.lnb ul.dep2 li.subMenu.on a{background:#007a4b;} 
.subWrap.sv_03 nav.lnb ul.dep2 li.subMenu:hover a{background:#007a4b;} 
.subWrap.sv_04 nav.lnb ul.dep2 li.subMenu.on a{background:#ec8f2b;} 
.subWrap.sv_04 nav.lnb ul.dep2 li.subMenu:hover a{background:#ec8f2b;} 
.subWrap.sv_05 nav.lnb ul.dep2 li.subMenu.on a{background:#e12470;} 
.subWrap.sv_05 nav.lnb ul.dep2 li.subMenu:hover a{background:#e12470;} 
.subWrap.sv_06 nav.lnb ul.dep2 li.subMenu.on a{background:#517dcf;} 
.subWrap.sv_06 nav.lnb ul.dep2 li.subMenu:hover a{background:#517dcf;} 


/* subVisual */
.subWrap{position: relative;}

.subVisual{background: url(../img/sub/subVisual_01.jpg) 0 0 no-repeat; background-size: cover; font-size: 0;min-height:430px; box-sizing: border-box;}

.subWrap.sv_02 .subVisual{background: url(../img/sub/subVisual_02.jpg) 0 0 no-repeat;}
.subWrap.sv_03 .subVisual{background: url(../img/sub/subVisual_03.jpg) 0 0 no-repeat;}
.subWrap.sv_04 .subVisual{background: url(../img/sub/subVisual_04.jpg) 0 0 no-repeat;}
.subWrap.sv_05 .subVisual{background: url(../img/sub/subVisual_05.jpg) 0 0 no-repeat;}
.subWrap.sv_06 .subVisual{background: url(../img/sub/subVisual_06.jpg) 0 0 no-repeat;}


.subVisual .tit_wrap{max-width:1400px; margin: 0 auto;padding-top: 150px;}
.subVisual .tit_wrap > .tit{font-size: 50px;margin-bottom: 20px;font-weight: bold;color: #fff;}
.subVisual .tit_wrap ul.location{}
.subVisual .tit_wrap ul.location li{display: inline-block; vertical-align: middle;}
.subVisual .tit_wrap ul.location li a{font-size: 18px; font-weight: bold;color: #fff;position: relative;}
.subVisual .tit_wrap ul.location li:last-child a{margin: 0}
.subVisual .tit_wrap ul.location li:nth-child(1) a::before{content: '';background: url(../img/sub/sub_home_icon.png) 0 0 no-repeat; width: 16px; height: 13px; display: inline-block; margin: 0 10px 0 0}
.subVisual .tit_wrap ul.location li a::after{content: '>';padding: 0 10px;}
.subVisual .tit_wrap ul.location li:last-child a::after{display: none;}

nav.lnb{width: 100%;position: relative; top:-40px;}
nav.lnb .inner_wrap{max-width:1400px; margin: 0 auto;font-size: 0;}
nav.lnb ul.dep2{font-size: 0;width: 100%;box-shadow: 3px 3px 20px rgba(0,0,0,.1); border-radius: 10px; overflow: hidden;}


nav.lnb ul.dep2 li.subMenu{display: inline-block; vertical-align: middle; }
nav.lnb ul.dep2 li.subMenu:first-child:nth-last-child(1), nav.lnb ul.dep2 li.subMenu:first-child:nth-last-child(1) ~ li {width: 100% }
nav.lnb ul.dep2 li.subMenu:first-child:nth-last-child(2), nav.lnb ul.dep2 li.subMenu:first-child:nth-last-child(2) ~ li {width: 50% }
nav.lnb ul.dep2 li.subMenu:first-child:nth-last-child(5), nav.lnb ul.dep2 li.subMenu:first-child:nth-last-child(5) ~ li {width: 20% }
nav.lnb ul.dep2 li.subMenu:first-child:nth-last-child(6), nav.lnb ul.dep2 li.subMenu:first-child:nth-last-child(6) ~ li {width: 16.6666% }
nav.lnb ul.dep2 li.subMenu:first-child:nth-last-child(7), nav.lnb ul.dep2 li.subMenu:first-child:nth-last-child(7) ~ li {width: 14.2857% }



nav.lnb ul.dep2 li.subMenu a{display: block;font-size: 18px; font-weight: 500; text-align: center; padding: 29.5px 0;background: #fff;}
nav.lnb ul.dep2 li.subMenu.on a{background: #920783; color: #fff;}
nav.lnb ul.dep2 li.subMenu:hover a{background: #920783; color: #fff;}

nav.sub_dep3 {max-width: 1400px;margin: 0 auto; padding-bottom: 20px; box-sizing: border-box; border-bottom: 1px solid #ddd;position: relative; top: -20px;margin-bottom: 20px;}
nav.sub_dep3 ul.dep3{text-align: center; }
nav.sub_dep3 ul.dep3 li{display: inline-block; vertical-align: middle; margin: 0 20px 0 0; position: relative;}
nav.sub_dep3 ul.dep3 li::after{content: ''; background: #ccc; width: 1px; height: 12px; position: absolute; top:50%; right: -12px;transform: translateY(-50%);}
nav.sub_dep3 ul.dep3 li:last-child::after{display: none;}
nav.sub_dep3 ul.dep3 li:last-child{margin:0;}
nav.sub_dep3 ul.dep3 li a{font-size: 18px; color: #555;position: relative;}
nav.sub_dep3 ul.dep3 li a::after{content: ''; background: url(../img/sub/sub_nav_icon.png) 0 0 no-repeat; width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin: 0 0 0 10px; }

nav.sub_dep3 ul.dep3 li.on a::after {background: url(../img/sub/sub_nav_icon_on.png) 0 0 no-repeat;}
/*
nav.sub_dep3 ul.dep3 li.on a::before{content: ''; background:#777; width: 44px; height: 2px; position: absolute; bottom: -5px; left:}
nav.sub_dep3 ul.dep3 li.on:nth-child(2) a::before{content: ''; background:#777; width: 30px; height: 2px; position: absolute; bottom: -5px; left:}
*/

.layout {}
.layout .lay_inner{max-width: 1400px; margin: 0 auto;}
.layout h2.crnt_menu{font-size: 38px;font-weight: bold; text-align: center; border-bottom:2px dotted #e1e1e1;padding: 30px 0; box-sizing: border-box; margin-bottom: 30px;}

@media all and (max-width:1400px){
	.subVisual .tit_wrap{text-align: center;}
}


@media all and (max-width:1024px){
	nav.lnb ul.dep2 li.subMenu{width:33.33%; }
	nav.lnb ul.dep2 li.subMenu a{font-size: 16px; padding: 22px 0;}
	nav.sub_dep3 ul.dep3 li a{font-size: 16px;}
/*	nav.sub_dep3 ul.dep3 li.on a::before{width: 40px;}*/
	nav.sub_dep3 ul.dep3 li.on:nth-child(2) a::before {width: 27px;}

	
}

@media all and (max-width:768px){
	.subVisual .tit_wrap .tit{font-size:44px;}
	.subVisual .tit_wrap ul.location li a{font-size:16px;}
	.layout h2.crnt_menu{font-size: 34px;}
	.subVisual .tit_wrap ul.location li a::after {left: 70px;}
	
}

@media all and (max-width:420px){
	nav.lnb ul.dep2 li.subMenu{width:50%;}
	
}




/* 공통 */

.sub_page .con_wrap h3.tit{font-size: 22px; line-height: 28px; font-weight: bold;position: relative;padding: 0 0 0 30px; margin: 0 0 15px 0;}
.sub_page .con_wrap h3.tit::before{content: ''; background: url(../img/sub/h3_tit_icon.png) 0 0 no-repeat; width: 23px; height: 23px; position: absolute;bottom: 2px; left: 0}

.sub_page .con_wrap h4.tit{font-size: 20px; line-height: 28px; font-weight: 500;position: relative;padding: 0 0 0 30px; margin: 0 0 10px 0;}
.sub_page .con_wrap h4.tit::before{content: ''; background: url(../img/sub/h4_tit_icon.png) 0 0 no-repeat; width: 17px; height: 17px; position: absolute;bottom: 5px; left: 5px;}

.sub_page .con_wrap p.txt{font-size: 18px; line-height: 28px; font-weight: 500;position: relative;padding: 0 0 0 30px;}
.sub_page .con_wrap p.txt::before{content: ''; background: url(../img/sub/p_txt_icon.png) 0 0 no-repeat; width: 7px; height: 7px; position: absolute;bottom: 11px; left: 14px;}

@media all and(max-width:768px){
	.sub_page .con_wrap h3.tit{font-size: 20px;}
	.sub_page .con_wrap h4.tit{font-size: 18px;}
	.sub_page .con_wrap p.txt{font-size: 16px;}
}

.sub_page b.font{font-family: "맑은 고딕";}


/*
.subWrap.sv_02{background: url(../img/sub/subVisual_02.jpg) 0 0 no-repeat;}
.subWrap.sv_03{background: url(../img/sub/subVisual_03.jpg) 0 0 no-repeat;}
.subWrap.sv_04{background: url(../img/sub/subVisual_04.jpg) 0 0 no-repeat;}


.subWrap.sv_02 nav.lnb ul.dep2 li.subMenu.on a{background:#0749ba;} 
.subWrap.sv_02 nav.lnb ul.dep2 li.subMenu:hover a{background:#0749ba;} 
.subWrap.sv_03 nav.lnb ul.dep2 li.subMenu.on a{background:#007a4b;} 
.subWrap.sv_03 nav.lnb ul.dep2 li.subMenu:hover a{background:#007a4b;} 
.subWrap.sv_04 nav.lnb ul.dep2 li.subMenu.on a{background:#ec8f2b;} 
.subWrap.sv_04 nav.lnb ul.dep2 li.subMenu:hover a{background:#ec8f2b;} 
*/


/* subVisual */
/*
.subWrap{position: relative;}
.subVisual{background: url(../img/sub/subVisual_01.jpg) 0 0 no-repeat; background-size: cover; font-size: 0; box-sizing: border-box; min-height:430px;}

.subVisual .tit_wrap{max-width:1400px; margin: 0 auto;padding-top: 150px;}
.subVisual .tit_wrap .tit{font-size: 50px;margin-bottom: 20px;font-weight: bold;color: #fff;}
.subVisual .tit_wrap ul.location{}
.subVisual .tit_wrap ul.location li{display: inline-block; vertical-align: middle;}
.subVisual .tit_wrap ul.location li a{font-size: 18px; font-weight: bold;color: #fff; margin: 0 20px 0 0;position: relative;}
.subVisual .tit_wrap ul.location li:nth-child(1) a::before{content: '';background: url(../img/sub/sub_home_icon.png) 0 0 no-repeat; width: 16px; height: 13px; display: inline-block; margin: 0 10px 0 0}
.subVisual .tit_wrap ul.location li a::after{content: '>';position: absolute; left: 77px}
.subVisual .tit_wrap ul.location li:last-child a::after{display: none;}

nav.lnb{width: 100%;position: relative; top:-40px;}
nav.lnb .inner_wrap{max-width:1400px; margin: 0 auto;font-size: 0;}
nav.lnb ul.dep2{font-size: 0;width: 100%;box-shadow: 3px 3px 20px rgba(0,0,0,.1); border-radius: 10px; overflow: hidden;}
nav.lnb ul.dep2 li.subMenu{display: inline-block; vertical-align: middle; width:16.6666%;  }
nav.lnb ul.dep2 li.subMenu a{display: block;font-size: 18px; font-weight: 500; text-align: center; padding: 29.5px 0;background: #fff;}
nav.lnb ul.dep2 li.subMenu.on a{background: #920783; color: #fff;}
nav.lnb ul.dep2 li.subMenu:hover a{background: #920783; color: #fff;}

nav.sub_dep3 {max-width: 1400px;margin: 0 auto; padding-bottom: 20px; box-sizing: border-box; border-bottom: 1px solid #ddd;position: relative; top: -20px;}
nav.sub_dep3 ul.dep3{text-align: center; }
nav.sub_dep3 ul.dep3 li{display: inline-block; vertical-align: middle; margin: 0 20px 0 0; position: relative;}
nav.sub_dep3 ul.dep3 li::after{content: ''; background: #ccc; width: 1px; height: 12px; position: absolute; top:50%; right: -12px;transform: translateY(-50%);}
nav.sub_dep3 ul.dep3 li:last-child::after{display: none;}
nav.sub_dep3 ul.dep3 li:last-child{margin:0;}
nav.sub_dep3 ul.dep3 li a{font-size: 18px; color: #555;position: relative;}
nav.sub_dep3 ul.dep3 li a::after{content: ''; background: url(../img/sub/sub_nav_icon.png) 0 0 no-repeat; width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin: 0 0 0 10px; }

nav.sub_dep3 ul.dep3 li.on a::after {background: url(../img/sub/sub_nav_icon_on.png) 0 0 no-repeat;}
nav.sub_dep3 ul.dep3 li.on a::before{content: ''; background:#777; width: 44px; height: 2px; position: absolute; bottom: -5px; left:}
nav.sub_dep3 ul.dep3 li.on:nth-child(2) a::before{content: ''; background:#777; width: 30px; height: 2px; position: absolute; bottom: -5px; left:}

.layout {}
.layout .lay_inner{max-width: 1400px; margin: 0 auto;}
.layout h2.crnt_menu{font-size: 38px;font-weight: bold; text-align: center; border-bottom:2px dotted #e1e1e1;padding: 30px 0; box-sizing: border-box; margin-bottom: 30px;}
*/



/* s0101 반월박지도 소개*/
.intro {}
.intro .sub_inner{max-width: 1400px; margin: 0 auto; font-size: 0; box-sizing: border-box;word-break: keep-all;}

.intro .infoBox{background: #f4f2f7;padding: 80px 60px 60px; box-sizing: border-box;min-height: 416px;position: relative;margin: 0 0 50px 0; }

.intro.s0201 .infoBox{background: #f2f5f7;}
.intro.s0301 .infoBox{background: #f2f7f6;}
.intro.s0301 .con_wrap .resources_wrap{background: #f2f7f6;}
.intro.s0401 .infoBox{background: #f7f6f2;}
.intro.s0401 .con_wrap .resources_wrap{background: #f7f6f2;}

.intro .infoBox::after{content: ''; background: url(../img/sub/infoBox_icon.png) 0 0 no-repeat; width: 237px; height: 112px; position: absolute;bottom: 0; right: 0;}
.intro .infoBox .infoBox_l{width:46.8%; display: inline-block; vertical-align: top; margin: 0 2% 0 0;}
.intro .infoBox .infoBox_l img{max-width: 100%;box-shadow: 8px 8px 20px rgba(0,0,0,.2); }

.intro .infoBox .infoBox_r{width: 51.2%; display: inline-block; vertical-align: top;}
.intro .infoBox .infoBox_r h4.tit{font-size: 28px; font-weight: bold; line-height: 30px;border-bottom: 2px dotted #ccc; padding-bottom: 20px; box-sizing: border-box; margin-bottom: 30px;}
.intro .infoBox .infoBox_r p.exp{font-size: 18px; line-height: 28px;font-weight: 500;}


.intro .con_wrap{margin: 0 0 40px 0;}
.intro .con_wrap h4.info_tit{font-size: 28px; font-weight: bold; line-height: 30px; margin: 0 0 30px 0;}
.intro .con_wrap h4.info_tit::before{content: ''; background: url(../img/sub/s0101_tit_icon.png)0 0 no-repeat; width: 23px; height: 24px; display: inline-block; vertical-align: middle; margin: 0 10px 5px 0;} 

.intro.s0201 .con_wrap h4.info_tit::before{background: url(../img/sub/s0201_tit_icon.png)0 0 no-repeat; } 
.intro.s0301 .con_wrap h4.info_tit::before{background: url(../img/sub/s0301_tit_icon.png)0 0 no-repeat; } 
.intro.s0401 .con_wrap h4.info_tit::before{background: url(../img/sub/s0401_tit_icon.png)0 0 no-repeat; } 

.intro .con_wrap p.info_exp{font-size: 18px; font-weight: 500; line-height:28px; color: #555;margin-bottom: 30px; }

.intro .con_wrap ul.info_img{font-size: 0;}
.intro.s0401 .con_wrap ul.info_img{padding-top: 30px;}
.intro .con_wrap ul.info_img li{display: inline-block; vertical-align: top; width: 23.5%; margin: 0 2% 0 0;}
.intro .con_wrap ul.info_img li:last-child{margin: 0;}
.intro .con_wrap ul.info_img li img{max-width: 100%;}

.intro .con_wrap .info_exp_box{box-sizing: border-box; padding: 40px 0;border-bottom: 1px dotted #e1e1e1;}
.intro .con_wrap .info_exp_box:nth-child(1){border-top: 1px dotted #e1e1e1;}
.intro .con_wrap .info_exp_box .e_tit{font-size: 22px; font-weight: bold; line-height: 28px;margin: 0 0 30px 0;}
.intro .con_wrap .info_exp_box .e_exp{font-size: 18px; font-weight: 500; line-height: 28px;}

.intro .con_wrap .story_img{margin: 0 0 40px 0;}
.intro .con_wrap .story_img img{max-width: 100%; display: block; margin: 0 auto;}

.intro .con_wrap .story_box{}
.intro .con_wrap .story_box p.s_tit{font-size: 22px; font-weight: bold; line-height: 28px;margin: 0 0 30px 0;}
.intro .con_wrap .story_box p.s_exp{font-size: 18px; font-weight: 500; line-height: 28px;}


.intro .con_wrap .resources_wrap{background: #f2f5f7; padding: 80px 0;  box-sizing: border-box; font-size: 0;width: 100%; }
.intro .con_wrap ul.resources{width: 100%; max-width: 1120px; margin: 0 auto; font-size: 0;box-sizing: border-box;}
.intro .con_wrap ul.resources li{width: 100%; padding: 40px 0; box-sizing: border-box; border-bottom: 1px dotted #ccc;}
.intro .con_wrap ul.resources li:first-child{padding: 0 0 40px 0;}
.intro .con_wrap ul.resources li img.half{max-width: 50%; display: inline-block;vertical-align: top;margin-bottom: 40px;}
.intro .con_wrap ul.resources li p.r_tit{font-size: 22px; font-weight: bold; line-height: 28px; padding: 0 0 30px 0}
.intro .con_wrap ul.resources li p.r_txt{font-size: 18px; font-weight: 500; line-height: 28px;}


.intro .tbl_wrap .vill_tbl th, .intro .tbl_wrap .vill_tbl td{border: 1px solid #cecece;text-align: center;padding: 10px 8px;font-size: 18px;box-sizing: border-box;}
.intro .tbl_wrap .vill_tbl{padding: 14px 8px;border-top: 2px solid #333;}

.intro .tbl_wrap .vill_tbl th {background: #f4f4f4;}

@media all and (max-width:1400px){
	.sub_page .sub_inner{width: 98%;}
	
	.intro .infoBox{min-height: none; padding: 60px;}
}


@media all and (max-width:1200px){
	.intro .infoBox{text-align: center;}
	.intro .infoBox .infoBox_l{width: 100%;margin:0 0 30px 0;}
	.intro .infoBox .infoBox_r{width: 100%;}
	.intro .con_wrap .resources_wrap{padding: 50px 40px;}
	.intro .con_wrap ul.resources{max-width: none;}
}

@media all and (max-width:1024px){
	.intro .con_wrap ul.info_img li {}
}


@media all and (max-width:768px){
	.intro .infoBox .infoBox_r h4.tit{font-size: 25px;}
	.intro .infoBox .infoBox_r p.exp{font-size: 16px;}
	.intro .con_wrap h4.info_tit{font-size: 25px;}
	.intro .con_wrap p.info_exp{font-size: 16px;}
	.intro .con_wrap .info_exp_box .e_tit{font-size: 20px;}
	.intro .con_wrap .info_exp_box .e_exp{font-size: 16px;}
.intro .con_wrap ul.resources li p.r_tit{font-size: 20px;}
.intro .con_wrap ul.resources li p.r_txt{font-size: 16px;}
}


/* map 오시는길 */
.map{}
.map .sub_inner{max-width: 1400px; margin: 0 auto; font-size: 0; box-sizing: border-box;word-break: keep-all;}

.map img{max-width: 100%;}



/* road 오시는길 */

.road {}
.road .sub_inner{max-width: 1400px; margin: 0 auto; font-size: 0; box-sizing: border-box;word-break: keep-all;}

.road .map_wrap{margin:0 0 30px 0;}

.road .tab{width: 100%;}
.road .tab li{display: inline-block; vertical-align: top;width: 23.5%;margin:0 2% 0 0;}
.road .tab li:last-child{margin:0;}
.road .tab li a {display: block; padding: 22px 0; box-sizing: border-box;border: 1px solid #ccc;font-size: 22px;font-weight: 500; text-align: center;}
.road .tab li a::before{content: ''; background: url(../img/sub/road_spicon.png)-70px 0 no-repeat; width: 35px; height: 33px; display: inline-block; vertical-align: middle; margin: 0 8px 0 0;}
.road .tab li:nth-child(2) a::before{background-position: -35px 0;}
.road .tab li:nth-child(3) a::before{background-position: -70px 0;}
.road .tab li:nth-child(4) a::before{background-position: -105px 0;}


.road.s0205 .tab li:nth-child(1) a::before{background-position:0 0; }
.road.s0205 .tab li:nth-child(3) a::before{background-position:-70px 0; }

.road .tab{margin: 0 0 30px 0;}

.road .tbl_wrap{padding: 20px 0;}
.road .tbl_wrap p.tbl_tit{font-size: 20px; font-weight: bold; margin: 0 0 10px 0;}

.road .con_wrap ul.detail{padding: 0 0 0 30px;}
.road .con_wrap ul.detail li{font-size: 18px;margin: 0 0 10px 0;line-height: 28px;}


.road .tbl_wrap .time_tbl th, .road .tbl_wrap .time_tbl td{border: 1px solid #cecece;text-align: center;padding: 10px 8px;font-size: 18px;box-sizing: border-box;}
.road .tbl_wrap .time_tbl{padding: 14px 8px;border-top: 2px solid #333;}

.road .tbl_wrap .time_tbl th {background: #f4f4f4;}

.road .con_wrap{margin-bottom: 40px;}

.road ul.remark{margin: 10px 0 0 0;padding: 0 0 0 20px;}
.road ul.remark li {font-size: 16px;}

.road .con_wrap p.ment { border: 1px solid #cecece; padding: 25px; line-height: 28px;font-size: 17px;box-sizing: border-box;}

.road .tab_con_cmn{display: none;}
.road .tab_con_01{display: block;}

@media all and (max-width:768px){
	.road .tab li{width:49%;margin: 0 2% 2% 0;}
	.road .tab li:nth-child(2n){margin: 0 0 2% 0;}
	.road .tab li a{font-size: 20px;padding: 16px 0;}
	.road .tbl_wrap p.tbl_tit{font-size: 18px;}
	.road .tbl_wrap .time_tbl th, .road .tbl_wrap .time_tbl td{font-size: 16px;}
}

@media all and (max-width:540px){
	.road .tab li{width:100%; margin:0 0 2% 0;}
}