@charset "utf-8";

.wrap {position:relative;padding-top:62px;overflow:hidden;}
/*================================================= Nav/Footer */
.navarea {
	width:100%;background:#ffffff;position:fixed;z-index:999;top:0;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 10px  rgba(0,0,0,0.1);
	box-shadow: 0px 0px 10px  rgba(0,0,0,0.1);
	border-bottom:4px solid #444;
	}
.navtop {max-width:1000px;margin:0 auto;padding:0 28px;}
.navlogo {float:left;padding:25px 0px 0px 0px;}
.navlogo img {max-width:180px;}
.navheader {display:none;}
.navheader .navtoggle span {display:block;width:42px;height:10px;background:#0056a5;margin-bottom:8px;}
.navheader .navtoggle span.last {margin:0;}

.gnb {float:right;margin-top:31px;}
.gnb ul li {display:inline;font-family:Arial;font-size:11px;/*padding:0 10px 0 10px;*/background:url(../images/main/gnb_line.gif) no-repeat right 2px;}
.gnb ul li a {color:#9a9a9a;padding:0 10px 0 10px;}
.gnb ul li a:hover {color:#fe5c0e;}
.gnb ul li.last {background:none;padding:0;}

.menu {position:relative;font-family:'Nanum-regular';font-size:16px;float:right;z-index:3; font-weight:bold;}
.menu ul.menulist {list-style:none;padding:0;margin:0;}
.menu ul.menulist li.menus {position:relative;float:left;margin-right:0px;padding:26px 40px 24px 40px;}
.menu ul.menulist li.menus_new {position:relative;float:left;margin-right:0px;padding:26px 40px 24px 40px;}
.menu div.subbg {position:absolute;top:73px;right:-50px;display:none;max-width:1100px;height:165px;overflow:hidden; background:#222; width:1100px; opacity:0.9; box-shadow: 0px 0px 10px rgba(0,0,0,0.5);}
.menu ul.menulist li.menus ul {position:absolute;top:80px;display:none;text-align:center;width:150px; margin-left:-40px;}
.menu ul.menulist li.menus ul.sub0 {color:#fff;left:-250px; width:300px; float:left; text-align:left; background:url(../images/main/subbg_img.png) no-repeat 0px -1px; height:300px; top:55px;}
.menu ul.menulist li.menus ul.sub0 li.big{font-size:20px;line-height:26px; padding-top:45px;padding-left:20px; font-family: 'NanumSquare';text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);}
/*.menu ul.menulist li.menus ul.sub1 {left:25px;}*/
.menu ul.menulist li.menus ul.sub2 {left:35px;}
.menu ul.menulist li.menus ul.sub3 {left:45px;}
.menu ul.menulist li.menus ul.sub4 {left:30px;}
.menu ul.menulist li.menus ul.sub5 {left:40px;}
.menu ul.menulist li.menus ul.sub6 {left:30px;}
.menu ul.menulist li.menus ul li {font-size:13px; font-weight:normal;}
.menu ul.menulist li.menus ul li a {color:#ccc;line-height:25px; font-weight:normal;}
.menu ul.menulist li.last {margin:0; padding-right:10px;}
.menu ul.menulist li.menus a {color:#252525;}
.menu ul.menulist li.active>a {color:#0466c1;}

/*---메뉴상단 가로선
.menu ul.menulist li.active2 ul {top:71px;}
.menu ul.menulist li.active2 {padding:20px 15px 24px 15px;border-top:4px solid #0466c1;
.menu ul.menulist li.active2>a {color:#0466c1;}
---*/


footer {background:#ffffff;color:#929292; border-top:1px solid #d7d7d7; margin-top:30px; clear:both;}
footer div.foot_inner {max-width:1000px;/*min-height:105px;*/margin:0 auto;}
footer div.foot_inner .addr {font-size:12px;line-height:17px;padding:30px 0px 30px 0px;float:left;}
footer div.foot_inner .addimg {float:left; padding-right:50px;}
footer div.foot_inner .addr a {color:#ffffff;}
footer div.foot_inner .addr a:hover {color:#0070e0;}
footer div.foot_inner .addr .br {display:none;}
footer div.foot_inner .addr .br2 {display:none;}
footer address{margin-left:20px;}
.topbtn {
	display:inline-block;zoom:1;*display:inline;width:54px;
	position:fixed;bottom:30px;right:30px;z-index:1999;opacity:0;visibility:hidden;
}

/*========================================================= Main*/
.main_visual {position:relative;color:#fff;padding-top:65px;width:100%;height:auto; max-width:1000px; margin:0 auto;}
.main_visual ul.slides li {position:relative;width:100%;height:472px;overflow:hidden;}
.main_visual ul.slides li.main_visual1 {background:url(../images/main/visual1.jpg) no-repeat center top;background-size:cover;}
.main_visual ul.slides li.main_visual2 {background:url(../images/main/visual2.jpg) no-repeat center top;background-size:cover;}
.main_visual ul.slides li.main_visual3 {background:url(../images/main/visual3.jpg) no-repeat center top;background-size:cover;}

.main_visual ul.slides li .main_visual1_inner_wrap {max-width:993px;margin:0 auto;padding-right:25px;}
.main_visual ul.slides li .main_visual2_inner_wrap {max-width:993px;margin:0 auto;padding-right:25px;}
.main_visual ul.slides li .main_visual3_inner_wrap {max-width:993px;margin:0 auto;padding-right:25px;}

.main_visual ul.slides li p:first-child {font-family:'PTSans-bold','Nanum-regular';font-size:40px;padding-top:140px;text-align:right;}
.main_visual ul.slides li p:first-child .br {display:none;}
.main_visual ul.slides li p:first-child+p {font-size:30px;line-height:37px;text-align:right;}

.main_visual ul.slides li .main_visual1_inner_wrap p {color:#fff;}
.main_visual ul.slides li .main_visual2_inner_wrap p {color:#fff;}
.main_visual ul.slides li .main_visual3_inner_wrap p {color:#252525;}

.main_visual ul.slides li .main_visual1_inner_wrap p span,
.main_visual ul.slides li .main_visual2_inner_wrap p span,
.main_visual ul.slides li .main_visual3_inner_wrap p span {font-family:'Nanum-extra';}

.main_contents0 {width:100%;}
.main_contents0 div.main_contents_wrap {max-width:1000px;margin:0 auto;}
.main_contents_wrap ul.slides li {position:relative;width:100%;height:472px;overflow:hidden;}
.main_contents0 div.main_contents_wrap ul li{width:25%; float:left; height:85px;}
.main_contents_wrap ul li.mbg01 {background:url(../images/main/banner01_bg.jpg) no-repeat center top #2a6fc5;}
.main_contents_wrap ul li.mbg02 {background:url(../images/main/banner02_bg.jpg) no-repeat center top #259e98;}
.main_contents_wrap ul li.mbg03 {background:url(../images/main/banner03_bg.jpg) no-repeat center top #ff6a00;}
.main_contents_wrap ul li.mbg04 {background:url(../images/main/banner04_bg.jpg) no-repeat center top #ffa70a;}
.ban_title{font-size:14px; color:#fff; margin:13px 12px 5px 20px; font-weight:bold; line-height:20px; font-family:'Nanum-regular';  }
.ban_con{font-size:11px; color:#fff; margin-left:20px;  line-height:16px;font-family:'Nanum-regular' }


 

.main_contents1 {width:100%;border:1px solid #d7d7d7; max-width:1000px; margin:10px auto; background:#f7f7f7;}

.main_contents1 div.main_contents_wrap {max-width:1000px;margin:0 auto;}
.main_contents1 div.news_wrap {position:relative;width:100%;/*float:left;*/}
.main_contents1 div.news_wrap div.news {width:25%;height:180px;float:left;position:relative;border-right:1px solid #d7d7d7;}


.main_contents1 div.news_wrap div.news h3 {position:relative; color:#222222;  height:35px; background:url(../images/main/h3_line.gif) no-repeat left top; font-size:18px;  font-weight:bold; padding-top:8px; }
.main_contents1 div.news_wrap div.news h3.blue {position:relative; color:#2a6fc5;  height:25px; font-size:18px;  font-weight:bold; padding-top:0px; text-align:center;  background:none;}
.main_contents1 div.news_wrap div.news .b_img {text-align:center;}
.main_contents1 div.news_wrap div.news .b_txt {text-align:center;font-family:'Nanum-regular';font-size:12px; color:#444; line-height:18px;  }
.main_contents1 div.news_wrap div.news .b_txt_large {text-align:center;font-size:26px; font-weight:bold; color:#222;line-height:26px; padding:15px 0px 5px 0px; }
.more{float:right;}
.main_contents1 div.news_wrap div.news ul.news1 li{font-size:13px; float:left; width:100%; font-family:'Nanum-regular'; color:#444; line-height:20px; }
.main_contents1 div.news_wrap div.last{border-right:none; margin-left:-3px; }
.main_contents1 div.news_wrap ul {margin:25px;/*visibility:hidden;opacity:0;*/}
.main_contents1 div.news_wrap ul li {float:left;}






/*=============================================== Sub Common */
.sub_visual {width:100%;height:165px;background: url(../images/sub/subvisual1.jpg) no-repeat center top;/*background-size: cover;*/margin-top:58px;}
.sub_visual h2.subvisual_slogon {color:#ffffff;font-family:'Roboto-bold';text-align:left;font-size:40px;padding-top:60px; padding-left:100px;max-width:1000px;margin:0 auto;text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);}
.sub_visual p.subvisual_slogon2 {color:#ffffff;font-family:'Roboto-medium';text-align:left;font-size:35px;padding-top:20px; padding-left:100px;max-width:1000px;margin:0 auto;text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);}
.sub_visual2 {background: url(../images/sub/subvisual2.jpg) no-repeat center top;/*background-size: cover;*/}
.sub_visual3 {background: url(../images/sub/subvisual3.jpg) no-repeat center top;/*background-size: cover;*/}
.sub_visual4 {background: url(../images/sub/subvisual4.jpg) no-repeat center top;/*background-size: cover;*/}

.sub_wrap {position:relative;}

em {font-style:normal;}
/*=============================================== Sub Title */
.header_line{border-bottom:1px solid #eaeaea; height:40px; margin:0 auto;width:100%; }
.path{width:1000px; margin:0 auto;0}
.header_line .path > li {position:relative; float: left; line-height: 40px;text-align:center;}
.header_line .path > li:first-child {margin-left: 0px;padding-left: 0px; background-image: none; width: 40px;min-width: 40px;}
.header_line .path > li:first-child > a {width: 40px;line-height: 40px; padding: 0; background: url(../images/sub/bg_home.png) 50% 50% no-repeat; text-indent:-9999px; border-left: #eaeaea 1px solid;}
.header_line .path > li > a {display: block;color: #666; line-height: 40px;padding:0px 20px; border-left: #eaeaea 1px solid;font-size: 13px; text-align:center;}
.header_line .path > li > a.path_title {display: block;color:#000;line-height:42px;padding:0px 20px; border-left: #eaeaea 1px solid;font-weight:bold;font-size:14px; text-align:center;}
.header_line .path > li:last-child > a, .header_line .path > li:last-child > span{border-right: #eaeaea 1px solid;}
.header_line .path > li.on a{color:#005aab; text-decoration:underline;font-weight:bold;}
.sub_title{font-family:"NanumSquare"; font-weight:bold; font-size:28px; color:#222;}
/*=============================================== Company */
.companyArea{margin-bottom:50px;}
.companyArea_inner {max-width:1000px; margin:0 auto; padding-top:50px; padding-bottom:100px; line-height:1.5em; letter-spacing:-0.05em;}
.companyArea_inner h3 {font-size:30px; line-height:1.6em; text-align:center; color:#222;font-family:"NanumSquare"; margin-top:40px;}
.companyArea_inner h3 span {font-family:"NanumSquare";font-size:35px; color:#206eb0; }
.companyArea_inner p.titletext {font-size:20px;line-height:1.6em;text-align:center;color:#333;margin:20px 0 10px 0;}
.companyArea_inner p.context{font-size:14px;line-height:1.5em;text-align:center;color:#707070;margin:15px 0 15px 0;}
.companyArea_inner .em_cb {width:35px;height:35px;margin-right:2px;text-align:center;color:#fff;display:inline-block;background:url(../images/sub/bg_c_blue.gif) no-repeat 0 0;line-height:1.25em;}
.companyArea_inner .em_dash {border-bottom:#CCC dashed 1px;}

/*CEO인사말*/
.al_c{text-align:center;}

/*CI소개*/
.c_blue{width:40px; height:20px; background:#005b9e; display:block;float:left;}
.c_blue2{width:40px; height:20px; background:#00bdf2; display:block;float:left;}
.c_blue3{width:40px; height:20px; background:#04265e; display:block;float:left;}
.c_black0{width:40px; height:20px; background:#414042; display:block;float:left;}
.c_black{width:40px; height:20px; background:#000000; display:block;float:left;}
.c_txt{display:block;float:left; padding-left:10px;}
.context_part01{width:546px; font-size:14px;line-height:1.5em;text-align:center;color:#707070;margin:0 auto; }
.ci_con{float:left; margin-left:60px;}

/*찾아오시는길*/
.mapwrap{width:100%; height:auto;  margin:0 auto; max-width:900px }

/* 테이블(Table) */
table caption {display:none;}
table.table_t1 {border-collapse:collapse; width:100%; margin:15px 0 35px; border-top:3px solid #00aeef;  border-bottom:2px double #dbdbdb; color:#666;}
table.table_t1 tr {letter-spacing:normal; font-size:14px;} /* colgroup 으로 td 스타일제어하려면 tr에 정의 */
table.table_t1 th {border:1px solid #dbdbdb; padding:8px 5px 8px; font-family:'Nanum-bold';}
table.table_t1 td {border:1px solid #dbdbdb; padding:5px 15px 5px 15px; line-height:1.3em; border-top-width:0;}
table.table_t1 th.first, table.table_t1 td.first {border-left:none;}
table.table_t1 th.last, table.table_t1 td.last {border-right:none;}
table.table_t1 thead, table.table_t1 tfoot {background:#f8f8f8; font-weight:normal;}
table.table_t1 thead th {background:#f8f8f8; color:#454545; font-weight:bold; text-align:center; vertical-align:middle; border-bottom:2px double #a6a6a6;}
table.table_t1 tbody th {background:#fbfbfb; color:#545454; font-weight:bold; text-align:center; font-family:'Nanum-bold';}

table.table_t2 {border-collapse:collapse; width:100%; margin:15px 0 35px; border-top:3px solid #00aeef;  border-bottom:2px double #dbdbdb; color:#666; text-align:center;}
table.table_t2 tr {letter-spacing:normal; font-size:14px;} /* colgroup 으로 td 스타일제어하려면 tr에 정의 */
table.table_t2 th {border:1px solid #dbdbdb; padding:8px 5px 8px; font-family:'Nanum-bold';}
table.table_t2 td {border:1px solid #dbdbdb; padding:5px 15px 5px 15px; line-height:1.3em; border-top-width:0;}
table.table_t2 th.first, table.table_t2 td.first {border-left:none;}
table.table_t2 th.last, table.table_t2 td.last {border-right:none;}
table.table_t2 thead, table.table_t2 tfoot {background:#f8f8f8; font-weight:normal;}
table.table_t2 thead th {background:#f8f8f8; color:#454545; font-weight:bold; text-align:center; vertical-align:middle; border-bottom:2px double #a6a6a6;}
table.table_t2 tbody th {background:#fbfbfb; color:#545454; font-weight:bold; text-align:center; font-family:'Nanum-bold';}
.text_center {text-align:center;}


/*제품소개*/
.pro_wrap{width:100%; height:auto; float:left; margin-bottom:100px;}
h4.pro_title{color:#222; font-size:16px; font-family:'Nanum-regular'; font-weight:bold; background:url(../images/contents/li_blue_dot.gif) no-repeat 0 6px; padding-left:20px; height:35px;}
.p_part{width:100%; float:left;}
.p_img{border:1px solid #ebebeb;}
.p_text{color:#666; font-size:14px; font-family:'Nanum-regular'; line-height:22px; padding:10px 20px;}
.mt01{margin-top:50px;}
.mt02{margin-top:20px;}
.check{background:url(../images/contents/check.png) no-repeat 50% 50%;}

/*서비스소개*/
.service_wrap{width:100%; height:auto; float:left; margin-bottom:100px; margin-left:20px;}
h3.service span {font-family:"NanumSquare";font-size:35px; color:#01a520; }
.ito_wrap {float:left; width:25.5%; margin-right:4%; border:1px solid #ebebeb; padding-left:35px;  padding-top:20px; margin-top:30px; min-height:190px;}
.ito_wrap h4 {background:url(../images/sub/p_blue_line.gif) left top no-repeat; padding-top:8px; font-family:"NanumSquare"; font-size:20px !important; color:#045cbd; margin:20px 0 15px; }
.ito_wrap ul {margin-top:10px;}
.ito_wrap ul li {background:url(../images/sub/li_blue_dot.png) left 6px no-repeat; color:#252525; padding-left:23px; width:auto; margin-right:2.3em; padding-bottom:10px}
.ito01 {background:#f5f5f5;}

/*파트너*/
.partner_wrap{width:100%; height:auto; float:left; margin-bottom:100px; margin-left:50px;}
.partner_company{float:left; width:26%; margin-right:5%; border:1px solid #ebebeb; margin-top:30px;}
.city{font-family:"NanumSquare"; font-size:14px; text-align:center; border-bottom:1px dashed #ebebeb; border-top:1px dashed #ebebeb; padding:7px 0px; }
.name{font-size:14px; text-align:center; padding:7px 0px;font-weight:bold; color:#285eac; }
.name a{font-size:14px; text-align:center; padding:7px 0px;font-weight:bold; color:#285eac; }
.name a:hover{font-size:14px; text-align:center; padding:7px 0px;font-weight:bold; text-decoration:underline; }
.partner_img{border:1px solid #ebebeb;} 

/*고객지원*/
h3.custom span {font-family:"NanumSquare";font-size:35px; color:#fe4444; }


#bo_list{width:1000px; margin:0 auto;}



/*=============================================== Business */

/*온라인문의*/
.customerArea3  {padding-bottom:50px;border-bottom:1px solid #e5e5e5;}
.customerArea3 h3 {font-family:"Nanum-bold";}
.customerArea3 p.titletext span {color:#ff0000;}
.customerArea3 p br {display:none;}

.online_info {border-left:#eee solid 1px; border-top:#eee solid 1px; border-right:#cdcdcd solid 1px; border-bottom:#cdcdcd solid 1px; padding:30px 35px; height:200px; overflow-y:scroll; font-size:14px; line-height:1.7em;}
.online_info_check {text-align:right; font-size:14px; margin:5px 0 20px 0;}

.customerArea3 p.table_sub {color:#ff0000; font-size:13px; text-align:left; margin-bottom:5px;}
.customerArea3 table.form_f1 {border-collapse:collapse; width:100%; border-top:2px double #00aeef; border-bottom:2px double #949494; margin:0 auto 15px;}
.customerArea3 table.form_f1 tr {} /* colgroup 으로 td 스타일제어하려면 tr에 정의 */
.customerArea3 table.form_f1 th {border:1px solid #e0e0e0; padding:14px; font-size:15px; font-family:'Nanum-bold'; background:#f6f8f9; color:#252525; text-align:left; padding-left:6%;}
.customerArea3 table.form_f1 th span {color:#ff0000;}
.customerArea3 table.form_f1 td {border:1px solid #e0e0e0; padding:14px; line-height:1.7em; border-top-width:0; vertical-align:middle;}
.customerArea3 table.form_f1 td span {font-size:14px;}
.customerArea3 table.form_f1 th.first, .customerArea3 table.form_f1 td.first {border-left:none;}
.customerArea3 table.form_f1 th.last, .customerArea3 table.form_f1 td.last {border-right:none;}

.customerArea3 input, .customerArea3 select, .customerArea3 textarea {border-left:#a0a0a0 solid 1px; border-top:#a0a0a0 solid 1px; border-right:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px;}
.customerArea3 input, .customerArea3 select {padding:3px;}
.customerArea3 textarea {padding:3px; line-height:1.3em; min-height:100px;} 
.customerArea3 input.btn, .customerArea3 input.btn01, .customerArea3 input.btn02 {border:none !important; padding:0 !important;}

/*======================================= Private policy */
.private {position:fixed;top:0;left:0;background: url(../images/common/emailbg.png) no-repeat center center; background-size: 100% 100%; width:100%;height:100%;z-index:9999;display:none;visibility:hidden;opacity:0;}
.private .private_inner {position:absolute;background:#ffffff;width:100%;max-width:1024px;top:0;left:0;}
.private .private_inner>div {padding:0 50px;}
.private .private_inner>div:first-child+div {padding:50px;color:#666666;font-size:14px;line-height:20px;}
.private .private_inner>div:first-child {background:#0366c1;color:#ffffff;font-size:25px;height:80px;line-height:80px;}
.private .private_inner>div:first-child h3 {position:relative;}
.private .private_inner>div:first-child h3 a {display:inline-block;zoom:1;*display:inline;position:absolute;right:0;top:50%;margin-top:-15px;}
.private .private_inner>div:first-child+div p {margin-bottom:20px;}
.private .private_inner>div:first-child+div p strong.yellowtxt {color:#eb6100;}
.private .private_inner>div:first-child+div p strong.blocktxt {color:#000000;}
.private .private_inner>div:first-child+div ol li {margin-bottom:20px;}
.private .private_inner>div:first-child+div ol li.last {margin:0;}
.private .private_inner .private_wrap {height:360px; overflow:scroll;}

/*======================================= not email */
.notemail {position:fixed;top:0;left:0;background: url(../images/common/emailbg.png) no-repeat center center; background-size: 100% 100%; width:100%;height:100%;z-index:9999;display:none;visibility:hidden;opacity:0;}
.notemail .notemail_inner {position:absolute;background: #ffffff;width:100%;max-width:1024px;top:0;left:0;}
.notemail .notemail_inner>div {padding:0 50px;}
.notemail .notemail_inner>div:first-child+div {padding:50px;color:#666666;font-size:14px;line-height:20px;}
.notemail .notemail_inner>div:first-child {background:#0366c1;color:#ffffff;font-size:25px;height:80px;line-height:80px;}
.notemail .notemail_inner>div:first-child h3 {position:relative;}
.notemail .notemail_inner>div:first-child h3 a {display:inline-block;zoom:1;*display:inline;position:absolute;right:0;top:50%;margin-top:-15px;}
.notemail .notemail_inner>div:first-child+div p {margin-bottom:20px;}
.notemail .notemail_inner>div:first-child+div p strong.yellowtxt {color:#eb6100;}
.notemail .notemail_inner>div:first-child+div p strong.blocktxt {color:#000000;}
.notemail .notemail_inner>div:first-child+div ol li {margin-bottom:20px;}
.notemail .notemail_inner>div:first-child+div ol li.last {margin:0;}

/*======================================= 404 page */
.error_wrap {text-align: center;margin:50px 0;min-height:401px;}
.error_wrap p {font-size:16px;line-height:135%;margin-bottom:15px;color:#444444;}
.error_wrap div:first-child+p {font-size:35px;font-family:"PTSans-bold";color:#0056a5;margin:5px 0;}
.error_wrap a {
	display:inline-block;zoom:1;*display:inline;line-height:40px;margin:5px 0;
	padding:0 20px;background:#2fb7cc;color:#ffffff;font-family: "Nanum-bold";
}
.error_wrap a.gomain {background:#0056A5;}