@charset "utf-8";
ul {margin:0; padding:0;}
li{list-style:none;}
img {border:0;}
a {text-decoration:none;}

@font-face { font-family: ngb; src:url(http://www.hdweb.co.kr/NanumGothicBold.eot); } 
#comingsoon {width:100%;padding-top:100px;text-align:center}

/* 공통 */
dl, dd, dt {margin:0;padding:0;border:0}
a, input {outline:none; selector-dummy : expression(this.hideFocus=true);} 
.clearfix {overflow:auto;}
.clear {clear:both;} 
.blk {text-indent:-9999px;font-size:0;line-height:0;} 
.mld_txt {font-size:16px;}
.left_pd_10 {padding-left:16px;}
.con_text {font-size:16px;line-height:1.5em;}

.h10 {height:10px;}
.h20 {height:20px;}
.h30 {height:30px;}
.h40 {height:40px;}
.h50 {height:50px;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}

.str {}
.strb {font-weight:bold;color:#;}
.strb_red {font-weight:bold;color:#fe5556;}
.strb_black {font-weight:bold;color:#333333;}


/* 타이틀 공통 */
h3 {font-size:34px;font-weight:bold;text-align:center;letter-spacing:-0.05em;padding-bottom:30px;color:#0076d1;line-height:1.1em;padding-top: 40px;}
h3 b{color:#1d446e;}
h4 {font-size:22px; line-height: 2em; font-weight:bold; color:#333; background:url('/sh_page/img/arrow_h4.png') 0 16px no-repeat; padding-left:15px;margin-top:20px;padding-top:15px;letter-spacing:-0.05em;}
h4 b{color:#1d446e;}
h5 {font-size:16px;line-height:1em;color:#374bae;margin-bottom:7px;margin-top:15px;font-weight:bold;} /* 컨텐츠 중분류 타이틀 */
h6 {} /* 컨텐츠 소분류 타이틀 */


/* 테이블 공통 */
.tbl_basic {margin:-20px 0 10px;width:100%;}
.tbl_basic caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_basic thead th {padding:10px 0;border-top:2px solid #fe5556;border-bottom:1px solid #727272;border-right:1px solid #727272;background:#565656;color:#ffffff;font-size:13px;text-align:center;letter-spacing:-0.02em}
.tbl_basic thead th.last {border-right:none;}
.tbl_basic tbody th {padding:8px 0;border-bottom:1px solid #eaeaea;border-right:1px solid #eaeaea;background:#f8f8f8;text-align:center;}
.tbl_basic tbody th.last {border-right:none;}
.tbl_basic td {padding:5px 15px;border-bottom:1px solid #eaeaea;line-height:1.5em;word-break:break-all}
.tbl_basic .in_td {border-right:1px solid #eaeaea;} /* 오른쪽 라인 */
.tbl_basic .ct {text-align:center;} /* 센터정렬 */


/* 회사소개 */
#page0101{width:1070px;margin:80px 0 90px 0}
#page0101 .box{padding-left:35px}
#page0101 .m_tit{font-size:29px;letter-spacing:-0.05em;padding-bottom:43px;color:#4a4a4a;letter-spacing:-0.05em;line-height:1.3em;padding-top:80px}
#page0101 .m_tit span{font-weight:normal;color:#0076d1;font-size:29px;font-weight:bold}
#page0101 .cont{font-size:1.25em;line-height:1.6em;color:#8d8d8d;letter-spacing:-0.05em;}


/* 연혁 */
#page0102 {position:relative;overflow:hidden;background:url(/sh_page/img/p0102_img.png) no-repeat right top;}
#page0102 .tit {float:left;}
#page0102 .tit span.first {font-size:45px;color:#444;line-height:1em;font-weight:800}
#page0102 .tit span.last {position:absolute;color:#515151;font-size:25px;top:60px;left:80px;line-height:1.8em}
#page0102 #history {border-left:1px solid #dddddd;margin-left:245px;width:600px;font-size:14px}
#page0102 dl {}
#page0102 dl dt {font-weight:800;color:#0076d1;font-size:27px;background:url(/sh_page/img/0102_arr.png) left 3px no-repeat;padding-left:40px;margin:35px 0 10px -7px;0076d1}
#page0102 dl dt.first {margin:10px 0 10px -7px;}
#page0102 dl dd {margin-left:36px;line-height:2em;}
#page0102 dl dd.last {border-bottom:1px solid #e6e6e6;padding-bottom:30px;}
#page0102 dl dd p {font-size:14px; color:#666666; letter-spacing:-0.025em; padding-left:32px;line-height:2em;}
#page0102 dl dd b {font-size:18px; float:left;}



/* 홈페이지제작 */
#page0103 {position:relative;width:100%;min-height:1020px;}
#page0103 .v_box li {float:left;width:246px;height:114px;margin:18px 27px 0 0;font-size:13px;color:#979797;text-align:center;padding:33px 0 39px 0;line-height:23px}
#page0103 .v_box li p {color:#333;font-weight:700;font-size:16px;margin-top:9;}
#page0103 .v_box li.a {border:1px solid #eaeaea;background:#fff;}
#page0103 .v_box li.b {border:1px solid #eaeaea;background:#fdfdfd;}
#page0103 .v_box li.c {border:1px solid #eaeaea;background:#f5fbff;color:#a6c7dd;}
#page0103 .v_box li.c p {color:#0076d1;}
#page0103 .v_box li.d {background:url(/sh_page/img/0201_bg01.png) center no-repeat ;width:523px;height:115px;padding-top:37px;}
#page0103 .v_box li.d p {font-size:25px;}
#page0103 .v_box li.d b {color:#0076d1;}
#page0103 .v_box li.last {margin-right:0px;}
#page0103 .cont1 {padding-bottom:15px;padding-top:23px;}
#page0103 .cont1 h6 {padding:7px 0 0 12px;width:53px;height:105px;font-weight:700;font-size:18px; color:#fff;float:left;}
#page0103 .cont1 li {float:left;width:50%;min-height:210px;padding-right:3%;margin-bottom:16px;color:#333;font-weight:700;font-size:17px;letter-spacing:-1.5px;}
#page0103 .cont1:after {display:block;clear:both;content:""}
#page0103 .cont1 li img {float:left}
#page0103 .cont1 li span {color:#0076d1; }
#page0103 .cont1 p {color:#333;font-size:17px;letter-spacing:-0.075em;line-height:22px;margin-left:94px}
#page0103 .cont1 p.cont {padding-top:10px;color:#888;font-size:14px;line-height:1.6em;font-weight:normal;}
#page0103 h5 {background:url('/sh_page/img/h5_arr.png') 0 0 no-repeat;font-weight:bold;font-size:1.5em;padding-top:10px;color:#000;padding-bottom:10px;}


/* 모바일웹 */
#page0104 ul.list {overflow:hidden;margin-top:20px;margin-bottom:10px;margin-left:15px;}
#page0104 ul.list li {padding-left:13px;margin-bottom:25px;background:url(/sh_page/img/p02_libg.png) left 7px no-repeat;}
#page0104 ul.list li .tit {font-size:16px;color:#333;font-weight:bold;}
#page0104 ul.list li p {color:#a2a2a2;font-size:15px;margin-top:7px;}
#page0104 .boxtxt {border:1px solid #d8d8d8;background:#f8f8f8;padding:25px 30px;}
#page0104 .boxtxt p {font-size:14px;line-height:1.6em;color:#a2a2a2;margin-bottom:20px;}
#page0104 .boxtxt .tit {font-size:16px;font-weight:bold;color:#996633;margin-bottom:10px;}
#page0104 .boxtxt strong {color:#333;line-height:1.6em;font-weight:bold;font-size:13px;display:block;}

#page02_tit .top_tit {padding-bottom:20px;}
#page02_tit .top_tit p.tit {font-size:22px;line-height:1.6em;font-weight:nomal;letter-spacing:-0.05em;}
#page02_tit .top_tit p.tit b {color:#073E8A;font-weight:bold;letter-spacing:-0.05em;}
#page02_tit .top_tit span {color:#8b8b8b;font-size:24px;letter-spacing:-0.05em;}
#page02_tit .top_tit p.cont {color:#a2a2a2;font-size:14px;line-height:1.5em;margin-top:10px;}

ul.box {overflow:hidden;}
ul.box li {float:left;width:200px;padding:50px 0;margin-right:15px;margin-bottom:16px;text-align:center;font-size:1em;color:#808080;line-height:1.5em;border:1px solid #d8d8d8;;font-size:14px;background:url(/sh_page/img/p02_boxbg.png) no-repeat;}
ul.box li.right {margin-right:0;}
ul.box li p {color:#2f2f2f;font-size:14px;font-weight:bold;}

ul.text {margin-top:30px;clear:both;overflow:hidden;}
ul.text li {margin-bottom:20px;overflow:hidden;}
ul.text img {float:left;margin-top:10px;}
ul.text p {float:right;width:1000px;font-size:13px;line-height:1.6em;}
ul.text p b {font-weight:bold;color:#666;}
ul.text p.tit {font-size:16px;font-weight:bold;line-height:2em;color:#333333;}

ul.curcle {overflow:hidden;margin-top:30px;}
ul.curcle li {padding-left:100px;height:100px;}
ul.curcle li.n1 {background:url(/sh_page/img/p0202_curcle_1.png) left top no-repeat;}
ul.curcle li.n2 {background:url(/sh_page/img/p0202_curcle_2.png) left top no-repeat;}
ul.curcle li.n3 {background:url(/sh_page/img/p0202_curcle_3.png) left top no-repeat;}
ul.curcle li .tit {font-size:16px;color:#333;display:block;padding-top:15px;}
ul.curcle li .tit strong {font-size:16px;color:#333;}
ul.curcle li p {color:#999;font-size:15px;display:inline-block;margin-top:7px;}



/* 검색엔진 */
#page0105 #txt01 {background:url(/sh_page/img/p0203_bg.png) right top no-repeat;}
#page0105 ul.box2 {margin-top:5px;}
#page0105 ul.box2 li {overflow:hidden;}
#page0105 ul.box2 li ul li {float:left;width:250px;padding:30px 0;margin-right:15px;margin-bottom:5px;text-align:center;font-size:1em;color:#666;line-height:1.5em;border:1px solid #d8d8d8;;font-size:14px;}
#page0105 ul.box2 li.right {margin-right:0;}
#page0105 ul.box2 li.center {width:100px; text-align:center;margin:10px auto;font-weight:bold;background:url(/sh_page/img/p0204_stap.png) center bottom no-repeat;padding-bottom:25px;color:#333;font-size:14px;}
#page0105 ul.box2 li.step {border:2px solid #e5e5e5;width:300px;padding:30px 20px;margin:14px auto;text-align:center;font-size:1em;color:#666;line-height:1.5em;border:1px solid #d8d8d8;;font-size:14px;}
#page0105  p {font-size:13px;line-height:1.7em;}


/* CONTACT US */
#page0107{width:1070px;margin:0 auto;text-align:center;}
#page0107 span{color:#bebebe;font-size:15px;}
#page0107 .m_tit{font-size:41px;font-weight:bold;letter-spacing:-0.05em;padding-bottom:17px;color:#0076d1;line-height:1.1em;padding-top:80px}
#page0107 .cont{color:#fff;padding-top:63px}
#page0107 ul{color:#fff;line-height:25px;margin-top:63px;zoom:1;}
#page0107 ul:after {display:block;clear:both;visibility:hidden;content:"";}
#page0107 ul li {float:left;width:350px;margin-right:10px}
#page0107 ul li > div {height:60px;}
#page0107 p{color:#fff;font-size:15px;padding-top:9px}
#page0107 ul li b{color:#fff;font-size:19px}
#page0107 ul .last{margin:0}


#page34{text-align:center}
#page34 .tit{margin-top:35px;padding-top:25px;font-size:18px;line-height:28px;background:url(/sh_page/img/tit_bg.png) center top no-repeat}
#page34 b{color:#0076d1}

#page36{}
#page36 .txt{font-size:15px;line-height:26px;color:#666}
#page36 .txt_box{width:1070px;margin:30px 0;padding:30px;font-size:15px;line-height:26px;border:1px solid #e9e9e9;background:#f5f5f5} 
#page36 .txt_box li{padding-left:20px;background:url(/sh_page/img/li_bg.png) left no-repeat;}
#page36 .txt02{padding-bottom:15px;font-size:15px;line-height:26px;color:#666}