@charset "utf-8";
@font-face { font-family: NGothic; src: url('../font/NanumGothic.eot'); src:local('?'), url('../font/NanumGothic.woff') format('woff'); }
@font-face { font-family: 'Daum_Regular'; src: url('../font/daum_regular2.eot'); src: local('☺'), url('../font/daum_regular2.woff') format('woff'), url('../../font/daum_regular2.ttf')  format('truetype') } 

/********** 공통요소 CSS **********/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button {margin:0;padding:0; border: none;}
body,div,dl,dt,dd,h1,h2,h3,h4,h5,form,fieldset,p,th,td,input {font-family:"NGothic", nbg, dotum, sans-serif;}
body{font-size:12px; color:#777;}

img {border:0; vertical-align:top;}
fieldset {border:0; margin:0; padding:0;}
textarea {margin:0; border:1px solid #cccccc; font-family:"NGothic", nbg, dotum, sans-serif; font-size:12px;}
select, input {font-family:"NGothic", nbg, dotum, sans-serif; vertical-align:middle; }
ul, ol {list-style-type : none;}
dt, dd, h1 , h2, h3, h4, h5, h6 {padding:0; margin:0;}
select {padding:1px 0; height:25px; color:#777; font-size:12px; border:1px solid #d6d6d6;}
a,
a:link,
a:visited,
a:active {color:#333; text-decoration:none;}
a:hover,
a:focus {text-decoration:none; color:#ca0300;}
legend {visibility:hidden; height:0; width:0; font-size:0; line-height:0; overflow:hidden; left:-9999px; top:-9999px;}
hr {visibility:hidden; height:0; width:0; font-size:0; line-height:0; overflow:hidden; position:absolute; left:-9999px; top:-9999px;}
caption {overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0;}
em, address {font-style:normal;}
button {background:transparent; border:0; font-family:"NGothic", nbg, dotum, sans-serif; font-size:12px; cursor:pointer; padding:0; overflow:visible; vertical-align:top;}
p{color:#333; line-height:22px; font-size:13px}

/*******DISPLAY*******/
.disalign1	{ display: block; height: 30px; }

/*******COLOR*******/
.org	{ color: #ff5533; }

/******* HEADING*******/
h1.logo_foot	{ float: left; margin: 14px 50px 0 0; background: url('../img/common/logo_foot.png') no-repeat; }
h1.logo_foot a	{ display: block; width: 180px; height: 29px; }
h2.main_tit	{ display: block; text-align: left; margin: 0 0 16px 0; }
h3.m_list	{ display: block; height: 17px; padding: 12px 0; margin: 0; font: 600 1.2em 'NGothic'; color: #3c7580;background: url('../img/main/main_list_top.png') top repeat-x;  }
h3.sub_tit	{ display: inline; font-weight: 700; font-size: 26pt; color: #cc3743; font-family: 'Arial Black', 'dotum'; text-align: left; letter-spacing: -0.05em;}
h3.sub_tit.sub_tit2	{color:#000;}
h4	{ clear: both; width: 100%; margin: 40px 0 10px 0; padding: 0 0 0 15px; font-size: 1.5em; color: #000; text-align: left; background: url('../img/product/bull.png') left center no-repeat; }
h5	{ clear: both; width: 100%; margin: 40px 0 -10px 0; padding: 0 0 0 15px; font-size: 1.1em; color: #000; text-align: left; background: url('../img/product/bull.png') left center no-repeat; }

/******* 레이아웃 *******/
#wrap { position:relative; width: 100%; display: inline-block; text-align: center; margin: 0; padding: 0; background: url('../img/common/wrap_bg.gif') 0 -5px repeat-x; }
#sub_wrap		{position:relative; width: 100%; display: inline-block; text-align: center; margin: 0; padding: 0; background: url('../img/common/subwrap_bg.gif') 0 103px repeat-x; }
#headerWr { position: relative; width: 960px; height: 222px; margin: 0 auto; padding: 0; }
#sub_cont	{ position: relative; width: 960px; display: inline-block; margin: 0 auto;padding-top:240px;}

/* CONTENT */
#container{position:relative; margin:0 auto; padding-top:106px; z-index:5; }
#container:after{clear:both; content:''; display:block;}

/* HEADER */
h1.logo{position: absolute; width: 213px; height: 35px; top: 0; left: 0; z-index: 1; }
.mini_wrap{display: none;position: fixed; top: -30px;width: 100%;height: 30px;background-color: #000;z-index: 10;}
.mini_header{position: relative; width: 960px; margin: 0 auto;}
.mini_header .logo{position: absolute; right: 0;top: 8px;}
.mini_header .total_menu{}
.mini_header .total_menu a {display:block; width:100px; height:21px; padding-top:9px; }

.header	{position: relative; width: 960px; height: 108px; margin: 0; padding: 0;}
.hgroup { height: 30px; padding: 0;}
.tnb {float:right;}
	.tnb::after {content:'';display:block;clear:both;visibility:hidden;}
	.tnb li {float:left;margin-left:3px;}
	.tnb li a {display:block;padding:0 20px;border-width:1px;font-size:1.1em;font-weight:600;color:#fff;line-height:30px;}
	.tnb li.tnb_li1 a {padding:0;border:none;}
	.tnb li.tnb_li2 a {border-color:#e07411;background-color:#f27703;}
	.tnb li.tnb_li3 a {border-color:#1e5dab;background-color:#357ace;}
	.tnb li.tnb_li4 a {border-color:#9e9e9e;background-color:#b3b3b3;}

#headerWr{position: absolute; left:0; top:0; width: 100%; margin: 0; padding: 10px 0 0 0; height: 108px;  z-index:10;}
#headerWr.on{}
.topWrap{ display: inline-block;}
#headerWr.on .topWrap{background-position: 0 104px;}
#headerWr .header{position:relative; width:960px; margin:0 auto; padding-top: 0; min-height:84px}


/* MAIN_MENU */
/* 220613 개편 */
.gnb {position:relative;text-align:center;}
	.gnb ul, .gnb li {list-style:none !important;margin:0;padding:0;}
	.gnb ul::after {content:'';display:block;clear:both;visibility:hidden;}
	.gnb li {float:left;}
	.gnb .gnb_1dul {position:relative;}
	.gnb .gnb_1dli {width:calc(23% - 2px);text-align:left;}
	.gnb .gnb_1dli.gnb_1dli_4, .gnb .gnb_1dli.gnb_1dli_5 {width:calc(16% - 2px);}
	.gnb .clear {content:'';display:block;clear:both;visibility:hidden;}
	.gnb .gnb_1da {display:inline-block;position:relative;width:100%;font-family:Roboto,Arial,'NanumGothic','NGothic','나눔고딕','돋움';font-size:1.35em;font-weight:600;color:#666;line-height:64px;text-transform:uppercase;text-align:center;}
	.gnb .gnb_1da::after {content:'';position:absolute;right:0;top:25px;width:1px;height:20px;background:#ccc;}
	.gnb .gnb_1dli:last-child .gnb_1da::after {display:none;}
	.gnb .gnb_1dli:hover .gnb_1da, .gnb .gnb_1da:active, .gnb .gnb_1da:hover, .gnb .gnb_1da.hover {color:#ff5500;background:url('../img/common/menu_on.png') no-repeat bottom center;}
	.gnb .gnb_2dul {display:none;position:absolute;left:0;top:64px;width:950px;padding:10px 5px 0;border-bottom:1px solid #999;background:#fff;}
	.gnb .gnb_1dli:hover .gnb_2dul {display:block;}
	.gnb .gnb_2dli {margin:0 5px 5px 0;}
	.gnb .gnb_2dli a {text-align:center;}
	.gnb .gnb_2dli a img {display:block;}
	.gnb .gnb_2dli a strong {display:block;margin:5px 0 10px;font-weight:normal;text-transform:uppercase;}
	.gnb .gnb_1dli_2 .gnb_2dli:first-child {margin-left:100px;}
	.gnb .gnb_1dli_4 .gnb_2dli {float:right;margin-right:150px;}
	.gnb .gnb_1dli_5 .gnb_2dli {float:right;margin-right:10px;}

/* SUB MENU */
#gnb_box {position:relative;text-align:center;}
	#gnb_box ul, #gnb_box li {list-style:none !important;margin:0;padding:0;}
	#gnb_box ul::after {content:'';display:block;clear:both;visibility:hidden;}
#gnb	{position:relative;}
	#gnb li {float:left;}
	#gnb .clear {content:'';display:block;clear:both;visibility:hidden;}
	#gnb li.gnb_1dli {width:calc(23% - 2px);text-align:left;}
	#gnb li#mNavi04.gnb_1dli, #gnb li#mNavi05.gnb_1dli {width:calc(16% - 2px);}
	#gnb .gnb_1da {display:inline-block;position:relative;width:100%;font-family:Roboto,Arial,'NanumGothic','NGothic','나눔고딕','돋움';font-size:1.35em;font-weight:600;color:#666;line-height:64px;text-transform:uppercase;text-align:center;}
	#gnb .gnb_1da::after {content:'';position:absolute;right:0;top:25px;width:1px;height:20px;background:#ccc;}
	#gnb li#mNavi05 .gnb_1da::after {display:none;}
	#gnb .gnb_1da:active, #gnb .gnb_1da:hover, #gnb .gnb_1da.hover {color:#ff5500;background:url('../img/common/menu_on.png') no-repeat bottom center;}
	#gnb .gnb_2dul {position:absolute;left:0;top:64px;width:950px;padding:10px 5px 0;border-bottom:1px solid #999;background:linear-gradient(rgba(255,255,255,.0) 50%,rgba(255,255,255,1) 51%);}
	#gnb .gnb_2dul li {margin:0 5px 5px 0;}
	#gnb .gnb_2dul li a {text-align:center;}
	#gnb .gnb_2dul li a img {display:block;}
	#gnb .gnb_2dul li a strong {display:block;margin:5px 0 10px;font-weight:normal;text-transform:uppercase;}
	#gnb .gnb_2dul li a:hover strong, #gnb .gnb_2dul li a.hover strong {color:#ff5500;font-weight:600;}
	#gnb li#mNavi02.gnb_1dli .gnb_2dli:first-child {margin-left:100px;}
	#gnb li#mNavi04.gnb_1dli .gnb_2dli {float:right;margin-right:150px;}
	#gnb li#mNavi05.gnb_1dli .gnb_2dli {float:right;margin-right:10px;}
	#gnb li#mNavi06.gnb_1dli .gnb_2dli > a {display:block;width:130px;border:1px solid #ccc;font-size:1.2em;line-height:60px;text-align:center;background:#fff;}
	#gnb li#mNavi06.gnb_1dli .gnb_2dli > a.hover {color:#ff5500;font-weight:600;}

/* 메인컨텐츠*/
#visual	{ width: 100%; height: 575px; text-align: center; background: url('../img/main/vis_bg.png') center top no-repeat; }
#slider { position:relative; overflow:auto; width: 960px; height: 420px; margin: 0 auto;}
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:960px; height: 420px; margin: 0; padding: 0; }
.pagination { width: 960px; list-style:none; height: 121px; margin: 0 auto; padding: 0 0 30px 0;  background: url('../img/main/thumb_bg.png') center bottom no-repeat; }
.pagination li {float:left; width: 238px; height: 121px; margin: 0 1px; padding: 0; text-align:center; background:url('../img/main/main_menu.png') 0 0 no-repeat;cursor:pointer; text-indent: -99999em;}
#bt1	{ background-position: 0 0; }
#bt2	{ background-position: -240px 0; }
#bt3	{ background-position: -480px 0; }
#bt4	{ background-position: -720px 0; }
.pagination #bt1.current, .pagination #bt1:hover  {background:url('../img/main/main_menu.png') 0 -121px no-repeat; }
.pagination #bt2.current, .pagination #bt2:hover  {background:url('../img/main/main_menu.png') -240px -121px no-repeat; }
.pagination #bt3.current, .pagination #bt3:hover  {background:url('../img/main/main_menu.png') -480px -121px no-repeat; }
.pagination #bt4.current, .pagination #bt4:hover  {background:url('../img/main/main_menu.png') -720px -121px no-repeat; }

#main_cont	{ width: 960px; margin: 0 auto; }
.cont_left	{ float: left; width: 550px; margin: 0; }
/* 220614 수정 */
.main_index::after {content:'';display:block;clear:both;visibility:hidden;}
	.main_index dl {float:left;width:180px;margin:0;text-align:center;}
	.main_index dl+dl {margin-left:3px;}
	.main_index dl dt {border:1px solid #6bcde0;border-bottom-color:#f53;border-radius:10px 10px 0 0;font-size:1.2em;font-weight:600;color:#176f80;line-height:40px;text-transform:uppercase;}
	.main_index dl dd {height:270px;margin:0;padding:5px 15px 25px;border:1px solid #91afb5;border-top:none;border-radius:0 0 10px 10px;background:#f7f7f7;}
	.main_index dl dd ul {}
	.main_index dl dd ul li {border-bottom:1px dashed #ccc;}
	.main_index dl dd ul li a {display:block;padding:7px 0;}


.cont_right	{ float: right; width: 380px; }
.main_cs	{ width: 380px; padding: 0 0 24px 0; margin: 0; background: url('../img/main/main_cs_bg.png') left 34px no-repeat; }
.main_cs p	{ width:100%; margin: 10px 0 6px 115px; padding: 0; font: bold 1.3em 'arial'; color: #555; text-align: left; }
.text	{ width:100%; margin: 10px 0 6px 44px; padding: 0; 'arial'; color: #555; text-align: left; }
.main_quik	{ width: 380px; padding: 0; margin: 13px 0 0 0; }
.main_quik p	{ display: block; height: 79px; text-align: center; background: url('../img/main/main_quik_bg.png') bottom no-repeat; }
.main_quik p a	{ float: left; width: 170px; height: 79px; margin: 0 8px; text-indent: -99999em; }

/* 서브컨텐츠*/
.content_left	{ float: left; width: 630px; margin: 0 0 30px 0;}
.tit_top	{margin: 0; font-size: 0.9em; color: #555;text-transform:uppercase; text-align: left; }
.tit		{ margin: -22px 0 40px 0; font-size: 16pt; font-family: 'Arial Black';text-transform:uppercase; color: #333; text-align: left; }
.tit p { color:#000; }
.tit p span{ font-size:15px; color:#000; font-weight:600}
.tit_sec	{ border-bottom: 1px solid #ccc; margin: -22px 0 40px 0; font-size: 15pt; font-family: 'NGothic'; font-weight: bold; color: #333; text-align: left; }
.tit_sec img	{ margin: 7px 15px; vertical-align: bottom; }
.feature_k	{ margin: 0 0 20px 10px; padding: 0 0 0 10px;line-height: 150%; font-size: 10pt; }
.feature_k li	{ text-align: left; color: #000;  list-style: square;}
.feature_k li p	{ font-weight:600 }
.feature_e	{ width: 600px; margin: 0 0 0 10px; padding: 0 0 0 10px; font-size: 10pt; font-family: Arial; line-height: 140%; }
.feature_e li	{ text-align: left; color: #000; list-style: disc; }
.feature_ke	{ margin: 0 0 20px 10px; padding: 0 0 0 10px;line-height: 150%; font-size: 10pt; }
.feature_ke li	{ text-align: left; color: #000;  list-style: square;}
.feature_ke li p	{ font-weight:600 }
.part { display: block; margin: 20px auto; }
.prod_tbl	{ width: 960px; margin: 30px  auto 0 auto;border-collapse: collapse; border: 2px solid #6ba4cc; font-size: 10pt; }
.prod_tbl th { border: 1px solid #ccc; padding: 7px 10px; font-weight: 600; color: #1168a6; background: #f2f2f2; text-transform: capitalize; }
.prod_tbl td { border: 1px solid #ccc; padding: 7px; 5px; text-align: center; }
.prod_tbl td ul { text-align: left; margin-left: 25px; }
.prod_large	{ float: right; width: 280px; height: 350px; margin: 0; padding: 16px 0 0 1px;  z-index: 100; background: url('../img/product/prod_bg.png') no-repeat; }
.tal_over	{ position: relative; width: 300px; }
.tal_over_cont	{position: absolute; top: -286px; left: -500px; }
.tal_over_cont img	{ border: 1px solid #ccc;}
.p_btn a { position: absolute; bottom: -50px; left: 0; width: 280px; height: 50px; text-indent: -9999em; }
.img2	{ width: 250px; height: 283px; border: 1px solid #ccc; }
.prod_ex	{ display: block; text-align: left; margin: 40px 0 0 20px;  }
.map_addr	{ display: block;text-align: left; margin: 40px 20px; }
.map_addr li	{ font-size: 14px; display: block; margin: 10px 0 0 0; padding: 0 0 0 9px; border-left: 4px solid #222; color: #222;}
.map_addr li span	{ display: inline-block;  width: 80px; text-align: center; font-weight: bold;  }
.sitemap { width: 100%; margin: 0; padding: 0; text-align: left; clear:both; }
.sitemap dl { float: left ; width: 300px; margin: 0 0 60px 0; background: url('../img/customer/sitemap.gif') left top no-repeat; }
.sitemap dl dt { margin: 15px 0; padding: 0 0 15px 0; font: bold 12pt 'NGothic'; border-bottom: 1px solid #ccc; text-transform:uppercase; }
.sitemap dl dd { margin: 15px 0; padding: 0 0 0 15px; font: normal 9pt 'NGothic'; color: #333; background: url('../img/customer/sitemap_bul.gif') left center no-repeat; }

/* FOOT*/
#foot	{ width: 100%; clear: both; text-align: center; margin: 40px auto 0 auto; padding: 13px 0; background: #f2f2f2; }
.foot_wrap	{ width: 960px; margin: 0 auto; }
.addr	{ position: relative; text-align: left; line-height: 17px; color: #222; font-family: 'Ngothic';}
.addr span	{ margin: 0 25px 0 0; }
.copy	 {  font-family: Arial; color: #999; }
.admin	{ position: absolute; right: 0; top: 18px; padding: 5px; border: 1px solid #000; background: #666; }
.admin a	{color: #efefef; font: bold 9pt 'arial'; }

.priv {display:inline-block;margin-left:5px;font-size:.92em;color:#e22;cursor:pointer;}

/* 190219 추가 */
.clear {display:block;}
	.clear:before, .clear:after {display:block;clear:both;content:"";}
.not {margin:10px 0 0;font-size:1.15em;font-weight:600;color:#f43;text-align:right;}
.dwg {padding:15px 0;border:1px solid #d9d9d9;border-radius:5px;text-align:center;}

/* 220613 추가 */
.co_greeting {position:relative;}
	.co_greeting .txt {width:80%;margin:auto;}
	.co_greeting .txt p {margin-bottom:25px;font-size:1.35em;color:#000;line-height:1.6em;}
	.co_greeting .txt p.sign {padding-top:25px;border-top:1px solid #efefef;text-align:center;}
	.co_greeting .txt p.sign strong {font-size:1.2em;}
	.co_greeting .img {width:80%;margin:auto;text-align:center;}
	.co_greeting .img img {width:300px;border-right:2px solid #fff;border-bottom:2px solid #fff;box-shadow:8px 8px 12px rgba(0,0,0,.2);}