@charset "utf-8";
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(../../admin/css/NanumGothic-Bold.eot);
  src: url(../../admin/css/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(../../admin/css/NanumGothic-Bold.woff2) format('woff2'),
       url(../../admin/css/NanumGothic-Bold.woff) format('woff');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(../../admin/css/NanumGothic-Regular.eot);
  src: url(../../admin/css/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(../../admin/css/NanumGothic-Regular.woff2) format('woff2'),
       url(../../admin/css/NanumGothic-Regular.woff) format('woff');
}
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 700;
  src: url(../../admin/css/NanumGothic-Bold.eot);
  src: url(../../admin/css/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(../../admin/css/NanumGothic-Bold.woff2) format('woff2'),
       url(../../admin/css/NanumGothic-Bold.woff) format('woff');
}
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: url(../../admin/css/NanumGothic-Regular.eot);
  src: url(../../admin/css/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(../../admin/css/NanumGothic-Regular.woff2) format('woff2'),
       url(../../admin/css/NanumGothic-Regular.woff) format('woff');
}

/* base */
* {-webkit-text-size-adjust:none;}
html{ overflow-y:scroll}
body {position:relative;font-size:14px;line-height:1.25em;color:#666;-webkit-text-size-adjust:none; background:url('../images/layout/bg_thisWrap.gif') repeat 0 0; }
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,div{margin:0;padding:0;font-family:Nanum Gothic,Helvetica,sans-serif;line-height:140%;-webkit-text-size-adjust:100%;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:100%;}
ul, ol, li {list-style:none;}
fieldset, img {border:none;}
hr, button img {display:none;}
form, fieldset, legend, label {margin:0; padding:0;}
fieldset{border:0 none;}
fieldset legend {position:absolute; visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font:0/0 Arial;}
em,address{font-style:normal;}
input,textarea,select,button,table{font-size:inherit;font-family:inherit;line-height:inherit;color:#666;}
label { cursor:pointer; }

.f12{ font-size:12px;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}

/* cross */
* html input { margin:-1px 0; } 
*:first-child+html input { margin:-1px 0; }
input.checkbox { width:13px; height:13px; margin-top:-4px; vertical-align:middle;}

/* a-style */
a {color:#666;text-decoration:none;outline:none;}
a:hover, a:active {color:#666;text-decoration:none;outline:none;}

/* html5 */
address, article, aside, figure, footer, header, hgroup, menu, nav, section {display:block;}

.clearfix{zoom:1;}
.clearfix:after{content:"";display:block; clear:both;}

/* layout */
.inner {position:relative; width:980px; margin:0 auto; }
.innerHead,
.innerCont,
.innerFoot { position:relative; width:980px; margin:0 auto; }
#thisHead {min-width:640px; height:100px; background:#2251A1; box-shadow:0 0 8px rgba(0,0,0,0.5);}
#thisHead h1.title {height:72px; padding:27px 0  0 10px; }
#thisHead h1.title a {display:block; width:220px; height:51px; background:url(../images/layout/bg_logo.png) no-repeat; line-height:51px; text-align:center; font-size:18px;}
#thisHead h1.title a img {display:inline-block;margin-top:6px;width:200px;height:40px;}
.tnb{ position:absolute; right:30px; top:15px; font-size:12px;}
.tnb li{ float:left; padding-left:15px;}
.tnb li a{ color:#fff;}
.gnb {float:right; font-size:18px; position:absolute; right:30px; top:45px;}
.gnb li { position:relative; float:left; padding-left:25px; line-height:140%;}
.gnb li a { color:#fff; text-shadow:1px 0 1px #fff;}

.consumer h2 { color:#c9e8ae; }
#thisContent { min-height:450px; height:auto !important; height:450px; padding-top:15px;}
#thisFoot {color:#fff; border-top:15px solid #666; background-color:#999999; padding-bottom:25px; padding-top:25px;}
address { clear:both; padding:0 10px 0 130px; color:#fff; font-size:12px; background:url('../images/layout/bi_flogo.png') no-repeat 10px 10px; }
address .add { margin-left:5px;}
address .num {display:block; margin-top:3px; }
.copyright { padding:10px 0 0 130px; color:#fff; font-size:12px;  }

/* 메인 */
#thisMain { position:relative; width:980px; margin:0 auto; padding-bottom:80px; }

/****************************************************************************/
/* Slide */
.main_contents{ width:100%; min-height:475px; height:475px; box-shadow:0 0 5px rgba(0,0,0,0.2); position:relative;}
.main_contents h1{ font-size:40px; color:#333333; padding:120px 0 0 180px; letter-spacing:-1px white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; text-overflow:ellipsis; line-height:48px;}
.main_contents p.txt{ max-width:540px; font-size:12px; color:#919191; padding:10px 0 0 180px; line-height:14px; }

.touchslider {}
.touchslider .touchslider-viewport {height:475px;overflow:hidden;}
.touchslider .touchslider-item {display:block;height:475px;text-align:center;overflow:hidden}
.touchslider .touchslider-item .sliderholder {margin:0 auto;width:980px;text-align:left;}
.touchslider .touchslider-nav {display:block;position:absolute;width:100%;margin-top:-50px;text-align:center;z-index:1000;}
.touchslider .touchslider-nav a {display:inline-blokc;cursor:pointer;}
.touchslider .touchslider-nav-item {display:inline-block;width:100px;padding:6px 0;font-size:13px;font-weight:bold;color:#fff;text-align:center;background:#1D274A;}
.touchslider .touchslider-nav-item-current {background:#AA182B;}

/* 하단 배너 */
.main_contents_calum{ clear:both; padding-top:15px; overflow:hidden; }
.main_contents_calum li{ float:left; width:230px; height:230px; margin-left:20px; background-color:#fff; box-shadow:0 0 5px rgba(0,0,0,0.2); border-radius:12px; overflow:hidden; position:relative;}
.main_contents_calum li h2{ display:block; font-size:14px; color:#2451A2; text-align:left; padding:20px 0 18px 20px;}
.main_contents_calum li h3{ display:block; font-size:16px; color:#323232; text-align:left; padding:12px 0 0 20px;}
.main_contents_calum li img{ }
.main_contents_calum li .txt{ display:block; width:190px; font-size:12px; color:#999; text-align:left; padding:0 0 0 20px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.main_contents_calum .custom {}
.main_contents_calum .custom-mobile {display:none;}
.main_contents_calum .custom-mobile-img {display:none;}
.main_contents_calum .custom-mobile-img img {width:680px;height:90px;}
.main_contents_calum .custom h3{ font-size:18px; color:#000; text-align:center; padding:10px 0; }
.main_contents_calum .custom img.icon { display:block; margin:5px auto; width:auto; max-height:60px; }
.main_contents_calum .custom .txt{ width:auto; padding:0; text-align:center; line-height:20px; }
.main_contents_calum .down {}
.main_contents_calum .down h3{ font-size:18px; color:#000; text-align:center; padding:10px 0; }
.main_contents_calum .down img.icon { display:block; margin:5px auto; width:auto; max-height:60px; }
.main_contents_calum .down .txt{ width:auto; padding:0; text-align:center; line-height:20px; }
/****************************************************************************/

.list_first{ margin-left:0 !important;}

a.btn_down{ display:inline-block; width:165px; height:36px;color:#fff; line-height:30px; text-align:center; background-color:#0370ea; font-size:18px;}

.mob_nav { margin-top:15px;box-shadow:0 0 5px rgba(0,0,0,0.2); display:none;}
.mob_nav li{ width:50%; float:left; height:66px;background-color:#fff; background:url(../images/layout/bg_mob_nav.gif) repeat-x;}
.mob_nav li a{display:block; padding-left:25px; height:66px; font-size:20px; line-height:66px; position:relative;}
.mob_nav li a span{background:url(../images/layout/bg_gnb.png) no-repeat; width:10px; height:19px; display:block; position:absolute; right:27px; top:25px;}
.mob_nav li a.menu01{border-bottom:1px solid #f2f1f1; border-right:1px solid #f2f1f1;}
.mob_nav li a.menu02{border-bottom:1px solid #f2f1f1;}
.mob_nav li a.menu03{border-right:1px solid #f2f1f1;}

#container{ width:959px; margin-left:auto; margin-right:auto; margin-top:25px; margin-bottom:50px;}
#left_area{ float:left; margin-right:19px;}
#left_area .left_box{position:relative; width:196px; background-color:#fff; padding-left:12px; padding-right:12px;box-shadow:0 0 5px rgba(0,0,0,0.2); border-radius:12px; padding-top:35px; padding-bottom:30px; margin-bottom:15px;}
#left_area .left_gnb dt{ font-size:24px; color:#333333; border-bottom:2px solid #2251A1; height:35px; margin-bottom:20px; padding-left:5px;}
#left_area .left_gnb dd{ margin-bottom:5px; font-size:16px;}
#left_area .left_gnb dd a{color:#666666; display:block; height:24px; line-height:23px; padding-left:5px;}
#left_area .left_gnb dd a:hover{ color:#fff; background-color:#2251A1;}
#left_area .left_gnb dd a.active{ color:#fff; background-color:#2251A1;}
#left_area .customer { font-size:16px;}
#left_area .customer dt{color:#2251A1; margin-bottom:15px; padding-left:5px;}
#left_area .customer dd{ margin-bottom:15px; padding-left:5px; color:#999999;}

#contents_area{ float:left; width:720px; position:relative; background-color:#fff; padding-bottom:55px;box-shadow:0 0 5px rgba(0,0,0,0.2); border-radius:12px;}
#contents_header{ padding:30px 20px;}
#contents_header h2{ font-size:30px; color:#333333; font-weight:bold;}
#contents_header p.site_location{ color:#999; text-transform:uppercase; margin-top:10px;}
#contents{position:relative; padding:0 20px; font-size:14px; line-height:20px; color:#333333; min-height:450px;}

#mobile_head_area{ height:61px; width:100%; background:#2251A1; padding-bottom:2px; display:none;}
#mobile_head_area .mobile_head{ position:relative; margin-left:auto; margin-right:auto; height:61px;}
#mobile_head_area .mobile_head h1{ position:absolute; font-size:14px; right:10px; bottom:10px; color:#fff;}
#mobile_head_area .mobile_head h2{ width:100%; text-align:center; color:#fff; font-size:24px; line-height:60px;}
#mobile_head_area .mobile_head a.btn_home{ 
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:60px;
	height:61px;
	font-size:16px;
	line-height:61px;
	text-align:center;
	color:#fff;
	background:#A3A5CF;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #A3A5CF /*{global-active-background-start}*/), to( #2251A1 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkidt-linear-gradient( #A3A5CF /*{global-active-background-start}*/, #2251A1 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #A3A5CF /*{global-active-background-start}*/, #2251A1 /*{global-active-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #A3A5CF /*{global-active-background-start}*/, #2251A1 /*{global-active-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #A3A5CF /*{global-active-background-start}*/, #2251A1 /*{global-active-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #A3A5CF /*{global-active-background-start}*/, #2251A1 /*{global-active-background-end}*/);
	border:0px none;
	border-right:1px rgba(255,255,255,0.2) solid;
}
#mobile_head_area .mobile_head a.btn_home img {vertical-align:middle;}

.quick_menu{ position:fixed; left:50%; margin-left:490px; top:300px; width:85px; text-align:center; color:#fff; font-size:12px;}
.quick_menu dt{ background-color:#2251A1;box-shadow:0 0 8px rgba(0,0,0,0.2);border-radius:5px; padding:4px 0; line-height:14px; margin-bottom:10px;}
.quick_menu dd a{ background-color:#999;box-shadow:0 0 8px rgba(0,0,0,0.2);border-radius:5px; padding:4px 0; line-height:14px; color:#fff; display:block; margin-bottom:5px; height:18px; line-height:18px;}
.quick_menu dd a:hover{background-color:#2251A1;}


/* 20130614 추가 */
.contents_con dd{display:none;}
.contents_con dd div{font-size:14px; line-height:20px; color:#333333;}

img.border-radius {width:block;margin:10px 0 0 10px;width:210px;height:210px;/*border-radius:10px;*/}

.rbox { position:absolute; width:10px; height:10px; display:block; }
.rboxLeftT { left:0; top:0; background:url('../images/common/icon_bx1_leftTop.png') no-repeat 0 0; }
.rboxRightT { right:0; top:0; background:url('../images/common/icon_bx1_rightTop.png') no-repeat 0 0; }
.rboxLeftB { left:0; bottom:0; background:url('../images/common/icon_bx1_leftBot.png') no-repeat 0 0; }
.rboxRightB { right:0; bottom:0; background:url('../images/common/icon_bx1_rightBot.png') no-repeat 0 0; }

/* Footer */
#footer {display:block;position:absolute;width:100%;background:#b1b1b1;border:0px none;z-index:100;overflow:hidden;}
#footer #footer-menu {display:block;width:100%;background:#999;border-bottom:1px #868686 solid;}
#footer #footer-menu #footer-menu-pc {display:block;}
#footer #footer-menu #footer-menu-mobile {display:none;}
#footer #footer-menu .inner {height:30px;}
#footer #footer-menu ul {display:block;margin-left:20px;}
#footer #footer-menu ul li {display:block;float:left;}
#footer #footer-menu ul li a {display:block;padding:0 10px 0 20px;height:30px;font-size:12px;color:#fff;line-height:30px;}
#footer #footer-menu ul li a.curr {font-weight:bold;}
#footer #footer-copyright {border-top:1px #bfbfbf solid;}
#footer #footer-logo {display:block;position:absolute;top:25%;min-width:160px;height:45px;font-size:20px;font-weight:bold;color:#e0e0e0;line-height:45px;}
#footer #footer-logo img {max-width:160px;max-height:45px;vertical-align:middle;}
#footer #footer-logotxt {display:block;position:absolute;top:25%;min-width:160px;height:45px;font-size:20px;font-weight:bold;color:#e0e0e0;line-height:45px;}
#footer #copyright {display:block;margin:0 0 0 200px;padding:20px 0 25px 0;font-size:12px;color:#e9e9e9;line-height:1.4em;}
#footer #copyright a {color:#cecece;}

/* custom_sms */
#custom_sms {position:fixed;top:300px;left:50%;margin-left:500px;width:213px;height:233px;text-align:center;background:url(/template/images/sms/sms_form_bg.png);z-index:1000;}
#custom_sms > p {display:block;margin:135px 0 0 0;}
#custom_sms > p > input {height:20px;font-size:11px;line-height:20px;letter-spacing:-1px;border:1px #aaa solid;}
#custom_sms > span {display:inline-block;margin-top:8px;cursor:pointer;}