/*company*/
p.txtHead {font-size:32px; line-height:40px; text-align:center; font-weight:500;}
p.txtHead2 {font-size:25px; line-height:40px;  }
p.txtS {font-size:14px; color:#888; }
div.contL {float:left; width:40%;}
div.contR {float:right; width:60%;}
div.ceo {overflow:hidden; clear:both;  background:url("../../img/content/company_3.jpg") no-repeat left top;  padding:50px 0;}
div.ceo .ceoimg {float:left; width:440px; text-align:center; padding-top:200px;}
div.ceo .txtP{width:600px; float:right; padding-right:50px; line-height:40px !important;}
p.sign img{vertical-align: middle;}
.map iframe {width:100%; height:500px;}
 h3 {font-size:30px; font-weight:500; padding:0 0 15px 0; }

/*business*/
div.liBox {clear:both; overflow:hidden; }
div.liBox ul{padding:0; margin:0; list-style-type:none;}
div.liBox ul.li_01 li{float:left; padding-right:9px;}
div.liBox ul.li_01 li:last-child {padding-right:0;}

div.liBox ul.li_02 li{float:left;width:48%; padding-left:180px; box-sizing:border-box; min-height:200px; }
div.liBox h4 { margin:0; font-weight:500;  font-size:25px; padding:0 0 25px 0;}
div.liBox ul.li_02 li.ico1 {background:url("../../img/content/ico1.jpg") no-repeat 20px top;  padding-bottom:30px; }
div.liBox ul.li_02 li.ico2 {background:url("../../img/content/ico2.jpg") no-repeat 20px top; float:right;  padding-bottom:30px; }
div.liBox ul.li_02 li.ico3 {background:url("../../img/content/ico3.jpg") no-repeat 20px top;}
div.liBox ul.li_02 li.ico4 {background:url("../../img/content/ico4.jpg") no-repeat 20px top; float:right;}

div.list1,div.list2 {border:0px solid #dfdfdf;  box-sizing:border-box; }
div.list1 {float:left; width:46%; }
div.list2 {float:right; width:46%;  }
div.liBox .txtP { padding-top:10px; font-size:20px !important; }
div.liBox .video-bg {    grid-area: var(--fullGrid); width: 100%; height: auto;  object-fit: cover;  z-index: -1;}
div.liBox .video-bg::-webkit-media-controls {  display: none !important;}

/*board_08 대리점*/
div.ca_map {text-align:center;}

/*common*/
#contentsArea p.txtP { padding-bottom:20px; font-size:17px; line-height:30px; color:#333; letter-spacing:-0.1px; }
div.contB {clear:both;}
#contentsArea .img_c {text-align:center; }
#contentsArea .txt_B {font-weight:bold; color:#0071c5;} 
#contentsArea .txtGreen {color:#70c104 !important;} 
#contentsArea .txtGray { color:#888 !important;} 
#contentsArea .txtBold {font-weight:bold; }
#contentsArea .txtBlue { color:#0071c5; }
#contentsArea div.contBox1 {line-height:28px; clear:both; overflow:hidden;}
ul.list, ul.none {padding:0 0 20px 0; margin:0; overflow:hidden;}
ul.list li { background:url("../../img/common/arrow_09.gif") no-repeat 15px 7px; padding-left:25px; }
p.txt_box { border:1px solid #d2d2d2; padding:15px 15px; margin:0; background:#f2f2f2; }
.pdL10 {padding-left:10px}
.pdL15 {padding-left:15px}
.pdL20 {padding-left:20px}
.pdL25 {padding-left:25px}
.pdT15 {padding-top:15px}
.pdT20 {padding-top:20px}
.pdT30 {padding-top:30px}
.pdT50 {padding-top:50px}
.pdT60 {padding-top:60px}
.pdT70 {padding-top:70px}
.pdT100 {padding-top:100px}
.fontM{font-size:17px;}
.fontL{font-size:22px;}
.fontXL{font-size:38px;}

#contentWrap #content #contentsArea ul.sitemap_box { padding:0; margin:0;  }
#contentWrap #content #contentsArea .sitemap_list { list-style-type:none; float:left; width:190px; padding:0 15px; height:220px;  }
#contentWrap #content #contentsArea .sitemap_list h3 { font-size:1.7em; font-weight:normal; border-bottom:1px solid #e1e1e1;  padding:15px 5px; margin:0 0 5px 0; }
#contentWrap #content #contentsArea ul.sitemap_con { list-style-type:none;  padding:0; margin:0; }
#contentWrap #content #contentsArea ul.sitemap_con li{ padding-top:5px; padding-left:5px; }

div.map2 {width:100%; box-sizing:border-box; border:1px solid #dfdfdf; padding:20px 20px 22px 140px;  background-color:#fff; background-image:url("../../img/sub/bg_address.jpg"); background-repeat:no-repeat; background-position:30px center; margin-top:30px;}
div.map2 ul {padding:0; margin:0; list-style-type:none; }
div.map2 ul li span.tit {width:80px; display:inline-block; color:#0071c5; line-height:25px; }
div.map2 ul li span.add {}

#contentsArea div.personal{padding:0; margin:0;}
#contentsArea div.personal h3{padding:0 0 5px 0;}
#contentsArea div.personal p{font-size:12px; padding-bottom:25px;}

table.tb01 {border-top:1px solid #cdcdcd; border-right:1px solid #cdcdcd;}
table.tb01 th{border-left:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; padding:5px 5px; background-color:#f0f0f0; color:#ed1e30}
table.tb01 td{border-left:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; padding:5px 5px;}


/*****************************모바일 화면****************************/

@media not all and (min-width:960px){
	
#contentsArea p.txtP { padding-bottom:20px; font-size:15px; line-height:30px; color:#333; letter-spacing:-0.1px; }
	
/*page01*/
p.txtHead {font-size:22px; line-height:33px; text-align:center; font-weight:500;}
p.txtHead2 {font-size:17px; line-height:30px;  }
p.txtS {font-size:14px; color:#888; }
div.contL {float:none; width:100%;}
div.contR {float:none; width:100%;}
div.ceo {overflow:hidden; clear:both;  background:none;  padding:10px 0;}
div.ceo .ceoimg {float:left; width:100%; text-align:center; padding-top:3px; padding-bottom:20px;}
div.ceo .txtP{width:100%; float:left; padding-right:50px; line-height:30px !important;}
p.sign img{vertical-align: middle;}

/*business*/
.noblock {display:none;}
div.liBox ul li{float:left; width:50%; padding:0 5px; box-sizing:border-box}
div.liBox ul li img {width:100%; max-width:100%;}

div.list1 {float:left; width:48%; }
div.list2 {float:right; width:48%;  }
div.liBox .txtP { padding-top:10px; font-size:15px !important; }

div.liBox ul.li_02 li{float:left;width:100%; padding-left:100px; box-sizing:border-box; min-height:auto;
background-size:60px auto !important; margin-bottom:30px;}
div.liBox h4 { margin:0; font-weight:500;  font-size:22px; padding:0 0 15px 0;}
div.liBox ul.li_02 li.ico1 {background:url("../../img/content/ico1.jpg") no-repeat 20px top;  padding-bottom:0px; }
div.liBox ul.li_02 li.ico2 {background:url("../../img/content/ico2.jpg") no-repeat 20px top; float:right;  padding-bottom:0px; }
div.liBox ul.li_02 li.ico3 {background:url("../../img/content/ico3.jpg") no-repeat 20px top;}
div.liBox ul.li_02 li.ico4 {background:url("../../img/content/ico4.jpg") no-repeat 20px top; float:right;}


div.map2 {width:100%; box-sizing:border-box; border:1px solid #dfdfdf; padding:20px 20px ;  
background-color:#fff; background:none; margin-top:30px;}

}