@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:#e95d00;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:1.9em;line-height:1.4em; letter-spacing:-0.07em;padding-bottom:35px}
#page0101 .tit .sec{color:#8b8b8b}
#page0101 .tit strong{color:#ff6b2a;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:#ff6b2a;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:#ff6b2a;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:#ff6b2a;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:#ff6b2a;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}




/*페이지공통*/
.page_tit{background:url(/sh_page/img/arrow_h4.png) left top no-repeat;font-size:22px;color:#7f3b88;font-weight:bold;letter-spacing:-0.5px;margin-bottom:80px;padding-top:17px}
.page_tit span{margin-left:5px;letter-spacing:0px}


#p0101{background:url(/sh_page/img/0101_bg.png) left top no-repeat}
#p0101 .page_txt{padding:20px 20px}
#p0101 .cont{font-size:15px;color:#555;letter-spacing:-0.5px;;line-height:26px;padding-top:35px}


#p0102 .tit_box{background:#f9f9f9 url(/sh_page/img/0102_tit_bg.png) right top no-repeat;padding:70px 40px}
#p0102 .tit{font-size:28px;color:#601f7a;letter-spacing:-0.5px;font-weight:bold}
#p0102 .tit_cont{background:url(/sh_page/img/line.png) top left no-repeat;font-size:15px;color:#333;letter-spacing:-0.5px;line-height:26px;padding-top:26px;margin-top:30px}
#p0102 img{padding-top:50px}

#p0103 .tit_box{background:#f9f9f9 url(/sh_page/img/0103_tit_bg.png) right top no-repeat;padding:70px 40px}
#p0103 .tit{font-size:28px;color:#601f7a;letter-spacing:-0.5px;font-weight:bold}
#p0103 .tit_cont{background:url(/sh_page/img/line.png) top left no-repeat;font-size:15px;color:#333;letter-spacing:-0.5px;line-height:26px;padding-top:26px;margin-top:30px}
#p0103 img{padding-top:50px}


#p0104 .tit_box{background:#f9f9f9 url(/sh_page/img/0104_tit_bg.png) right top no-repeat;padding:58px 40px}
#p0104 .tit{font-size:28px;color:#601f7a;letter-spacing:-0.5px;;font-weight:bold}
#p0104 .tit_cont{background:url(/sh_page/img/line.png) top left no-repeat;font-size:15px;color:#333;letter-spacing:-0.5px;line-height:26px;padding-top:26px;margin-top:30px}
#p0104 img{padding-top:50px}


#p0201 .title{background:url(/sh_page/img/line2.png) bottom no-repeat;padding-bottom:50px;margin-bottom:70px}
#p0201 .tit{font-size:31px;color:#7f3b88;font-weight:bold;letter-spacing:-0.5px;padding-bottom:30px}
#p0201 .cont{font-size:15px;color:#333;line-height:28px;letter-spacing:-0.5px}

#p0202 .title{padding-left:15px;margin-bottom:70px}
#p0202 .cont{font-size:15px;color:#333;line-height:29px;border:dotted 1px #CCC;padding:38px 30px}
#p0202 .box{margin-bottom:100px}
#p0202 .s_tit{font-size:27px;color:#7f3b88;font-weight:bold;letter-spacing:-0.5px;;margin-bottom:40px}
#p0202 .box ul{margin-top:10px;height:206px}
#p0202 .box ul li{width:291px;float:left;height:196px;padding-right:34px;margin-right:33px;text-align:center;background:url(/sh_page/img/li_line.png) right center no-repeat}
#p0202 .box ul .last{padding-right:0;margin-right:0;background:none}
#p0202 .box ul li .l_tit{font-size:17px;color:#7f3b88;font-weight:bold;letter-spacing:-1px;line-height:50px}
#p0202 .box ul li .l_cont{font-size:14.5px;color:#555;line-height:25px;letter-spacing:-0.9px}
#p0202 .box .b_cont{font-size:15px;color:#333;letter-spacing:-0.5px}
#p0202 .box .b_cont span{background:url(/sh_page/img/0202_tit_p.png) no-repeat;color:#fff;padding:17px 28px 17px 18px;margin-right:15px;line-height:57px;font-weight:bold;font-size:15px}
#p0202 .box .b_cont .grey{background:url(/sh_page/img/0202_tit_g.png) no-repeat}
#p0202 .cont_box{border:dotted 1px #CCC;padding:38px 30px}
#p0202 .vision{font-size:19px;color:#7f3b88;font-weight:bold;letter-spacing:-0.5px;margin-bottom:25px;text-align:center}

#p0203{letter-spacing:-0.5px}
#p0203 .title{margin-bottom:57px}
#p0203 .title ul{border:dotted 1px #CCC;padding:38px 30px}
#p0203 .title ul li{background:url(/sh_page/img/sq.png) left center no-repeat;padding-left:11px;font-size:16px;line-height:28px}
#p0203 .title .cont{font-size:15px;color:#333;line-height:29px;border:dotted 1px #CCC;padding:38px 30px}
#p0203 .box{text-align:center}
#p0203 .box ul{overflow:hidden;margin-top:25px}
#p0203 .box ul li{width:calc(100% / 2 - 10px);float:left;margin:0 15px 15px 0;padding:40px 0;border:1px solid #555555}
#p0203 .box ul li:nth-child(even){margin-right:0}
#p0203 .box ul li .l_tit{display:inline-block;color:#6a2375;margin-bottom:20px;padding:7px 0;text-align:center;font-size:18px;font-weight:bold;border-top:solid 2px #6a2375}
#p0203 .box ul li .cont{font-size:14.5px;color:#555;line-height:26px;letter-spacing:-0.9px}
#p0203 .box ul li .s_tit{font-weight:bold;font-size:16px;padding:13px 0 12px;border-bottom:solid 1px #884c91;margin-bottom:12px}
#p0203 .box ul .last{padding-right:0}
#p0203 .cont_box{margin-bottom:70px}

#p0204{letter-spacing:-0.5px}
#p0204 .box{padding-bottom:100px}
#p0204 .box ul{padding-top:50px}
#p0204 .box ul li{width:50%;float:left}
#p0204 .box ul li .l_tit{color:#fff;background:#b18fbb;padding:13px 19px;text-align:center;font-size:16px;font-weight:bold}
#p0204 .box ul li .l_cont{font-size:15px;color:#555;font-size:15px;line-height:22px;padding-left:17px}

#p0205 .cont{margin-top:30px}
#p0205 .c_tit{font-size:28px;width:30%;color:#884c91;letter-spacing:-0.5px;border-top:solid 2px #884c91;padding-top:30px;float:left;font-weight:bold}
#p0205 .c_cont{border-top:solid 1px #ddd;padding:22px 0 24px 360px;font-size:15px;color:#333}
#p0205 .l_cont{font-size:13px;color:#555;letter-spacing:-0.5px;line-height:26px}

#p0301{letter-spacing:-0.5px}
#p0301 .cont{font-size:15px;color:#333;line-height:29px;border:dotted 1px #CCC;padding:38px 30px}
#p0301 .box{padding-bottom:100px}
#p0301 .box img{padding-top:30px}

#p0302{letter-spacing:-0.5px}
#p0302 .cont{font-size:15px;color:#333;line-height:29px;border:dotted 1px #CCC;padding:38px 30px}
#p0302 .s_tit{font-size:16px;color:#a56dac}
#p0302 .s_cont{font-size:15px;color:#555;padding-left:13px}
#p0302 ul{margin-top:20px}
#p0302 ul li{font-weight:bold;padding-left:30px;line-height:30px}
#p0302 .li01{background:url(/sh_page/img/li01.png) left center no-repeat}
#p0302 .li02{background:url(/sh_page/img/li02.png) left center no-repeat}
#p0302 .li03{background:url(/sh_page/img/li03.png) left center no-repeat}
#p0302 .li04{background:url(/sh_page/img/li04.png) left center no-repeat}
#p0302 .page_tit{margin-bottom:30px}
#p0302 .box{padding-bottom:40px}


#p0401{letter-spacing:-0.5px}
#p0401 .title{margin-bottom:70px}
#p0401 .cont{font-size:15px;color:#333;line-height:29px;border:dotted 1px #CCC;padding:38px 30px}
#p0401 .c_box{padding-bottom:30px}
#p0401 .s_tit{font-size:18px;font-weight:bold;color:#884c91;font-weight:bold}
#p0401 .c_box .tbl{width:100%;border-collapse:collapse;margin-top:15px}
#p0401 .c_box .tbl thead th{background:#f9f9f9;color:#333333;height:19px;font-size:16px;border-top:2px solid #7F3B88;border-bottom:1px solid #dcdcdc}
#p0401 .c_box .tbl tbody{font-size:14px;line-height:26px;color:#777777;letter-spacing:-0.03px}
#p0401 .c_box .tbl tbody th{height:35px;border-bottom:1px dotted #aaaaaa}
#p0401 .c_box .tbl tbody td{text-align:center;border-bottom:1px solid #dfdfdf;border-right:1px solid #dfdfdf;color:#555}
#p0401 .c_box .tbl tbody .last{border-right:none}
#p0401 .c_box ul{padding-top:9px}
#p0401 .c_box ul li{background:url(/sh_page/img/cir.png) left 12px no-repeat;padding-left:7px;font-size:15px;color:#333;line-height:28px}
#p0401 .c_box ul li span{font-weight:bold}
#p0401 .c_box ul li b a{border:solid 1px #666666;font-size:12px;color:#fff;padding:3px;background:#777;margin-left:2px}

#p0402{letter-spacing:-0.5px}
#p0402 .title{margin-bottom:70px}
#p0402 .cont{font-size:15px;color:#333;line-height:29px;border:dotted 1px #CCC;padding:38px 30px}
#p0402 .c_box{padding-bottom:30px}
#p0402 .s_tit{font-size:18px;font-weight:bold;color:#884c91;font-weight:bold}
#p0402 .c_box .tbl{width:100%;border-collapse:collapse;margin-top:15px}
#p0402 .c_box .tbl thead th{background:#f9f9f9;color:#333333;height:19px;font-size:16px;border-top:2px solid #7F3B88;border-bottom:1px solid #dcdcdc}
#p0402 .c_box .tbl tbody{font-size:14px;line-height:26px;color:#777777;letter-spacing:-0.03px}
#p0402 .c_box .tbl tbody th{height:35px;border-bottom:1px dotted #aaaaaa}
#p0402 .c_box .tbl tbody td{text-align:center;border-bottom:1px solid #dfdfdf;border-right:1px solid #dfdfdf;color:#555}
#p0402 .c_box .tbl tbody .last{border-right:none}
#p0402 .c_box ul{padding-top:9px}
#p0402 .c_box ul li{background:url(/sh_page/img/cir.png) left 12px no-repeat;padding-left:7px;font-size:15px;color:#333;line-height:28px}
#p0402 .c_box ul li span{font-weight:bold}
#p0402 .c_box ul li b a{border:solid 1px #666666;font-size:12px;color:#fff;padding:3px;background:#777;margin-left:2px}