@charset "utf-8";

@import "/_css/reset.css";
@import "/_css/style_all.css";
@import "/_css/webfont.css";
@import "/_css/font.css";
@import "/_css/form.css";
@import "/_css/button.css";

html, body {font-size:14px;}


/*HEADER ------------------------------------------------*/


#header {width:100%; z-index:10; height:90px; background-color:#FFFFFF;}

#gnb {width:100%; z-index:999; position:relative; background-color:#FFF; overflow:hidden;border-bottom:1px solid #990000; }
#gnb > #gnb_top {width:1140px; margin:0 auto; position:relative;}
#gnb > #gnb_top > #header_nav {float:left; margin:0 auto; width:240px; height:90px; overflow:hidden;}
#gnb > #gnb_top > #header_nav > #globallogo {float:left;}

#gnb > #gnb_top > #header_nav > #globallogo a {display:block;width:240px;height:90px;background:url('/images/logo.png') no-repeat left;}

/*-- gnb 상단고정 --*/
.headernav-lnb {width:100%; height:60px; background-color:#FFFFFF; z-index:100;}
.headernav-lnb.quickFixed_header {position:fixed; top:0px; width:100%;}
.headernav-lnb.quickFixed_header:after {content:"";display:block;clear:both;}
.clearFix_header {*zoom:1;}
.clearFix_header:after {content:""; display:block; clear:both;}
/*-- ~gnb 상단고정 --*/


/*-- 웹메뉴 NAVIGATION --*/

#globalnav {display:block; height:90px; position:absolute; top:0px; left:270px;}
/* Main menu */
#globalmenu {margin:0 auto; padding-top:35px;}
#globalmenu li {float:left; display:block; width:160px; position:relative;}
#globalmenu li.menu1 {width:175px;}
#globalmenu li.menu2 {width:170px;}
#globalmenu li.menu3 {width:200px;}
#globalmenu li a {margin-left:20px; color:#000000; font-size:1.35em; text-decoration: none;text-shadow: 0 1px 0 #f2f2f2;}
#globalmenu li:hover > a {color: #cc0000; border-bottom:2px solid #000;}
*html #globalmenu li a:hover {color: #cc0000;} /* IE6 */
#globalmenu li:hover > ul {display: inline-block;}

#subnav {margin-left:270px;}
#subnav div {margin:0 auto; display:none; height:100%; min-height:250px; background-color:#FFF;}
#subnav div ul {float:left; width:160px; margin-bottom:20px; padding-right:5px;  border-left:2px solid #000; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#subnav div ul li:first-child {margin-top:80px; }
#subnav div ul li {display:block; word-break:keep-all;}
#subnav div ul li a {display:block; line-height:20px; padding:5px 10px; margin-left:0px; color:#666;}
#subnav div ul li:hover a{color:#FFFFFF; background-color:#cc0033;}
#subnav > .mainnavi_sub ul.menu1 {width:175px;}
#subnav > .mainnavi_sub ul.menu2 {width:170px;}
#subnav > .mainnavi_sub ul.menu3 {width:200px;}

/*-- ~웹메뉴 NAVIGATION --*/

/* 모바일메뉴 슬라이드 (mm-member:navigation) */
nav:not(.mm-menu) {display:none; text-indent:-999px;}

.header a.a1 {display:none; text-indent:-999px;}
.header a.a2 {display:none; text-indent:-999px;}

/*-- ~Header NAVIGATION --*/

.topline {position:absolute; z-index:20; top:90px; left:0; width:100%; height:6px; border:0px solid #CCC; background:url(/images/top_bg.png) repeat-x top transparent;}

#topicon > a.glbtop {display:block; width:50px; height:50px; background:url('/images/copyicon_top.png') no-repeat center; text-indent:-999px;}

#section {width:100%; margin:0 auto; overflow:hidden;}


/*~HEADER ------------------------------------------------*/




/*MAIN SLIDE IMAGE */
#main_image {width:100%; margin:0 auto;}
.slides li {height:460px;}
.slides li.bg1 {background:url(/images/img1.jpg) repeat-x center top;}
.slides li.bg2 {background:url(/images/img2.jpg) repeat-x center top;}
.slides li.bg3 {background:url(/images/img3.jpg) repeat-x center top;}
/*MAIN SLIDE IMAGE */





/*MAIN CONTENS ------------------------------------------------*/


#main_contents {width:100%;}

.main_title {margin:0 auto; overflow:hidden; padding-bottom:40px;}
.main_title dl {margin:0 auto; width:80%; text-align:center;}
.main_title dl dt {font-size:2.05em; font-weight:bold; margin-bottom:18px; text-transform:uppercase;}
.main_title dl dd {font-size:1.1em; line-height:150%; color:#666666; margin-bottom:0px;}

/**** 주요메뉴 바로가기*/

#main_part1 {margin:0 auto; overflow:hidden; background-color:#FFF; padding:50px 0;}

#directinfo {width:1140px; margin:0 auto; overflow:hidden;}
.mdirectinfo_box {width:100%;margin:0 auto;overflow:hidden;}

.mdirectinfo_box li {float:left; width:267px; height:130px; margin-right:20px;text-align:center; word-break:keep-all; background-color:#FFFFFF;}
.mdirectinfo_box li {border:1px solid #EEEEEE; box-shadow:1px 1px 5px #EEEEEE; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;  -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;word-break:keep-all;}
.mdirectinfo_box li:last-child {margin-right:0px;}
.mdirectinfo_box li:hover {background-color:#;cursor:pointer; border:2px solid #993333; box-shadow:1px 1px 5px #e6e6e6;}
.mdirectinfo_box li a {display:block; overflow:hidden; width:100%; height:130px; color:#333333;font-size:1.25em;font-weight:normal;text-align:center;}
.mdirectinfo_box li:hover a {color:#cc0000; font-weight:normal;}
.mdirectinfo_box li span {display:block;margin:0 auto;margin-bottom:10px;width:80px;height:80px;line-height:80px;}
.mdirectinfo_box li span img {width:62px;padding-top:15px;}


/**** 제품소개 */

#main_part2 {margin:0 auto; overflow:hidden; background:#f8f8f8; padding-top:70px; padding-bottom:70px;}
.mainbox {width:1100px; margin:0 auto; overflow:hidden;}
.mainbox ul.infoPlace {overflow:hidden; margin:0 auto; text-align:center; padding:0 0%;}
.mainbox ul.infoPlace li {display:inline-block; width:22%; margin-right:3%; border-radius:16px; background-color:#FFF; border:1px solid #dcdcdc; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.mainbox ul.infoPlace li:last-child {margin-right:0%;}
.mainbox ul.infoPlace li:hover {background-color:#0099ff; -moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px; box-shadow:1px 0px 5px #dcdcdc;}
.mainbox ul.infoPlace li a dl {overflow:hidden; text-align:center; height:230px; padding:20px 10px;}
.mainbox ul.infoPlace li a {display:block;}
.mainbox ul.infoPlace li.img1 {background:url('/images/pro_img1.jpg') no-repeat bottom;}
.mainbox ul.infoPlace li.img2 {background:url('/images/pro_img2.jpg') no-repeat bottom;}
.mainbox ul.infoPlace li.img3 {background:url('/images/pro_img3.jpg') no-repeat bottom;}
.mainbox ul.infoPlace li.img4 {background:url('/images/pro_img4.jpg') no-repeat bottom;}
.mainbox ul.infoPlace li dl dt {font-size:1.45em; font-weight:bold; padding-top:10px; line-height:100%;}
.mainbox ul.infoPlace li dl dt.p1 {color:#cc6600;}
.mainbox ul.infoPlace li dl dt.p2 {color:#663333;}
.mainbox ul.infoPlace li dl dt.p3 {color:#cc6600;}
.mainbox ul.infoPlace li dl dt.p4 {color:#663333;}
.mainbox ul.infoPlace li dl dd img {height:80px; padding:10px;}
.mainbox ul.infoPlace li dl dd {font-size:1em; color:#666666; text-align:center; padding-top:10px; line-height:150%;}


/**** 회사소개 */

#main_part3 {margin:0 auto; overflow:hidden; padding-top:70px; padding-bottom:70px;}

#maincs {width:1140px; margin:0 auto; overflow:hidden; position:relative;}
.maincs_box {padding:20px 20px; margin:0 auto; overflow:hidden;}
.maincs_box li {float:left; width:275px; height:200px;}
.maincs_box li a {background-color:#FFFFFF; display:block; margin:0 auto; overflow:hidden; width:200px; height:100%; color:#666666; font-size:1em; line-height:20px; text-align:center;}
.maincs_box li span {display:block;margin:0 auto; margin-bottom:30px; width:125px; height:125px;}
.maincs_box li span {background-color:#222222; box-shadow:1px 1px 0px #FFFFFF;-moz-border-radius:125px;-webkit-border-radius:125px;border-radius:125px;word-break:keep-all;}
.maincs_box li span.bg1 {background-color:#e91818;}
.maincs_box li span:hover {box-shadow:1px 1px 5px #eeeeee; cursor:pointer;}
.maincs_box li span img {height:60px;padding-top:30px;}
.maincs_box li a p {color:#663333;font-size:1.2em; padding-bottom:20px;}
.maincs_box li:hover span {background-color:#66cc33;}
.maincs_box li:hover a p {color:#66cc33; font-weight:normal;}
.maincs_line {position:absolute; top:80px; left:0; display:block; width:100%; height:1px; border-bottom:1px solid #EEEEEE;}


/*MAIN CONTENS ------------------------------------------------*/





/* 공통 CONTENS ------------------------------------------------*/


.obj_zoom { transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transition:all 0.3s ease-in-out; /* 부드러운 모션을 위해 추가*/}
.obj_zoom:hover {transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);}
.info_topbar {border-top:2px solid #222222;}
.info_endbar {border-bottom:1px solid #222222;}
.middot {background:url('/images/common/icon_dot.gif') no-repeat 2% 50%;}

/*-- submenu 상단고정 --*/
#wrap-lnb {width:100%; overflow:hidden; margin:0 auto;}
.quickFixed {position:fixed; top:60px; }
.quickFixed:after {content:"";display:block;clear:both;}
.clearFix {*zoom:1;}
.clearFix:after {content:""; display:block; clear:both;}
/*-- submenu 상단고정 --*/


/* ~공통 CONTENS ------------------------------------------------*/





/* SUB CONTENS ------------------------------------------------*/


#sub_header {display:none;}

#sub_headertitle {display:block; margin:0 auto; overflow:hidden; text-align:right; width:700px; height:100px; padding:10px; margin-top:50px; position:relative; background-color:rgba(255,255,255,0); word-break:keep-all;}
#sub_headertitle > h1 {display:inline-block; min-height:40px; line-height:40px; padding:10px 0; color:#FFFFFF; text-align:right; font-weight:normal; font-size:2.25em; letter-spacing:-1px; text-shadow:1px 1px 0px #666; border-bottom:2px solid #FFFFFF;}
#sub_headertitle > h2 {display:block; min-height:20px; line-height:20px; padding:10px 0; color:#EEEEEE; text-align:right; font-weight:300; font-size:1.1em; letter-spacing:-1px;}
.sub_headertitle_point {position:absolute; top:0; right:0; display:block; width:10px; height:10px; background-color:#66cc00; box-shadow:1px 1px 0px #666;}

#sub_wrap {width:100%; margin:0 auto; overflow:hidden;}

.subtitle {margin:0 auto; overflow:hidden; text-align:center; padding-top:20px;}
.subtitle dl {border-bottom:0px solid #EEE; background-color:#FFF; padding:0px;}
.subtitle dt {font-size:1.95em; font-weight:normal; padding:20px; color:#000000;}
.subtitle dd {display:none;font-size:1.05em; line-height:150%; color:#666666;}
.subtitle p.subtitle_icon {margin:0 auto; display:block; width:30px; height:2px; border-top:2px solid #666666; margin-bottom:50px;}

.subtabname {margin:0 auto; overflow:hidden; text-align:center; padding-top:20px;}
.subtabname dl {border-bottom:0px solid #EEE; background-color:#FFF; padding:0px;}
.subtabname dt {font-size:1.95em; font-weight:normal; padding:20px; color:#000000;}
.subtabname dd {display:none;font-size:1.05em; line-height:150%; color:#666666;}
.subtabname p.subtabname_icon {margin:0 auto; display:block; width:30px; height:2px; border-top:2px solid #666666; margin-bottom:50px;}

.section {margin:0 auto; overflow:hidden; font-size:1em; line-height:150%; padding-bottom:80px;} /*전체영역일경우*/
.subsection {width:1140px; margin:0 auto; overflow:hidden; font-size:1em; line-height:150%; margin-top:0px; padding-bottom:80px;} /*특정사이즈일경우*/
.subsection .subcontents {margin-top:30px;}

.sub_desc {padding-bottom:0px; word-break:keep-all; min-height:25px; line-height:25px;}
.sub_desc strong {color:#cc0000;}
.sub_desc p {color:#2a3866; font-size:1.1em;}
.sub_desc p.t1 {color:#2a3866; font-size:1em;}

.subcon_title {display:block;color:#cc0000;text-align:center;font-size:1.65em;font-weight:600;padding:50px 0;}
.subcon_title span {display:block;margin:0 auto;width:1px;height:50px;border-left:2px solid #000;margin-bottom:20px;}


/*-- submenu --*/

#subcc_category {margin:0 auto; overflow:hidden;}
#subcc_paging {width:1140px; margin:0 auto; overflow:hidden; margin-bottom:30px;}

.subpaging {margin:0 auto; overflow:hidden; text-align:center; background-color:#FFFFFF; border-bottom:1px solid #eeeeee;}
.subpaging:after {content:""; display:block; clear:both;}
.subpaging ul {display:table; overflow:hidden; margin:0 auto; text-align:center; word-break:keep-all;}
.subpaging ul li {overflow:hidden; display:table-cell; padding:10px 0; min-width:180px; vertical-align:middle; color:#373737; height:33px; line-height:22px; background-color:#FFFFFF; cursor:pointer; border-right:1px solid #FFFFFF; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.subpaging ul li:last-child {border-right:0px;}
.subpaging ul li.over {color:#000000; font-size:1.25em; border-bottom:2px solid #000;}
#subcc_paging a {color:#FFF;}

.subpaging_m {display:none; text-indent:-999px;}

.submenu {margin:0 auto; overflow:hidden; width:1140px; background-color:#F2F2F2; margin-top:50px;}
.submenu > ul {overflow:hidden; margin:0 auto; text-align:center;}
.submenu > ul > li {float:left; width:25%; height:40px; line-height:40px; color:#999999; text-align:center; font-size:1.05em; cursor:pointer;}
.submenu > ul > li.col2 {float:left; width:50%; height:40px; line-height:40px; color:#999999; text-align:center; font-size:1.05em;}
.submenu > ul > li.col6 {float:left; width:15%; height:40px; line-height:40px; color:#999999; text-align:center; font-size:1.05em;}
.submenu > ul > li.over {color:#FFFFFF; background-color: #222222;}
.submenu > ul > li:hover {color:#FFFFFF; background-color: #222222;}

/*-- submenu --*/


.sub_Sname {overflow:hidden; margin:0 auto;}
.sub_Sname span.bar {display:block; width:10px; height:10px; border-top:10px solid #CC0000; padding-bottom:0px;}
.sub_Sname h1 {float:left; color:#000000; font-size:1.85em;font-weight:300; line-height:40px;}
.sub_Sname h2 {float:left; color:#666666; line-height:40px; margin-left:20px;}

.subtitle1 {font-weight:normal; font-size:1.35em; height:40px; color:#333; padding:20px 0 0 0; margin-bottom:2px;}

.subtitle2 {padding:10px 0;}
.subtitle2 p {display:block; font-size:1.35em; padding-bottom:20px;}
.subtitle2 p strong {display:block; font-size:0.85em; color:#666666; margin-top:5px;}
.subtitle2 span.bar {display:inline-block; width:10px; border-top:10px solid #cc0033; margin-right:10px;}

.innerCom_L {float:left; width:15%; padding-right:5%;}
.innerCom_R {float:left; width:80%;}
.innerCom_L span.bar {display:block; width:10px; height:10px; border-top:10px solid #cc0033; padding-bottom:0px;}
.innerCom_L h1 {color:#000000; font-size:1.95em;font-weight:300; line-height:50px; word-break:keep-all;}
.innerCom_L h1.kor {color:#000000; font-size:1.8em;font-weight:300; line-height:40px; word-break:keep-all; letter-spacing:-1px;}
.innerCom_L h2 {color:#666666; font-size:1.2em;}



/*--------- 1_Company ---------*/

.sub_company {width:1140px; margin:auto 0; overflow:hidden;}

.midsection {display:block; width:100%; border-bottom:1px solid #EEEEEE;  padding-bottom:50px; margin-bottom:50px;}


/*1.greetings*/

.about_ceo {float:left; width:400px;}
.about_ceo img {width:300px;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:30px;}

.about_desc {float:left; width:740px;}
.about_desc > ul {overflow:hidden; word-break:keep-all;}
.about_desc > ul > li {line-height:150%; text-align:left; font-size:1.1em; margin-bottom:25px;}
.about_desc > ul > li:nth-child(2) {color:#cc0000;}
.about_desc > ul > li:nth-child(3) {text-align:right;}

/*1.greetings*/


/*2.Overview*/

.subOverview {margin:0 auto; overflow:hidden;}

.subOverview .infoPlace {overflow:hidden; margin:0 auto; text-align:center; padding-bottom:30px;}
.subOverview .infoPlace li {display:inline-block; width:22.5%; padding:0%; margin:1%; min-height:200px; background-color:#f7f7f7;}
.subOverview .infoPlace li:hover {background-color:#faeef1; color:#CC0000;}
.subOverview .infoPlace li img {padding-top:30px;}

.overview_dt {overflow:hidden; margin:auto; height:100px; display:block; padding-top:20px; padding-bottom:20px; text-align:center;}
.overview_dt > dt {color:#666666; font-size:1.05em; font-weight:300;}
.overview_dt > dd {color:#333333; font-size:1.2em; font-weight:700; padding-top:5px; line-height:150%;}
.overview_dt > dd span {color:#333333; font-size:0.9em; font-weight:300; padding-top:5px; line-height:150%;}

/*overview-agency*/
.subComp {overflow:hidden; margin:0 auto; padding-bottom:50px;}
.subComp .infoPart {float:left; width:50%; margin:auto; overflow:hidden; padding-bottom:20px; min-height:240px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.subComp .infoPart:nth-child(2n+1) {border-right:1px solid #EEEEEE;}
.subComp .infoTab {display:block;}
.subComp .infoTab h4 {border:1px solid #CCC; font-size: 1.15em;text-align:center;padding:20px; color: #000000;font-weight:bold;margin:auto;margin-bottom:30px;}
.subComp .infoTab h4 {background-color:#F5F5F5; -moz-border-radius:50px;-webkit-border-radius:50px; border-radius:50px;}
.subComp .infoTab {width:85%; margin:auto; overflow:hidden; word-break:keep-all;}
.subComp .infoTab > dl {overflow:hidden; display:block; line-height:30px;}
.subComp .infoTab > dl > dt {float: left; color:#000; font-size:1.15em;}
.subComp .infoTab > dl > dd {padding-left: 100px;}
.subComp .infoTab > dl > dd > a:hover {color:#ff6600;}
/*overview-agency*/

/*history*/
.sub_hisyear {margin:0 auto; overflow:hidden; padding-bottom:50px;}
.sub_hisyear .infoPlace {text-align:center; padding:10px;}
.sub_hisyear .infoPlace a {font-size:1.25em; font-weight:bold;  line-height:40px; padding:10px 20px; background-color:#F5F5F5; -moz-border-radius:50px;-webkit-border-radius:50px; border-radius:50px;}

.sub_history {width:100%; margin:0 auto; text-align:center;}
.sub_history > ul > h4 {width:300px; border:0px solid #CCC; font-size:1.75em; text-align:center; padding:20px; color:#000000; font-weight:bold; margin:auto;}
.sub_history > ul {overflow:hidden; margin:0 auto; text-align:center;}
.sub_history > ul > li {overflow:hidden; background:url('/images/subimg/history_line.gif') repeat-y center; padding-top:40px;}
.sub_history > ul > li.blank {padding-bottom:0px;}
.sub_history > ul > li.longleng {min-height:200px;}
.sub_history > ul > li > div.historyImg {float:left; width:42%; overflow:hidden; display:block;}
.sub_history > ul > li > div.historyImg img {width:250px;}
.sub_history > ul > li > div.historyPoint {float:left; width:16%;}
.sub_history > ul > li > div.historyPoint h3 {background:url('/images/common/line_SSS.png') repeat right #FFFFFF;  border:3px solid #CCCCCC;  -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px; width:100px; height:100px; line-height:96px; font-size:1.4em; text-align:center; color:#000000; font-weight:bold; margin:auto; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.sub_history > ul > li > div.historyTex {float:left; width:42%; padding-top:10px; overflow:hidden;}
.sub_history > ul > li > div.historyTex > ul {overflow:hidden; text-align:left; min-height:90px; padding-bottom:10px;}
.sub_history > ul > li > div.historyTex > ul.last {padding-bottom:50px;}
.sub_history > ul > li > div.historyTex > ul > li {text-align:left; font-size:1.05em; color:#666666; line-height:28px;}
.sub_history > ul > li > div.historyTex > ul > li span {display:inline-block; width:30px;}
.sub_history > ul > li > div.historyTex > ul > li > p {font-size:1em; font-weight:bold; color:#663333;}
.sub_history > ul > li > div.historyTex > ul.history_left {overflow:hidden; display:block; text-align:right; min-height:60px; padding-bottom:10px;}
.sub_history > ul > li > div.historyTex > ul.history_left > li {text-align:right; font-size:1.05em; color:#666666; line-height:28px;}
.sub_history > ul > li > div.historyTex > ul.history_left > li span {float:right; display:inline-block; width:30px;}
/*history*/

/*2.Overview*/


/*3.Qs*/
.sub_qs {margin:auto; overflow:hidden; }
.qs_innerbox {overflow:hidden; margin:0 auto; padding-bottom:60px;}
.qs_innerbox:last-child {padding-bottom:0px;}
.qs_box {overflow:hidden;margin:0 auto;}
.qs_box > li {float:left; width:47%; border:1px solid #e8e8e8; padding:20px;text-align:center;margin-right:6%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; position:relative;}
.qs_box > li:nth-child(2) {margin-right:0px;}
.qs_box > li > div.goicon {display:block; width:70px; height:70px; position:absolute; bottom:0; right:0;}

.qs_box > li > dl {margin:0 auto; overflow:hidden;}
.qs_box > li > dl > dt {padding:0 50px; width:280px; height:400px;}
.qs_box > li > dl > dt img {width:100%; height:auto; z-index:99px;}
.qs_box > li > dl > dd {background:url('/images/common/icon_arrow_down_over.gif') 80% 50% no-repeat #faf8f8; background-size:30px;}
.qs_box > li > dl > dd {border:1px solid #EEEEEE; box-shadow:1px 1px 5px #EEEEEE; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.qs_box > li > dl > dd a {display:block; width:100%; height:40px; line-height:40px; font-size:1.1em; font-weight:bold;}
/*3.Qs*/

/*4.BusItem*/
.subProcess {background-color:#f5f6f6; padding:40px 0;}
.subProcess div.top {font-size:2.75em; color:#cc0000; font-weight:100; text-align:center; padding:20px 0;}
.subProcess div.end {font-size:1.2em; color:#333; font-weight:300; text-align:center; padding:20px 0;}
.subProcess div.end p {color:#cc0000; font-weight:600; text-align:center;}
.process {width:1140px;margin:0 auto;overflow:hidden; padding-top:30px; word-break:keep-all;}
.process .process_inner2 {width:100%;margin:0 auto;overflow:hidden; text-align:center; padding:15px 0;  word-break:keep-all; }
.process .process_inner2 li {overflow:hidden; display:inline-block; width:30%; margin:1%; min-height:160px; vertical-align:top; padding:15px 0; background-color:#FFFFFF;}
.process .process_inner2 li.step {-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; border-right:1px solid #999999; border-bottom:3px solid #999999;}
.process .process_inner2 li.step h1 {color:#000; font-size:1.35em; font-weight:300; padding:20px; line-height:30px;}
.process .process_inner2 li.step img {padding:20px;display:none;}
.process .process_inner2 li.step p {width:42%; float:left; color:#666666;font-size:1em;font-weight:100; padding:0 2%; word-break:keep-all;}
.process .process_inner2 li.arrow {width:2%; margin:0.5% 2px;}
/*4.BusItem*/


/*5.map*/
.sub_contact {width:1140px; margin:0 auto; overflow:hidden;}
.sub_contact .infoPlace {overflow:hidden; margin:0 auto; padding:30px;}
.sub_contact .infoPlace li {display:block; padding:0 2%; background-color:#f8f8f9;}
.sub_contact .infoPlace li dl {padding:20px 10px; min-height:45px;}
.sub_contact .infoPlace li dl dt {float:left; display:block; width:60px; height:60px;}
.sub_contact .infoPlace li dl dt.bg1 {background:url('/images/subimg/contact_icon1.png') no-repeat center #cc0033; background-size:50px; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; text-indent:-999px;}
.sub_contact .infoPlace li dl dt.bg2 {background:url('/images/subimg/contact_icon2.png') no-repeat center #cc0033; background-size:50px; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; text-indent:-999px;}
.sub_contact .infoPlace li dl dd {padding-left:80px; padding-top:5px; font-size:1.05em; color:#333333; word-spacing:0px; letter-spacing:0px;}
.sub_contact .infoPlace li dl dd span.space {display:inline-block; width:20px; height:12px;}
.sub_contact .sub_map {display:block; text-align:center;}
.sub_contact .sub_mapment {display:block; padding:20px 0; text-align:center; -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; background:url('/images/common/line_SSS2.png') repeat #F5F5F5;}
/*5.map*/


/*--------- ~1_Company ---------*/



/*--------- 2_Product ---------*/

.proSubtab2 {display:block; overflow:hidden;}
.proSubtab2 p {display:inline-block; min-width:20%; padding:5px 20px; border:0px; margin-top:30px; margin-bottom:30px; color:#333; font-size:1.1em; font-weight:bold;}
.proSubtab2 p.gray2 {border-right:2px solid #666;border-left:2px solid #666; line-height:40px; height:40px; -moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px; background-color:#EEE;}
.proSubtab p.gray {
	-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
	border:0px solid #8C8C8C; padding:3px 5px 4px 5px; color:#000000; text-shadow:1px 1px 1px #FFFFFF;font-size:1em;margin:0;font-weight:normal;font-family:"Nanum Gothic","돋움";
	background: #D5D5D5; /* Old browsers */
}

.pro_img {text-align:center;}
.ment_right {display:block; font-size:1em; font-weight:100; text-align:right; padding:10px;}
.pro_ment {display:block; font-size:1em; font-weight:100; padding:5px; color:#666; line-height:22px;}
.pro_ment span {display:inline-block; width:50px; color:#000;}

.pro_info {width:1140px; margin:0 auto; overflow:hidden; padding-bottom:50px;}

.pro_info > .proView {margin:0 auto; overflow:hidden;}
.pro_info > .proView > .pro_cover {float:left; text-align:center; width:45%; padding-top:0px;}
.pro_info > .proView > .pro_cover img {}
.pro_info > .proView > .pro_detail {float:left; width:55%; word-break:keep-all;}
.pro_info > .proView > .pro_detail p.ptitle {color:#cc0033; font-weight:bold; font-size:2.55em; min-height:35px; line-height:35px; padding-bottom:40px;}
.pro_info > .proView > .pro_detail p.ptitle2 {color:#cc3333; font-weight:bold; font-size:2.55em; min-height:35px; line-height:35px; padding-bottom:40px;}
.pro_info > .proView > .pro_detail p.pdesc {font-size:1.05em; color:#666666; font-weight:300; line-height:25px; padding-bottom:10px;}
.pro_info > .proView > .pro_detail strong {display:block; font-size:1.15em; color:#cc0033; padding-top:10px;}

.pro_info > .proViewbox {margin:0 auto; overflow:hidden;}
.pro_info > .proViewbox > .pro_cover {float:left; width:60%; padding-top:0px;}
.pro_info > .proViewbox > .pro_detail {float:left; width:40%; word-break:keep-all;}
.pro_info > .proViewbox > .pro_detail p.ptitle {color:#cc0033; font-weight:bold; font-size:2.55em; min-height:35px; line-height:35px; padding-bottom:40px;}
.pro_info > .proViewbox > .pro_detail p.ptitle2 {color:#cc3333; font-weight:bold; font-size:2.55em; min-height:35px; line-height:35px; padding-bottom:40px;}
.pro_info > .proViewbox > .pro_detail p.pdesc {font-size:1.05em; color:#666666; font-weight:300; line-height:25px; padding-bottom:10px;}
.pro_info > .proViewbox > .pro_detail strong {display:block; font-size:1.15em; color:#cc0033; padding-top:10px;}

.pro_info .prodesc {overflow:hidden; line-height:24px; padding-bottom:20px; word-break:keep-all;}
.pro_info .prodesc h1 {text-align:center; line-height:30px; color:#000000; font-size:1.1em; font-weight:700; padding:10px;margin:10px;}
.pro_info .prodesc h1 {-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:100px; background:url('/images/common/line_SSS2.png') repeat #eeeeee;}

.pro_info .proserDiv {width:100%; margin:0 auto; overflow:hidden;}
.pro_info .proserDiv li {float:left; width:50%;vertical-align:top; padding:15px 0;min-height:140px; margin-bottom:25px; border-right:1px dashed #eeeeee; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.pro_info .proserDiv li:last-child {margin-right:0%; border-right:0px dashed #eeeeee;}
.pro_info .proserDiv li.d1 {width:30%; margin-right:5%;}
.pro_info .proserDiv li.d2 {width:65%;}
.pro_info .proserDiv li.d3 {width:35%; margin-right:5%;}
.pro_info .proserDiv li.d4 {width:60%;}

.proflow {margin:0 auto; overflow:hidden;}
.proflow li {float:left; width:32%; margin-right:2%; vertical-align:top; padding:15px 0;min-height:70px; margin-bottom:25px; border-right:1px dashed #eeeeee; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.proflow li:last-child {margin-right:0%; border-right:0px dashed #eeeeee;}

.proflow2 {margin:0 auto; overflow:hidden;}
.proflow2 li {float:left; width:12.5%; vertical-align:top; padding:15px 0;min-height:80px; margin-bottom:25px; border-right:1px dashed #eeeeee; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.proflow2 li:last-child,.proflow2 li.last {margin-right:0%; border-right:0px dashed #eeeeee;}


dl.proList2 {overflow:hidden; min-height:20px;word-break:keep-all;}
dl.proList2 dt {color:#333333;font-size:1.05em;font-weight:bold; margin-bottom:10px;}
dl.proList2 dt h1 {float:left; width:20px; font-size:1.25em; color:#CCC; font-weight:100;}
dl.proList2 dd {padding-left:20px;font-size:0.95em; line-height:25px;}

dl.proList1 {padding:10px 40px; overflow:hidden; word-break:keep-all;}
dl.proList1 dt {color:#333333;font-size:1.05em;font-weight:bold; margin-bottom:10px;}
dl.proList1 span {float:left; width:20px; font-size:1.2em; color:#CCC;font-weight:normal;}
dl.proList1 dd {font-size:0.95em; line-height:30px;}

.proSubtab {overflow:hidden; display:block; margin:0 auto; padding:0 10px;}
.proSubtab p {display:inline-block; padding:0 20px; border:0px; margin-top:20px; margin-bottom:20px;}
.proSubtab p.red {text-align:center; color:#000000; font-size:1.05em;font-weight:bold; border-right:2px solid #cc0033;border-left:2px solid #cc0033; line-height:40px; height:40px; -moz-border-radius:40px;-webkit-border-radius:40px;border-radius:10px;  background-color:#EEE;}
.proSubtab p.gray {text-align:center; color:#000000; font-size:1.05em;font-weight:bold; border-right:2px solid #333;border-left:2px solid #333; line-height:40px; height:40px; -moz-border-radius:40px;-webkit-border-radius:40px;border-radius:10px;  background-color:#EEE;}

.probox_inner {margin:0 auto; overflow:hidden; padding-bottom:30px;word-break:keep-all;}

.probox_inner .proList3 {margin:0 auto; overflow:hidden; padding:0 80px;}
.probox_inner .proList3 li {overflow:hidden;vertical-align:top; padding-top:10px;}
.probox_inner .proList3 li p {float:left; display:block;}
.probox_inner .proList3 li p.p1 {width:20%; text-align:center; color:#333;font-size:1.15em;font-weight:bold; border-right:2px solid #666;border-left:2px solid #666; line-height:40px; height:40px; -moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px; background-color:#EEE;}
.probox_inner .proList3 li p.p2 {width:75%;padding-left:30px;  line-height:40px;}

dl.proinfobox {overflow:hidden;}
dl.proinfobox dt {float:left; width:30%; padding:0 3%;}
dl.proinfobox.rr {padding-right:0%;}
dl.proinfobox dd {float:left; width:58%; padding:0 3%;}

.pro_data1 {overflow:hidden; margin:0 auto; padding-bottom:50px; word-break:keep-all;}
.pro_data1 a > dl {display:inline-block; text-align:center; width:22%; padding:1%; overflow:hidden; vertical-align:top; margin-bottom:50px;}
.pro_data1 a > dl > dt { font-size:1.05em; line-height:20px;}
.pro_data1 a > dl > dt > p {color:#663333; font-weight:bold; padding:10px 5px; margin-bottom:20px; background-color:#F5F5F5; -moz-border-radius:50px;-webkit-border-radius:50px; border-radius:50px;}
.pro_data1 a > dl > dd {padding:10px 20px; line-height:30px; font-size:1em; margin-bottom:0px;}

/*--------- ~2_Product ---------*/


/*--------- 3_Posco ---------*/
.resultlist {width:100%; border-top:2px #000000 solid; border-bottom:1px solid #DFDFDF;}
.resultlist .resultlist_title {clear:both; display:block; overflow:hidden; border-top:1px solid #222222;}
.resultlist .resultlist_title li {float:left; text-align:center; padding:15px 0; background-color:#f3f3f7; text-transform:uppercase;}
.resultlist ul li.d1 {width:10%;}
.resultlist ul li.d2 {width:40%; text-align:left;}
.resultlist ul li.d3 {width:10%;}
.resultlist ul li.d4 {width:15%;}
.resultlist ul li.d5 {width:15%;}
.resultlist ul li.d6 {width:10%;}

.resultlist .resultdata {overflow:hidden; border-bottom:1px solid #e8e8e8; padding:15px 0;}
.resultlist .resultdata li {float:left; height:50px; margin-top:15px; line-height:25px; text-align:center; font-weight:normal; color:#222222;}
.resultlist .resultdata li.modi {margin-top:25px;}
.resultlist .resultdata li div {display:none;text-indent:-999px;}

.supplylist {width:100%; border-top:2px #000000 solid; border-bottom:1px solid #DFDFDF;}
.supplylist .supplylist_title {clear:both; display:block; overflow:hidden; border-top:1px solid #222222;}
.supplylist .supplylist_title li {float:left; text-align:center; padding:5px 0; background-color:#f3f3f7; text-transform:uppercase; height:60px; line-height:30px;}
.supplylist .supplylist_title2 {position:absolute; display:block; overflow:hidden; width:25%; height:20px; top:40px; left:0px;}
.supplylist .supplylist_title2 li {float:left; text-align:center; text-transform:uppercase; border-top:1px dotted #DFDFDF;}
.supplylist ul li.tt1 {width:50%;}
.supplylist ul li.tt2 {width:50%;}
.supplylist ul li.tt12 {width:25%;}
.supplylist ul li.tt3 {width:30%; line-height:60px; text-align:left;}
.supplylist ul li.tt4 {width:25%; line-height:60px; text-align:left;}
.supplylist ul li.tt5 {width:10%; line-height:60px;}
.supplylist ul li.tt6 {width:10%; line-height:60px;}
.supplylist ul li.dd1 {width:10%;}
.supplylist ul li.dd2 {width:15%;}
.supplylist ul li.dd3 {width:30%; text-align:left;}
.supplylist ul li.dd4 {width:25%; text-align:left;}
.supplylist ul li.dd5 {width:10%;}
.supplylist ul li.dd6 {width:10%;}

.supplylist .supplydata {overflow:hidden; border-bottom:1px solid #e8e8e8; padding:15px 0;}
.supplylist .supplydata li {float:left; min-height:50px; margin-top:5px; line-height:25px; text-align:center; font-weight:normal; color:#222222;}
.supplylist .supplydata li.modi {margin-top:5px;}
.supplylist .supplydata li p.tabtitle {text-align:left; padding-bottom:5px; color:#000000; font-size:1.05em;}
.supplylist .supplydata li p span {padding-right:10px ; color:#999999; font-size:0.9em;}
.supplylist .supplydata li p.tabdata {text-align:left;}
.supplylist .supplydata li p.blank {padding-left:20px;}
.supplylist .supplydata li div.mb_tab {display:none; text-indent:-999px;}
.supplylist .supplydata li p span.blank {display:block; width:10px; height:20px; clear:both;}

.supplylist .supplydata li p {display:block;}
.supplylist .supplydata li p.name1 { text-align:center;  font-size:1.05em; font-weight:bold; padding:10px;color:#ff6600; border-right:2px solid #ff6600;border-left:2px solid #ff6600; line-height:22px; min-height:10px; -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.supplylist .supplydata li p.name2 { text-align:center;  font-size:1.05em; font-weight:bold; padding:10px;color:#006600; border-right:2px solid #006600;border-left:2px solid #006600; line-height:22px; min-height:10px; -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}

.viewicon {display:block; float:right; bottom:0; right:0;position:absolute;width:45px; height:45px; background:url('/images/common/icon_view.png') right bottom no-repeat; background-size:cover; cursor:pointer; }
.viewicon img {width:100%; height:100%;}
.poscobox {border:1px solid #EEE;}

/*--------- ~3_Posco ---------*/


/*--------- 4_Design ---------*/

/*(web)*/
.servbox_table_web {margin:0 auto;}

/*(mobile)*/
.servbox_table_mb {display:none;}

.servbox_table {display:block; width:100%; border-top:1px solid #cc3333;}
table.servtable {border-width:0px;border-top:1px solid #cc3333;}
.servtable tr {border:0px; height:20px; padding:0px 10px; text-align:center;}
.servtable tr th {border-top:0; height:20px; background-color:#f5eaea; color:#993333;}
.servtable tr td {border-top:0;}
.servtable tr td.td {background-color:#f7f7f7;}
.servtable tr th:first-child, .servtable tr td:first-child {border-left:0px solid #e8e8e8;}
.servtable tr th:last-child, .servtable tr td:last-child {border-right:0px solid #e8e8e8;}

.design_data1 {overflow:hidden; margin:0 auto; padding-bottom:50px; word-break:keep-all;}
.design_data1 > dl {display:inline-block; width:31%; padding:1%; overflow:hidden; vertical-align:top; margin-bottom:50px;}
.design_data1 > dl.wide {width:64%;}
.design_data1 > dl.wide2 {width:98%;}
.design_data1 > dl > dt {text-align:center; font-size:1.15em; line-height:20px; padding:15px; margin-bottom:20px; background-color:#F5F5F5; -moz-border-radius:50px;-webkit-border-radius:50px; border-radius:50px;}
.design_data1 > dl > dt > p {color:#663333; font-weight:bold;}
.design_data1 > dl > dd {padding:10px 20px; line-height:30px; text-align:left; font-size:1em; margin-bottom:0px;}

.subSer {margin:0 auto; overflow:hidden; padding-bottom:50px;}

.servtitle {margin:0 auto; overflow:hidden; border-bottom:1px solid #eeeeee;}
.servtitle span.bar {float:left; width:7px; height:7px; border-top:7px solid #fe3000; margin-right:20px;}
.servtitle h1 {float:left; width:20px; text-align:right; color:#666666; font-size:1.8em;font-weight:100; height:50px; line-height:20px; padding-right:20px;}
.servtitle h2 {float:left; font-size:1.2em;font-weight:bold; height:50px; line-height:20px;}
.servbox {padding:30px 0; overflow:hidden; padding-bottom:0px;}

.servdesc {overflow:hidden; line-height:24px; padding-bottom:20px; word-break:keep-all;}
.servdesc h1 {color:#000000; font-size:1.15em; font-weight:bold; padding-bottom:15px;}

.servdesc p {overflow:hidden; float:left; width:20%; padding:5px 20px; margin-right:5%;}
.servdesc p span.pbar{width:5px; height:15px; border-top:2px solid #000;}
.servdesc p {font-size:1.05em; color:#002a54; font-weight:bold; min-height:20px; line-height:20px; margin-bottom:20px;}
.servdesc p {border:1px solid #002a54; box-shadow:1px 1px 0px #eeeeee; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; -moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;word-break:keep-all;}
.servdesc p span {font-size:0.95em; color:#666666; margin-bottom:20px;}

.serment {float:right; text-align:center; width:60%; color:#CC0000; padding:10px;}
.serment2 {color:#666666; padding:10px;}

.serv_list1 {padding:0px 0; overflow:hidden; word-break:keep-all;}
.serv_list1 dt {padding-right:5%; padding-bottom:15px;}
.serv_list1 dd {color:#666666;}


.serDiv {margin:0 auto; overflow:hidden;}
.serDiv li {float:left; width:48%; margin-right:2%; vertical-align:top; padding:15px 0;min-height:140px; margin-bottom:25px; border-right:1px dashed #eeeeee; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.serDiv li:last-child {margin-right:0%; border-right:0px dashed #eeeeee;}

.servflow1 {margin:0 auto; overflow:hidden;}
.servflow1 li {float:left; width:32%; margin-right:2%; vertical-align:top; padding:15px 0;min-height:140px; margin-bottom:25px; border-right:1px dashed #eeeeee; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.servflow1 li:last-child {margin-right:0%; border-right:0px dashed #eeeeee;}
.servflow1 li img {width:100%;}
dl.servPlace1 {overflow:hidden; min-height:20px;word-break:keep-all;}
dl.servPlace1 dt {color:#333333;font-size:1.05em;font-weight:bold; margin-bottom:10px;}
dl.servPlace1 dt h1 {float:left; width:20px; font-size:1.2em; color:#CCC;font-weight:normal;}
dl.servPlace1 dd {padding-left:20px;font-size:0.95em; line-height:20px;}

/*--------- ~4_Design ---------*/



/*--------- 5_Cscenter ---------*/

.yak_email {background-color:#EEEEEE; border:0px solid #EEE; padding:30px; text-align:center; font-size:1.25em; line-height:160%; color:#000000; margin-bottom:50px;}
.yak_email p{font-size:1em; font-weight:300; padding:10px 0; color:#666666;}
.yak_text {overflow:hidden; font-size:1em; line-height:160%; color:#666666;}
.yak_pri {padding-top:30px;}
.yak_pri p {font-size:1.25em; color:#000000; padding:10px 0; border-bottom:0px solid #EEEEEE; margin:10px 0;}
.yak_pri .yak_subtext {border:1px solid #CCCCCC; padding:20px; font-size:1em; line-height:160%; color:#666666;  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; margin-bottom:30px;}

/* _Inquiry */

#inquiryframe {margin:0 auto; overflow:hidden; padding-top:50px;}

#inquiryframe div.inquiry_form {float:left; width:70%; overflow:hidden;margin-right:5%;}
#inquiryframe div.inquiry_cs {float:left; width:25%; overflow:hidden;}
.inquiry_cs ul.infoPlace {overflow:hidden; margin:0 auto;}
.inquiry_cs ul.infoPlace li {overflow:hidden; padding:20px 0;}
.inquiry_cs ul.infoPlace li p {float:left; display:block; width:75px;}
.inquiry_cs ul.infoPlace li p img {width:35px; height:35px; padding:0 10px;}
.inquiry_cs ul.infoPlace li dl {float:left; width:210px;}
.inquiry_cs ul.infoPlace li dl dt {font-size:1.35em; color:#343e4c; padding-bottom:10px;}
.inquiry_cs ul.infoPlace li dl dd {font-size:1em; line-height:150%; color:#666666; word-break:keep-all;}
.inquiry_cs ul.infoPlace li dl dd strong {color:#9e002e;}

div.inquiry_alert {overflow:hidden; padding-top:50px;}


/* 일반입력폼 (회원가입, 고객문의) */

.applyform caption {text-align:left; padding-bottom:10px; font-weight:normal; font-size:1.2em; color:#222; line-height:150%;}
table.applyform {border-width:0px 0 0px 0; border-color:#cfd1d6; border-style:solid;}
.applyform tr {}
.applyform th {width:160px; font-weight:normal; color:#777777; border-width:0px; text-align:left; padding:7px 25px; height:32px; border-right:0px solid #DFDFDF; border-bottom:1px solid #DFDFDF; background:#FFF; font-size:1em;}
.applyform th p {float:left; }
.applyform th p.show {padding-left:1px;font-weight:normal;color:#999; display:inline-block;}
.applyform th p.hide {padding-left:1px;font-weight:normal;color:#999; display:inline-block; text-indent:-9999px;}
.applyform th.required {font-weight:normal; background:url('/images/common/reqcheck_y.png') no-repeat right; background-color:#FFF;}
.applyform th[required] {font-weight:normal; background:url('/images/common/reqcheck_y.png') no-repeat right; background-color:#FFF;}
.applyform td {font-weight:normal; padding:7px 20px; height:32px; font-size:0.95em; line-height:150%; border-bottom:1px solid #DFDFDF; border-right:0px;}
.applyform .rline {border-right:1px solid #DFDFDF;}
.applyform .noline {border-right:0px solid #DFDFDF;}
.applyform .memo {color:#999999; font-size:0.9em;}

.applyform td .input_size1 {width:150px;}
.applyform td .input_size2 {width:250px;}
.applyform td .input_size3 {width:60px;}
.applyform td .input_size4 {width:45%; max-width:450px;}
.applyform td .input_size5 {width:100%;}
.applyform td .input_size6 {width:60%;}
.applyform td input {margin-right:10px;}

.applyform li, .applyform a, .applyform span {font-size:1em;}
.applyform li {line-height:25px;}

/* alertment */
.inquiry_alert .alertment_view {padding:20px; border:1px solid #e8e8e8;}
.inquiry_alert .alertment_view dl {margin:0 auto; overflow:hidden; line-height:170%; word-break:keep-all;}
.inquiry_alert .alertment_view dl dt {display:inline-block; width:34%; color:#666666; padding-right:1%; vertical-align:top;}
.inquiry_alert .alertment_view dl dd {display:inline-block; width:60%; color:#999999; margin-bottom:10px;}

.agreeCheck {border:1px dashed #e8e8e8; margin:0 auto 20px; padding:20px;}

.sub_btnbox {float:right;}
.sub_btnbox .smallbtn {display:inline-block; background-color:#FFFFFF; border:1px solid #cccccc; padding:3px 10px; color:#666666; font-size:0.95em; margin:0; text-align:center;}
.sub_btnbox .smallbtn:hover {background-color:#343e4c; border:1px solid #000; color:#FFF; margin:0;}

.agreeBtn {overflow:hidden; margin:30px auto 0; text-align:center; margin-right:-10px; text-transform:uppercase;}
.agreeBtn div.btn_c {display:inline-block; width:40%; max-width:200px; margin-right:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.agreeBtn div.btn_r {float:right; display:inline-block; width:40%; max-width:200px; margin-right:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.agreeBtn .submit {display:block; width:100%; min-width:110px; height:40px; line-height:36px; font-size:1em; text-align:center; color:#FFFFFF; background-color:#343e4c; border:2px solid #222222; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.agreeBtn .submit:hover {background-color:#FFFFFF; color:#222222;}
.agreeBtn .resetbtn {display:block; width:100%; min-width:110px; height:40px; line-height:36px; font-size:1em; text-align:center; color:#343e4c; background-color:#f2f2f2; border:2px solid #f2f2f2; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.agreeBtn .resetbtn:hover {background-color:#f2f2f2; color:#343e4c; border:2px solid #343e4c;}
.agreeBtn .button {display:block; width:100%; min-width:110px; height:40px; line-height:36px; font-size:1em; text-align:center; color:#FFFFFF; background-color:#343e4c; border:2px solid #343e4c; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.agreeBtn .button:hover {background-color:#FFFFFF; color:#343e4c;}

/* ~_Inquiry */

/*비상연락망*/
.sub_ercontact {overflow:hidden; margin:0 auto; padding:0 50px;}

.inner_Er {float:left; width:300px; padding:0 20px; overflow:hidden; margin:0 auto; padding-top:50px;}
.inner_Er span.bar {float:left; display:block; width:10px; height:10px; border-top:10px solid #CC0000; margin-right:10px; margin-top:20px;}
.inner_Er h1 {color:#000000; font-size:1.45em;font-weight:300; line-height:50px; padding:20px;}
.inner_Er p {text-align:center; margin:10px; height:40px; line-height:40px; padding:10px 0px; background-color:#F5F5F5; -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.inner_Er p span {font-size:1.2em; color:#000066; padding:10px;}

/*사이트맵*/
.sub_sitemap {margin:0 auto; overflow:hidden;}
.sub_sitemap .infoPlace {overflow:hidden; margin:0 auto; text-align:center; padding-bottom:0px;}
.sub_sitemap .infoPlace > ul {margin:0 auto; overflow:hidden; padding-top:0px;}
.sub_sitemap .infoPlace > ul > li {float:left; width:18%; margin-right:2.5%; text-align:center;}
.sub_sitemap .infoPlace > ul > li.nor {margin-right:0;}

.sub_sitemapinfo {margin:0 auto; overflow:hidden; text-align:center;}
.sub_sitemapinfo > dl {overflow:hidden; padding-top:0px; width:100%; word-break:keep-all;}
.sub_sitemapinfo > dl > dt {height:50px; line-height:30px; font-size:1.15em; font-weight:bold; padding:10px; border:1px solid #CCC; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.sub_sitemapinfo > dl > dd {background-color:#; min-height:20px; line-height:22px; margin-top:0px; padding:15px; border-top:1px solid #EEEEEE;}
.sub_sitemapinfo > dl > dd a {display:block; text-align:center; color:#666666; font-size:1em;}
.sub_sitemapinfo > dl > dd a:hover {color:#cc3333; font-size:1.05em;}
/*사이트맵*/

/*--------- ~5_Cscenter ---------*/


/*~SUB CONTENT ------------------------------------------------*/



/* FOOTER ------------------------------------------------*/

#footer {width:100%; overflow:hidden; margin:0 auto; background-color:#FFFFFF;}

#footer > #csCopy {margin:0 auto; overflow:hidden; background-color:#555555;}
#footer > #csCopy > .copyright {margin:0 auto; text-align:center; overflow:hidden; padding-bottom:40px;}
#footer > #csCopy > .copyright > .copybox {margin:0 auto; overflow:hidden;border-bottom:1px solid #777777; padding:20px;}
#footer > #csCopy > .copyright > .copybox .copymenu {display:table; margin:0 auto; text-align:center; height:20px; line-height:20px;}
#footer > #csCopy > .copyright > .copybox .copymenu li {display:table-cell; float:left;}
#footer > #csCopy > .copyright > .copybox .copymenu li a {color:#FFFFFF; font-size:0.95em; text-transform:uppercase;}
#footer > #csCopy > .copyright > .copybox .copymenu li a:hover {color:#ffcccc;}
#footer > #csCopy > .copyright > .copybox .copymenu li span {padding:0 15px; color:#e7e7e7; font-size:11px; text-align:center;}
#footer > #csCopy > .copyright > .copy {color:#FFFFFF; font-size:0.95em; line-height:24px; margin-top:30px;}
#footer > #csCopy > .copyright > .copy a {color:#FFFFFF;}
#footer > #csCopy > .copyright > .copy a:hover {color:#2a3866;}
#footer > #csCopy > .copyright > .copy span.blank {display:inline-block; width:15px; height:5px;}
#footer > #csCopy > .copyright > .copy2 {color:#999999; font-size:0.9em; padding-top:20px;}

/* ~FOOTER ------------------------------------------------*/