@charset "utf-8";
/*==================================================
    common 
==================================================*/
.ib { display:inline-block; }

/*==================================================
    company 
==================================================*/
/*회사소개*/
#sub.company div.cnt-wrap { padding-bottom:60px; width:100%; border:0px solid #ff0000;}
#sub.company div.cnt-wrap span.text { display:block; font-size:30px; line-height:150%; border:0px solid #0000FF; width:100%;  padding:0; background:#FFFFFF; } 
#sub.company div.info { position: relative; clear:both; margin-bottom:0px; font-size:30px; margin-top:20px;}
#sub.company div.info dl { margin:5px 0; line-height:180%; width:auto;  width:100%;  border:0px solid #000;}
#sub.company div.info dl dt { display:inline-block; font-weight: bold; color: #272727; }
#sub.company div.info dl dt .ico { width:10px; display:inline-block; vertical-align: top; text-align:center;}
#sub.company div.info dl dt .ico img {  vertical-align: middle; }
#sub.company div.info dl dd {  display:inline-block; color: #7c7c82; padding-left:5px; border:0px solid #FF0000;  }
#sub.company div.ceo dl {clear:both; width:100%; margin:50px auto; border:0px solid #FF0000;  color:#7c7c82; }
#sub.company div.ceo dt { width:100%; text-align:center; font-weight: bold; color: #272727;    padding:8px 20px 20px 10px; border:0px solid #ff0000; }
#sub.company div.ceo dd { line-height:180%; padding:20px 20px 20px 10px;   }
#sub.company div.ceo dd .point{ color:#6ab7cd; font-size:30px; }
#sub.company div.ceo dd .txt{ padding-top:8px; font-size:30px; line-height:150%;}
#sub.company div.location { position: relative; font-size:25px; clear:both; margin-bottom:70px;  }
#sub.company div.location dl { clear:both; position: relative; width:100%; min-height:150px; border:0px solid #FF0000; display:inline-block; } 
#sub.company div.location dl dt { float:left; width:80px; padding-left:30px;  }
#sub.company div.location dl dd { float:left; margin-left:25px; line-height:180%; color:#7c7c82;  padding-bottom:0px;}
#sub.company div.end {  clear:both;   border:0px solid #FF0000; display:block; height:0px;}

