@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:1.1em}
.left_pd_10 {padding-left:16px}
.con_text {font-size:1.05em;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}

/* 타이틀 공통 */
h4 {font-size:1.6em; 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}
h5 {font-size:1.3em;line-height:1em;color: #00adee;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:0.95em;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 {overflow:hidden}
#page0101 .tit {font-size: 25px;line-height:35px;padding-bottom:25px}
#page0101 .tit .sec{color:#8b8b8b}
#page0101 .tit strong {color: #00adee;font-size:1.075em;font-weight:bold}
#page0101 .text_area {margin-top:30px;overflow:hidden;font-size:1.1em;line-height:1.8em;letter-spacing:-0.075em}
#page0101 .half_l {width:520px;float:left;text-align:justify}
#page0101 .half_l strong {font-weight:bold;display:block}
#page0101 .half_r {width:520px;float:right;text-align:justify}
#page0101 .sign {float:right;padding-top:30px}

/* 연혁 */
#page0102 {position:relative;overflow:hidden;background:url(/sh_page/img/p0102_img.png) right top no-repeat}
#page0102 .tit {float:left}
#page0102 .tit span.first {font-size:3.3em;color:#073E8A;line-height:1em}
#page0102 .tit span.last {position:absolute;color:#666;font-size:2.1em;top:60px;left:80px}
#page0102 #history {border-left:1px solid #dddddd;margin-left:245px;width:600px}
#page0102 dl {}
#page0102 dl dt {font-weight:bold;color: #00adee;font-size:2.1em;background:url(/sh_page/img/0102_arr.png) left 3px no-repeat;padding-left:40px;margin:35px 0 10px -7px}
#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:1.1em; color:#666666; letter-spacing:-25; padding-left:32px;line-height:2em}
#page0102 dl dd b {font-size:1.4em; float:left}


/* 사업안내 */
#page02_tit .top_tit {padding-bottom:20px}
#page02_tit .top_tit p.tit {font-size:1.9em;line-height:1.4em;font-weight:nomal;letter-spacing:-0.05em}
#page02_tit .top_tit p.tit b {color: #00adee;font-weight:bold;letter-spacing:-0.05em}
#page02_tit .top_tit span {color:#8b8b8b;font-size:1.8em;letter-spacing:-0.05em}
#page02_tit .top_tit p.cont {color:#a2a2a2;font-size:1.1em;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:1.1em;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:1.1em;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:1.05em;line-height:1.6em}
ul.text p b {font-weight:bold;color:#666}
ul.text p.tit {font-size:1.3em;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:1.3em;color:#333;display:block;padding-top:15px}
ul.curcle li .tit strong {font-size:1.1em;color:#333}
ul.curcle li p {color:#999;font-size:1.05em;display:inline-block;margin-top:7px}

/* 홈페이지제작 */
#page0201 {}
#top_tit_area {width:100%;background:url(/sh_page/img/p02_titbg.png) left 5px repeat-x}
#page0201 .top_tit {font-size:2em;letter-spacing:-0.05em;height:50px;background:#fff;width:320px;margin:0 auto;text-align:center}
#page0201 .top_tit b {font-size:1.6em;color: #00adee;font-weight:bold}

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

/* 검색엔진 */
#page0203 #txt01 {background:url(/sh_page/img/p0203_bg.png) right top no-repeat}
#page0203 ul.box2 {margin-top:5px}
#page0203 ul.box2 li {overflow:hidden}
#page0203 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:1.1em}
#page0203 ul.box2 li.right {margin-right:0}
#page0203 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:1.1em}
#page0203 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:1.1em}
#page0203  p {font-size:1.05em;line-height:1.7em}

/* 모바일 */
#page0204 #txt01 {}
#page0204 #txt01 p {margin-bottom:20px}
#page0204 dl.half {width:395px;float:left;margin-right:15px;border:1px solid #ebebeb;margin-top:5px}
#page0204 dl.half dt {background:#335db1;line-height:39px;color:#fff;font-weight:bold;text-align:center;font-size:1.2em;letter-spacing:-0.05em}
#page0204 dl.last {margin-right:0}
#page0204 dl.half dd {padding:10px 20px 15px}
#page0204 dl.half dd b {display:block;padding-bottom:3px;font-size:1.05em}
#page0204 dl.half dd p {line-height:1.6em;color:#a2a2a2;padding-left:10px}
#page0204  p {font-size:1.05em;line-height:1.7em}
#page0204 .right_area {float:right;width:825px;padding-top:12px}
#page0204 h5.left {float:left;border-right:1px solid #ddd;width:200px;height:100px}
#page0204 .half_area {overflow:hidden;padding-left:16px;line-height:1.4em}
#page0204 .half_list li {float:left;width:427px;font-size:1.2em;height:100px;line-height:100px;padding-left:100px}
#page0204 ul.box2 {overflow:hidden;padding-top:5px}
#page0204 ul.box2 li {float:left;width:250px;padding:40px 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:1.1em}
#page0204 ul.box2 li.right {margin-right:0}
#page0204 ul.box2 li p {color:#2f2f2f;font-size:1.1em;font-weight:bold}


/*page33*/
#Page33 {width:100%}
#Page33 .wrapper {width:980px;margin:40px auto;font-family:'notokr-regular';font-size:16px;line-height:26px;text-align:center;color:#666;letter-spacing:-0.5px}
#Page33 .wrapper .top_txt {position:relative;font-size:20px;font-family:'notokr-medium';line-height:36px;color:#333}
#Page33 .wrapper .top_txt img {position:absolute;}
#Page33 .wrapper .top_txt .top_left {left:314px;top:30px}
#Page33 .wrapper .top_txt .top_right {right:320px;top:55px}
#Page33 .wrapper .top_txt span {display:inline-block;margin:10px 0;padding:5px 20px;background:#00adee;font-family:'notokr-bold';font-size:26px;color:#fff;}
#Page33 .wrapper .img_box {margin:50px auto}
#Page33 .wrapper .mid_txt span {font-family:'notokr-medium';font-size:18px;color:#00adee}
#Page33 .wrapper .fin_txt {margin-top:40px;font-family:'notokr-medium';color:#363839;font-size:18px;}
#Page33 .wrapper .fin_txt span {font-family: 'Nanum Pen Script', serif;font-size:40px} 

/*page34*/
#Page34 {width:100%}
#Page34 .wrapper {width:980px;margin:40px auto;font-family:'notokr-regular';font-size:16px;line-height:26px;color:#666;letter-spacing:-1px}
#Page34 .wrapper .cont_title {padding-bottom:30px;border-bottom:1px solid #ededed;font-family:'notokr-medium';font-size:28px;text-align:center;line-height:38px;letter-spacing:-2px;color:#262723}
#Page34 .wrapper .cont_box {position:relative;width:600px;height:600px;margin:60px auto}
#Page34 .wrapper .cont_box > div {position:absolute}
#Page34 .wrapper .cont_box .cbox {width:250px;height:250px;border-radius:40px;color:#fff}
#Page34 .wrapper .cont_box .cbox .in_box {box-sizing:border-box;width:220px;height:220px;margin:15px;padding:47px 25px;border:5px solid #fff;border-radius:40px}
#Page34 .wrapper .cont_box .cbox .in_box .title {font-family:'notokr-bold';font-size:22px}
#Page34 .wrapper .cont_box .cbox .in_box .text {margin-top:40px;letter-spacing:-1px;}
#Page34 .wrapper .cont_box .box01 {background:#f37123;left:0}
#Page34 .wrapper .cont_box .box02 {background:#4c4441;right:0}
#Page34 .wrapper .cont_box .box02 .in_box {text-align:right}
#Page34 .wrapper .cont_box .box03 {background:#ebbf68;top:350px;left:0}
#Page34 .wrapper .cont_box .box04 {background:#82b0bf;top:350px;right:0}
#Page34 .wrapper .cont_box .box04 .in_box {text-align:right}
#Page34 .wrapper .cont_box .center_box {width:320px;height:320px;background:#f1f1f1;border-radius:160px;left:50%;margin-left:-160px;top:50%;margin-top:-160px}
#Page34 .wrapper .cont_box .center_box .center_inbox {box-sizing:border-box;width:260px;height:260px;margin:30px;padding:95px 0;background:#fff;border-radius:160px;text-align:center;font-family:'notokr-medium';font-size:24px;line-height:32px;color:#363839}

/*page35*/
#Page35 {width:1070px;}
#Page35 .wrapper {width:1070px;margin:40px auto;padding:30px 0;font-family:'notokr-regular';font-size:16px;line-height:26px;color:#666;letter-spacing:-1px;background:url(/sh_page/img/p35_bg.jpg) repeat-y top}
#Page35 .wrapper:after {display:block;content:'';clear:both;height:0;visibility:hidden}
#Page35 .wrapper > div {float:left;box-sizing:border-box;width:48%;padding-left:30px}
#Page35 .wrapper > div dl {padding:30px 0;}
#Page35 .wrapper > div dl dt {margin:40px 0 10px; font-family:'notokr-bold';font-size:26px;color:#363739}
#Page35 .wrapper > div dl dd {margin-bottom:5px;padding-left:40px;}
#Page35 .wrapper .timo_eng dl dd {background:url(/sh_page/img/p35_ping01.png) no-repeat 15px 6px}
#Page35 .wrapper .timo_eng dl dd span {font-family:'notokr-bold';font-size:20px;color:#464646}
#Page35 .wrapper .timo_tech dl {border-left:1px dashed #ededed;padding-left:40px;padding-bottom:180px}
#Page35 .wrapper .timo_tech dl dd {background:url(/sh_page/img/p35_ping02.png) no-repeat 15px 6px}

/*page39*/
#Page39 {width:100%}
#Page39 .wrapper {width:980px;margin:40px auto;font-family:'notokr-regular';font-size:16px;line-height:26px;text-align:center;color:#666;letter-spacing:-0.5px}
#Page39 .wrapper .text_box {margin-bottom:60px}
#Page39 .wrapper .text_box span {display:block;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #ededed;font-family:'notokr-bold';font-size:26px;color:#00adee;}

/*page40*/
#Page40 {width:1070px;}
#Page40 .wrapper {position:relative;width:960px;margin:40px auto;font-family:'notokr-regular';font-size:16px;line-height:26px;color:#666;letter-spacing:-1px;}
#Page40 .wrapper:after {display:block;content:'';clear:both;height:0;visibility:hidden}
#Page40 .wrapper .timo {position:absolute;top:660px;right:-520px;letter-spacing:40px;-webkit-transform:rotate(270deg);font-family:'notokr-bold';color:#ededed;font-size:40px}
#Page40 .wrapper > div {float:left;}
#Page40 .wrapper .year_box {width:80px;padding:60px 0;background:linear-gradient(to right, white 50%, #00adee 50%)}
#Page40 .wrapper .year_box ul li {margin-bottom:120px;font-family:'notokr-bold';font-size:30px;color:#004f6c;text-align:center}
#Page40 .wrapper .year_box ul li span {color:#fff}
#Page40 .wrapper .cont_box {width:820px;}
#Page40 .wrapper .cont_box .cont_yy {height:145px;padding-left:40px;border-bottom:1px dashed #ededed}
#Page40 .wrapper .cont_box .cont17 {margin-top:60px;}
#Page40 .wrapper .cont_box div:after {display:block;content:'';clear:both;height:0;visibility:hidden} 
#Page40 .wrapper .cont_box .cont_yy ul {position:relative;float:left;padding-top:20px;width:390px}
#Page40 .wrapper .cont_box .cont_yy ul:after {display:block;content:'';clear:both;height:0;visibility:hidden}
#Page40 .wrapper .cont_box .cont_yy ul li {float:left}
#Page40 .wrapper .cont_box .cont_yy ul li.txt_box {position:absolute;top:20px;left:180px;text-align:left} 
#Page40 .wrapper .cont_box .cont_yy .box01 {width:320px;}
#Page40 .wrapper .cont_box .cont_yy .box02 {width:390px;margin-left:20px;padding:20px 0 26px 20px;border-left:1px dashed #ededed}

/*page42*/
#Page42 {width:1070px;}
#Page42 .wrapper {width:980px;margin:40px auto;font-family:'notokr-regular';font-size:16px;line-height:26px;color:#666;letter-spacing:-1px;}
#Page42 .wrapper .title_box {width:100%;height:250px;background:url(/sh_page/img/p42_bg.jpg) no-repeat center;color:#fff}
#Page42 .wrapper .title_box .title_txt {padding:100px;text-align:center;font-family:'notokr-bold';font-size:28px;line-height:32px}
#Page42 .wrapper .title_box .title_txt span {font-family:'notokr-regular';font-size:20px}
#Page42 .wrapper .cont_box {margin:60px auto;text-align:center;}
#Page42 .wrapper .img_box table {width:100%;border-spacing:0}
#Page42 .wrapper .img_box table tr td {width:16%;text-align:center;}
#Page42 .wrapper .img_box table tr td:last-child {width:17%}
#Page42 .wrapper .img_box table tr td strong {font-size:18px;color:#00adee}
#Page42 .wrapper .img_box table tr.sec_tr td {border:1px solid #ededed;border-right:none}
#Page42 .wrapper .img_box table tr.sec_tr td:last-child {border-right:1px solid #ededed}

/*page43*/
#Page43 {width:1070px;}
#Page43 .wrapper {width:980px;margin:40px auto;font-family:'notokr-regular';font-size:16px;line-height:26px;color:#666;letter-spacing:-1px;}
#Page43 .wrapper .title_box {width:100%;height:250px;background:url(/sh_page/img/p43_bg.jpg) no-repeat center;color:#fff}
#Page43 .wrapper .title_box .title_txt {padding:100px;text-align:center;font-family:'notokr-bold';font-size:28px;line-height:32px}
#Page43 .wrapper .title_box .title_txt span {font-family:'notokr-regular';font-size:20px}
#Page43 .wrapper .cont_box {margin:60px auto;text-align:center;}