@charset "utf-8";

@media (max-width: 1800px) {
#sub{max-width:100%; overflow: hidden;}
}
@media (max-width: 1400px) {
	.tab-write{display: flex;}
	.tab-write > li{width: auto; flex:1;}
	

/* s11 */
	.overview .arti1 .tbx{gap:30px;}
	.overview .arti1 .tbx > b{font-size: 28px; line-height: 1.5; gap:0px;}
	.overview .arti1 .tbx > .p-box{font-size: 18px; line-height: 1.5;}
	.overview .arti4 .flex .box{flex-direction: column !important; align-items:start; padding: 30px 30px; height: auto !important;}
	.overview .arti4 .flex .box i{width: 100%;}
	.overview .arti4 .flex .box .tbx{width: 100% !important; }

/* s12 */
	.certificate .flex{gap:20px; }
	.certificate .flex .box{flex:40%; }

/* s13 */
	.directions .tbx{margin-top: 50px; gap:50px; }
	.directions .tbx ul{flex:1;}



}

@media (max-width: 1024px) {
/* sub */
	.sub-visual{height: 300px;}
	.sub-visual > .box{padding-top: 40px;}
	.sub-visual > .box h4{font-size: 28px; line-height: 1.5; margin-bottom: 10px;}
	.sub-visual > .box .speed > li{font-size: 18px;}
	.lnb-wrap{padding: 0;  margin-bottom: 60px; background: #1A55B5; position: relative; z-index: 30;}
	.lnb {position: relative; z-index: 100;padding: 0 20px; width: 100%; z-index: 30;}
	.lnb b{position: relative; display: block; padding: 0px 0px; font-size: 18px; color: #fff; font-weight: 500; height: 50px; line-height: 50px; cursor: pointer;}
	.lnb b:after{position: absolute; content: ''; width: 36px; height: 50px; background: url(../img/sub/lnb-arr-m.png) center no-repeat; right: -10px; top: 0; transition:.3s;}
	.lnb b.on:after{rotate:-180deg;}
	.lnb > ul{flex-direction: column; position: absolute; left: 0; top: 50px; width: 100%; background: #fff; z-index: 10; display: none;}
	.lnb > ul > li{max-width:100%;}
	.lnb > ul > li:after{display: none;}
	.lnb > ul > li:not(:last-child):before{display: none;}
	.lnb > ul > li > a{font-size: 16px; line-height: 40px; text-align: left; height: auto; justify-content: flex-start; padding: 0 20px; border-bottom: 1px solid #ddd; color: #333;} 
	.lnb > ul > li.current > a{color: #333; background: #f4f4f4; border: none;}
	.sub-txt{margin-bottom: 60px;}
	.sub-txt b{font-size: 32px;}
	.tit-b b{font-size: 30px;}
	.tit-b p{font-size: 18px; line-height: 1.5;}
	
	#sub section{margin-bottom: 150px;}	
	
/* s11 */	
	.overview{max-width:100%; overflow: hidden;}
	.overview .arti1,
	.overview .arti2-wrap,
	.overview .arti4-wrap{padding-bottom: 100px;}
	.overview .arti1{flex-direction: column; gap:40px;}
	.overview .arti1 figure img{width: 100%;}
	.overview .arti2 .flex{margin-top: 40px; flex-direction: column; }
	.overview .arti2 .flex .box{height: auto; padding: 30px 20px;}
	.overview .arti2 .flex .box .tbx{margin-top: 10px;}
	.overview .arti3 .flex{margin-top: 40px; margin-left: -20px;  gap:40px 0}
	.overview .arti3 .flex .box{width: calc(50% - 20px); margin-left: 20px;}
	.overview .arti3 .flex .box .tbx b{font-size: 22px;}
	.overview .arti4-wrap{padding-top: 100px; padding-bottom: 150px;}
	.overview .arti4 .flex{margin-top: 40px;margin-left: -20px; gap:20px 0; }	
	.overview .arti4 .flex .box{padding: 40px 20px; width: calc(50% - 20px); margin-left: 20px;}
	.overview .arti4 .flex .box .tbx b{font-size: 22px;}
	.overview .arti4 .flex .box big{font-size: 50px;}

/* s13 */
	.directions .map-wrap .root_daum_roughmap .wrap_map{height: 80vw !important;}
	.directions .tbx{flex-direction: column; }
	.directions .tbx ul > li{font-size: 18px; line-height: 1.5; flex-direction: column; align-items:start; padding: 12px 0;}
	.directions .tbx ul > li b:after{display: none;}
	
/* s21 */	
	.sub-txt.null{margin-top: 60px; margin-bottom: 30px;}
	.sub-top{gap:20px; padding-bottom: 100px; margin-bottom: 40px;}
	.sub-top b{font-size: 28px; line-height: 1.5; gap:0px;}
	.sub-top p{font-size: 18px; line-height: 1.5; word-break: keep-all;}
	.sub-top p br{display: none;}
	.sub-top:before{height: 60px;}
	#sub .artwork{padding-bottom: 150px;}
	.artwork .arti2 .flex-wrap{margin-top: 40px; gap:50px; padding-left: 20px;}
	.artwork .arti2 .flex-wrap:after{left: 0;}
	.artwork .arti2 .flex{flex-direction: column !important; gap:20px}
	.artwork .arti2 .flex > *{width: 100%;}
	.artwork .arti2 .flex .tbx{gap:20px; flex-direction: column !important; align-items:start;}
	.artwork .arti2 .flex .tbx .tit b{font-size: 24px;}
	.artwork .arti2 .flex .tbx .txt ul > li{font-size: 18px; line-height: 1.5;}
	.artwork .arti2 .flex:after{left: 0; top: auto; bottom: -40px; translate:-37px 0%; rotate:90deg !important;}
	.artwork .arti2 .flex:last-child:after{display: none;}
	.artwork .arti3, .artwork .arti4{margin-top: 80px;}
	.arti-block2 .flex{gap:20px; margin-top: 40px;}
	.arti-block2 .flex .box{height: auto; flex: 1 1 40%;}
	.arti-block2 .flex .box i img{width: 60px;}
	.arti-block2 .flex .box .tbx p{font-size: 18px; line-height: 1.5;}
	.artwork .arti4 .flex{gap:20px; margin-top: 40px;}
	.artwork .arti4 .flex .box{height: auto; padding: 20px; height: auto; flex: 1 1 40%; background: #fff;}
	
	.arti-block3 .flex{margin-top: 40px; gap:20px; margin-left: -20px; gap:20px 0}
	.arti-block3 .flex .box{margin-left: 20px; width: calc(50% - 20px); padding: 30px 20px; height: auto; gap:20px;}
	.arti-block3 .flex .box i{width: 60px;;}
	.arti-block3 .flex .box .tbx{gap:5px; flex:1;}
	.arti-block3 .flex .box .tbx b{font-size: 22px; line-height: 1.5;}
	.arti-block3 .flex .box .tbx p{font-size: 16px; line-height: 1.5;}
	.arti-block3 .flex .box .tbx p br{display: none;}
	
/* s31 */	
	#sub .pcb{padding-bottom: 150px;}
	.table-block{margin-top: 80px;}
	.table-block .table-wrap{margin-top: 40px;}
	.table-block .table-wrap table thead tr th{font-size: 16px;}
	.table-block .table-wrap table tbody tr > *{font-size: 16px;}
	.table-block .table-wrap table thead tr th{height: 50px;}
	.table-block .table-wrap table tbody tr > *{height: 45px;}
	.pcb .arti3-wrap{position: relative; z-index: 40;}

/* s41 */	
	.arti-block6 .tit-b{margin-bottom: 40px;}
	.arti-block6 .tit{font-size: 24px; line-height: 1.5; margin-bottom: 30px;}
	.arti-block6 .flex{gap:30px 20px; }
	.arti-block6 .flex .cnt{width: calc(50% - 10px); height: auto;}
	.arti-block6 .flex .cnt .tbx b{font-size: 18px;}	
	.arti-block6 .box-wrap{gap:80px;}
	.arti-block6 .flex{position: relative; z-index: 14;}
	.arti-block6 .box .table-wrap{position: relative; z-index: 10;}
	.arti-block6 .box .table-wrap table tr th{font-size: 16px; height: 50px;}
	.arti-block6 .box .table-wrap table tr td{font-size: 16px; height: 50px;}
	.arti-block2 .flex .box .tbx small{font-size: 16px; line-height: 1.5;}
	#sub .electronic{padding-bottom: 150px;}
	.electronic .arti3, .electronic .arti4-wrap{margin-top: 80px;}
	
	.real-cont .contain{margin-bottom: 150px;}
}

@media (max-width: 700px) {
	.tab-write > li > a{font-size: 14px; height: 50px;}

/* s31 */
	.pcb .arti3-wrap .table-wrap{max-width:100%; overflow-y: auto;}
	.pcb .arti3-wrap .table-wrap table{width: 750px; background: #fff;}
	.pcb .arti4-wrap .table-wrap{max-width:100%; overflow-y: auto;}
	.pcb .arti4-wrap .table-wrap table colgroup{display: none;}
	.pcb .arti4-wrap .table-wrap table{width: 750px; background: #fff;}	
	.pcb .arti4-wrap .table-wrap table tr th{width: 130px; font-size: 18px;}
	.pcb .arti4-wrap .table-wrap table tbody tr > td{padding: 30px 20px;}
	.table-block-left .table-wrap table tbody tr > td .dot-ul li{font-size: 16px; line-height: 1.5; padding-left: 10px;}
	.table-block-left .table-wrap table tbody tr > td .dot-ul li:before{left: 0; top: 10px;}
	.pcb .arti5-wrap .table-wrap{max-width:100%; overflow-y: auto;}
	.pcb .arti5-wrap .table-wrap table{width: 700px; background: #fff;}
	.arti-block3 .flex{margin-left: 0;}
	.arti-block3 .flex .box{width: 100%; margin-left: 0;} 
	
/* s41 */	
	.smt .arti-block6 .box .table-wrap {width: 100%; overflow-y: auto;}
	.smt .arti-block6 .box .table-wrap table{width: 920px;;}
	.arti-block6 .flex .cnt{width: calc(100%); height: auto;}
	.arti-block2 .flex .box .tbx b{font-size: 20px;}
	.arti-block2 .flex .box{flex:100%; padding: 30px 20px;}
	
}