@import url("height.css");
@import url("width.css");
@import url("base.css");
@import url("layout.css");

ul {list-style:none; padding:0; margin:0;}
.pd {padding-left: 45px;}

/* overview */
h4.b {color:#f79e1f; font-size:27px; font-family: 'notokr-regular', 'Nanum Gothic', '³ª´®°íµñ', 'AppleGothic'; font-weight:400; margin:0;}
ul.txt_box {overflow:hidden; }
ul.txt_box li {float:left; width:47%; margin:1% 0 3%; }
ul.txt_box li.right {float:right; }
ul.txt_box li p{ line-height:22px; font-family:'µ¸¿ò','dotum','Nanum Gothic', '³ª´®°íµñ', 'AppleGothic';  font-size: 14px; }

/* client */
.client_box {overflow:hidden;}
.client_box li {float:left; margin: 0 0.3% 2%;text-align: center; }
.client_box li p {color:#fff; font-family: 'µ¸¿ò','dotum' ,'Nanum Gothic', '³ª´®°íµñ','AppleGothic'; text-align:center; margin: 5px 0 0; }

/*ci*/
.ci { overflow:hidden; }
.ci .img { float:left; width:48%; position:relative; }
.ci .img .btn_wrap { position: absolute; bottom: 30px; left: 50%;  margin-left: -105px; overflow:hidden;}
.ci .img a.btn {background: #33A4AB; color: #fff; padding: 7px 0; border: 1px solid #007A81; width: 98px; text-align: center; display: block; float: left; margin-right: 5px;}
.ci .img > img {width:100%;}
.ci .txt { float:right; width:48%; }
.ci .txt > img { width:100%; }


/* website */
ul.icon { overflow:hidden; margin:0 auto; font-family:'notokr-light','Nanum Gothic', '³ª´®°íµñ', 'AppleGothic'; }
ul.icon li { float:left; width:23%; text-align:center; margin:1%; }
ul.icon li > div.txt p { font-size:22px; color:#fff; margin-bottom:13px;}
ul.icon li > div.txt span { font-size:14px; line-height:22px; color:#fff; }
ul.icon.icon03 li { float:left; width:31%; text-align:center; margin:1%; }

/* vr */
.font20 {font-size:19px;font-family: 'notokr-light','Nanum Gothic', '³ª´®°íµñ', 'AppleGothic';text-align:center; width: 80%; margin: 0 auto; }
.line {width: 40px; background: #ccc; height: 1px; margin: 20px auto 20px; }
.y_color {color:#ffcc00; margin-top:20px}

/* customer */
table.est_table { width:80%; float:left; }
.banner { float:right; width:19%; text-align:right; }

/* recurit */
.recurit {overflow:hidden; }
.recurit ul { margin-top:40px; overflow:hidden; }
.recurit ul li {width:33.3%; float:left; }
.recurit ul li div {border:1px solid #e5980d; width:65%; margin:0 auto; padding:13% 10%; text-align:center; font-family:'µ¸¿ò','Nanum Gothic', '³ª´®°íµñ', 'AppleGothic'; }
.recurit ul li div h5 {margin:0; font-size:30px; color:#fff; display:inline-block; font-family:'notokr-regular', 'Nanum Gothic', '³ª´®°íµñ','AppleGothic'; }
.recurit ul li div p {margin:0; color:#fff; overflow:hidden; }
.recurit ul li div p.line {width:40px; height:1px; background:#fff; margin:20px auto; }
.recurit ul li div p.middle {font-size:18px; font-family:'µ¸¿ò','Nanum Gothic', '³ª´®°íµñ', 'AppleGothic'; font-weight:600 }
.recurit ul li div p.bottom {font-size:15px; line-height:26px; padding-top:20px; }