/* @font-face{ font-family:NS; src:url('/font/nanumsquarer.eot'); src:local(※), url('/font/nanumsquarer.woff') format('woff');}
 @font-face{ font-family:NSB; src:url('/font/nanumsquarerb.eot'); src:local(※), url('/font/nanumsquarerb.woff') format('woff');}
*/

@import url("https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css");

@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");

/* 초기화 */
html {overflow-y:scroll}
body,html {min-width:1200px;} /*모바일여백*/
html,body, ul, li {padding:0; margin:0;}
#contents {min-height:100%;}
/*body,html{width:100%; font-size:13px; color:#666; font-family:NanumSquare, 나눔스퀘어, Nanum Gothic, 나눔고딕, NS, Tahoma, Geneva, sans-serif;}*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    word-break: break-all;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

body,html{width:100%; font-size:16px; color:#666; font-family: NanumSquare, "나눔스퀘어", sans-serif;}/*게시판나눔고딕*/
#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;}
button {cursor:pointer}
textarea, select {font-family: NanumSquare, "나눔스퀘어", sans-serif;, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#060606;text-decoration:none;font-style: normal;font-weight: 400;}
a:hover, a:focus, a:active {color:#000;text-decoration:none;font-style: normal;font-weight: 400;}
ul li{list-style:none; }

.container1 {z-index:5;margin:0px auto;width:100%;zoom:1;}



/* 레이아웃 */
#wrapper {position:relative; width:100%; min-width:1200px;}
.cont_1024 {width:1024px; margin:0 auto;}

.quick_top {position:fixed; bottom:25px; right:25px; z-index:900;}

/* common */

.header_wrap {position:relative; width:100%; height:81px; background:#fff; z-index:100000000; border-bottom: 1px solid #ebebeb;} /*TOP전체 높이*/
.header_wrap .header {position:relative; width:1024px; height:81px; padding:0; margin:0 auto;}
.header_wrap h1.logo {position:absolute; top:10px; left:0px; z-index:100; border:1px}
.header_top {height:55px;}
.header_top ul {float:right; padding-top:11px;}
.header_top li {float:left; font-family: NanumSquare, "나눔스퀘어"; font-size:11px; padding-left:25px;}
.header_top li a {color:#898989 !important;}
.header_top li a.grade_search {color:#007dc6;}
.gnb {position:relative; float:right; top:34px; width: 675px;}
.gnb li {position:relative; float:left; font-size:19px; line-height:18px; padding:0 0px 0 0px; /*margin:0 80px 0 0;*/}
.gnb li a.dp1 {display:inline-block; height:31px; color:#1e1e1e; letter-spacing:-0.3px; text-decoration:none; width:135px; text-align:center;font-family:NanumSquare, "나눔스퀘어"; font-weight: 400;}
.gnb li.on a.dp1 {height:51px; color:#0168c6; /*border-bottom:2px solid #79a8cc;*/ background:url('/images/main/bg-gnb-line_a.jpg') repeat-x left 27px;}
.gnb ul.dp2 {position:absolute; top:51px; left:0; width:100%; min-height:210px; padding:26px 0 0 0; z-index:1000000; display:none;overflow:hidden;width:135px; text-align:center;}
.gnb ul.dp2 li {clear:both; width:100%; margin:0;}
.gnb ul.dp2 li a.dp2 {display:inline-block; font-size:13.5px; line-height:30px; text-decoration:none;}
.gnb ul.dp2 li a.dp2:hover {background:#007dc3; color:#fff; vertical-align:center;  text-decoration:none;width:135px;}
.opa {position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.7; filter:alpha(opacity=70); display:none; z-index:1000;}
.bg_2dp {position:absolute; top:81px; left:0; width:100%; height:215px; border-bottom:1px solid #d5d5d5; padding:0 0 0 0; z-index:100000; display:none;background:#fff url('/images/main/bg-gnb-line.jpg') repeat-x}

#tnb_c .sitemap {width:82px;}

/* 전체화면 - 사이트맵 */
#mask2 {position:absolute; left:0; top:0; z-index:999999999 !important; background:#000; display:none; width:100%;}
#boxes2 .window2 {position:fixed; top:50%; margin-top:-260px; right:50%; margin-right:-550px; width:1100px; height:380px; display:none; z-index:9999999999999999999 !important; background:#fff; box-sizing:border-box;}
#boxes2 .window2 .sitemap {position:relative; width:100%; height:320px; padding:50px 30px 45px 50px; box-sizing:border-box;}
#boxes2 .window2 .sitemap ul {overflow:hidden;}
#boxes2 .window2 .sitemap li {float:left; width:16.6%; box-sizing:border-box;}
#boxes2 .window2 .sitemap h5 {font-size:1.5em; color:#333; font-weight:600; letter-spacing:-0.5pt; padding:15px 0 25px 0; text-align:left; background:url('/images/main/site_tit.gif') left top no-repeat;}
/*#boxes2 .window2 .sitemap h5 {width:176px; background-color:#f9f9f9; padding:11px 0 11px 12px; border-top:1px solid #004483; border-bottom:1px solid #ddd; color:#333; font-weight:600; letter-spacing:-0.5pt; font-size:16px;}*/
#boxes2 .window2 .sitemap p { text-align:left;}
#boxes2 .window2 .sitemap p a:link, 
#boxes2 .window2 .sitemap a:visited {font-size:15px; color:#666; font-weight:500; display:block; padding-bottom:8px; letter-spacing:-0.2pt; line-height: 25px;}
#boxes2 .window2 a.close2 {position:absolute; right:0; top:0; display:block; width:45px; height:45px; line-height:normal; text-indent:-999999px; background:url('/images/main/site_close.png') no-repeat;}

	/*product*/
	#main_product{width:100%; margin:auto; padding:0;text-align:center; position:relative;list-style:none;}
	#main_product:after {display:block;visibility:hidden;clear:both;content:""}
	.m_product{z-index:5;margin:0px auto;width:1024px; zoom:1; padding:92px 88px 54px 88px;}
	.m_product:after {display:block;visibility:hidden;clear:both;content:""}
	.product_tit {text-align:center; font-size:35px;text-align:center;margin-bottom:20px;color:#060606; font-weight: 700;}
	.product_icon > ul {text-align: center;}
	.product_icon > ul > li {display:inline-block; margin:0 25px; width:260px; text-align: center;}
	.product_r{margin-right:62.6px;}

	/*cs*/
	#main_cs{width:100%; margin:auto; padding:0;text-align:center; position:relative;list-style:none; background:url('../images/main/cs_bg.jpg'); height:299px;}
	#main_cs:after {display:block;visibility:hidden;clear:both;content:""}
	.m_cs{z-index:5;margin:0px auto;width:1024px; zoom:1; padding:54px 88px 0px 88px;}
	.m_cs:after {display:block;visibility:hidden;clear:both;content:""}
	.m_cs > div > ul { float:left;}
	.m_cs > div > ul > li {float:left;}
	.cs_tit  {font-size:35px;text-align:center;color:#060606; font-weight: 400;}
	.cs_txt { font-size:24px;text-align:center;margin:44px 0 47px 0;color:#060606; font-weight: 400;}

#Img_s_01 {clear:both;width:100%;height:320px; margin:auto; padding:0;text-align:center; position:relative; background:url('../images/sub/sub_img_01.jpg')no-repeat center top;;z-index:-1;}


/*서브레이아웃*/

#Center1 {clear:both;margin:auto; padding:0;width:1024px;padding:0 20px 0 20px;text-align:center; position:relative;}
.left {float:left;width:190px; padding-right:50px; text-align:left;}
.left  li {list-style-type:none;}
.sub  {float:left;width:1024px;}

/*좌측메뉴*/
	/* lnb */
	#lnb {float:left; width:240px; margin:0 auto; text-align: center;}
	#lnb h1.lnb_tt {line-height: 106px; font-size: 25px;}
	#lnb ul.sub_tab0 {overflow:hidden; width:100%;}
	#lnb ul.sub_tab0 li {margin-bottom:4px;}
	#lnb ul.sub_tab0 li > a {position:relative; display:block; box-sizing:border-box; width:100%; height:50px; line-height:50px;font-size:18px; color:#484848; border:1px solid #d2d2d2; text-align:center;}
	#lnb ul.sub_tab0 li > a:hover {padding:0 20px; background:#adadad; color:#fff;}
	#lnb ul.sub_tab0 li > a.on {color:#fff; border:1px solid #fff; background: url('../images/sub/tab_on.png') right center no-repeat; background-color:#008cd2;}
		
#s_content_com {padding-bottom:80px;z-index:1;margin:0px auto;width:1024px; zoom:1;}
#s_content_com:after {display:block;visibility:hidden;clear:both;content:""}
.s_content {float: right; width: 744px; text-align: left;}
.s_content .sub_title_con {background: url("../images/sub/line01.png")left bottom no-repeat;} 
.s_content .sub_title_con .st_tt {padding-left:20px; line-height:106px; font-size: 28px; color:#232323; font-weight: 700; background: url('../images/sub/blt.png') left center no-repeat;}
.s_content .sub_nav {z-index:10; position: absolute; top:50%; margin-top:-8.5px; right:0; font-size:17px; color:#6f6f6f; text-align: right;}
.s_content .sub_nav a {color: inherit;}
.s_content .sub_nav .bar01 {padding: 0 10px;}
.fc01 {color: #008cd2 !important;}
.s_content .txt01 {margin-top:40px; font-size: 30px; line-height: 40px; color: #232323; font-weight: 400;}
.s_content .txt02 {margin-top:40px; font-size: 17px; line-height: 26px; color: #666666; font-weight: 400;}
.s_content .txt_ps_ceo {margin-top:40px; font-size: 25px; color: #232323; text-align:right;}

/*회사인사말*/
.greeting {position:relative; text-align:left;}

/*회사연혁*/
.history {position:relative;}
.history_list {display: block;width: 100%; overflow: hidden;}
.history_list > li {clear:both; width: 100%; overflow: hidden; border-bottom: 1px solid #dddddd;}
.history_list > li .st_year {padding:25px 0; float:left; width:160px; font-size: 46px; color: #f8c036; font-weight: 700; text-align: center;}
.history_list > li .st_con {position:relative; padding:25px 0; float:left; width:575px;}
.history_list > li .st_con .st_month {padding:5px 0; display:block; font-size: 16px; color: #4a4a4a; font-weight:700;}
.history_list > li .st_con .st_txt {display:block; font-size: 17px; color: #666666; font-weight: 400;}
.history_list > li .li_in01 > li {margin-bottom: 20px;}
.history_list > li .li_in01 > li:last-child {margin-bottom: 0px;}

/*조직도*/
.ogn {margin-top:40px; text-align: center;}

/*인증서*/
.ctf {margin-top:40px;}
.ctf_list {clear: both; width: 100%; overflow: hidden;}
.ctf_list > li {float: left; margin-right:10px; width: 178px;}
.ctf_list > li:nth-child(4n) {margin-right: 0;}
.ctf_list > li > a {text-decoration: none;}
.ctf_list > li img {box-sizing:border-box; width: 100%; height: auto; border: 1px solid #e8e8e8;}
.ctf_list > li .txt_con {overflow: hidden; margin: 10px 0 20px; text-align: center;}
.ctf_list > li .txt_con .ctf_txt01 {display:block; margin-bottom:5px; font-size:12px; color:#232323;}
.ctf_list > li .txt_con .ctf_txt02 {font-size:20px; color:#008cd2;}

/*찾아오시는길 */
.map {margin-top: 40px;}
.map_table {width: 100%; background:url('../images/sub/map_img01.png') right top no-repeat;}
.map_table table {padding-top:2px; width:555px; border-collapse:separate; border-spacing:0px; line-height:1.4em; font-size:16.5px; color:#232323; background:url('../images/sub/line02.png') no-repeat left top; background-size: 100% 2px;}
.map_table table th{padding:15px 0; padding-left:30px; width:90px; text-align:left; background:#f7f8fa; border-bottom:1px solid #d4d4d4; vertical-align:top}
.map_table table td{padding:15px 0; padding-left:10px; border-bottom:1px solid #d4d4d4;}
.map_img {margin-top:20px; display:block; width: 100%; box-sizing: border-box; border: 1px solid #d4d4d4;}
.map_img img {width: 100%; height: auto;}

/*온라인 문의 */
.inquiry {margin-top: 40px;}
.inquiry table {padding-top:2px; width: 100%; border-collapse:separate; border-spacing:0px; line-height:1.4em; font-size:16.5px; color:#232323; background:url('../images/sub/line02.png') no-repeat left top; background-size: 100% 2px;}
.inquiry table th{padding:15px 0; padding-left:40px; width:100px; text-align:left; background:#f7f8fa; border-bottom:1px solid #d4d4d4; vertical-align:top}
.inquiry table td{padding:15px 0; padding-left:10px; border-bottom:1px solid #d4d4d4;}
.inquiry .int_con {display:inline-block; width:100%; max-width:14em; height:auto; background: #fff; border: 1px solid #cfcfcf; box-sizing: border-box; border-radius:3px; vertical-align:middle;}
.inquiry .int_con_100 {display:inline-block; width:100%; height:auto; background: #fff; border: 1px solid #cfcfcf; box-sizing: border-box; border-radius:3px;}
.inquiry .iq_con {display:inline-block; width:100%; overflow:hidden; max-width:8em; height:2.4em; line-height:2.4em; background: #fff; border: 1px solid #cfcfcf; box-sizing: border-box; border-radius:3px; vertical-align:middle;}
.inquiry textarea {box-sizing:border-box; outline:none; width:100%; height:10em; resize: none; border:none;}
.inquiry .btn_con {text-align: right;}
.inquiry .btn_con .btn_mail {text-decoration:none; border:none; outline:none; cursor:pointer; padding:0px 20px; line-height:1.6em; display: inline-block; 
font-size:15px; color:#fff; text-align:center; line-height: 2.4em; background: #008cd2; border: 1px solid #008cd2;}

/*게시판*/
	/*btn*/
	.btn01 {border:none; outline:none; cursor:pointer; margin-left: 10px; padding:5px 15px; line-height:1.6em; display: inline-block; font-size:14px; text-align:center; border:1px solid #c1c1c1;}
	.btn02 {border:none; outline:none; cursor:pointer; margin-left: 10px; padding:5px 15px; line-height:1.6em; display: inline-block; font-size:14px; color:#fff; text-align:center; background-color: #808080;}
		.btn02.st01 {color: #fff; background: #008cd2; border: 1px solid #008cd2;}
		.btn02.st02 {color: #fff; background: #ee6c5f; border: 1px solid #ee6c5f;}
	a.btn02:link, a.btn02:visited {color: #fff;}
	.btn02.st_sech {text-decoration:none; position: absolute; right: 0; padding: 0 20px; line-height: 2.4em; font-size:15px; background: #0095a3; border: 1px solid #0095a3;}
	.btn02.st_sech:hover {color: #fff;}
	.btn02.st_write {position: absolute; right: 0; padding: 0 20px; line-height: 2.4em; font-size:15px; color: #fff; background: #008cd2; border: 1px solid #008cd2;}
/*search box + write*/
		.int {box-sizing:border-box; padding:0 0.5em; display:block; outline:none; border:none; width:100%; height: 2.4em; line-height: 2.4em; color: #000; background: transparent;}
		.int_fi {outline:none; border:none; padding: 5px 0;}
		.sel {box-sizing:border-box; padding:0 0.5em; display:block; outline:none; border:none; width:100%; height: 2.4em; line-height: 2.4em; color: #000; text-indent:5px; vertical-align: middle; background: transparent;}
		.sech_con {margin:0 auto; width: 100%; max-width:448px; display: inline-block;}
		.sech_box {float:left; width:360px; box-sizing: border-box; border: 1px solid #cfcfcf; border-radius: 3px;}
		.sech_box .sel_con{float: left; width:118px; box-sizing:border-box;}
		.sech_box .sel_con .sel {display:inline-block; width:100%; line-height:1.6em;}
		.sech_box .int_con {display:inline-block; width:240px; height:auto; box-sizing: border-box; border-left: 1px solid #cfcfcf;}
.btn_con {z-index:10; margin-top: 1em; min-height:1em; font-size:15px; text-align: center;}

.tb_news {margin-top:40px; border-spacing: 0; width:100%; font-size:16.5px; border-top:2px solid #000; letter-spacing: -1px;}
.tb_news th{padding:15px 0; background:#f7f8fa; border-bottom:1px solid #a8bab0; text-align: center;}
.tb_news td {min-height:40px; line-height:20px; padding:10px 0 10px 0; padding-left:8px; padding-right:8px; text-align:center; background-color:#ffffff; color:#474747; border-bottom: solid 1px #dcdcdc; }
.tb_news td.n_col_tt {text-align:left;}
.tb_news tr.notice>td,
.tb_news tr.notice>td a:link, .tb_news tr.notice>td a:visited {color:#08717b; background:#d2ecef; border-color:#b9b9b9; font-weight:700 !important;}

.tb_news_v {margin-top:40px; width: 100%; border-collapse:separate; border-spacing:0px; line-height:1.4em; font-size:16.5px; color:#232323; border-top:2px solid #000;}
.tb_news_v th{padding:15px 0; padding-left:20px; width:120px; text-align:left; background:#f7f8fa; border-bottom:1px solid #d4d4d4; vertical-align:top}
.tb_news_v td {padding:10px 0; padding-left:10px; line-height:1.4em; border-bottom:1px solid #d4d4d4;}
.tb_news_v td .input_file {display:inline-block; padding:5px; width:100%; height:auto; background: #fff; border: 1px solid #cfcfcf; box-sizing: border-box; border-radius:3px; vertical-align:middle;}
.int_con00 {display:inline-block; width:100%; height:auto; background: #fff; border: 1px solid #cfcfcf; box-sizing: border-box; border-radius:3px;}
td.btn_con_r {text-align: right;}
div.btn_con_r {clear:both; margin-top:20px; width:100%; overflow:hidden; text-align: right;}
.tbv_tt {background: #efefef;}
.ta_c {text-align: center !important;}
/* 하단 */
footer{width:100%;position:relative; color: #fff;background-color: #4a5462;}
	.footer-menu{height:60px;border-top:1px solid #eaeaeb;border-bottom:1px solid #eaeaeb}
	.footer-menu-wrapper{max-width:1024px;margin:0 auto;height:100%}
	.footer-menu-wrapper .footer-navigation-wrapper{display:inline-block;height:100%}
	nav.footer-navigation{font-size:15px;display:table;height:100%}
	nav.footer-navigation li{display:inline-block}nav.footer-navigation li:not(:last-child){margin-right:30px}
	nav.footer-navigation li a{-webkit-transition:color .3s;-o-transition:color .3s;-moz-transition:color .3s;transition:color .3s}
	nav.footer-navigation li a.emphasize{font-weight:700}
	.footer-info{max-width:1024px;margin:0 auto;padding:30px 0;position:relative;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
	.footer-info .sitemap_con {z-index:2; position: absolute; top:30px; right: 0}
	.footer-info .sitemap_con>a {color: #fff;}
	.footer-info .info-images {z-index:1;display:inline-block;vertical-align:top;position:absolute;left:30px;}
	.footer-info .info-images .login>img,
	.footer-info .info-images .logout>img{padding:10px;vertical-align: bottom;}
	.footer-info .info-images .copyright{font-size:14px;content:'';display:block;clear:both}
	.footer-info .info-text{padding-left:460px; vertical-align:top; font-size:14px; line-height:1}
	.footer-info .info-text .row li{padding-bottom:11px;text-align:left;vertical-align:top;display:inline-block}
	.footer-info .info-text>ul>li:last-child li{padding-bottom:0}
	.footer-info .info-text .th{width:162px;font-weight:inherit}
	


/* 로그인 */
.login_wrap {overflow:hidden; width: 100%; height: 670px; text-align:center; background: url('../images/sub/login_bg.png') no-repeat center top; background-size: auto 100%; background-color: #46b4ff;}
.login_wrap .st_box {margin:220px auto 0; width:100%; max-width: 385px; height: auto; background: rgba(255,255,255,0.9);}
.login-input .st_box_0 {margin: 0 auto; width:288px; height: auto;}
.int_lo {margin-top:8px; margin-right:100px; width: 188px; height: 34px; text-indent:10px; color:#232323; border: solid 1px #d3d3d3;}
.btn_login {z-index:10; position: absolute; top:8px; right: 0;}
/* login_session */
.login_session	{font-size:0.8em; color:#ccc;}
.btn00	{padding:2px 4px; height:15px; border-radius: 4px; background:#333; font-size:0.6em; color:#fff;}