@charset "euc-kr"; 

/* Font */ 
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
*@font-face{font-family:NanumBG;src:url('http://27.101.87.16/common/font/NanumBarunGothic.eot');src:local(¡Ø),url('http://27.101.87.16/common/font/NanumBarunGothic.woff') format('woff')}*/
/* ³ª´® ¹Ù¸¥ °íµñ */
@font-face{font-family:'NanumBG';src:url("http://27.101.87.16/common/font/NanumBarunGothic.eot");/* ie6, ie9È£È¯¼ºº¸±â*/src:url("http://27.101.87.16/common/font/NanumBarunGothic.eot?#iefix") format('embedded-opentype'),/* ie7,8 */url("http://27.101.87.16/common/font/NanumBarunGothic.woff") format('woff'),/* Crome */url("http://27.101.87.16/common/font/NanumBarunGothic.ttf") format('truetype');}
/* ³ª´®¸íÁ¶ */
@font-face{font-family:'NanumMJ';src:url("http://27.101.87.16/common/font/NanumMyeongjo.eot");/* ie6, ie9È£È¯¼ºº¸±â*/src:url("http://27.101.87.16/common/font/NanumMyeongjo.eot?#iefix") format('embedded-opentype'),/* ie7,8 */url("http://27.101.87.16/common/font/NanumMyeongjo.woff") format('woff'),/* Crome */url("http://27.101.87.16/common/font/NanumMyeongjo.ttf") format('truetype');}
/* ¼­¿ïÇÑ°­ º¼µå  */
@font-face{font-family:'SeoulHB';src:url("http://27.101.87.16/common/font/SeoulHangangB.eot");/* ie6, ie9È£È¯¼ºº¸±â*/src:url("http://27.101.87.16/common/font/SeoulHangangB.eot?#iefix") format('embedded-opentype'),/* ie7,8 */url("http://27.101.87.16/common/font/SeoulHangangB.woff") format('woff'),/* Crome */url("http://27.101.87.16/common/font/SeoulHangangB.ttf") format('truetype');}
/* ³ª´®Ææ º¼µå  */
@font-face{font-family:'NanumP';src:url("http://27.101.87.16/common/font/NanumPen.eot");/* ie6, ie9È£È¯¼ºº¸±â*/src:url("http://27.101.87.16/common/font/NanumPen.eot?#iefix") format('embedded-opentype'),/* ie7,8 */url("http://27.101.87.16/common/font/NanumPen.woff") format('woff'),/* Crome */url("http://27.101.87.16/common/font/NanumPen.ttf") format('truetype');}
/* open Sans */
@font-face{font-family:'openS';src:url("http://27.101.87.16/common/font/OpenSans.eot");/* ie6, ie9È£È¯¼ºº¸±â*/src:url("http://27.101.87.16/common/font/OpenSans.eot?#iefix") format('embedded-opentype'),/* ie7,8 */url("http://27.101.87.16/common/font/OpenSans.woff") format('woff'),/* Crome */url("http://27.101.87.16/common/font/OpenSans.ttf") format('truetype');}
/* open Sans Light */
@font-face{font-family:'openSL';src:url("http://27.101.87.16/common/font/OpenSans-Light.eot");/* ie6, ie9È£È¯¼ºº¸±â*/src:url("http://27.101.87.16/common/font/OpenSans-Light.eot?#iefix") format('embedded-opentype'),/* ie7,8 */url("http://27.101.87.16/common/font/OpenSans-Light.woff") format('woff'),/* Crome */url("http://27.101.87.16/common/font/OpenSans-Light.ttf") format('truetype');}



