.wd10 {width:1000px; margin:0 auto; clear:both; overflow:hidden; }
.wd11 {width:1100px; margin:0 auto; clear:both; overflow:hidden; }
.wd12 {width:1200px; margin:0 auto; clear:both; overflow:hidden; }
.wd13 {width:1300px; margin:0 auto; clear:both; overflow:hidden; }
.wd14 {width:1400px; margin:0 auto; clear:both; overflow:hidden; }
.wd115 {width:1150px; margin:0 auto; clear:both; overflow:hidden; }
.wdFull {width:100%; margin:0 ; clear:both; overflow:hidden; }
.bgGray {background-color:#f5f5f5;}
.bgGray2 {background-color:#9d9e9e;}
.bgGray3 {background-color:#c2c1c1; }
.bgGray4 {background-color:#d7d7d7; }
.bgPink {background-color:#ff33cc}
.bgBlue {background-color:#3ea9f5}
.bgBlue2 {background-color:#55c2ed}
.bgBlue3 {background-color:#cce9f9}
.bgBlue4 {background-color:#316ae0}
.bgBlack {background-color:#333;}
.bgRed {background-color:#ff0000;}
.bgBrown {background-color:#998575;}
.txtP { padding-bottom:20px; font-size:16px; line-height:30px;   }
.txtBig {font-size:60px; line-height:70px;}
.txtHead {font-size:40px; line-height:50px;  }
.txtHead2 {font-size:33px; line-height:45px;  }
.txtHead3 {font-size:30px; line-height:40px;  }
.txtHead4 {  font-size:25px; line-height:35px;   }
.txtHead5 {  font-size:16px; line-height:26px;   }
.txtHead6 {  font-size:22px; line-height:32px;   }
.fontW200 {font-weight:300;}
.txtS {font-size:17px;  line-height:27px; }
.clearB {clear:both; overflow:hidden; }
.img_c {text-align:center; }
.img_l {text-align:left !important; }
.img_r {text-align:right; }
.txtB {font-weight:500; } 
.txtWhite {color:#fff !important;}
.txtPink {color:#ff7aac !important;} 
.txtPink2 {color:#ff33cc !important;} 
.txtRed {color:#ff0000 }
.txtGreen {color:#79c843 !important;} 
.txtGreen2 {color:#00817d }
.txtGray { color:#888 !important;}
.txtGray2 { color:#ccc !important;} 
.txtDkBlue { color:#4e5460 !important; }
.txtBold {font-weight:500; }
.txtBlue { color:#0071c5; }
.txtBlue2 { color:#316ae0; }
.txtUline {border-bottom:1px solid #333;}
.txtUline2 {border-bottom:3px solid #333;}
.pdR250 {padding-right:250px;}
.pdL250 {padding-left:250px;}
.pdL10 {padding-left:10px}
.pdL15 {padding-left:15px}
.pdL20 {padding-left:20px}
.pdL30 {padding-left:30px}
.pdL50 {padding-left:50px}
.pdT15 {padding-top:15px}
.pdT20 {padding-top:20px}
.pdT30 {padding-top:30px}
.pdT40 {padding-top:40px}
.pdT50 {padding-top:50px}
.pdT60 {padding-top:60px}
.pdT70 {padding-top:70px}
.pdT90 {padding-top:90px}
.pdT100 {padding-top:100px}
.mgT10 {margin-top:10px}
.mgT20 {margin-top:20px}
.mgT30 {margin-top:30px}
.mgT40 {margin-top:40px}
.mgT50 {margin-top:50px}
.mgT60 {margin-top:60px}
.mgT70 {margin-top:70px}
.mgT100 {margin-top:100px}
.mgB40 {margin-bottom:40px}
.pdB10 {padding-bottom:10px;}
.pdB20 {padding-bottom:20px;}
.pdB30 {padding-bottom:30px;}
.pdB50 {padding-bottom:50px;}
.pdB70 {padding-bottom:70px;}
.pdB100 {padding-bottom:100px;}
.txtBig {font-family:'Nanum Myeongjo',serif ; font-weight:bold !important;}
.floatL{float:left;}
.floatR{float:right !important;}
.floatN{float:none;}
ul{padding:0; margin:0; list-style-type:none;}
#contentsArea img {vertical-align:top;}
.lineB {border-bottom:1px solid #dfdfdf;}

 h2.h2tit {position: relative; padding:6px 10px 10px 20px; font-weight:400; height:35px; font-size:14px;  background-color:#222; color:#fff; width:100%;}
 h2.h2tit span.wd20 {width:18%; position:absolute; right:0; top:0; height:35px;  }
 h3.h3tit {position: relative; padding-left:20px; font-size:30px; line-height:40px;}
 h3.h3tit::before {content:""; height:32px; width:6px; border-radius:0px; background-color:#2a9df5; position:absolute; top:6px;  left:0px; }
 h3.h3tit2 { position: relative; padding:5px 0 0 45px; font-size:30px; line-height:45px; background:url(../content/s2_ico.jpg)no-repeat left top;}
 h3.h3tit3::before { background-color:#ff33cc; }


/*intro*/
div.intro {overflow:hidden; }
div.intro .floatL{width:48%;}
div.intro .floatR{width:48%; text-align:right;}

/*service*/
.service ul {clear:both; overflow:hidden; }
.service ul li{width:33.33333%; text-align:center; float:left;  padding-bottom:5px;}
.service ul li img {vertical-align:top; border:1px solid #ccc;}
.service .wd50 {width:48%}
.service .floatR ol{padding-top:20px; }
.service .floatR ol li span{color:#333;}
.service .floatR ol li{font-size:22px; color:#2a9df5; padding:28px 0; margin:0 10px 0 50px; line-height:36px; }
.service .wd45 {width:45%}
.service .wd55 {width:55%; padding-top:50px;}
.service .wd55 p {padding:18px 0 0 0 ; margin:0 10px 0 40px;line-height:45px; }
.service .lineBlue {border-left:1px solid #3ea9f5; border-right:1px solid #3ea9f5; box-sizing:border-box; }
.service .linePink {border-left:1px solid #ff7aac; border-right:1px solid #ff7aac; box-sizing:border-box; }
.service .lineGreen {border-left:1px solid #79c843; border-right:1px solid #79c843; border-bottom:1px solid #79c843; box-sizing:border-box; }
.service .wd40 {width:46%}
.service .wd60 {width:54%; }
.service .wd60 p,.service .wd40 p {padding:18px 0 0 0 ; margin:0 30px 0 40px;line-height:40px; }
.service .lineGreen .wd40 p {padding:18px 0 0 0 ; margin:0 30px 0 20px;line-height:38px; }

.product .movie video {margin:0 auto}

/*service2*/
.li2 {border:1px solid #ccc;}
.li2  li{width:50% !important; text-align:center; float:left;  }
.li2  li img {vertical-align:top; border:0px solid #ccc !important;}

div.qna {padding:30px 20px; font-size:20px; font-weight:300;  line-height:32px;}
div.qna .bgQ{background:url("../content/bgq.jpg")no-repeat left 2px; padding-left:30px; }
div.qna .bgA{background:url("../content/bga.jpg")no-repeat left 2px; padding-left:30px; margin:20px 25px; }

/*page01*/
div.contL {float:left; width:30%;}
div.contR {float:right; width:70%;}
p.sign {text-align:left;}
p.sign strong{font-size:26px; font-weight:normal; padding-left:10px;}
div.contB {clear:both;}

/*page05*/
div.contL50 {float:left; width:48%;}
div.contR50 {float:right; width:45%;}
div.history {width:98%; margin:0 auto; background:url("../../img/content/history_bg.jpg") no-repeat center top; padding-top:80px; overflow:hidden;}
div.history h3 {font-size:35px; font-weight: normal; color:#7cab38; }
div.history ul {list-style-type:none; padding:20px 0 45px 0; margin:0;}
div.history ul li {background:url("../../img/common/arrow_09.gif") no-repeat 10px center; padding-left:22px; line-height:25px; }

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

/*common*/
#contentsArea {font-size:13px; line-height:22px;}
#contentsArea .img_c {text-align:center; }
#contentsArea .txt_B {font-weight:bold; color:#0071c5;} 
#contentsArea .txtB { color:#0071c5; }
#contentsArea p.txtP { padding-bottom:20px; }
#contentsArea div.contBox1 {font-size:14px; line-height:28px;}
h4 { margin:0; background:url("../../img/common/arrow_17.gif") no-repeat left 2px; font-size:15px; padding:0 0 15px 20px; margin-top:5px;}
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}
.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){
.txtHead {font-size:30px; line-height:50px;  }
.txtHead2 {font-size:25px; line-height:45px;  }
.txtHead3 {font-size:25px; line-height:35px;  }
.txtHead4 {  font-size:20px; line-height:30px;   }
.txtHead5 {  font-size:15px; line-height:25px;   }
.txtHead6 {  font-size:16px; line-height:26px;   }
.txtNone {display:none !important;}

 h3.h3tit {position: relative; padding-left:20px; font-size:20px; line-height:30px;}
 h3.h3tit::before {content:""; height:26px; width:6px; border-radius:0px; background-color:#2a9df5; position:absolute; top:2px;  left:0px; }
 h3.h3tit2 {  font-size:22px; line-height:32px; background:url(../content/s2_ico.jpg)no-repeat left top;}
 h3.h3tit3::before { background-color:#ff33cc; }
 
/*intro*/
div.intro {overflow:hidden; }
div.intro .floatL{width:100%; padding-top:20px;}
div.intro .floatR{width:100%; text-align:left; padding-top:20px; }
div.intro .pdL30 {padding-left:0;}
.pdT70 {padding-top:30px;}

/*service*/
.service ul {clear:both; overflow:hidden; }
.service ul li{width:100%; text-align:center; float:none;  padding-bottom:5px;}
.service ul li img {vertical-align:top; border:1px solid #ccc;}
.service .pdL20 {padding-left:0px;}
.service .wd50 {width:100%}
.service .floatR ol{padding-top:20px; }
.service .floatR ol li{font-size:16px;  padding:8px 0; margin:0 0px 0 25px; line-height:26px; }

.service .wd45 {width:100%}
.service .wd55 {width:100%; padding-bottom:40px; padding-top:10px;}
.service .wd55 p {padding:18px 0 0 0 ; margin:0 20px 0px 20px;line-height:30px; }
.service .lineBlue {border-left:1px solid #3ea9f5; border-right:1px solid #3ea9f5; box-sizing:border-box; }
.service .linePink {border-left:1px solid #ff7aac; border-right:1px solid #ff7aac; box-sizing:border-box; }
.service .lineGreen {border-left:1px solid #79c843; border-right:1px solid #79c843; border-bottom:1px solid #79c843; box-sizing:border-box; }
.service .wd40 {width:100% }
.service .linePink .pdT30,.service .lineGreen .pdT30{padding-top:10px !important; padding-bottom:30px; }
.service .linePink .pdT50{padding-top:10px !important; padding-bottom:30px; }
.service .wd60 {width:100%; }
.service .wd60 p,.service .wd40 p {padding:18px 0 0 0 ; margin:0 20px;line-height:30px; }
.service .lineGreen .wd40 p {padding:18px 0 0 0 ; margin:0 20px;line-height:30px; }

.product .movie video {width:100%; height:auto}

/*service2*/
.li2 {border:1px solid #ccc;}
.li2  li{width:100% !important; text-align:center; float:left;  }

div.qna {padding:30px 0px; font-size:16px; font-weight:300;  line-height:26px;}
div.qna .bgQ{background:url("../content/bgq.jpg")no-repeat left 2px; padding-left:30px; }
div.qna .bgA{background:url("../content/bga.jpg")no-repeat left 2px; padding-left:30px; margin:20px 0px; }

/*page05*/
div.contL50 {clear:both; width:100%;}
div.contR50 {clear:both; width:100%;}
div.history {width:98%; margin:0 auto; background:none; padding-top:30px; overflow:hidden;}
div.history h3 {font-size:35px; font-weight: normal; color:#7cab38; }
div.history ul {list-style-type:none; padding:20px 0 45px 0; margin:0;}
div.history ul li {background:url("../../img/common/arrow_09.gif") no-repeat 10px center; padding-left:22px; line-height:25px; }


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