
/* sub page*/
#subWrap{width:100%; float:left; background:#fff; position:relative; z-index:2; padding:120px 0 60px 0; border-top:1px solid #f1f1f1;}
.subContWrap{width:1080px; margin:0 auto;}

.subTitWrap{width:100%; float:left; margin-bottom:60px;}
.subTitWrap .subTit{float:left; font-size:30px; font-weight:bold; color:#161616; text-transform:uppercase;}
.subTitWrap .subLoca{float:right; font-size:14px; color:#292929; padding-top:10px; line-height:20px;}
.subTitWrap .subLoca span{font-weight:bold;}
.subTitWrap .subLoca span.home{display:inline-block; font-weight:normal; width:20px; height:20px; background:url(../images/bletHome.png) no-repeat center center; float:left;}

.subCont{width:100%; float:left; font-size:16px; min-height:500px;}



/* renew style*/
/* login*/
.loginWrap{width:100%; float:left; padding:20px 0;}
.loginWrap .left{width:55%; float:left;}
.loginWrap .left .box{width:90%; float:left; border:1px solid #cccccc; padding:30px 20px 15px 20px; font-family: 'Open Sans', 'Naum Gothic', serif; font-size:12px; color:#5a5a5a;}
.loginWrap .left .box ul{width:100%; float:left;}
/*.loginWrap .left .box li{width:100%; float:left; margin-bottom:15px; text-align:left;}
.loginWrap .left .box li.idpw{border:1px solid #f1f1f1; height:20px; border-radius:4px; width:460px; padding:16px 10px; margin-bottom:10px;}
.loginWrap .left .box li.idpw input{width:100%;  font-size:16px; color:#a7a7a7;  font-family: 'Open Sans', 'Naum Gothic', serif; background:#ffffff; font-weight:600; height:20px; line-height:20px;}
.loginWrap .left .box li.confirm{font-size:12px; color:#a7a7a7;  font-family: 'Open Sans', 'Naum Gothic', serif;}
.loginWrap .left .box li.confirm a{color:#a7a7a7;}
.loginWrap .left .box li.confirm a:hover{color:#cccccc;}*/

.loginWrap .right{width:45%; float:right;}
.loginWrap .right .box{width:90%; float:left; border:1px solid #cccccc; padding:30px 20px 15px 20px; font-family: 'Open Sans', 'Naum Gothic', serif; font-size:12px; color:#5a5a5a;}
.loginWrap .right .box ul{width:100%; float:left;}
.loginWrap .right .box li{width:100%; float:left; margin-bottom:15px; text-align:left;}
.loginWrap .right .box li.port{border:1px solid #f1f1f1; height:20px; border-radius:4px; width:364px; padding:16px 10px; margin-bottom:10px;}
.loginWrap .right .box li.port input{width:100%; border:none; font-size:16px; color:#a7a7a7;  font-family: 'Open Sans', 'Naum Gothic', serif; background:#ffffff; font-weight:normal;  height:20px; line-height:20px;}

.loginWrap .right .box2{width:384px; float:left; padding:30px 20px 15px 20px; font-family:'Nanum Gothic', serif; font-size:12px; color:#5a5a5a; line-height:180%; text-align:left;}


/* login*/
.login{width:100%; float:left; padding:20px 0;}
.login .left{width:55%; float:left;}
.login .left .box{width:90%; float:left; border:1px solid #cccccc; padding:30px 20px 15px 20px; font-family: 'Open Sans', 'Naum Gothic', serif; font-size:12px; color:#5a5a5a;}
/*.login .left .box ul{width:100%; float:left;}
.login .left .box li{width:100%; float:left; margin-bottom:15px; text-align:left;}
.login .left .box li.idpw{border:1px solid #f1f1f1; width:512px; height:28px; padding:16px 10px; margin-bottom:10px;}
.login .left .box li.idpw input{width:100%; border:none; font-size:16px; color:#a7a7a7;  font-family: 'Open Sans', 'Naum Gothic', serif; background:#ffffff; font-weight:normal;}
.login .left .box li.confirm{font-size:12px; color:#a7a7a7;  font-family: 'Open Sans', 'Naum Gothic', serif; text-align:right !important;}
.login .left .box li.confirm a{color:#a7a7a7;}
.login .left .box li.confirm a:hover{color:#cccccc;}*/

.login .right{width:45%; float:right;}
.login .right .box{width:90%; float:left; border:1px solid #cccccc; padding:30px 20px 15px 20px; font-family: 'Open Sans', 'Naum Gothic', serif; font-size:12px; color:#5a5a5a;}
/*.login .right .box ul{width:100%; float:left;}
.login .right .box li{width:100%; float:left; margin-bottom:15px; text-align:left;}
.login .right .box li.port{border:1px solid #f1f1f1; width:415px; height:28px; padding:16px 10px; margin-bottom:10px;}
.login .right .box li.port input{width:100%; border:none; font-size:16px; color:#a7a7a7;  font-family: 'Open Sans', 'Naum Gothic', serif; background:#ffffff; font-weight:normal;  height:20px; line-height:20px;}*/

.login .right .box2{width:384px; float:left; padding:30px 20px 15px 20px; font-family:'Nanum Gothic', serif; font-size:12px; color:#5a5a5a; line-height:180%; text-align:left;}


/*idpw*/

.idpw{width:100%; float:left; padding:20px 0;}
.idpw .left{width:470px; float:left;}
.idpw .left .box{width:400x; float:left; border:1px solid #cccccc; padding:30px 20px 15px 20px; font-family: 'Open Sans', 'Naum Gothic', serif; font-size:12px; color:#5a5a5a;}
.idpw .left .box ul{width:100%; float:left;}
.idpw .left .box li{width:100%; float:left; margin-bottom:15px; text-align:left; font-size:18px;}
.idpw .left .box li.idpw{width:364px; height:28px; padding:16px 10px; margin-bottom:10px; border:1px solid #c2c2c2;}
.idpw .left .box li.idpw input{width:100%; border:none; font-size:16px; color:#a7a7a7;  font-family: 'Open Sans', 'Naum Gothic', serif; background:#ffffff; font-weight:normal;}
.idpw .left .box li.confirm{font-size:12px; color:#a7a7a7;  font-family: 'Open Sans', 'Naum Gothic', serif;}
.idpw .left .box li.confirm a{color:#a7a7a7;}
.idpw .left .box li.confirm a:hover{color:#cccccc;}

.idpw .right{width:470px; float:right;}
.idpw .right .box{width:400px; float:left; border:1px solid #cccccc; padding:30px 20px 15px 20px; font-family: 'Open Sans', 'Naum Gothic', serif; font-size:12px; color:#5a5a5a;}
.idpw .right .box ul{width:100%; float:left;}
.idpw .right .box li{width:100%; float:left; margin-bottom:15px; text-align:left; font-size:18px;}

.idpw .right .box li.idpw{border:1px solid #c2c2c2; width:364px; height:28px; padding:16px 10px; margin-bottom:10px;}
.idpw .right .box li.idpw input{width:100%; border:none; font-size:16px; color:#a7a7a7;  font-family: 'Open Sans', 'Naum Gothic', serif; background:#ffffff; font-weight:normal;}
.idpw .right .box li.confirm{font-size:12px; color:#a7a7a7;  font-family: 'Naum Gothic', serif;}
.idpw .right .box li.confirm a{color:#a7a7a7;}
.idpw .right .box li.confirm a:hover{color:#cccccc;}

.idpw .right .box2{width:384px; float:left; padding:30px 20px 15px 20px; font-family:'Nanum Gothic', serif; font-size:12px; color:#5a5a5a; line-height:180%; text-align:left;}


/* font common*/
.fBold{font-weight:bold;}
.fBold600{font-weight:600;}
.fBold700{font-weight:700;}

/* about > introduction */
.about01{width:100%; float:left;}
.aboutTxt01{width:320px; float:left; padding-right:60px; color:#161616; font-size:24px; line-height:160%;}
.aboutTxt02{width:700px; float:left; color:#000; font-size:16px; line-height:160%;}

.about02{width:100%; float:left; padding:50px 0;}
.aboutBox{width:320px; float:left; margin-left:60px; padding:100px 0; text-align:center; background:#454545;}
.aboutBox:first-child{margin-left:0;}
.aboutBox .aBoxTxt01{width:100%; float:left; color:#a8a8a8; font-size:50px; font-weight:bold;}
.aboutBox .aBoxTxt02{width:100%; float:left; color:#a8a8a8; font-size:16px; line-height:24px;}
.aboutBox .aBoxLine{width:30px; height:1px; margin:20px 145px; float:left; background:#a8a8a8;}

.aboutBox:hover{background:#c71313;}
.aboutBox:hover .aBoxTxt01{color:#fff;}
.aboutBox:hover .aBoxTxt02{color:#fff;}
.aboutBox:hover .aBoxLine{background:#fff;}

.about03{width:100%; float:left; padding-bottom:40px;}
.aboutTxt03{width:320px; float:left; margin-right:60px; color:#161616; font-weight:bold; font-size:30px; line-height:160%; background:url(../images/line_01.png) no-repeat right 20px;;}
.aboutTxt04{width:700px; float:left; color:#000; font-size:15px; line-height:160%; padding-top:10px;}
.aboutTxt04 .aTxt01{width:100%; padding-bottom:20px; font-size:18.5px; font-weight:600; color:#c71313;}


/* Direct Order */
.requestTop{width:100%; float:left; margin:0px; padding-bottom:10px;}
.requestTop ul{width:100%; float:left;}
.requestTop ul li{width:100%; background:#f1f1f1; text-align:center; color:#666666; line-height:180%; padding:23px 0; border-radius:10px;}
.requestTop ul li p{padding-bottom:10px;padding-top:10px;}
.requestTop ul li p span{color:#9a324d; font-weight:bold;}
.requestTop ul li .tit{font-size:14px; font-weight:bold; color:#393939; font-weight:bold; }
.requestTop ul li .vat{text-decoration:underline;}
.requestTop ul li .bgtxt{background:#3c3c3c; padding:0 10px; color:#ffffff;}
.requestTop ul li .bgtxt a{color:#ffffff;}
/*.requestTop ul li:first-child{width:100%; height:23px; background:url(../images/sub/box_top.png) no-repeat;}
.requestTop ul li:last-child{width:100%; height:23px; background:url(../images/sub/box_bottom.png) no-repeat;}*/

.requestBottom{width:100%; float:left; margin-top:30px; text-align:center;}
.requestBottom .cont{width:100%; float:left;}

.requestBottom .inputForm{width:48%; float:left;}
.requestBottom .inputForm li{line-height:180%;}
.requestBottom .inputForm li.item{width:80px; float:left; color:#676767; font-weight:bold; font-size:13px; clear:both; padding-bottom:10px; text-align:left;}
.requestBottom .inputForm li.item1{width:80px; float:left; color:#9b334c; font-weight:bold; font-size:14px; clear:both; padding-bottom:10px; text-align:left;}
.requestBottom .inputForm li.inp{width:430px; padding-bottom:10px; text-align:left;}
.requestBottom .btn{width:100%; text-align:center; float:left; clear:both; padding:20px 0;}

.requestHosting {width:820px; margin:0 auto;}
.requestHosting .info{width:100%; float:left; text-align:center;}

/* input */
  .input_txt{border:1px solid #cccccc;
        background:#f9f9f9;
		padding:5px;}
		
		
/* contact us */
.subMap{width:100%; float:left;}
.subMapTxt{display:inline-block; float:left; padding-top:30px; line-height:57px; color:#161616; font-size:16px; position:relative; padding-left:160px; clear:both;}
.subMapTxt span{font-size:17px; font-weight:600;}
.subMapTxt .subMapIcon{position:absolute; top:30px; left:100px;}


.subMapTxt01{display:inline-block; float:left; padding-top:20px; line-height:57px; color:#161616; font-size:16px; position:relative; padding-left:100px;}
.subMapTxt01 span{font-size:17px; font-weight:600;}
.subMapTxt01 .subMapIcon{position:absolute; top:20px; left:40px;}

.subMapTxt02{display:inline-block; float:left; padding-top:20px; line-height:57px; color:#161616; font-size:16px; position:relative; padding-left:170px;}
.subMapTxt02 span{font-size:17px; font-weight:600;}
.subMapTxt02 .subMapIcon{position:absolute; top:20px; left:110px;}