/* reset */ 
body {margin:0; padding:0; line-height:150%; color:#555; font-family:'Nanum Gothic', 'µ¸¿ò', dotum, arial, tahoma, verdana; font-size:12px; word-wrap:break-word;  min-width:900px;} 
div, p, ul, ol, dl, dt, dd, li {margin:0; padding:0;}
ul, li {list-style:none} 

hr, legend, .hidden, .hide {display:none;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
p {font-family:'Nanum Gothic', 'µ¸¿ò', dotum, arial, tahoma, verdana; }
em,address {font-style:normal} 

fieldset, iframe {border:none; margin:0; padding:0;}
img {border:0;}
input, 
button {font-family:'Nanum Gothic', 'NanumGothicWeb', 'µ¸¿ò', 'Dotum', 'Arial', 'Helvetica', 'sans-serif'; font-size:12px; padding:0; margin:0; vertical-align:middle;}
form {padding:0; margin:0;}
legend/*,label*/ {display: none}

input.radio {padding:0; margin:0; width:13px; height:13px; vertical-align:middle;}
input.checkbox {padding:0; margin:0; width:13px; height:13px; vertical-align:middle; border:none; background:none}

textarea {
	color:#2a2a2a; font:normal normal normal 12px/normal 'Nanum Gothic', 'µ¸¿ò', dotum, arial, tahoma, verdana; padding:3px 0 1px 0;
	border:1px solid #adadad;
	scrollbar-highlight-color:#fbfbfb; 
	scrollbar-3dlight-color:#adadad; 
	scrollbar-face-color:#ffffff; 
	scrollbar-shadow-color:#adadad; 
	scrollbar-darkshadow-color:#fbfbfb; 
	scrollbar-track-color:#fbfbfb; 
	scrollbar-arrow-color:#adadad;
}

img,fieldset {border:0}
img {vertical-align:top; padding:0}
select, input {vertical-align:top;}
ul,ol {list-style:none} 
em,address {font-style:normal} 

table {border-collapse:collapse; border-spacing:0; margin:0; padding:0;text-align:left}
th,td {margin:0; padding:0; vertical-align:middle}

a {color:#2a2a2a; text-decoration:none} 
a:link, a:active, a:focus {color:#2a2a2a; text-decoration:none;}
a:hover {color:#111; text-decoration:none;}


/***** common *****/
#header_wrap, #m_visual, #contant_wrap, #footer_wrap,#s_visual_wrap {clear:both;width:100%; text-align:left}
#lnb,.gnb_wrap, #contant, #aside1,#aside2, .s_visual, .sub_content{width:1000px; /*margin:0 auto;*/}
#ccontant {margin-bottom:30px;}
#ccontant table {margin:0 auto;}


/***** header *****/
 #header_wrap {height:100px;background: url('../img/common/hd_bg.gif') repeat-x;}
#lnb {height:100%;padding:0; background: url('../img/common/hd_img.jpg') no-repeat;position:relative;}


.logo {float:left;}
.lnb_box{position:absolute;right:0;z-index:1000;}
.clearfix {margin:0; padding:0;}
.lnb_box .depth1{position:relative;float:left;}
.lnb_box .tit,.all_lnb_open .lnb_box .on,.all_lnb_open .lnb_box .tit:hover{display:block;width:150px;height:40px;margin-top:45px;font-size:16px;color:#000;font-weight:600;text-align:center;}
.lnb_box .tit span {display:block;font-size:10px;color:#fff;font-weight:600;text-transform: uppercase;}
.lnb_box .on, .lnb_box .tit:hover {color:#cc0000}

.lnb_box .depth2{display:none;position:absolute;left:0;top:80px;/*width:170px; text-indent:10px;*/text-align:left;background:#d5eef7;/*padding:15px 0;*/border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
.lnb_box .depth2 li{padding:5px 15px 5px !important;float:left;}
.lnb_box .depth2 li:first-child{padding:0;}
.lnb_box .depth2 li a{display:block;padding:0; color:#000;font-size:12px;line-height:20px;font-weight:600;}
.lnb_box .depth2 li a:hover {color:#cc0000;}

.m_banner {}

/***** main *****/
#m_visual {height:600px; /*margin: 0 auto;*/ background:url(../img/main/main_bg.gif) repeat-x; position:relative;overflow:hidden;}
#contant {height:100%;background:url(../img/main/main_img.jpg) no-repeat;}
#contant_wrap {margin-bottom:35px;}

.mimg_box {width:435px; height:100%; float:left;}
.mtxt_box {width:440px; height:100%; float:left;padding-left:75px;}
.mtxt_box .m_new {width:440px;height:58px;margin:25px 0;}
.mtxt_box .m_new .new_icon {width:49px;height:100%;float:left;}
.mtxt_box .m_new .new_latest {width:375px;height:100%;float:left;padding-left:15px;}
.mtxt_box .m_new .new_latest td {line-height:150%;}
.mtxt_box .m_new .new_latest td img {vertical-align: middle;}

.slider_ban {width:440px; height:175px;margin-top:5px;position:relative;}


.sliderbutton {float:left; width:32px; padding-top:134px}
.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {background:#666}
#slider {float:left; position:relative; overflow:auto; width:440px; height:174px;}
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:440px; height:174px; padding-right:10px}

.pagination {position:absolute; bottom:8px;list-style:none; margin:15px 0 0 25px}
.pagination li {float:left; cursor:pointer; padding:0 3px; background:#999; border:1px solid #999; margin:0 4px 0 0; text-align:center; color:#fff}
.pagination li:hover, li.current {background:#1b4d8f;}

li#content {width:464px; height:270px; padding:15px 28px 15px 18px}
#content h1 {font:22px Georgia,Verdana; margin-bottom:15px; color:#036}

.m_q1,.m_q2,.m_q3 {margin-top:30px;}
.m_q1 {width:81px;height:54px;float:left;}
.m_q2 {width:85px;height:54px;float:left;}
.m_q3 {width:76px;height:54px;float:left;}
.m_cus {width:198px;height:82px;float:left; background: url(../img/main/m_cus_bg.png) no-repeat; margin-top:15px;}
.m_cus p {color:#333;font-size:25px;letter-spacing:-0.05em;margin-top: 40px;margin-left: 15px; font-weight: 600;line-height:100%;}
.m_cus p span {font-size:20px;}




/***** sub *****/
#s_visual_wrap {height:110px; /*margin: 0 auto; */background:url('../img/sub/s_bg.jpg') repeat-x; min-width:1050px; overflow:hidden;}
#s_visual {width:1042px; height:110px;/* margin: 0 auto;*/ background-image:url('../img/sub/s_img.jpg'); background-repeat:no-repeat; position:relative;min-width:1050px; overflow:hidden;}

 #s_content_wrap {width:100%;min-height:600px; background:url('../img/sub/sub_bg_wrap1.jpg') repeat-x;}
/*.sub_content {padding:40px 0;min-height:500px;}*/
.s_content {width:1050px;/*min-height:600px; */background-image:url('../img/sub/sub_bg_hd.jpg'); background-repeat:no-repeat; }

.s_side {width:251px;background-image:url('../img/sub/sub_side.png'); background-repeat:no-repeat;float:left;}

.s_side .snb {width:215px;height:222px;margin-left:35px;}
.snb h1{width:100%; height:55px;text-indent:23px; margin:0;padding:0;}
.snb p {padding-top:20px;/*text-indent:30px; */font-size:22px; color:#fff;letter-spacing:-0.05em;}
.snb span {font-size:15px; font-weight:600; color:#333}
.snb  ul {padding:0; margin-left:23px;}
.snb  ul  li {width:163px;height:18px; line-height:18px; background:#f0f2f1;margin-bottom:12px;text-indent:7px;padding: 2px 0;}
.snb  ul  li a {display:block; color:#4c4c4a;font-size: 12px;font-weight:bold;}
.snb  ul  li a:hover,
.snb  ul  li a.on {background:#fff;color:#000;  font-weight:bold;}

.side_ban {width:198px;height:82px;float:left; background: url(../img/main/m_cus_bg.png) no-repeat; margin-top:15px;margin-left:35px;}
.side_ban p {color:#333;font-size:25px;letter-spacing:-0.05em;margin-top: 40px;margin-left: 15px; font-weight: 600;line-height:100%;}
.side_ban p span {font-size:20px;}

.s_contant {width:720px;/*height:620px;*/height:auto;background-image:url('../img/sub/sub_contant.png'); background-repeat:no-repeat;float:left;}
.hgroup {width:660px;height:60px;padding:30px 0 0 30px;}
.hgroup h1 {font-size:25px;color:#010101;float:left;margin-bottom:10px;}
.hgroup h1 span {display:block; color:#999;font-size:8px;margin-top:5px;}
.hgroup .path {float:right;margin-top: 5px;}
.h1_bar {clear:both;width:660px;height:3px;background:#f0f0f0;border-top:1px solid #c7c7c7}


.bt_img_wrap {clear: both;width:100%;height:192px;background-image:url('../img/sub/sub_bg_wrap2.jpg'); background-repeat:repeat-x;}
.bt_img {width:1050px;height:192px;background-image:url('../img/sub/sub_bg_ft.jpg'); background-repeat:no-repeat;}

/***** footer *****/
#footer_wrap {clear:both;height:100px; background: #333;}
.footer {padding:20px 0 80px 30px; width:900px;/*margin:0 auto;*/}
.footer  .address {float:left;padding-left:70px;text-align: left;line-height:170%; color:#dbdbdb}
.footer  img{float:left; }