@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}




/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/* 인사말 pc */
#sh_page{position:relative;background:#FFF; margin:0 auto; padding:0; width:810px; min-height:400px}
.sh_page_title{color:#999; font-size:20pt; color:#666; line-height:1.5em; font-weight:bold}
.sh_page_title1 {font-size:20pt; color:#cb0000; line-height:1.5em; font-weight:bold}
.sh_page_0101 {background-image:url(/sh_page/img/0101.jpg); background-repeat:no-repeat; min-height:600px}
.sh_txt {width:810px; color:#666; line-height:1.5em; font-size:15px; padding-top:200px}
.sh_txt p {padding-top:10px}
.sh_txt p span { font-size:18px; color:#cb0000;}


/* 인사말 모바일 */
.m0101{position:relative; width:100%; padding:0; margin:0}
.m0101 div.m0101title{font-size:17px; font-weight:bold; padding:15px 0}
.m0101 div.m0101content p{font-size:14px; color:#777; line-height:18px; padding:8px 0 }
.colred{color:#C00}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/* 회사연혁pc */
.sh_title_page02 { PADDING-RIGHT: 24px; color:#555555; FONT-SIZE: 26px; line-height:120%; PADDING-TOP: 4px}
.sh_month { PADDING-RIGHT: 0px; color:#eb1d00; FONT-SIZE: 14px; font-weight:bold;  }
.p0102_l {border-bottom:5px solid #c4c4c4; width:810px}
.sh_t{padding:10px; color:#666; font-size:18px; line-height:100%; font-weight:bold}

/* 회사연혁 모바일 */
.m0102{position:relative; width:100%; padding:0; margin:0}
.m0102 div.m0102title{font-size:17px; font-weight:bold; padding:15px 0}
.colorange{color:#f60}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/



/* 조직도 pc */
#chart {border:0; align:center; width:810px; height:600px; margin:0 auto; text-align:center}
.ceo {list-style-type:none; line-height:40px; font-size:30px; color:#fff; background:#6f6755; position:absolute; top:100px; left:300px; padding-top:0; width:235px; height:47px}
.c1 {font-size:20px;color:#FFF; background:#dedad3; line-height:40px; position:absolute; top:180px; left:300px; width:235px; height:47px; color:#6f6755}
.c2 {font-size:20px;color:#FFF; background:#ebe9e5; line-height:40px; position:absolute; top:260px; left:300px; width:235px; height:47px; color:#6f6755}
.c_line { background-color:#ebebeb; width:1px; height:40px; position:absolute; top:148px; left:418px}
.c_line1 { background-color:#ebebeb; width:1px; height:40px; position:absolute; top:228px; left:418px}
.c_line2 { background-color:#ebebeb; width:1px; height:40px; position:absolute; top:300px; left:418px}
.sub_wline { background-color:#ebebeb; width:590px; height:1px; position:absolute; top:340px; left:120px}
.sub_line { background-color:#ebebeb; width:1px; height:25px; position:absolute; top:340px; left:120px}
.sub_line1 { background-color:#ebebeb; width:1px; height:25px; position:absolute; top:340px; left:320px}
.sub_line2 { background-color:#ebebeb; width:1px; height:25px; position:absolute; top:340px; left:520px}
.sub_line3 { background-color:#ebebeb; width:1px; height:25px; position:absolute; top:340px; left:710px}

.a{position:absolute; top:360px; left:52px; line-height:35px; background:#fc9a00; width:144px; height:42px; color:#FFF; font-size:15px;  border:3px solid #ffd38f}
.b{position:absolute; top:360px; left:248px; line-height:35px; background:#fc9a00; width:144px; height:42px; color:#FFF; font-size:15px; border:3px solid #ffd38f}
.c{position:absolute; top:360px; left:448px; line-height:35px; background:#fc9a00; width:144px; height:42px; color:#FFF; font-size:15px; border:3px solid #ffd38f}
.d{position:absolute; top:360px; left:638px; line-height:35px; background:#fc9a00; width:144px; height:42px; color:#FFF; font-size:15px; border:3px solid #ffd38f}


.a01{position:absolute; top:415px; left:55px; background:#fff; border:2px solid #bcb5b5; width:139px; height:30px; line-height:30px}
.a02{position:absolute; top:455px; left:55px; background:#fff; border:2px solid #bcb5b5; width:139px; height:30px; line-height:30px}
.a03{position:absolute; top:495px; left:55px; background:#fff; border:2px solid #bcb5b5; width:139px; height:30px; line-height:30px}

.b01{position:absolute; top:415px; left:251px; background:#fff; border:2px solid #bcb5b5; width:139px; height:30px; line-height:30px}
.b02{position:absolute; top:455px; left:251px; background:#fff; border:2px solid #bcb5b5; width:139px; height:30px; line-height:30px}

.c_01{position:absolute; top:415px; left:451px; background:#fff; border:2px solid #bcb5b5; width:139px; height:30px; line-height:30px}
.c_02{position:absolute; top:455px; left:451px; background:#fff; border:2px solid #bcb5b5; width:139px; height:30px; line-height:30px}

.d01{position:absolute; top:415px; left:641px; background:#fff; border:2px solid #bcb5b5; width:139px; height:30px; line-height:30px}
.d02{position:absolute; top:455px; left:641px; background:#fff; border:2px solid #bcb5b5; width:139px; height:30px; line-height:30px}



/* 조직도 모바일 */
#mchart {border:0; align:center; width:100%; height:350px; margin:0 auto; text-align:center; }
.mceo {list-style-type:none; line-height:40px; font-size:30px; color:#fff; background:#6f6755; position:absolute; top:50px; left:100px; padding-top:0; width:144px; height:37px}
.mc1 {font-size:20px;color:#FFF; background:#dedad3; line-height:40px; position:absolute; top:95px; left:100px; width:144px; height:37px; color:#6f6755}
.mc2 {font-size:20px;color:#FFF; background:#ebe9e5; line-height:40px; position:absolute; top:140px; left:100px; width:144px; height:37px; color:#6f6755}

.mc_line { background-color:#ebebeb; width:1px; height:100px; position:absolute; top:85px; left:170px; z-index:-1}
.msub_wline { background-color:#ebebeb; width:260px; height:1px; position:absolute; top:185px; left:44px}

.mc_line1 { background-color:#ebebeb; width:1px; height:40px; position:absolute; top:185px; left:44px}
.mc_line2 { background-color:#ebebeb; width:1px; height:40px; position:absolute; top:185px; left:124px}
.mc_line3 { background-color:#ebebeb; width:1px; height:40px; position:absolute; top:185px; left:224px}
.mc_line4 { background-color:#ebebeb; width:1px; height:40px; position:absolute; top:185px; left:304px}


.ma{position:absolute; top:200px; left:10px; line-height:35px; background:#fc9a00; width:72px; height:42px; color:#FFF; font-size:15px;  border:3px solid #ffd38f}
.mb{position:absolute; top:200px; left:97px; line-height:35px; background:#fc9a00; width:72px; height:42px; color:#FFF; font-size:15px; border:3px solid #ffd38f}
.mc{position:absolute; top:200px; left:184px; line-height:35px; background:#fc9a00; width:72px; height:42px; color:#FFF; font-size:15px; border:3px solid #ffd38f}
.md{position:absolute; top:200px; left:272px; line-height:35px; background:#fc9a00; width:72px; height:42px; color:#FFF; font-size:15px; border:3px solid #ffd38f}


.ma01{position:absolute; top:255px; left:12px; background:#fff; border:2px solid #bcb5b5; width:65px; height:30px; line-height:30px}
.ma02{position:absolute; top:295px; left:12px; background:#fff; border:2px solid #bcb5b5; width:65px; height:30px; line-height:30px}
.ma03{position:absolute; top:335px; left:12px; background:#fff; border:2px solid #bcb5b5; width:65px; height:30px; line-height:30px}

.mb01{position:absolute; top:255px; left:99px; background:#fff; border:2px solid #bcb5b5; width:65px; height:30px; line-height:30px}
.mb02{position:absolute; top:295px; left:99px; background:#fff; border:2px solid #bcb5b5; width:65px; height:30px; line-height:30px}

.mc_01{position:absolute; top:255px; left:186px; background:#fff; border:2px solid #bcb5b5; width:65px; height:30px; line-height:30px}
.mc_02{position:absolute; top:295px; left:186px; background:#fff; border:2px solid #bcb5b5; width:65px; height:30px; line-height:30px}

.md01{position:absolute; top:255px; left:274px; background:#fff; border:2px solid #bcb5b5; width:65px; height:30px; line-height:30px}
.md02{position:absolute; top:295px; left:274px; background:#fff; border:2px solid #bcb5b5; width:65px; height:30px; line-height:30px}



/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/



/* 진행과정 pc */
.p0104 {position:relative; float:left; border:2px solid #c0c0c0; width:240px; height:110px; margin-bottom:40px}
.box {background:#ff2c2c; width:38px; height:34px; color:#FFF; margin:8px 0 0 8px; font-size:20px; line-height:30px; text-align:center; float:left}
.next {width:30px; position:relative; float:left}
.p0104_t {color:#606060; font-size:20px; line-height:230%; font-weight:bold;  float:left; position:relative; left:10px}
.p0104_c {color:#606060; font-size:13px; line-height:18px; position:relative; float:left; width:240px; margin:8px 0 0 8px}

/* 진행과정 모바일 */
.m0104{position:relative; width:95%; padding:6px}

.m0104 div.m0104_box{position:relative; width:100%; float:left;padding-top:20px;}
.m0104 div.m0104_box ul{ list-style:none; padding:3px; margin:0 10px 10px 0; width:46%; float:left; border:1px solid #ebebeb; height:80px}
.m0104 div.m0104_box ul.sul{ margin-right:0}
.m0104 div.m0104_box ul li{clear:both; width:100%; height:20px; padding-top:5px;word-break:break-all; word-spacing:-3px }
.m0104 div.m0104_box ul li.fli{ font-size:14px;}
.m0104 div.m0104_box ul li.sli{ font-size:12px; padding-top:16px; }
.m0104 div.m0104_box ul li span.redbox{position:relative; background:#C00; color:#fff; padding:10px; width:20px; height:20px}



/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/



/* 02페이지 전체 스타일 pc */
.page02 {position:relative; width:810px}
.p02 {position:relative;  float:left; width:276px; margin-left:10px}
.p02_01{position:relative; float:left; width:524px; height:309px}
.p_line{position:relative; background:#F90006; float:left; width:40px; height:5px; margin-top:10px}
.p_title {position:relative; float:left; font-size:25px; line-height:30px; color:#666; font-weight:bold; margin-top:15px; margin-left:-35px}
.p_sub{position:relative; float:left; font-size:14px; line-height:20px; color:#666}
.p_sub01{position:relative; float:left; line-height:23px; font-size:14px; font-weight:normal; width:524px; margin-top:20px}
.p02_02 {position:relative; float:left; line-height:23px; font-size:14px; font-weight:normal; width:810px; margin-left:15px}
.p02_02_m {position:absolute; float:left; line-height:23px; font-size:14px; font-weight:normal; width:810px; margin-top:320px; margin-left:10px}
#sh_page h3 { font-size:16px; color:#cb0000; }

/* 02페이지 전체 스타일 모바일 */
.m02_1{position:relative; width:95%; padding:6px; margin-bottom:10px; border-bottom:1px solid #ebebeb; height:170px}
.m02_1 div.m02_img{ width:42%; float:left; position:relative; margin-right:6px}
.m02_1 div.m02_maintxt{ width:56%; float:right; position:relative;}

.main_txt{position:relative; float:left; width:100%;}
.main_txt_title {position:relative; float:left; font-size:20px; line-height:30px; color:#666; font-weight:bold; margin-top:4px; }
.main_txt_sub{position:relative; float:left; font-size:12px; line-height:16px; color:#666}
.main_txt_sub01{position:relative; float:left; line-height:15px; font-size:12px; font-weight:normal; width:100%; margin-top:7px}
.main_txt_line{position:relative; background:#F90006; float:left; width:40px; height:5px; margin-top:10px}

.m02_2{ position:relative; width:95%; padding:6px; margin-bottom:10px; border-bottom:1px solid #ebebeb;}
.m02_3{ position:relative; width:95%; padding:6px; margin-bottom:10px; border-bottom:1px solid #ebebeb;}



/*page0101 시작*/
/*.page0101 {position:relative; width:100%; min-height:600px; font-family: 'Nanum Gothic', '나눔 고딕', '맑은 고딕', '돋움'}
.page0101 p {text-align:center; font-size:2em; color:#666; padding:10px 0}
.page0101 p strong {color:#fe9600}

.right {position:relative; min-height:300px; background-image:url(/sh_page/img/0101.jpg); background-repeat:no-repeat;  text-align:center}
.r01 {position:relative; height:120px; color:#333; font-size:1.5em; font-weight:bold; padding-top:50px; padding-bottom:20px}
.r02 {position:relative; float:left; color:#333; font-size:18px; font-weight:bold; margin-left:260px}
.r03 {position:relative; float:right; color:#333; font-size:18px; font-weight:bold; margin-right:260px}

.txt01 {font-size:1.3em; line-height:1.6em; color:#3b3b3b; position:relative; width:100%; margin-top:30px; background:#fff}
.page0101 p.t01 {font-size:2em; line-height:20px; color:#3b3b3b; font-weight:bold; text-align:right; width:100%; background:#fff}*/


/*page0101 끝*/


/*.page0102 {position:relative; width:800px; font-family: 'Nanum Gothic', '나눔 고딕', '맑은 고딕', '돋움'}
.img0102 {background-image:url(/sh_page/img/mm.png); background-position:0px 0px; width:400px; height:535px; background-repeat:no-repeat; position:relative; float:left; margin-top:50px}
.r0102 {position:relative; float:right; width:400px}
.sh_title_page02 {font-size:25px; color:#ff9600;}
.sh_month {font-size:15px; font-weight:bold; color:#9d9d9d; line-height:25px;}


.p0301 {width:800px; margin:0 auto}
.page0301 {position:relative; float:left; width:240px; height:120px; border:2px solid #c0c0c0; margin-bottom:30px; font-family: 'Nanum Gothic', '나눔 고딕', '맑은 고딕', '돋움'}
.box {width:52px; height:43px; color:#FFF; margin:8px 0 0 8px; font-size:20px; line-height:43px; text-align:center; float:left; background-image:url(/sh_page/img/mm.png); background-position:0 -533px; }
.next {width:20px; position:relative; float:left; font-size:2em; margin:50px 5px 0 5px; font-weight:bold; color:#CCC}
.p0301_t {color:#606060; font-size:1.3em; line-height:290%; font-weight:bold;  float:left; position:relative; left:10px; color:#444444; margin-top:2px;}
.p0301_c {color:#606060; font-size:1.1em; line-height:18px; position:relative; float:left; width:220px; margin:8px 0 0 8px; color:#a4a3a3;}*/