@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 {padding-bottom:30px;font-size:24px;text-align:center;letter-spacing:-0.05em;margin-top:88px}
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.2em;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;font-family:'notokr-regular'}
#page0107 span{color:#bebebe;font-size:16px}
#page0107 .m_tit{font-size:41px;letter-spacing:-0.05em;padding-bottom:17px;color:#0076d1;line-height:1.1em;padding-top:80px;font-family:'notokr-bold'}
#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}

/*페이지공통*/
#Pagecommon{font-size:16px;color:#555;line-height:26px;letter-spacing:-0.3px;font-family:'notokr-regular'}

/*회사소개*/
.p6{padding:50px 0}
.p6 .tit {font-size:28px;clor:#333;text-align:center;font-family:'notokr-bold'}
.p6 .cont {background:#fff}
.p6 .tabs_area {padding:50px 0}
.p6 .tabs_area .tabs{overflow:hidden;text-align:center}
.p6 .tabs_area .tabs li{display:inline-block;width:178px;height:40px;background:#ebebeb;border:1px solid #d5d5d5;margin-left:-5px;font-size:15px;color:#6f6f6f;letter-spacing:-0.05em;cursor:pointer;text-align:center;line-height:38px;font-family:'notokr-medium'}
.p6 .tabs_area .tabs li.first{margin-left:0}
.p6 .tabs_area .tabs li.on{background:#222;border:1px solid #222;color:#fff}
.p6 #tab1 .txt{font-size:16px;}
.p6 #tab1 .txt span{font-size:20px;color:#333;font-family:'notokr-medium'}
.p6 #tab1 .txt span .blue{color:#0076d1}
.p6 #tab1 .sign{text-align:right;color:#333;font-family:'notokr-medium'}
.p6 #tab1 .sign img{margin:0 0 0 15px}
.p6 #tab1 img{margin:0px 0 55px}
.p6 #tab2 table{border-top:2px solid #0076d1}
.p6 #tab2 .gray{color:#333;text-align:center;background:#f2f2f2;font-family:'notokr-medium'}
.p6 #tab2 img{margin:0px 0 35px}
.p6 #tab3 .tit_wrap{margin:32px 0 15px;text-align:center}
.p6 #tab3 .tit_wrap .s_tit{width:16%;margin:0 auto;margin-bottom:15px;font-size:13px;color:#fff;letter-spacing:3px;font-family:'notokr-medium';background:#34999b}
.p6 #tab3 .tit_wrap .txt{margin-bottom:17px;font-size:22px;color:#333;font-family:'notokr-bold'}
.p6 #tab3 .box_wrap{margin-bottom:60px}
.p6 #tab3 .box_wrap .box1 .tit{width:18%;padding:7px 3px;text-align:center;font-size:18px;color:#fff;background:#555 url(/sh_page/img/box_white.png) right top no-repeat}
.p6 #tab3 .box_wrap .top_box{margin-bottom:37px}
.p6 #tab3 .box_wrap2{border-top:2px solid #0076d1;margin-bottom:50px;background:url(/sh_page/img/p6_line.jpg) 189px center repeat-y,url(/sh_page/img/p34_bg.jpg) bottom center no-repeat}
.p6 #tab3 .box_wrap2 dl.dl01{margin-top:20px}
.p6 #tab3 .box_wrap2 dl{overflow:hidden;padding:28px 40px;background:url(/sh_page/img/p6_history.png) 180px 32px no-repeat}
.p6 #tab3 .box_wrap2 dl dt{font-size:33px;color:#333;float:left}
.p6 #tab3 .box_wrap2 dl dd{width:74%;float:right}
.p6 #tab3 .box_wrap2 dl dd span{margin-right:10px;color:#333;font-family:'notokr-medium'}
.p6 #tab4 .s_tit{padding:44px 0 25px;font-size:22px;color:#333;text-align:center;font-family:'notokr-medium'}
.p6 #tab4 .s_tit span{color:#0076d1}
.p6 #tab4 .dl_wrap{overflow:hidden;text-align:center}
.p6 #tab4 .dl_wrap dl{float:left;width:350px;height:230px;margin-right:9px;border:1px solid #ddd}
.p6 #tab4 .dl_wrap dl.last{margin-right:0}
.p6 #tab4 .dl_wrap dl dt{margin:37px 0 18px;font-size:22px;color:#333;font-family:'notokr-medium'}
.p6 #tab4 .dl_wrap dl dt:after{display:block;content:"";width:35px;height:2px;margin:25px auto 0;background:#0076d1}
.p6 #tab5 .s_tit{padding:44px 0 25px;font-size:22px;color:#333;text-align:center;font-family:'notokr-medium'}
.p6 #tab5 .s_tit span{color:#0076d1}
.p6 #tab5 .dl_wrap{overflow:hidden;text-align:center}
.p6 #tab5 .dl_wrap dl{float:left;width:350px;height:190px;margin-right:9px;border:1px solid #ddd}
.p6 #tab5 .dl_wrap dl.last{margin-right:0}
.p6 #tab5 .dl_wrap dl dt{margin:37px 0 18px;font-size:20px;color:#333;font-family:'notokr-medium'}
.p6 #tab5 .dl_wrap dl dt:after{display:block;content:"";width:35px;height:2px;margin:25px auto 0;background:#0076d1}
.p6 .product_li {font-size:16px}
.p6 .product_li li{background:url('/sh_page/img/product_li.png') no-repeat left 7px;padding-left:8px;margin-top:5px}
.p6 .product_btn{margin:40px 0 86px}
.p6 .product_btn a{display:inline-block;height:42px;border-radius:3px;font-size:16px;background:#0082c8;color:#fff;margin-right:4px;text-align:center;line-height:42px;behavior:url(/js/PIE.htc);position:relative}
.p6 .product_tbl{overflow:hidden;border-top:2px solid #888;margin-top:50px;padding-bottom:50px}
.p6 .product_tbl li{overflow:hidden;border-bottom:1px dotted #dedede;padding:15px}
.p6 .product_tbl dl{overflow:hidden;font-size:14px}
.p6 .product_tbl dt{float:left;clear:both;width:200px;font-weight:bold}
.p6 .product_tbl dd{float:left}
.p6 table{width:100%;margin-bottom:20px;border-collapse:collapse;color:#555;font-family:'notokr-regular'}
.p6 table tr td{border:1px solid #ddd}
.p6 table tr td.gray{width:17%;color:#333;background:#f2f2f2;text-align:center;font-family:'notokr-medium'}
.p6 .ta_s_tit{padding-bottom:5px;font-size:18px;color:#333;font-family:'notokr-medium'}
.p6 .ta_s_tit:before{display:inline-block;content:"";width:3px;height:15px;margin:0 5px -2px 0;background:#0082c8}
.p6 .cont{padding-bottom:67px}
.p6 .fir{border-top:2px solid #0082c8;background:#fff}

/*생산설비*/
.p10 .tit {font-size:28px;clor:#333;text-align:center;font-family:'notokr-bold'}
.p10 .cont {background:#fff}
.p10 .tabs_area {padding:0 0 50px}
.p10 .tabs_area .tabs2{overflow:hidden;text-align:center}
.p10 .tabs_area .tabs2 li{display:inline-block;width:235px;height:40px;background:#ebebeb;border:1px solid #d5d5d5;margin-left:-5px;font-size:15px;color:#6f6f6f;letter-spacing:-0.05em;cursor:pointer;text-align:center;line-height:38px;font-family:'notokr-medium'}
.p10 .tabs_area .tabs2 li.first{margin-left:0}
.p10 .tabs_area .tabs2 li.on{background:#222;border:1px solid #222;color:#fff}
.p10 .s_tit{margin-bottom:29px;padding:33px;border:1px solid #ddd;border-radius:2px}
.p10 #tab13 .s_txt{padding-bottom:26px;font-size:20px;color:#333;text-align:center;font-family:'notokr-medium'}
.p10 #tab13 .dl_wrap{overflow:hidden;margin-bottom:32px}
.p10 #tab13 dl{overflow:hidden;width:530px;height:130px;padding:13px 0;margin-bottom:10px;border:1px dotted #ddd}
.p10 #tab13 dl dt{float:left;width:24%;padding:20px;font-size:17px;color:#333;font-family:'notokr-medium'}
.p10 #tab13 dl dt:before{display:block;content:"";width:18px;height:2px;margin-bottom:8px;background:#0076d1}
.p10 #tab13 dl dd{float:right;width:73%;margin-top:26px;font-size:15px;}
.p10 #tab13 dl.fl{float:left}
.p10 #tab13 dl.fr{float:right}
.p10 #tab13 dl.gray{background:#f2f2f2}
.p10 #tab13 dl.fi dd{margin-top:0}

.p13 .tit {font-size:28px;clor:#333;text-align:center;font-family:'notokr-bold'}
.p13 .cont {background:#fff}
.p13 .tabs_area {padding:0 0 50px}
.p13 .tabs_area .tabs3{overflow:hidden;text-align:center}
.p13 .tabs_area .tabs3 li{display:inline-block;width:235px;height:40px;background:#ebebeb;border:1px solid #d5d5d5;margin-left:-5px;font-size:15px;color:#6f6f6f;letter-spacing:-0.05em;cursor:pointer;text-align:center;line-height:38px;font-family:'notokr-medium'}
.p13 .tabs_area .tabs3 li.first{margin-left:0}
.p13 .tabs_area .tabs3 li.on{background:#222;border:1px solid #222;color:#fff}
.p13 .s_tit{margin-bottom:29px;padding:33px;border:1px solid #ddd;border-radius:2px}
.p13 #tab13 .s_txt{padding-bottom:26px;font-size:20px;color:#333;text-align:center;font-family:'notokr-medium'}
.p13 #tab13 .dl_wrap{overflow:hidden;margin-bottom:32px}
.p13 #tab13 dl{overflow:hidden;width:530px;height:130px;padding:13px 0;margin-bottom:10px;border:1px dotted #ddd}
.p13 #tab13 dl dt{float:left;width:24%;padding:20px;font-size:17px;color:#333;font-family:'notokr-medium'}
.p13 #tab13 dl dt:before{display:block;content:"";width:18px;height:2px;margin-bottom:8px;background:#0076d1}
.p13 #tab13 dl dd{float:right;width:73%;margin-top:26px;font-size:15px;}
.p13 #tab13 dl.fl{float:left}
.p13 #tab13 dl.fr{float:right}
.p13 #tab13 dl.gray{background:#f2f2f2}
.p13 #tab13 dl.fi dd{margin-top:0}