/*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 .txtGreen {font-weight:bold; color:#70c104;} 
#contentsArea .txtBold {font-weight:bold; }
#contentsArea .txtB { color:#0071c5; }
#contentsArea p.txtP { padding-bottom:20px; }
#contentsArea div.contBox1 {font-size:14px; line-height:28px;    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;}
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:#002e66; line-height:25px; font-weight: 700;}
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;}

ul.tabs {
 margin: 0;
 padding: 0;
 float: left;
 list-style: none;
 height: 66px;
 width: 100%;
}
ul.tabs li {
 
 float: left;
 margin: 0;
 padding: 0;
 
 line-height: 62px;
 margin-bottom: -1px;
 background-color: rgba(0,46,102,.9);
 overflow: hidden;
 position: relative;
 width:50%;
 text-align:center;
}
ul.tabs li a {
 text-decoration: none;
 color: #fff;
 display: block;
 font-size: 1.2em;
 padding: 0 20px;
 outline: none;
}
ul.tabs li a:hover {
 background-color: rgba(39,136,255,.9);
} 
html ul.tabs li.active, html ul.tabs li.active a:hover  {
 background: rgba(36,114,206,.9);
}
.tab_container {
position: relative;
 clear: both;
 float: left; 
 width: 100%;

 -moz-border-radius-bottomright: 5px;
 -khtml-border-radius-bottomright: 5px;
 -webkit-border-bottom-right-radius: 5px;
 -moz-border-radius-bottomleft: 5px;
 -khtml-border-radius-bottomleft: 5px;
 -webkit-border-bottom-left-radius: 5px;
margin-bottom: 30px;
margin-top:30px;
}
.tab_content {
 font-size: 1.2em;
}
.tab_content h2 {
 font-weight: normal;
 padding-bottom: 10px;
 border: 1px dashed #ddd;
 font-size: 1.8em;
    padding: 3%;
    min-height: 340px;
}
.tab_content h3 a{
 color: #254588;
}
.tab_content img {
 float: left;
 margin: 0 20px 20px 0;
}
.tab_content p{

}
.ipbg1{position: absolute;top: 17%;right: 4%;opacity:0.8; }
.ipbg2{position: absolute;top: 19%;right: 4%;opacity:0.8;}

.ipbg3{position: absolute;top: 4%;right: 2%;opacity:0.8;}
.ipbg4{position: absolute;top: 17%;right: 4%;opacity:0.8;}
.ipbg5{position: absolute;top: 4%;right: 2%;opacity:0.8;}

.professer{width: 49.8%;border: 2px solid #dedede;display: inline-block;position: relative;box-sizing: border-box;margin-bottom: 1%;}
.prof_pic{display: inline-block;position: absolute;bottom: 10%;z-index: 9;width: 42%;}
.prof_pic img{width: 100%;}
.prof_logo{width: 46%;margin-bottom: 1%;display: inline-block;}
.prof_logo img{width: 100%;}
.prof_btn{overflow: hidden;width: 100%;list-style: none;position: relative;z-index: 99;cursor: pointer;background: #fff;}
.prof_btn>li{width: 50%;background: #002e66;float: left;box-sizing: border-box;text-align: center;color: #fff;font-weight: 600;font-size:18px;padding: 2% 0;transition: 0.3s ease-in-out; }
.prof_btn>li:hover{opacity: 0.7}
.prof_btn>li:nth-child(2){background: #0055bc;}
.prof_txt{text-align: right;padding: 15% 5% 10% 0;}
.prof_txt>h1{font-size: 27px;font-weight: 600;}
.prof_txt>h2{font-size: 13px;font-weight: 400;line-height: 25px;margin-top: 2%;}
.prof_txt>h1>span{font-size: 48.63px;}


.ph{width: 49.8%;border: 2px solid #dedede;display: inline-block;position: relative;box-sizing: border-box;overflow: hidden;margin-bottom: 3%;}
.ph_pic{display: inline-block;width:43%;box-sizing: border-box;float: left;}
.ph_pic img{width: 100%;display: block;}
.ph_txt{text-align: right;padding: 10% 5% 3% 0;display: inline-block;width: 49%;box-sizing: border-box;float: right;}
.ph_txt>h1{font-size: 27px;font-weight: 600;}
.ph_txt>h2{font-size: 13px;font-weight: 400;line-height: 25px;margin-top: 2%;}
.ph_txt>h1>span{font-size: 48.63px;}
.ph_logo{width: 100%;margin-bottom: 4%;display: inline-block;}
.ph_logo img{width: 100%;}
.ph_btn{overflow: hidden;width: 100%;list-style: none;position: relative;z-index: 99;background: #fff;cursor: pointer;}
.ph_btn>li{width: 100%;background: #002e66;float: left;box-sizing: border-box;text-align: center;color: #fff;font-weight: 600;font-size:18px;padding: 2% 0; transition: 0.3s ease-in-out;}
.ph_btn>li:hover{opacity: 0.7}

.proc{width: 33%;border: 2px solid #dedede;display: inline-block;overflow: hidden;box-sizing: border-box;padding: 1% 0%;margin-bottom: 0.5%;}
.proc_pic{width: 33%;float: left;padding: 5% 0 5% 5%;}
.proc_pic img{width: 100%;display: block;}
.proc_logo{width: 95%;margin-bottom: 2%;display: inline-block;}
.proc_logo img{width: 100%;}
.proc_txt{width: 52%;float: right;display: inline-block;margin-top: 6%;padding-right: 3%;}
.proc_txt>h1{font-size: 35px;font-weight: 600;}
.proc_txt>h2{font-size: 12px;font-weight: 400;line-height: 19px;margin-top: 7%;}

#inq_up{position:fixed;z-index:99999;top:50%;left:50%;transform: translate(-50%,-50%);}

.inq_overlay{position:fixed;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:9999}
.inq_box{background:#fff;position:relative;width:26.8750vw;display:inline-block;margin:auto;z-index:9999999;height: 36.4583vw;overflow-y: scroll;}
@media screen and (max-width:1350px){
    #inq_up{position:fixed;z-index:99999;top:50%;left:50%;transform: translate(-50%,-50%);}
    .inq_box{max-height: 600px;width: 66.0417vw;}
}


.inq_box::-webkit-scrollbar {

    
    
  }
/*
  .inq_box::-webkit-scrollbar-thumb {
    background-color: #2f3542;
    border-radius: 10px;
    background-clip: padding-box;
    border: 2px solid transparent;
  }
  .inq_box::-webkit-scrollbar-track {
    background-color: grey;
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px white;
  }*/

.hidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}

.inq_box img{width:100%;}
.inq_box iframe{width:100%; height: 100%;margin-top: 0px;left: 40%;z-index:9999;top:5%;background:#fff;}
.box_close{width: 6%;
    position: absolute;
    top: 0%;
    right: -7%;
    z-index: 999999999;
    cursor: pointer;
}
.box_close img{width:100%;}
@media screen and (max-width:767px){
    
    ul.tabs li{
        line-height: 54px;height: 54px;
    }
    .tab_content p{padding:10px;} 
    .tab_content img{margin:0 20px 10px 0;}
    .professer{width: 100%;overflow: hidden;}
    .prof_pic{width: 52%;padding-left: 0;z-index: -1;left: -8%;}
    #inq_up{width: 96%;}
    .inq_box{width: 97%;height: 500px;}
    .inq_box iframe{width: 100%;height:100%;left: 0;top: 0;}
    .inq_box iframe .view{padding: 0 !important;}
    .box_close{top: -8%;right: 4%;}
    .ph{width: 100%;}
    .ph_txt{text-align: left;line-height: 1;}
    .proc{width: 48%;float: left;padding: 0;margin-top: 3%;}
    .proc:nth-child(2n){float: right;}
    .proc_pic{width: 100%;padding: 0;}
    .proc_txt{width: 100%;padding: 0;}
    .proc_txt h1,.proc_txt h2{text-align: center;}
    .proc_txt h1{font-size: 1.5em;}
    .proc_txt h2{line-height: 1.4;margin-bottom: 7%;}
    .proc_txt h2 br:nth-child(2){display: none;}
    .proc_logo{width: 100%;text-align: center;}
    .proc_logo img{width: 90%;}
    #contentWrap #content #contentsArea .root_daum_roughmap{height: 185px !important;}
    div.map2{overflow: hidden;}
    div.map2 li{overflow: hidden;}
    div.map2 ul li span.tit{width: 20%;float: left;}
    div.map2 ul li span.info{width: 80%;float: right;}
}

.iphak{font-size: 14px;line-height: 30px;}
.iphak span{font-size: 16px;font-weight: 600;color: #002e66;}
.iphak span.iptit{font-size: 23px;}

.quick{position: fixed;top: 122px;right: 0;width: 97px;background: #fff;list-style: none;z-index: 99;}
.quick>li{width: 100%;transition: 0.3s ease-in-out;} 
.quick>li:hover{opacity: 0.7}
.quick>li img{display: block;}

/*****************************모바일 화면****************************/
@media not all and (min-width:1280px){
.quick{display: none;}
}
@media not all and (min-width:960px){
div.contL {float:left; width:30%; display:none;}
div.contR {float:left; width:1000%;}	

/*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;}
}