@charset "UTF-8";

html{overflow-x:hidden;}
body,td,h1,h2,h3,h4,h5,div,p,li,ul,ol,dd,dt,section,input,textarea,select,button{margin:0;padding:0; font-size:14px; color:#333; line-height:1.6em; font-family: 'Noto Sans KR', sans-serif; font-weight:400; letter-spacing:-0.02em;}




.lview{}
.sview{display:none;} 
.mview{display:none;}




.sple {display:block}
.mple {display:none;}









/* 서브 */



#sub_wrapper{width:100%; min-width:320px; margin:0 auto;}
#sub_wrapper:after{ content:""; display:block; clear:both;}
#sub_menu{ display:block; width:100%;  margin:0px auto; background:#fff; border-bottom:1px solid #ddd; } 
#sub_menu .sub_tab{width:100%; max-width:1500px; text-align:left; margin:0 auto; }


.sub_location{ width:100%; max-width:1300px; height:60px; font-size: 0; background:#fff; margin:0 auto;}
.sub_location > div{font-size: 0;}
.sub_location > div .cen{ float:left; width:60px; height:60px; line-height:60px; text-align:center; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.sub_location > div .cen i{ color:#000; font-size:1.2em;}
.sub_location ul{width:100%; max-width:1200px; padding:0; margin:0; display: inline-block; width:179px; border-right: 1px solid #ddd;vertical-align: top; box-sizing:border-box; }
.sub_location ul:first-child{ border-left: 1px solid #ddd; }
.sub_location ul li{position: relative; width:100%;}
.sub_location ul li span{display: block; padding: 0 15px; line-height: 60px; font-size:1.2em; color: #000; background: url('/images/icons/icnLocaArr.png') 90% center no-repeat; cursor: pointer;}
.sub_location ul.on li span{background: url('/images/icons/icnLocaArr1.png') 90% center no-repeat;}
.sub_location ul li a{width:100%; display: block; padding: 8px 15px; color: #000; }
.sub_location ul li a:hover{color: #000; background:#ddd;box-sizing:border-box;}
.sub_location ul ul{display: none;position: absolute;top:60px; left: -1px; padding: 0px 0;background:#fff; border: 1px solid #ddd;  border-top:none; z-index:999998; width:calc(100% + 2px) !important;}
.sub_location ul.on li ul{display: block;}
.sub_location ul.dep2 li span{color: #1b458e; font-weight:500; }
.sub_location ul.dep2 ul{width:180px;}




.scontents{width:100%; max-width:1150px; height:100%;  margin:0px auto; padding:30px 0 100px 0; }
.scontents:after{ content:""; display:block; clear:both;}
.scontents .bg_vline { display: block; width:1px; height:20px; /*background: url('/images/bg_vline.gif') no-repeat center;*/ margin:0px auto; }
.scontents h3.title {  font-size: 2.5em;  text-align: center; margin-top:0px;}
.scontents .eng {  display:block; text-align:center; font-size: 2.5em;  font-weight:500;  margin:0px 0;}
.scontents .eng em { color: #1b458e; font-style: normal;}
.scontents .stitle { font-size:1.2em; line-height:1.5em; text-align:center; color:#333; margin:10px 0 80px 0; }
.scontents .stitle:after{display:block; width:100%; border-bottom:1px solid #ddd; height:30px; background-color:red;}



.sscontents{width:100%; max-width:1000px; height:100%;  margin:0px auto; padding:30px 0 100px 0; }
.sscontents:after{ content:""; display:block; clear:both;}
.sscontents .bg_vline { display: block; width:1px; height:20px; /*background: url('/images/bg_vline.gif') no-repeat center;*/ margin:0px auto; }
.sscontents h3.title {  font-size: 2.5em;  text-align: center; margin-top:0px;}
.sscontents .eng {  display:block; text-align:center; font-size: 2.5em;  font-weight:500;  margin:0px 0;}
.sscontents .eng em { color: #1b458e; font-style: normal;}
.sscontents .stitle { font-size:1.2em; line-height:1.5em; text-align:center; color:#333; margin:10px 0 50px 0; }
.sscontents .stitle:after{display:block; width:100%; border-bottom:1px solid #ddd; height:30px; background-color:red;}



.tbl{width:100%; border-top:1px solid #333; border-collapse:collapse;}
.tbl th{width:30%; background-color:#f2f2f2; border-bottom:1px solid #ccc; padding:5px 0; font-size:0.9em; font-weight:normal;  color:#000; text-align:center;}
.tbl td{width:70%; border-bottom:1px solid #ccc; padding:5px 0; text-indent:10px; font-size:0.9em;}


.tba{width:100%; border-top:1px solid #333; border-collapse:collapse; background-color:#fff;}
.tba th{width:35%; background-color:#f2f2f2; border-bottom:1px solid #ccc; padding:5px 0; font-size:0.9em; font-weight:normal;  color:#000; text-align:center;}
.tba td{width:65%; border-bottom:1px solid #ccc; padding:5px 0; text-indent:10px; font-size:0.9em;}


.policy_box{border:1px solid #ddd; padding:10px; height:160px; overflow:auto;}


/*인사말*/
.company { width:100%; max-width:1300px;}
.company:after{ content:""; display:block; clear:both;}
.company .img_cont{width:100%; margin-bottom:10px; }
/*.company .img_cont img{ width:100%; height:300px;margin-top:50px;}*/

.company .img_cont img{margin-top:70px;padding-right:30px}

.company .ceo_msg {width:100%;margin-top:0px;}

.company .ceo_msg .con_left {position:relative; top:0; left:0; float:left; width:33%; font-size:2em; color:#000; line-height:1.4em;	}
.company .ceo_msg .con_left .nemo { width:330px; height:500px; margin-left:0px;  border:10px solid #F6CECC;}
.company .ceo_msg .con_left .nemo_txt {position:absolute; width:348px; padding:20px 0; left:42%; margin-left:-168px; text-align:center; top:55px; background:#fff; z-index:1; border:0px solid red;}
.company .ceo_msg .con_left .nemo_txt p {font-size:2em; color:#000; line-height:1.4em;}
.company .ceo_msg .con_left .nemo_txt img {padding-top:1px;}


.company .ceo_msg .con_right {float:right; width:64%;}
.company .ceo_msg .con_right  p {  color: #313131;   line-height: 26px; font-size:1.1em;}
.company .ceo_msg .con_right  .bold {  color: #000;   line-height: 36px;   font-size:1.7em;   padding-bottom:30px;}
.company .ceo_msg .con_right .sign{ display:block; font-size:1.3em; color:#222; text-align:left; padding-top:30px; }
.company .summary { float:left; width:100%; margin-top:50px;}

.con_arrow {font-size:1.6em; font-weight:700; line-height:30px;  color: #000; margin:50px 0 20px 0; border:0px solid red;}
.con_arrow:before { content: ""; width:16px; height:16px; display:inline-block; border:5px #59647A solid; box-sizing:border-box; border-radius:14px; background:#fff; margin-right:10px;}
.con_arrow:first-child { margin:0 0 20px 0;}

.tbl_type1{width:100%; border-collapse:separate; border-spacing:0px; border-top:2px solid #002b5c;}
.tbl_type1 th{ color:#333; text-align:center; font-weight:700; padding:10px 15px; border-bottom:1px solid #eee; border-right:1px solid #eee; background-color:#f8f8f8;}
.tbl_type1 td{ text-align:left; padding:10px 15px; border-bottom:1px solid #eee;}






/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1200px){

	.scontents{width:96%;}
	#container {margin-top:0px;}

	#lnb .lnb_wrap .ul_1st > li > a{padding:0 30px}

	#sub_tit { left:0%; margin-left:0px;}

	#pro_tab .pro_list > ul > li{width:20%;}

	.q-menu{display:none !important;}



	
	#banner_07 ul li { float: left; width: calc(16.938% - 0px); margin-left:0px;  text-align: center;  background-repeat: no-repeat;  background-position: 50% 50%;  background-size: cover;}
	#banner_07 ul li:nth-child(2) { margin-top: 0px; width: 21%;}
	#banner_07 ul li:nth-child(3) { margin-top: 0px; width: 21%;}
	#banner_07 ul li:nth-child(5) { margin-top: 0px;}
	#banner_07 ul li:nth-child(6) { margin-top: 0px;}
	#banner_07 ul li:nth-child(7) { margin-top: 0px;}
	#banner_07 ul li.introduce {height:240px; width: 58%;}
	#banner_07 ul li.introduce a  {padding:4% 40px;}
	#banner_07 ul li.introduce:hover a {padding:5% 40px;}



    #pro_tab .pro_list{width:100%; }
	#pro_tab .pro_list ul li{width:23%; margin-bottom:4%; }

}


/* 반응형 중간기기 1100px 사이즈 이하*/
@media all and (max-width:1100px){


	.sub_location > div .cen{ display:none;}
	.sub_location ul{width:50%;}
	.sub_location ul:first-child{border-left:0px; }
	.sub_location ul.dep2{border-right:0px;}

	#sub_tit { margin:0px auto; padding:0; left:0%; margin-left:0px; background:none; top:180px;}
	#sub_tit .path { display:none; }
	#sub_tit .title{ font-size:2em; }
	#sub_tit .title:after{display:block; content:""; width:20%; height:3px; background:#fff; margin:10px auto; }
	#sub_tit .normal_txt{font-size:1.2em;  color:#fff;  text-transform:uppercase; text-align:center; line-height:1.6; word-break: keep-all; text-shadow: 0px 1px 4px #333; font-family: 'Noto Sans KR', sans-serif;}
	#sub_tit .normal_txt .color1{color:#fd7701;}

		


}



/* 반응형 중간기기 992px 사이즈 이하*/
@media all and (max-width:992px){
	



.company .ceo_msg .con_left .nemo_txt {position:absolute; width:370px; padding:20px 0; left:42%; margin-left:-108px; text-align:center; top:55px; background:#fff; z-index:1; border:0px solid red;}



	.company .img_cont img{ width:100%; height:auto;padding-right:0px}
	.company .ceo_msg .con_left {float:none; width:100%; text-align:center; margin-top:0px; padding-bottom:60px;}
	.company .ceo_msg .con_left .nemo { margin:0 auto;}
	.company .ceo_msg .con_left .nemo_txt {left:47%; margin-left:-162px; border:0px solid red;}
	.company .ceo_msg .con_right {width:100%; float:none;}

.organ {display:none}
.gna {display:block;}



.sple {display:none}
.mple {display:block;}

}


/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {



.company .ceo_msg .con_left .nemo_txt {position:absolute; width:390px; padding:20px 0; left:42%; margin-left:-168px; text-align:center; top:55px; background:#fff; z-index:1; border:0px solid red;}



	#sub_tit .path { display:none;}
	.sub_location > div .cen{ display:none;}
	.sub_location ul{width:50%;}
	.sub_location ul:first-child{border-left:0px; }
	.sub_location ul.dep2{border-right:0px;}


	.scontents{padding:30px 0px;}
	.scontents .stitle { margin-bottom:30px; }	

	#backtotop{display:none !important;}
	

.sple {display:none}
.mple {display:block; width:100%}


}






/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {	

	body,td,h1,h2,h3,h4,h5,div,p,li,ul,ol,dd,dt,section,input,textarea,select,button{font-size:13px;}




	
	#sub_tit {top:95px; background:none; margin:30px auto;}
	#sub_tit .title{  font-size:2em;  } 
	#sub_tit .normal_txt{font-size:1em;}
	.scontents .eng { font-size: 2em; }
	.scontents .stitle { font-size:1em;  }	

	




}



/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width: 360px) {	


	
}