@charset "utf-8";

/**** Media Query *********************************/




@media (max-width:1800px){
	.btn_top {top: -160px;}
}	 






@media (max-width:1600px){

	/*s1_2 대표이사장 인사말*/
	.s102_right span{font-size:17px;}
	.s102_right p.b_font{font-size: 38px;line-height: 1.3;}
	.s102_right p{font-size:16px;line-height: 1.7;}


	/* s1_4 csr */
	.s104_1 {height: 350px;padding-left: 50px; padding-top: 5%; background-size: contain;}
	.s104_1 h4{font-size:32px}
	.s104_1 p{font-size: 17px; line-height: 1.7;}

	s104_2 ul li div h5 {font-size: 20px;}
	.s104_2 ul li div p {font-size: 16px;line-height: 1.7;}
	.s104_2 ul li div.dt {height: 170px;}





}	 


@media (max-width:1400px){	

		
	/* layout */

	.w1320{width:90%; margin: 0 auto;}
	.slnb .w1320{ width: 100%; } 



	.lnb_2_2 ul li .slnb, .lnb_2_4 ul li .slnb{bottom: -140px; height: 140px;}
	.lnb_2_2 ul li .slnb a {display: block; float: left; width: 20%;}
	.lnb_2_2 ul li .slnb div{ display: block; }
	.lnb_2_4 ul li .slnb div { display: block; float: left}
	.lnb_2_4 ul li .slnb a  {display: block; float: left; width: 25%;}


	/* btn */
	.btm_btns{ padding: 0 10px 30px; }
	.btn_ty{ min-width: 80px; }
1



	/* con_title1_1   */
	.s1 ul{ margin:0px 10px; }


	/* s1_3 기업이념 */
	.s103_1 div{height: 140px;line-height: 140px;}
	.s103_1 div h4{font-size: 26px;}
	.s103_1 div ul li{width: 130px;font-size: 18px; line-height: 55px;}
	.s103_1 div p{font-size:28px}

	.s103_history .s103_h1{height: 300px;padding-top: 95px;}
	.s103_history .s103_h1 h4{font-size:36px}
	.s103_history .s103_h1 p {font-size: 20px;}

	.s103_history .s103_list ul li h5 {width: 180px; background-size: 90px;font-size: 35px;}
	.s103_history .s103_list ul li div{width: calc(100% - 200px);}
	.s103_history .s103_list ul li div p {padding-left: 55px;font-size: 16px;line-height: 2;}
	.s103_history .s103_list ul:before{left: 173px;}


	/* s1_4 csr */
	.s104_1 h4{font-size:30px}
	.s104_1 p{font-size: 16px; }

	.s104_2 ul li div h5 {margin-bottom: 5px;font-size: 17px;}
	.s104_2 ul li div p {font-size: 14px;;}
	.s104_2 ul li div p br{display: none;}
	
	.s104_2 ul li div.dt{padding-left: 85px;padding-right: 20px;}
	.s104_2 ul li:nth-child(1) .dt,
	.s104_2 ul li:nth-child(2) .dt,
	.s104_2 ul li:nth-child(3) .dt,
	.s104_2 ul li:nth-child(4) .dt,
	.s104_2 ul li:nth-child(5) .dt,
	.s104_2 ul li:nth-child(6) .dt,
	.s104_2 ul li:nth-child(7) .dt,
	.s104_2 ul li:nth-child(8) .dt{background-size: 40px;}


	/* .tab_a{padding: 10px;} */
	.s1042_tab li{font-size: 15px; line-height: 55px;}
	.tab_a .s1042_img .txt{padding-top: 10px;}
	.tab_a .s1042_img .txt h4 {font-size: 27px;}
	.tab_a .s1042_img .txt p{font-size: 16px;line-height: 1.6;}
	.tab_a .s1042_img .txt p br{display: none;}

	.s1042_img .owl-nav .owl-prev, 
	.s1042_img .owl-nav .owl-next,
	.s1042_img .owl-nav .owl-prev:hover,
	.s1042_img .owl-nav .owl-next:hover{width: 50px; height: 50px;background-size: contain;}
	.s1042_img .owl-nav {bottom: 110px;}



	/* s1_5 오시는 길 */

	.con_title1_5 .s105_1 {margin-bottom: 100px;}
	.s105_list { font-size: 14px; }
	.s105_left h3{ font-size: 16px; }
	.s105_left ul li, .s105_list2 .s105_left ul li{ line-height: 1.6; margin: 5px 0; }



	/* con_title2_2  */
	#bo_gall { margin:0 10px;}
	.con_title2_2, .con_title2_4 { padding-top: 200px;}



	/* s2_view_txt */
	.s2_view_txt3 h3, .s2_view_txt4 h3{ padding: 0 10px; }



	/* con_title4 */
	.s402_1 ul li {margin: 0 5%;}
	.s402_1 ul li {width: 15.6%;}

	.s404_2 ul { padding: 0 5%;box-sizing:border-box;}
	.s404_2 ul li div p{ font-size: 18px; }
	.s404_2 ul li div span{ font-size: 15px; }
	.s404_2 ul li{ width: 16.4%;  }
	.s404_2 ul li:first-child {padding-left: 24px;}
	.s404_2 ul li:last-child {padding-right: 24px;}
	.s402_1 ul li:Before { width: 17.6%; height: 17.6%; top:28%; background-size: 100%; left: -43%;}








}	
@media (max-width:1200px){ 


	/* layout */
	.con_title {padding-bottom: 100px;}
	.con_title4_3{ padding: 100px 0 0; }



	/*s1_2 대표이사장 인사말*/
	.s102_left {width: 35%;}

	.s102_right {width: 58%;}
	.s102_right span{font-size:16px;}
	.s102_right p.b_font{margin-bottom: 20px;font-size: 32px;}
	.s102_right p{font-size:15px;    margin-bottom: 20px;}
	.s102_right p br{display: none;}

	.s102_left .ceo_name{margin-left: 0;padding-left: 20px;}
	.s102_left .ceo_name .kor_name h4{font-size: 15px;}
	.s102_left .ceo_name .kor_name h3{ font-size: 28px}
	.s102_left .ceo_name .eng_name{ margin-left: 18px; padding-top: 0;}
	.s102_left .ceo_name .eng_name p{font-size: 13px; line-height: 1.65;}



	/* s1_4 csr */
	.tab_a{padding: 10px;}
	.s1042_tab li{font-size: 14px; line-height: 50px;}
	.tab_a .s1042_img .txt{width:40%;padding-top: 10px;}


	.s1042_img .owl-nav .owl-prev, 
	.s1042_img .owl-nav .owl-next,
	.s1042_img .owl-nav .owl-prev:hover,
	.s1042_img .owl-nav .owl-next:hover{width: 45px; height: 45px;margin-left: 10px;}



	/* con_title4 */
	.s404_2 ul li div p{ font-size: 16px;}
	.s404_2 ul li div span{ font-size: 14px; }
	.s404_2 ul li {width: 16.6%;}
	.s404_2 ul li, 
	.s404_2 ul li:first-child, 
	.s404_2 ul li:last-child {display: block; float: left; padding: 0 1%;	}
	.s404_2 ul li:Before {left: -5px;}







}				   
@media (max-width:1024px){ 


	/* lnb */
	.lnb ul li a{ font-size: 15px; }
	.sub_title {font-size: 34px;}
	.lnb_1, .lnb_2  { margin-top:-140px; }
	.s_tb1 ul li{ width: 33.3%; float:left; display:block; }
	.s_tb1 ul li:nth-child(1),.s_tb1 ul li:nth-child(2),.s_tb1 ul li:nth-child(3){ border-bottom:1px solid rgba(255,255,255,0.2); }



	/* con_title1_1   */
 
	.s1_1 ul li a div p, .s2_1 ul li a div p, .s3_1 ul li a div p, .s4_1 ul li a div p { font-size: 16px; }
	.s1_1 ul li a div, .s2_1 ul li a div, .s3_1 ul li a div, .s4_1 ul li a div {height: 50px;}

	.s1_1 ul li a div img,
	.s2_1 ul li a div img,
	.s3_1 ul li a div img,	
	.s4_1 ul li a div img {width: 20px;}


	/* S1_2 인사말 */
	.s102_left .ceo_name .eng_name { margin-left: 0px;}
	
	/* s1_3 기업이념 */
	.s103{padding-bottom:100px ;}
	.s103_1 figure img{max-width:400px}
	.s103_1 div{height: 120px;line-height: 120px;}
	.s103_1 div h4{margin-right: 0;font-size: 22px;}
	.s103_1 div ul li{width: 100px;font-size: 16px; line-height: 50px;}
	.s103_1 div p{margin-left: 0;font-size:24px}
	.s103_1 div ul li.li_img{padding: 0px 15px;padding-top: 15px;}
	.s103_1 div ul li.li_img img {width: 27px;}

	.s103_history .s103_h1{height: 280px;padding-top: 90px;}
	.s103_history .s103_h1 h4{font-size:32px}
	.s103_history .s103_h1 p {font-size: 18px;}

	.s103_history .s103_list { padding-left: 0;}
	.s103_history .s103_list ul li h5 {width: 175px;font-size: 32px;background-size: 90px;}
	.s103_history .s103_list ul:before{ left: 168px;}
	.s103_history .s103_list ul li div{width:calc(100% - 200px)}
	.s103_history .s103_list ul li div p {padding-left: 45px;font-size: 15px;}

	/* s1_4 csr */
	.s104_1 {height: 300px;padding-left: 35px; padding-top: 3.8%;}
	.s104_1 h4{font-size:26px}
	.s104_1 p{font-size: 14px;}

	.s104_2 ul li dt{ height: 180px;padding-left: 80px;}
	.s104_2 ul li:nth-child(1) .dt,
	.s104_2 ul li:nth-child(2) .dt,
	.s104_2 ul li:nth-child(3) .dt, 
	.s104_2 ul li:nth-child(4) .dt, 
	.s104_2 ul li:nth-child(5) .dt,
	.s104_2 ul li:nth-child(6) .dt,
	.s104_2 ul li:nth-child(7) .dt,
	.s104_2 ul li:nth-child(8) .dt {background-size: 35px;background-position-x: 25px;background-position-y: 50%;}


	.tab_a .s1042_img .txt h4 {font-size: 25px;}
	.tab_a .s1042_img .txt p {font-size: 15px;}
	.s1042_img .owl-nav{bottom: 130px;}



	/* s1_5 국내외 네트워크 */
	.s105_list .s105_left {padding:40px 20px 0;}



	/*  con_title2   */

	.lnb_2 ul li{ width: 50%; float: left; display: block; }
	.lnb_2 ul li:nth-child(1),.lnb_2_1 ul li:nth-child(2){ border-bottom:1px solid rgba(255,255,255,0.2); }




	/*  con_title3   */

	.con_title3 #gall_ul > li:nth-child(4n+1) {float: left; clear: initial;}
	.con_title3 #gall_ul > li{width: 33.3%;}


	/* con_title4 */

	.s402 .col_num{ width: 8%; }
	.s302 .col_subject{ width: 58%;  overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
	.s402 .col_subject{ width: 58%;  overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
	.respon_l .div_td a{width:100%}
	.s402 .div_td.col_subject a {padding-left: 0px;}
	.s402 .col_date{ width: 16%; }
	.s402 .s402_list{ width: 18%; }
	.s402,
	.s402 .div_th{ font-size: 14px; }


	.s403_1 {background-repeat: repeat;}
	.s403_1 ul li{ width:43% ; margin:0 4.5% 48px}
	.s403_1 ul li:nth-child(2n+1) { margin-right:0; }
	.s403_1 ul li div h4{ font-size: 20px; }
	.s403_1 ul li div p{ font-size: 14px; padding: 0 12px;	}
	.s403_1 ul li:nth-child(n+4) {margin-bottom: 48px;}
	.s404 ul li{ width: 30.3%; }
	.s404 ul li:nth-child(4n+4){ margin-right: 2.22%; }
	.s404 ul li:nth-child(3n+1) {margin-left:2.22%;}

}


@media (max-width:1000px){
	.btn_top {top: -190px;}
	/* .s1_1 ul li a div p, 
	.s4_1 ul li a div p {font-size: 15px;} */
}	


@media (max-width:800px){ 

	/* layout */
	.con_title {padding-top: 80px;padding-bottom: 100px;}
	.con_title1_2 {padding-top: 80px;}
	.con_title4_3 {padding:80px 0 0 }


	/* lnb */

	.sub_visual .s_tc {height: 380px; padding-top: 160px;}
	.sub_visual h4{ font-size: 40px; }
	.sub_title {font-size: 28px;}
	.lnb_1, .lnb_2 { margin-top:-120px; }
	.lnb_3, .lnb_4, .lnb_5{ margin-top:-60px } 
	.lnb ul li{height: 60px;}
	.lnb ul li a { line-height: 60px; }

	.lnb_2_2 .sub_title,
	.lnb_2_4 .sub_title  { margin-top: 90px;}
	.lnb_2_3 .sub_title{  }
	.lnb_2_2 ul li .slnb a,
	.lnb_2_3 ul li .slnb a,
	.lnb_2_4 ul li .slnb a {display: block; float: left; width: 33.3%;}

	.lnb_2_2 ul li .slnb, 
	.lnb_2_4 ul li .slnb  {bottom: -180px; height: 180px;}
	.lnb_2_3 ul li .slnb{ bottom: -120px; height: 120px; }
	.con_title2_2, 
	.con_title2_4 {padding-top: 240px;}
	.con_title2_3{ padding-top: 180px; }

	.lnb ul li .slnb div {height: auto;}

	

	/* s1_2 인사말 */
	.s102_left {width: 100%;float: none;}
	.s102_left .ceo_img figure img {display: block; width: 70%; margin: auto;}
	.s102_left .ceo_img span{right: 70px;}
	.s102_left .ceo_name {margin-left: 20%;}

	.s102_right {width: 100%;float: none;margin-top: 70px;padding-left: 0;}
	.s102_right span {font-size: 14px;}
	.s102_right p {font-size: 13px;margin-bottom: 10px;}
	.s102_right p.b_font{margin-top: 10px;font-size: 24px;}
	.s102_right p.eng_p {margin-top: 10px;}



	/* s1_3 기업이념 */
	.s103{padding-bottom:80px ;}
	.s103_1 div h4{margin-right: 0;font-size: 22px;}
	.s103_1 div ul li {width: 80px;font-size: 14px;line-height: 45px;}
	.s103_1 div p{margin-left: 0;font-size:20px}

	.s103_1 div h4{font-size: 18px;}
	.s103_1 div ul li.li_img {padding: 0px 10px;}
	.s103_1 div ul li.li_img img {width: 20px;}

	.s103_history .s103_h1{height: 260px;padding-top: 70px;}
	.s103_history .s103_h1 h4{/* width: 135px; */font-size:26px;background-size: 60px;}
	.s103_history .s103_h1 p {font-size: 16px;}

	.s103_history .s103_list ul:before{left: 86px;top: 12px;}
	.s103_history .s103_list {padding-left: 0;margin-top: 40px;}
	.s103_history .s103_list ul li { margin-bottom: 20px;}
	.s103_history .s103_list ul li h5 {width:90px;font-size: 20px;background-size: 40px;}
	.s103_history .s103_list ul li div{width:calc(100% - 110px);margin-top: 5px;padding-left: 20px;}
	.s103_history .s103_list ul li div p {position: relative;padding-left: 40px;font-size: 13px;}
/* 	.s103_history .s103_list ul li div p:before{content: '';position: absolute;top:11px;left:-10px;width:4px;height: 1px;background-color: #333;} */



	/* s1_4 csr */
	.s104_1 {height: 210px;padding: 40px 80px 0 40px;background-size: 250%;}
	.s104_1 h4 {font-size: 24px;}
	.s104_1 p{font-size:14px}
	.s104_1 p br{display: none;}
		
	.s104_2 ul:before{top: 90px;left: 13px;}
	.s104_2 ul li{float: none;width:100%;margin-top: 0;margin-bottom: 15px;}
	.s104_2 ul li:nth-child(2n+2){float: none;}
	.s104_2 ul li span{right:auto;left:0px;font-size:15px;}
	.s104_2 ul li:nth-child(2n+2) span{right:auto;left:0;}
	.s104_2 ul li span:before{background: url(../../images/sub/s104_3.png) no-repeat;left: 30px}
	.s104_2 ul li:nth-child(2n+2) span:before{left:30px;right:auto;}
	
	.s104_2 ul li div{float: right;width: calc(100% - 55px);}	
	.s104_2 ul li div.dt{padding-left: 70px;}
	.s104_2 ul li div h5{font-size:16px;}
	.s104_2 ul li div p {font-size: 13px;}

	.s104_2 ul li:nth-child(1) .dt,
	.s104_2 ul li:nth-child(2) .dt,
	.s104_2 ul li:nth-child(3) .dt, 
	.s104_2 ul li:nth-child(4) .dt,
	.s104_2 ul li:nth-child(5) .dt,
	.s104_2 ul li:nth-child(6) .dt,
	.s104_2 ul li:nth-child(7) .dt,
	.s104_2 ul li:nth-child(8) .dt {height:160px; background-size: 30px; background-position-x: 20px;background-position-y: 50%;}


	.s1042_tab li {font-size: 13px;line-height: 50px;}
	h4 {font-size: 21px;}
	.tab_a .s1042_img .txt p {font-size: 14px;}

	.s1042_img .owl-nav {bottom: auto; top: 25px;right: 0;}
	.s1042_img .owl-nav .owl-prev, 
	.s1042_img .owl-nav .owl-next,
	.s1042_img .owl-nav .owl-prev:hover,
	.s1042_img .owl-nav .owl-next:hover{width: 40px;height: 40px;margin-left: 7px;}

	.tab_a .s1042_img .txt {float: none;width: 100%;padding-top: 10px;margin-bottom: 30px;}
	.tab_a .s1042_img .S104_img {;float: none;width: 100%;height: 370px;}


	/* s1_5 국내외 네트워크 */
	.s105_2 .bgf9f9f9 {padding-bottom: 120px;}
	.s105_2 ul li {height: 65px; line-height: 65px; padding-left: 6%;}
	.s105_2 ul li figure {height: 65px; line-height: 65px;}
	.s105_2 ul li h4 {font-size: 18px;}

	/* s1_6 오시는 길 */
	.s0106_map .txt_box {padding: 20px 10px 23px ;}
	.s0106_map .txt_box ul li {font-size: 14px; line-height: 1.6; padding:5px 0px 5px 55px;}
	.s0106_map .txt_box > span a:after {width: 22px; height: 20px; background-size: contain;right: 22px;}
	.s0106_map .txt_box > span a {font-size: 14px;}
	.s0106_map .txt_box > span{  width: 125px; height: 40px; line-height: 40px; right: 20px; }
	.s0106_map .txt_box ul,
	.s106_map2 .s0106_map .txt_box ul{ margin: 0; min-width: auto; width: 100%;}





	/*  con_title2   */

	.s2_1 ul li a div p{ font-size: 14px; }
	.s2_1 ul li a{ width: 100%; }
	.s2_1 figure{width: 100%;}
	.s2_1 figure img{width: 100%;/*  height: 330px; */}



	.con_title2 #gall_ul > li { width:100%; float: none; clear: both; margin:0 auto 20px; height: 390px;}
	#gall_ul .gall_con:hover .gall_href a::before { opacity: 0;	 }
	.con_title2 #gall_ul .gall_con .gall_href{ height: 390px; }
	.con_title2 #gall_ul > li:nth-child(3n+3){ margin:0 auto 20px; }
	.bd_search .btn_search { min-width: 12.16%;}
	.bd_search .select_ty {width: 12.28%; font-size: 13px; padding: 0 14px;}


	.con_title2_2 .bd_cate{ display: block; }
	.con_title2_2 .bd_cate::after{ clear: both; content: ""; display: block;}
	.con_title2_2 .bd_cate li{ display: block; float: left; width: 20%; }
	.con_title2_2 .bd_cate li:nth-child(1),.con_title2_2 
	.bd_cate li:nth-child(2),
	.con_title2_2 .bd_cate li:nth-child(3),
	.con_title2_2 .bd_cate li:nth-child(4),
	.con_title2_2 .bd_cate li:nth-child(5){ border-bottom:1px solid #ddd; }
	.con_title2_2 .bd_cate li:last-child{ border-right:1px solid #ddd; }
	.s2_view_txt3 > div > div { padding: 0; } 
	.con_title_inner2_4 .s2_view .s2_view_txt h1 {font-size: 22px;}
	.con_title_inner2_4 .s2_view .s2_view_txt p,
	.con_title_inner2_4 .s2_view .s2_view_txt p span{font-size: 30px!important; line-height: 45px;}
	.s2_view_txt4 div a{ width: 30%; line-height: 22px; font-size: 14px;}


	/* con_title_3 */
	.con_title3 #gall_ul > li{width: 49%; float: left; clear: initial; height: auto;}
	.con_title3 #gall_ul .gall_con .gall_href {height: 230px;}

	.con_title3 .bo_hd h1{ font-size: 1.3em; }
	.con_title3 .bo_hd p{ font-size: 14px; line-height: 30px; }


	/* con_title_4 */
	.s402_1 ul li div {margin-top: 18px;}
	.s402_1 ul li div span{ font-size: 14px;}
	.s402_1 ul li div p{ font-size:20px; margin-top: 0;}
	.s402_1 ul li:Before {left: -24%;}
	.s402_1 ul li {width: 19.6%; margin: 0 3%;}



	.s404 ul li h4 {font-size: 18px; margin-top: 15px;}
	.s404_2 ul li {width: 32%; margin-bottom: 35px;}
	.s404_2 ul li:nth-child(3n+2){margin: 0 2%; }
	.s404_2 ul li:nth-child(4)::before {display: none;}
	.s404_2 ul li:Before {left: -8px;}
	.s402 .div_td {height: 50px;}
	.s402 .div_th { padding: 14.5px 10px !important;}
	.s402_ing, .s402_end {font-size: 12px;}


	/* con_title5   */

	.con_title5 .layout_tel li:after{ right: 4%; }
	.con_title5 .res_w .wirte_title{ font-size: 18px; }
	.con_title5 .layout_tel li {width: 90px;}


	/* top btn */
	.btn_top {top: -200px;right:10px;}


}   



@media (max-width:640px){ 



	/* sub title */
	.sub_title {font-size: 25px; padding-bottom: 25px;}
	.sub_title:before{ height: 2px; }

	/* btn */
	.btn_ty{ min-width: 80px; padding: 10px 0; font-size: 14px; }





	/* con_title1_1   */
	.s1_1 ul li a div{font-size:13px;line-height: 50px;}
	.s1_1 ul li a div img{ margin-top: 15px;width: 18px;height: 18px;}

	.s1_1 ul li,
	.s2_1 ul li,
	.s3_1 ul li, 
	.s4_1 ul li{width:100%;margin-right:0;margin-bottom:20px;}
	.s1_1 ul li:nth-child(n+4){margin-bottom: 20px;}

	/* s1_2 인사말 */
	.s102_right p.b_font br {display: block;}




	/* s1_3 경영이념 */
	.s103_1 figure img {max-width: 70%;}
	.s103_1 div {height: auto;line-height: 1;padding: 10px;}
	.s103_1 div h4{display: block;margin-left: 0;line-height: 60px;}
	.s103_1 div ul {float: none;}
	.s103_1 div ul li {width: 90px;line-height: 35px;}
	.s103_1 div p {margin-left: 0;display: block; line-height: 50px;}

	.s102_left .ceo_name{padding-left: 20px;}
	.s102_left .ceo_name .kor_name h4{font-size: 12px;}
	.s102_left .ceo_name .kor_name h3{font-size:27px}
	.s102_left .ceo_name .eng_name{margin-left: 0;}
	.s102_left .ceo_name .eng_name p{font-size: 12px;line-height: 1.7;}

	.s103_history .s103_h1{height: 200px;padding-top: 60px;}
	.s103_history .s103_h1 h4{font-size:24px}
	.s103_history .s103_h1 p {font-size: 14px;}


	/* s1_4 csr */
	.con_title1.con_title1_4 { padding-top: 100px;}

	.s104_2 {margin-top: 40px;}
	.s104_2 ul li span{width: 25px;height: 25px;font-size: 14px;line-height: 25px;}
	.s104_2 ul li span:before,
	.s104_2 ul li:nth-child(2n+2) span:before{left: 25px;width: 25px;overflow: hidden;background-position: right center;}

	.s104_2 ul li div{width: calc(100% - 44px);}
	.s104_2 ul li div h5 {font-size: 14px;}
	.s104_2 ul li div p {font-size: 12px;}
	.s104_2 ul li div.dt {height: 150px;;padding: 0 15px;background: none!important;}


	.tab_a{margin-top:20px;}
	.tab_a .s1042_img .txt h4:before{width: 25px;height: 2px;}

	.s1042_tab li{display: table;font-size: 12px;line-height: 1.3;height: 40px;}
	.s1042_tab li span{display: table-cell;vertical-align: middle;}
	
	.tab_a .s1042_img .txt h4 {margin-bottom: 8px;padding-top: 15px;font-size: 18px;}
	.tab_a .s1042_img .txt p {font-size: 12px;}
	.tab_a .s1042_img .txt{ margin-bottom: 20px;}

	.tab_a .s1042_img .S104_img{height: auto;}

	.s1042_img .owl-nav{top: 22px;}
	.s1042_img .owl-nav .owl-prev,
	.s1042_img .owl-nav .owl-next,
	.s1042_img .owl-nav .owl-prev:hover,
	.s1042_img .owl-nav .owl-next:hover{width: 32px;height: 32px;}




	/* s1_5 국내외 네트워크 */
	.s105_list{ height: auto; }
	.s105_list .s105_left{ float: inherit; width: 100%;}
	.s105_list .s105_location{ float: inherit; width: 100%; height: 355px; }
	.s105_list::after{ content: ""; clear: both; }
	.s105_list .s105_left {padding: 40px 20px;}






	/*  con_title2 */

	.bd_search .select_ty {padding: 0 8px;}
	.bo_hd h1 {font-size: 1.3em;}

	select.select_ty {background: #fff url(../../images/sub/sel_arw.jpg) no-repeat center right 10px/ 20%;}
	.bd_search .input_ty {  width: 64.42%; font-size: 15px;}



	/* .lnb_2_3 ul li .slnb {bottom: -120px; height: 120px;} */
	/* .lnb_2_3 ul li .slnb a {display: block; float: left; width:50%; } */
	/* .lnb_2_3 ul li .slnb a:nth-child(2)::before {display: none;} */
	.lnb_1_4 ul li .slnb{ height: 60px; } 
	/* .lnb_2_3 ul li .slnb div{ display: block; } */



	.con_title_inner2_2 .s2_view .s2_view_txt p,
	.con_title_inner2_2 .s2_view .s2_view_txt span{ font-size:16px !important; }

	.con_title_inner2_4 .s2_view_txt3 div p,
	.con_title_inner2_4 .s2_view_txt3 div span{font-size: 12px!important;}
	.con_title_inner2_4 .s2_view_txt3 div p,
	.con_title_inner2_4 .s2_view_txt3 div b{font-size: 14px!important;}
	.s2_view .s2_view_txt3 h3, 
	.s2_view .s2_view_txt4 h3,
	.s2_view .s2_view_txt h1{font-size: 26px;}
	.s2_view_txt3 h3 img,
	.s2_view_txt4 h3 img { width: 28px; height: 28px;}
	.s2_view_txt3 div iframe{ width: 100%; }
	.s2_view_txt4 div {padding: 30px 0;}
	.s2_view_txt4 div a {width: 240px; line-height: 26px; font-size: 16px; display: block; margin: 10px auto;}




	.bd_cate > li > a{ font-size: 10px; }






	/* con_title3 */
	.s2_1 ul li a div,
	.s3_1 ul li a div,
	.s4_1 ul li a div{ height: 55px; margin-bottom: 20px; }
	.s2_1 ul li, 
	.s3_1 ul li, 
	.s4_1 ul li{ width: 100%; float: none; margin: 0 auto;}
	.s2_1 ul li figure,
	.s3_1 ul li figure , 
	.s4_1 ul li figure{ height: 51.6vw; overflow: hidden;}
	.s2_1 ul li figure img,
	.s3_1 ul li figure img, 
	.s4_1 ul li figure img{ width: 100%; margin: -40px 0;}

	.s2_1 ul li a div img, 
	.s3_1 ul li a div img,
	.s4_1 ul li a div img{ width: 27px; height: 27px; /* margin-top: 13px;  */}
	.s3_1 ul li:nth-child(3),
	.s2_1 ul li:nth-child(3),
	.s4_1 ul li:nth-child(3){ margin: 0 auto; }


	.con_title3_2 .respon_l .col_num{ width: 9%; }
	.con_title3_2 .respon_l .col_date{ width: 22%;}
	.con_title3_2 .respon_l .col_hit{ width: 9%;}
	.con_title3_2 .respon_l {font-size: 14px;}

	.con_title3 #bo_v_con p,
	.con_title3 #bo_v_con span{font-size: 13px!important;}
	.con_title3 #bo_v_con p,
	.con_title3 #bo_v_con u{font-size: 16px!important;}
	#bo_v_file li {font-size: 12px;}
	.bo_v_file_cnt { margin: 4px 10px;}
	.con_title3 .bo_hd h1{ font-size: 1.1em; }
	.con_title3 .bo_hd p{ font-size: 12px; line-height: 30px; }



	.respon_l .div_th{ padding: 10px 5px; font-size: 12px; }
	.respon_l .div_td {padding:  10px 5px;}
	.con_title3_2 .respon_l {font-size: 12px;}






	/* con_title4 */

	.s402_1 ul li div {margin-top: 5px;}
	.s402_1 ul li div span{ font-size: 12px;}
	.s402_1 ul li div p{ font-size:18px; margin-top: 0;}




	.s403_1 ul li div h4{ font-size: 18px; }
	.s403_1 ul li div p{ font-size: 13px; }

	.s404 ul li{ width: 46.6%; }
	.s404 ul li:nth-child(3n+1){ margin-left: 0; }
	.s404 ul li:nth-child(2n+1) {margin-left:2.22%;}

	.s402_end, 
	.s402_ing{ width: 100%; }
	.s402,
	.s402 .div_th{ font-size: 12px; }


	/* con_title5   */

	.con_title5 .res_w .wirte_title{ font-size: 16px; }
	.con_title5 .div_tb{ font-size: 14px; }
	.con_title5 input,
	.con_title5 select{ font-size: 14px; }


	/* s5_1 온라인문의 */
	.respon_w .privacy_area > h2{ font-size: 20px ; }
	.con_title5 textarea { font-size: 13px; }
	.respon_w .privacy_area > .privacy_box {margin:0}
	.respon_w .privacy_area > .agreen_box > label{ font-size: 13px; }
	.respon_w .privacy_area > .agreen_box > input {width: 10px;}
	.respon_w .layout_email li {width: 29%;}
	.layout_email li:last-child {margin-left: 0px;}
	#captcha.m_captcha audio {height: 40px;}
	#captcha #captcha_key {width: 193px; height: 40px;}
	#captcha #captcha_img {margin-right: 5px; height: 40px;}
	#captcha #captcha_reload {top: 20px;width: 31px;height: 20px; border-top: none;background-size: 73%; background-position: 0 -24px;}
	#captcha #captcha_mp3 {width: 31px; height: 20px; -webkit-background-size: 75%; background-size:75% ;}




	/* s1_5 국내외 네트워크 */
	.s105_2 .bgf9f9f9 {padding-bottom: 100px;}
	.s105_2 ul li {height: 55px; line-height: 55px;}
	.s105_2 ul li figure {height: 55px; line-height: 55px; width: 60px;}
	.s105_2 ul li h4 {font-size: 16px;}
	.s105_2 ul li img {width: 25%;}



	/* s1_6 오시는 길 */
	.s0106_map .txt_box {padding: 20px 10px 30px ;}
	.s0106_map > div { float: inherit;width: 100%;height: 335px;}
	.s0106_map .txt_box > span {bottom: 8px; top:auto}

	.s2_1 ul {display: block;}
}


@media (max-width:500px){ 


	/* s1_6 오시는 길 */
	.s0106_map > .left_box{background: url(../../images/sub/s106_1_m.png) 0 0 no-repeat;background-position: bottom center; -webkit-background-size: 100%; background-size: 100%;}

}




@media (max-width:440px){ 
	/* layout */

	.sub_visual .s_tc{ height: 300px; padding-top: 116px; }
	.sub_visual h4{ font-size: 28px; }

	.con_title1 {padding-bottom: 70px;padding-top: 50px;}
	.con_title1_2 {padding-top: 50px;}
	.sub_title {margin-bottom: 35px;padding-bottom: 15px;font-size: 21px;}
	.sub_title:before{width: 26px;margin-left: -13px;}

	.con_title { padding-bottom: 50px;}


	/* lnb */
	.lnb ul li {height: 50px;}
	.lnb ul li a {line-height: 50px;}
	.lnb ul li a {font-size: 11px;}
	.lnb_1, 
	.lnb_2 {margin-top: -100px;}
	.lnb_2 ul li .slnb div {height: 45px;}
	.lnb_2 ul li .slnb a {font-size: 10px; line-height: 45px;}
	.lnb_2_2 ul li .slnb, .lnb_2_4 ul li .slnb{ bottom: -135px; height: 135px; }
	.lnb_2_3 ul li .slnb {bottom: -90px; height: 90px;}
	.lnb_1_4 ul li .slnb{ height: 45px; } 
	.lnb ul li .slnb div a{line-height: 45px;}
	.lnb_3, .lnb_4, .lnb_5 {margin-top: -50px;}
	.lnb ul li .slnb div {height: auto;}
	.lnb ul li .slnb div a{line-height: 45px; font-size: 11px;}





	/* s1_2 인사말 */
	.s102_left .ceo_img figure img{width:90%;}
	.s102_left .ceo_img span{right: 0px;width: 90px;height: 60px;line-height: 60px;font-size: 11px;}

	.s102_left .ceo_name {margin-left: 0;padding-left: 20px;}
	.s102_left .ceo_name .kor_name h4{font-size:13px;}
	.s102_left .ceo_name .kor_name h3{font-size: 25px;}
	.s102_left .ceo_name .eng_name{margin-left: 0;}
	.s102_left .ceo_name .eng_name p{font-size: 12px;line-height: 1.7;}

	.s102_right {;margin-top: 40px;}
	.s102_right span {font-size: 13px;}
	.s102_right p {font-size: 12px;}
	.s102_right p.b_font{font-size: 20px;}


	/* s1_3 경영이념 */
	.s103_1 div{ margin-top: 30px;}
	.s103_1 figure img {max-width: 80%;}
	.s103_history .s103_list ul:before {left: 76px;}
	.s103_history .s103_list ul li h5 {width: 80px;font-size: 16px;background-size: 35px;}
	.s103_history .s103_list ul li div {width: calc(100% - 90px);margin-top: 5px; padding-left: 10px;}
	.s103_history .s103_list ul li div p{ padding-left: 32px;font-size: 12px;    line-height: 1.6;}


	/* s1_4 csr */
	.s104_1 {height: 210px; padding: 30px 5%;}
	.s104_1 h4 {font-size: 21px;}
	.s104_1 p {font-size: 13px;}



	/* s1_5 국내외 네트워크 */
	.s105_2 .bgf9f9f9 {padding-bottom: 50px;}
	.s105_2 ul li {height: 30px; line-height: 26px; padding-left: 2%;}
	.s105_2 ul li figure {height:30px; line-height: 30px; width: 40px;}
	.s105_2 ul li h4 {font-size: 12px;}
	.s105_2 ul li img {width: 25%;}	
	.s105_list .s105_left {padding: 30px 10px;}
	.s105_left .s5_logo img {width: 100px;}
	.s105_list .s105_location{height: 195px!important;}
	.s105_list2 .s5_logo img { width: 300px;}

	/* s1_6 오시는 길 */
	.s0106_map .txt_box ul li:nth-child(2) { width: 50%;}
	.s0106_map .txt_box ul li:nth-child(3) { width: 45%;}
	.s0106_map .txt_box ul li {font-size: 12px;}
	.s0106_map .txt_box{ padding-bottom: 60px; }
	.s0106_map > div {height: 272px;}
	.root_daum_roughmap .wrap_map{ height: 195px!important;}







	/* s2_view */

	.s2_view .s2_view_txt h1 {line-height: 35px;} 
	.con_title_inner2_4 .s2_view .s2_view_txt p, 
	.con_title_inner2_4 .s2_view .s2_view_txt p span {font-size: 25px!important; line-height: 40px;}

	
	
	/* s2_3	PCB*/

	.con_title2_3 {padding-top: 140px;}
	.con_title2_2, .con_title2_4 {padding-top: 185px;}


	/* s2 */


	/* search */
	.bd_search .select_ty { width: 18%; font-size: 10px; height: 30px; line-height: 30px;}
	.bd_search .input_ty{ width: 57%; line-height: 12px; min-height:30px; margin: 0 0px; font-size: 12px;}
	.bd_search .btn_search{ height: 30px; line-height: 30px; min-height:30px; }

	/* btn */
	.btn_ty{ line-height: 20px; min-width: 50px; padding:10px 0; font-size: 12px;}




	/* s3_1 공지사항 */
	.s3_1 ul li a div img, 
	.s4_1 ul li a div img {width: 20px; height: 20px; margin-top: 10px;}
	.s1_1 ul li a div p, 
	.s2_1 ul li a div p, 
	.s3_1 ul li a div p, 
	.s4_1 ul li a div p {font-size: 15px;}
	.s3_1 ul li a div, 
	.s4_1 ul li a div{ line-height: 40px; margin-bottom: 20px; }

	/* s3_3 topic */
	.con_title3 #gall_ul .gall_con .gall_href, 
	.con_title3 #gall_ul .gall_con .gall_href a {height: 36vw;}
	.data_gall {font-size: 12px;}
	#gall_ul > li > .gall_con .gall_text_href { height: 55px;padding: 0; }
	#gall_ul > li > .gall_con .gall_text_href a {height: 30px;font-size: 15px; line-height: 25px;}
	.con_title2 #gall_ul > li,
	.con_title2 #gall_ul .gall_con .gall_href{height: 300px;}
	.s2_view_txt3 div{padding:10px}


	/* s4_1 채용안내 */
	.con_title4 .respon_l .div_td a {text-overflow: ellipsis; width: 100%;}
	.respon_l .div_td { padding: 7px 3px !important;}
	.s402 .div_th {padding: 14.5px 0px !important;}
	.s402_end, .s402_ing {font-size: 10px; height: 30px; line-height: 30px;}
	.s402_1 ul li div p {font-size: 14px;}
	.s402_1 ul li div span {font-size: 10px;}


	/* s4_3 공유가치 */
	.s403_1 ul li {width: 90%; float: inherit;}
	.s403_1{ background-repeat: repeat; }



	.s404 ul li {height: 150px; padding-top: 20px;}
	.s404 ul li img { width: 35%; height: 57px;}
	.s404 ul li h4 {font-size: 14px;}
	.s404 ul li:nth-child(5), 
	.s404 ul li:nth-child(6), 
	.s404 ul li:nth-child(7), 
	.s404 ul li:nth-child(8),
	.s404 ul li:nth-child(n+9) {padding-top: 20px;}
	.s404_2 ul li:Before {top: 20%;}

	/* s5_1 온라인문의 */
	.respon_w .privacy_area > h2{ font-size: 18px ; }
	.con_title5 textarea { font-size: 11px; }
	.respon_w .privacy_area > .agreen_box > label{ font-size: 11px; }
	.respon_w .privacy_area > .agreen_box > input {width: 10px;}
	.con_title5 .res_w .wirte_title{ font-size: 14px; }
	.respon_w .res_w .div_td {padding: 5px 10px;	}
	.respon_w .res_w .div_th{ padding: 5px 0;	 }
	.con_title5 .div_tb ,.con_title5 .div_th{ font-size: 10px; }
	.con_title5 select{ font-size: 10px; line-height: 10px;}
	.respon_w input[type=text],
	.respon_w .layout_email,
	.respon_w select{height: 25px; line-height: 20px;}
	.respon_w .layout_email li{ width: 29%; padding-right: 5px;}
	.con_title5 .layout_tel li {width: 59px;padding-right: 12px;}
	 .con_title5 input, .con_title5 select{ font-size: 10px; }
	 #captcha.m_captcha audio { height: 40px; }
	 .layout_email li select{ padding: 0 3px; }
	 .respon_w .res_w .ment br { display:block;}

/* #captcha #captcha_key { width: 192px;height: 45px; }
	 #captcha #captcha_img {height: 45px;}
	 #captcha #captcha_mp3 {height: 29px;} */




}


@media (max-width:320px){ 

	.s102_right p.b_font {
	 font-size: 18px;
	}


}