.cnt-text { width:100%; display:block;  background:#FFFFFF; font-size:30px; line-height:150%; color:#7c7c82; background:#FFFFFF; }

/*==================================================
    product 
==================================================*/
#sub.product h2:after { border:0; content:'';}
#sub.product .order { position: absolute; top:7px; right:0; }
#sub.product .order a { display:block; background:url("/src/images/pages/product/order.bg.png") no-repeat; width:200px; height:47px;}

#sub.product .cnt-wrap {   border:0px solid #F0068E; width:100%;   margin-top:60px; }
#sub.product .cnt-wrap .cnt-align {   border:0px solid #F0068E;  width:100%;}
#sub.product .cnt-wrap.ui-list { }
#sub.product .cnt-wrap dl {  float:left; width:290px; border:0px solid #FF0000; text-align:left; vertical-align: top; padding:30px 30px; }

#sub.product .cnt-wrap dl dt { position: relative; display: block; text-align:center; }
#sub.product .cnt-wrap dl dt a { display: block; width:100%; height:100%;  position: absolute; left:0; top:0;  z-index:10; }
#sub.product .cnt-wrap dl dt a div.hover{  display:none; }
#sub.product .cnt-wrap dl.on dt div.hover { display:block;  }
#sub.product .cnt-wrap dl dd { text-align: center; letter-spacing: 0.5px; height:40px;}
#sub.product .cnt-wrap dl dd.name { font-size:25px; color:#272727; font-weight:bold; width:100%; border:0px solid #ff0000; margin-top:3px; }
#sub.product .cnt-wrap dl dd.name span { display:inline-block; }



#sub.product .cnt-wrap dl dd.name1 { padding-top:8px; fcolor:#272727;  line-height: 130%;  }
#sub.product .cnt-wrap dl dd.size , #sub.product .cnt-wrap dl dd.length {  color:#7c7c82;  }
#sub.product .cnt-wrap dl dd .key { text-align:left; width:130px; float: left; padding-left:0px; }
#sub.product .cnt-wrap dl dd .val { text-align:left; width:40px; float:right; padding-right:45px; font-weight: bold; color:#789e07; }

#sub.product div.end {  clear:both;   border:0px solid #FF0000; display:block; height:100px;}
 
/*==================================================
    customize 
==================================================*/
#sub.customize { clear: both;}

#sub.customize h2:after { border:0;}
#listType { position:relative; margin:40px 0; display: block;  }
#listType dl { float: left;  border:0px solid #FF0000;  }

#select-menu { display:block; width:100%; height:50px; background:#f6f6f8; border:1px solid #d8dadc; text-align:center; }
#select-menu select { margin:5px auto; width:98%; height:40px; background: #ffffff; font-size:20px; padding-left:20px;}
    
#listType> dl> dt { width:198px; height:38px; background:#f6f6f8; border:1px solid #eeeeee; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom:1px solid #afafb9; display:none;}
#listType.double dl dt { width:248px;}
#listType dl dt a { text-align:center; display: block; border:0px solid #FF0000; padding:10px; color:#a1a1a1;}
#listType dl.on dt {  border:1px solid #afafb9; background:#FFFFFF; border-bottom:0; z-index: 2; display:none;}
#listType dl.on dt a { color:#272727; font-weight:bold;}
#listType dl dd {  position:absolute; width:100%;  top:50px; left:0; border:0px solid #FF0000; }
#listType dl dd .cnt { position: relative; margin-top:30px;}
#listType dl dd .cnt .type { font-size:36px; color:#272727;}
#listType dl dd .cnt .info { font-size:18px; color:#7c7c82; }
#listType dl dd .cnt .bg { text-align: center; padding:50px 0; }

#listType .txtGroup { width:100%; height:300px; border:0px solid #F0068E; position: absolute; left:0px; top:0; display:inline-block; }
#listType .txtGroup li { position: absolute; top: 0; left: 0; width:55px; height:20px; border:0px solid #FF0000;  }
#listType .txtGroup.small li { width:40px;  }
#listType .txtGroup.big li { width:70px; height:40px;  }
#listType .txtGroup li input { width:100%; vertical-align: middle; height:20px; font-size:18px; line-height:20px; text-align: right; border:0px solid #FF0000; font-weight: bold; background-color:transparent;}
#listType .txtGroup.small li input { font-size:14px;}
#listType .txtGroup.big li input { width:70px; height:35px;  }
#listType .chkGroup li  { position: absolute; top: 0; left: 0;}
#listType .chkGroup li a { display: block; background: url("/src/images/pages/customize/type.check.icon.png") no-repeat; width:39px; height: 39px; padding:0; background-position-y: -39px;}
#listType .chkGroup.small li a { width:39px; height:39px; background-size: 39px; background-position-y:-39px;}
#listType .chkGroup li.on a { background-position-y: 0; }

#sub.customize .cnt-wrap .line-info { text-align: right;}
#sub.customize .cnt-wrap .line-info .fk { color:#789e07; font-size:18px;}
#sub.customize .cnt-wrap .line { clear:both; width:100%; height:1px; border-bottom:2px solid #789e07; margin:15px 0;}

#sendForm div.cnt { clear:both; margin:40px 0; height:130px;}
#sendForm dl {  display:block; padding:5px; border: 0px solid #FF0000; float:left; width:70%; }
#sendForm dl dt { width:170px; float: left; padding-top:5px; }
#sendForm dl dt .ico { margin:0 15px;}
#sendForm dl dt .ico img { vertical-align: middle;}
#sendForm dl dt .fk { font-size:20px; color:#7c7c82;  margin-bottom:15px;  vertical-align:top;}
#sendForm dl dd  { float: left; margin-right:5px;}
#sendForm dl dd.explain { margin-left:10px; font-size:12px; color:#a1a1a1; margin-top:13px;  }
#sendForm dl dd select { width:90px; font-size:14px; height:40px; padding-left:10px; text-align: center; border:0px solid #ceced6; }
#sendForm dl dd input.txt { width:235px; border:1px solid #ceced6; height:40px; padding-left: 10px; font-size:14px; }
#sendForm .table-wrap { clear:both; width: 100%; margin-top:50px;   border-collapse: separate; border-spacing: 0;  }
#sendForm .table-wrap th { width:33.3%; height:40px;  border:1px solid #e9e9ec; color: #789e07; font-size:14px;  background:#f6f6f8;  }
#sendForm .table-wrap th span { color: #a1a1a1;   }
#sendForm .table-wrap th.t { border-left:0; border-right:0; }
#sendForm .table-wrap th.lt {  border-top-left-radius: 10px; }
#sendForm .table-wrap th.rt {  border-top-right-radius: 10px;}
#sendForm .table-wrap td.lb {  border-bottom-left-radius: 10px; }
#sendForm .table-wrap td.rb {  border-bottom-right-radius: 10px;}
#sendForm .table-wrap td.l , #sendForm .table-wrap td.r { border-left:1px solid #e9e9ec; border-right:1px solid #e9e9ec; }
#sendForm .table-wrap td.lb , #sendForm .table-wrap td.b , #sendForm .table-wrap td.rb { border-bottom: 1px solid #e9e9ec; padding-bottom:20px;}
#sendForm .table-wrap td { text-align: center; padding:5px; }
#sendForm .table-wrap tr.cnt td { padding-top:20px;}
#sendForm .table-wrap td span { font-size: 17px; color:#7c7c82; padding:0px 0px 10px 17px; text-align: left; width:100%; display:inline-block; border:0px solid #ff0000;  }
#sendForm .table-wrap td select , #sendForm .table-wrap td input { width:190px; height: 40px; border:1px solid #ceced6; font-size:20px; color:#272727; padding-left: 10px; font-weight:200; }
#sendForm .table-wrap td input { width:180px;}
#sendForm .table-wrap td select option { font-size:14px; color:#272727; width:100%; height:20px; padding:10px 0;   }
#sendForm .total { margin: 20px 0; padding-bottom:50px; }
#sendForm .send { width:180px; margin:30px auto; 0 }
#sendForm .send a { display:block; background:url("/src/images/pages/customize/inquiry.bg.png") no-repeat; width:180px; height:47px;}
#sendForm .send a:hover { background-position-y: -47px; }

 
/*==================================================
    5we45trsdf\?.ST0proscess 
==================================================*/
#sub.process div.cnt-wrap {  width:100%; padding-bottom:50px;}
#sub.process div.cnt-wrap .text{ text-align:left; }
#sub.process div.cnt-wrap .info { width:100%; text-align:center; margin:75px 0; }
#sub.process div.cnt-wrap .info .wrap {  display: inline-block; }
#sub.process div.cnt-wrap .info dl { position:relative; display:inline-block; width:200px;  text-align: center; margin:0 15px 50px;}
#sub.process div.cnt-wrap .info dl:after { position: absolute; top:60px; right:-30px;  background: url("/src/images/common/arrow.png") no-repeat; content:''; width:14px; height:27px; }
#sub.process div.cnt-wrap .info dl.last { margin-right:0;}
#sub.process div.cnt-wrap .info dl.last:after {display:none;}
#sub.process div.cnt-wrap .info dl dd.num { font-weight: 320; color:#6ab7cd; font-size: 30px; margin:3px 0; }
#sub.process div.cnt-wrap .info dl dd.point { font-weight: 600; color:#272727; font-size: 24px; margin:3px 0; }
#sub.process div.cnt-wrap .info dl dd.txt { padding-top:5px; color:#7c7c82; font-size: 20px; }

#sub.process div.cnt-wrap .quality { position: relative; width:100%; margin:50px 0 100px; }
#sub.process div.cnt-wrap .quality .visual { width:100%; text-align: center; padding-bottom:50px; }
#sub.process div.cnt-wrap .quality .wrap {  width:100%;text-align: center; }
#sub.process div.cnt-wrap .quality .wrap > dl { clear:both; height:140px; border:0px solid #FF0000; display:inline-block;}
#sub.process div.cnt-wrap .quality .wrap > dl > dt { float: left; width:130px; position: relative;}
#sub.process div.cnt-wrap .quality .wrap > dl > dt:after { position: absolute; left:63px; top:115px; width:5px; height:40px; background: url("/src/images/pages/process/cnt2.icon.bg.png") repeat-y; content:'';   }
#sub.process div.cnt-wrap .quality .wrap > dl.last > dt:after { display:none;   }

#sub.process div.cnt-wrap .quality .wrap > dl > dd.num { float: left;  font-weight: 300; color:#6ab7cd; font-size: 30px; margin:30px 0 0;}
#sub.process div.cnt-wrap .quality .wrap > dl > dl { float:left; padding-left:30px; padding-top:25px; text-align: left;}
#sub.process div.cnt-wrap .quality .wrap > dl > dl dt { font-weight: bold; font-size:20px; color:#272727; }
#sub.process div.cnt-wrap .quality .wrap > dl > dl dd {  font-size:22px; color:#7c7c82; padding-top:0px;}
#sub.process div.end {  clear:both;   border:0px solid #FF0000; display:block; height:10px;}

 

/*==================================================
    support 
==================================================*/
#sub.support div.cnt-wrap {   }
#sub.support div.cnt-wrap .notice { float: right; margin:20px 0;   }
#sub.support div.cnt-wrap .board {    }
#sub.support div.cnt-wrap .board table { width:100%;  border:1px solid #e9e9ec; border-radius: 10px; border-collapse: separate; border-spacing: 0; }
#sub.support div.cnt-wrap .board table .lt { border-top-left-radius: 10px; }
#sub.support div.cnt-wrap .board table .rt { border-top-right-radius: 10px; }
#sub.support div.cnt-wrap .board table .lb { border-bottom-left-radius: 10px; }
#sub.support div.cnt-wrap .board table .rb { border-bottom-right-radius: 10px; }
#sub.support div.cnt-wrap .board table td textarea {  width:95%; border:1px solid #c6ccbc; font-size:14px; padding:10px;}
#sub.support div.cnt-wrap .board table tr { height:30px; }
#sub.support div.cnt-wrap .board table tr th { position:relative; border-bottom:1px solid #e9e9ec;  background: #f6f6f8; width:191px;text-align: left; padding-left:40px;  height:58px; color:#7c7c82; font-size:14px; font-weight: 200; }
#sub.support div.cnt-wrap .board table tr td { padding:9px; background: #FFF; width:80%; border-bottom:1px solid #e9e9ec; }
#sub.support div.cnt-wrap .board table tr.last th , #sub.support div.cnt-wrap .board table tr.last td { border-bottom:0;}
#sub.support div.cnt-wrap .board table tr th.point:after { content:'*'; position: absolute; left:25px; color:#789e07; }
#sub.support div.cnt-wrap .board table tr td input , #sub.support div.cnt-wrap .board table tr td select { border:1px solid #ceced6; width:271px; height:38px; padding-left:10px; font-size:18px; }
#sub.support div.cnt-wrap .board table tr td select { width:283px; line-height:38px; vertical-align: middle;}
#sub.support div.cnt-wrap .board .send { position: relative; width:100%; margin:40px 0; }
#sub.support div.cnt-wrap .board .send a { display:block; background:url("/src/images/pages/support/send.bg.png") no-repeat; width:180px; height:47px; margin:0 auto;}
#sub.support div.cnt-wrap .board .send a:hover { background-position-y: -47px; }