@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

.ffN{font-family: 'NanumSquare'; letter-spacing:0;}

.s_inner{ position:relative; width:1600px; margin:0 auto;}


.tType01{ background:#f26522; color:#fff; padding:10px 15px; display:inline-block; font-weight:400;}


.conType01{}
.conType01 dl dt, .conType01 dl dd{ display:inline-block; vertical-align:top;}


.conType02{}
.conType02 li{ position:relative; padding-left:15px;}
.conType02 li:before{ content:''; position:absolute; top:17px; left:0; width:7px; border-top:1px #555 solid;}

.sub_top_box{  height:700px; background-size:cover; color:#fff;  background-position:50% 100%; margin-top:100px;}
.sub_top_box .sub_vTxt{ padding-top:200px; text-align:center;}

.sub_top_box .sub_vTxt .sTit { position:relative; font-size:30px; margin-bottom:20px; letter-spacing:20px; padding-bottom:10px;}
.sub_top_box .sub_vTxt .sTit:before{ content:''; position:absolute; bottom:0; left:0; width:100%; border-top:1px #fff solid; opacity:0.3}

.sub_top_box .sub_vTxt .bTxt{ font-size:40px; letter-spacing:-3px;}
.sub_top_box .sub_vTxt .cTxt { font-size:60px; font-weight:bold}
.sub_top_box .sub_vTxt .cTxt br{ display:none;}
.category{  width:100%; position:absolute; top:-80px; left:0; text-align:center; }
.category:before{ content:''; position:absolute; top:0; left:0; background:#000; opacity:0.5; width:100%; height:100%;}
.category li{ position:relative; display:inline-block; height:80px; line-height:80px; padding-right:40px; margin-right:40px; }
.category li a{ color:#aeaeae;font-weight:400;font-size:25px; }
.category li a:hover{color:#fff; }
.category li:last-child{ padding-right:0; margin-right:0;}
.category li:before{ content:''; position:absolute; top:30px; right:0; width:1px; height:20px; border-left:1px #777 solid;}
.category li:last-child:before{ display:none;}
.category .selected2 a{color:#fff; font-weight:400;}


.subTitleSubject{ text-align:center; padding:100px 0 70px 0; font-size:50px; font-weight:700;}

.root_daum_roughmap{ width:100% !important; }
.root_daum_roughmap .wrap_map{height:550px !important;}


.fs150{ font-size:150%;}


.p10001 .s01{ background:url(../img/sub/1/10001_01.jpg) no-repeat; width:100%; height:700px; background-size:cover;}
.p10001 .s01 .area{ padding:150px 100px;}
.p10001 .s01 .area .fs250 span{ position:relative;}
.p10001 .s01 .area .fs250 span:before{ content:''; position:absolute; bottom:0; left:0; width:100%; border-bottom:1px #777 solid;}




.p10002 .s01 dt { position:relative; width: 40%;}
.p10002 .s01 dt:before{ content:''; position:absolute; right:-50px; bottom:-100px; width:1500px; height:400px; background:#efefef; z-index:-1;}
.p10002 .s01 dt img { width:100%;}
.p10002 .s01 dd{width:calc((100% - 40%) - 155px); margin-left:150px;}
.p10002 .s01 .ar{ border-top:1px #ddd solid; padding-top:20px; margin-top:50px;}


.p10003 .s01, .p10003 .s02{ display:inline-block; vertical-align:top;}
.p10003 .s01{ width:65%;}
.p10003 .s01 dl{ border-top:1px solid #ccc; padding-top:15px; margin-top:30px;}
.p10003 .s01 dt { position:relative; width:20%; font-size:25px; font-weight:bold; text-align:center;font-family: 'NanumSquare';}
.p10003 .s01 dd{width:calc((100% - 20%) - 5px); }
.p10003 .s01 dd span{ padding-right:30px; color:#f26522;font-family: 'NanumSquare'; font-weight:bold}
.p10003 .s01 .area li{ position:relative; padding-left:50px; margin-bottom:5px}
.p10003 .s01 .area li span{ position:absolute; top:5px; left:0;}
.p10003 .s02{width:calc((100% - 65%) - 155px); margin-left:150px;}
.p10003 .s02 li{ margin-bottom:30px;}
.p10003 .s02 li img{ width:100%;}

.p10004 .s01{ background:#efefef url(../img/sub/1/10004_02.jpg) no-repeat; background-size:cover; padding:70px 0;}
.p10004 .s01 img{ width:100%;}


.p10005 li{ display:inline-block; margin-right:60px;background:#f7f5ef; width:calc((100% / 3) - 43px); padding-top:70px;}
.p10005 li img{ padding:20px; background:#fff;}
.p10005 li:last-child{ margin-right:0;}
.p10005 li .area{ padding-top:30px;}
.p10005 li .area .bTxt{ background:#ddd9ce; padding:15px 0;}
.p10005 li .area .fs25{ padding:10px 0 20px 0; color:#56544d;}



.p10007 .s02{position:relative; background:#e3e2d9; }
.p10007 .s02:before{ content:''; position:absolute; bottom:250px; left:0; background:#e3e2d9; width:100%; height:550px; z-index:-1;}

.p10008 li{ display:inline-block;  margin-right:30px; vertical-align:top; background:#efefef; padding:50px 0; text-align:center;}
.p10008 .s01 li{min-height:330px;}
.p10008 .s01 li, .p10008 .s03 li{width:calc((100% / 5) - 30px); }
.p10008 .s03 li{ margin-bottom:30px;}
.p10008 .s02 li{width:calc((100% / 3) - 23px);}
.p10008 .s04 li{width:calc((100% / 4) - 26px);margin-bottom:30px;}
.p10008 .s01 li:nth-child(5), .p10008 .s03 li:nth-child(5n+5), .p10008 .s02 li:nth-child(3), .p10008 .s04 li:nth-child(4n+4){ margin-right:0;}
.p10008 .fs30{margin-bottom:30px;}
.p10008 li p{ margin-top:20px; letter-spacing:0; font-size:20px;}
.p10008 .bg{ background:#F6F7F9; padding:100px 0; margin:100px 0;}
.p10008 .bg li{ background:#fff;}
.p10008 .ect{ background:#fff; padding:100px 0;}
.p10008 .s03 .bg{ margin-bottom:0;}

.p10011 { text-align:center}
.p10011 iframe {width:800px; height:500px }

.p10012 .s01 dt, .p10012 .s02 dd{ width:45%;}
.p10012 .s01 dt img, .p10012 .s02 dd img{ width:100%;}
.p10012 .s01 dd, .p10012 .s02 dt{ width:calc((100% - 45%) - 105px); }
.p10012 .s01 dd{margin-left:100px;}
.p10012 .s02 dl{ position:relative; padding-bottom:70px;}
.p10012 .s02 dt{ position:absolute; right:0; top:0;}
.p10012 .s02 dt img{ width:100%;}
.p10012 table{}
.p10012 table {margin-top:5px; margin-bottom:30px; width:100%; border-top:solid 1px #1b1b1b; font-size:20px;}
.p10012 table th {padding:5px; text-align:center; border-bottom:solid 1px #1b1b1b; font-weight:400} 
.p10012 table td {padding:10px 10px; border-bottom:solid 1px #e5e5e5; font-weight:300; color:#333}




.busi_cont{text-align:center;}
.busi_cont ul{ padding:0 15%;}
.busi_cont li{ display:inline-block; width:calc((100% / 2) - 10px);border-right:1px #bbbab4 solid; }
.busi_cont li:last-child{ border:0;}
.busi_cont .area{ position:relative;font-weight:400;  }
.busi_cont .area span, .busi_cont .area p{ display:inline-block; vertical-align:top;}
.busi_cont .area span{ width:100px; height:100px; line-height:100px; background:#fff; border-radius:50%; margin-bottom:25px; text-align:center; margin-right:30px;}
.busi_cont .area span img{ height:45%; }
.busi_cont .area b{ display:block; color:#656971; margin-bottom:5px;}
.busi_cont .area p{ text-align:left;}
.busi_cont .fs25{ color:#656971; letter-spacing:0; }
.busi_cont .aTit{ font-size:37px; margin-bottom:50px;}

@media all and (max-width : 1920px){
	
	.s_inner{ width:1300px;}
	
	.conType02 li:before{ top:13px;}
	
	.sub_top_box{  height:550px; margin-top:85px; }
	.sub_top_box .sub_vTxt{ padding-top:160px;}
	
	.sub_top_box .sub_vTxt .sTit { font-size:25px;}
	.sub_top_box .sub_vTxt .bTxt{ font-size:30px; letter-spacing:-2px;}
	.sub_top_box .sub_vTxt .cTxt { font-size:50px; font-weight:bold}
	
	.subTitleSubject{ font-size:40px;}
	
	.category li{padding-right: 30px;margin-right:30px;}
	.category li a{ font-size:20px;}
	
	.p10001 .s01{ height:570px;}
	.p10001 .s01 .area{ padding:120px 100px;}
	
	
	
	.p10007 .s02:before{ height:450px;}

	.p10008 li p{font-size:17px;}
	.p10008 .s01 li{width:calc((100% / 5) - 20px); margin-right:20px}
	
	.p10012 table { font-size:17px;}
	
	.busi_cont .area span{ width:70px; height:70px; line-height:70px;}
	
	

	
}
@media all and (max-width : 1300px){
	
	.s_inner{ width:100%;}
	
	.sub_top_box{ height:400px;}
	.sub_top_box .sub_vTxt{ padding-top:120px;}
	.sub_top_box .sub_vTxt .sTit{ margin:0 10% 10px 10%;}
	.sub_top_box .sub_vTxt .bTxt{ letter-spacing:-1px; font-size:25px;}
	.sub_top_box .sub_vTxt .cTxt { font-size:40px;}
	
	.category{ top:0; position:relative;}
	.category::before{ background:#004a80; opacity:1;}
	.category li{padding-right:20px;margin-right:20px;}
	
	
	.p10001 .s02, .p10002, .p10003, .p10005, .p10007, .p10012, .p10011, .p10008{ margin:0 10px; }
	
	.p10003 .s02{width: calc((100% - 65%) - 75px);margin-left:70px;}
	
	
	 .p10004 .fs35{ margin-right:10px; margin-left:10px;}
	 .p10008 .s04{ background:none;}
	 .p10008 .s04 li { margin-right:15px;width: calc((100% / 4) - 14px);}
	 .p10008 .s04 img{ width:85%;}
	 .p10009 .s04 { padding-top:0; margin-top:50px;}
	 
	 .p10008 .s01 li{ background:none; padding:0; min-height:auto}
	 .p10008 .s01 li img{ width:85%;}
	 .p10008 .s03 li img{ width:100%;}
	 
	 .p10008 .bg{ background:none; margin:0; padding:50px 0;}
	 .p10008 li{ padding:0; background:none;}
	 
	 
	 .p10008 .s03 li {width: calc((100% / 5) - 11px);margin-right:10px;}
	
@media all and (max-width : 1220px){

	.sub_top_box{ margin-top:0 }
	
	.p10001 .s01{ height:500px;}
	.p10001 .s02{ text-align:left;}
	.p10001 .s02 br{ display:none}
	
	.ChosunSm br{ display:none;}
	
	.p10005 li{margin-right:30px;width: calc((100% / 3) - 22px); vertical-align:top;}
	.p10005 li img{ width:60%;}
	.p10005 li:nth-child(1) .fs25 br{ display:none;}
	
	.root_daum_roughmap .wrap_map{height:450px !important;}
	.busi_cont{ padding:0 10px;}
	.busi_cont ul{ padding:0 10px;}
	
	.p10012 .s02 dl{padding-bottom:0px;}
	
	
}

@media all and (max-width : 1024px){
	
	.category{ display:none;}
	.subTitleSubject{ padding:70px 0 50px; font-size:30px;}
	
	.p10001 .s01{ height:400px; background-size:cover}
	.p10001 .s01 .area { padding:90px 50px;}
	
	.p10003 .s01 dt{ font-size:20px;}
	.p10002 .s01 dd {width: calc((100% - 40%) - 75px);  margin-left: 70px;}
	.p10002 .s01 dt:before{ display:none;}
	.p10003 .s02{width: calc((100% - 65%) - 55px);margin-left:50px;}
	
	.p10004 .s01{ padding:100px 0;}
	
	.p10005 li{ padding-top:50px;margin-right:15px;width: calc((100% / 3) - 12px);}
	.p10005 .fs30 br{ display:none;}
	
	.p10012 .s01 dd{width: calc((100% - 45%) - 53px); margin-left:50px;}
	.p10012 .s02 dt{width: calc((100% - 45%) - 53px);}
	
	
	.p10012 table{ margin-bottom:0;}
	
	.p10008 .s01 li{width: calc((100% / 3) - 16px); min-height:auto}
	.p10008 .s01 li:nth-child(3n+3){ margin-right:0;}
	.p10008 .s04 li {width: calc((100% / 3) - 12px);}
	.p10008 .s04 li:nth-child(4n+4){ margin-right:15px;}
	.p10008 .s04 li:nth-child(3n+3){ margin-right:0;}
	
	.p10008 .s03 li {width: calc((100% / 3) - 11px);margin-right:10px;}
	.p10008 .s03 li:nth-child(5n+5){ margin-right:10px;}
	.p10008 .s03 li:nth-child(3n+3){ margin-right:0;}
	
	.p10008 li p{ margin-top:10px;}
	
	
	
	.p10008 .ect{ padding:0;}
	
	
}

@media all and (max-width : 960px){
	
	
	.sub_top_box .sub_vTxt .bTxt{ font-size:20px;}		
	.sub_top_box .sub_vTxt .cTxt { font-size:30px; display:block; }
	
	.p10001 .s01 .area .fs30{ font-size:20px; line-height:25px;}
	.p10002 .s01 dt{ width:100%;}
	.p10002 .s01 dd { width:100%; margin-left:0; margin-top:50px;}
	
	.p10003 .s01 .area li{ padding-left:30px;}
	
	.p10004 .s01 img{ width:70%;}
	
	.p10005 li{ position:relative; width:100%; margin-right:0; text-align:left; padding:30px 0;}
	.p10005 li:nth-child(1), .p10005 li:nth-child(2){ margin-bottom:20px;}
	.p10005 li img{ width:30%; margin-left:20px;}
	.p10005 .area{ position:absolute; top:0; left:45%; width:calc((100% - 45%) - 20px);}
	.p10005 .area .ffN{ padding-top:30px;}
	.p10005 li:nth-child(1) .fs25 br{ display:block;}
	.p10005 li .area .bTxt{ background:none; border-top:1px #ccc solid;}	 
	
	.busi_cont .area span{ margin-right:20px;}
	
	.p10007 .s02{ padding:50px 0; margin-bottom:70px;}

	.p10012 .s01 dt, .p10012 .s02 dd{ width:100%; margin:0;}
	.p10012 .s01 dd{ width:100%; margin:30px 0 0 0;}
	.p10012 .s02 dt{ width:100%;}
	.p10012 .s02 dt{ position:relative;}
	.p10012 .s02 dd{ margin-top:30px;}
	
	.p10011 iframe {width:100%; height:400px }
	

}


@media all and (max-width : 640px){
	
	
	.sub_top_box{ height:300px;}
	.sub_top_box .sub_vTxt{ padding-top:90px;}
	.sub_top_box .sub_vTxt .sTit{ font-size:20px;}
	.sub_top_box .sub_vTxt .bTxt{ display:none;}
	.sub_top_box .sub_vTxt .cTxt { line-height:35px; padding-top:10px;}
	.sub_top_box .sub_vTxt .cTxt br{ display:block;}
	

	.p10001 .s01 { height:auto;  background:url(../img/sub/1/10001_01_m.jpg) no-repeat; background-size:cover;background-position:100% 100%;}
	.p10001 .s01 .area{ padding:50px 60px 210px 20px;}
	.p10001 .s01 .area .fs30 br{ display:none;}
	
	.p10003 .s01{ width:100%;}
	.p10003 .s01 dl{}
	.p10003 .s02{ width:100%; margin-left:0; margin-top:30px;}
	.p10003 .s02 li{ display:inline-block; width:calc((100% / 2) - 9px); margin-right:15px;}
	.p10003 .s02 li:nth-child(2n+2){ margin-right:0;}
	
	.p10004 .s01{ padding:50px 0;}
	.p10004 .s01 img{ width:95%;}
	
	.p10005 li img{ padding:10px;}
	.p10005 li:nth-child(1) .fs25 br{ display:none;}
	
	
	
	.busi_cont .area p{ text-align:center;}
	.root_daum_roughmap .wrap_map{height:400px !important;}
	
	.p10008 .s01 li img{ width:100%;}
	.p10009 .s04{ margin-top:0;}
	.p10008 .s04 li {width: calc((100% / 2) - 7px); margin-right:10px; padding:0;}
	.p10008 .s04 img{ width:100%;}
	.p10008 .s04 li:nth-child(3n+3){ margin-right:10px;}
	.p10008 .s04 li:nth-child(4n+4){ margin-right:0;}
	.p10008 .s04 li:nth-child(2n+2){ margin-right:0;}
	
	.p10008 .s03 li {width: calc((100% / 2) - 7px);}
	.p10008 .s03 li:nth-child(5n+5){ margin-right:10px;}
	.p10008 .s03 li:nth-child(3n+3){ margin-right:10px}
	.p10008 .s03 li:nth-child(2n+2){ margin-right:0;}
	
	.p10008 .s02 { margin-top:0;}
	.p10008 .s02 li{width: calc((100% / 2) - 7px); margin-right:10px; margin-bottom:15px;}
	.p10008 .s02 li img{ width:100%}
	.p10008 .s02 li:nth-child(2n+2){ margin-right:0;}
	.p10008 .s02 li:nth-child(3n+3){ margin-bottom:0;}
	
	
}

@media all and (max-width : 480px){
	
	.p10001 .s01 .area .fs250 { font-size:23px; }
	
	.p10011 iframe {height:300px }
	
	.root_daum_roughmap .wrap_map{height:350px !important;}
	
	
}