@import "base.css";
@import "fonts.css";

#header{ width:100%; background:url('../images/header_bg.jpg') repeat-x 0 0;  z-index:10;position:absolute; height:125px; overflow:hidden;}
#header .header_in{ margin:0 auto; position:relative; height:27px; }
#header h1{ position:absolute; top:0px; left:0px; }


.gnb{width:100%; height:100%;}
.gnb .gnb_in{ width:1000px; height:125px; margin:0 auto; position:relative; }
.visitant{ width:390px; position:absolute; top:34px; left:550px; }
.visitant strong{ font-size:14px; font-weight:bold;}
.visitant strong.num{font-size:12px; color:#e53b2c;}
.visitant span{ padding:0 8px;}
.visitant span em{}
.visitant span em.today{color:#e53b2c }

.visitant2{width:390px; position:absolute; top:34px; left:700px; }
.visitant2 span{ padding:0 8px;}
.visitant2 span em{}

#global{ position:absolute; top:25px; right:0;}
#global li{float:left; margin-right:7px;}
#global li:first-child{ background:none;}
#global a{color:#8a8a8a; padding:7px; display:block; border:1px solid #2b2b2b;}
#mainMenu{  position:absolute; top:75px; width:1000px; left:20px;/*background:url('../images/gnb_line.jpg') repeat-y 0 0; */overflow:hidden; padding-left:2px; }
#mainMenu li{ float:left; overflow:hidden; height:70px;padding-left:2px; background:url('../images/gnb_line.jpg') repeat-y 0 0;  margin-left:120px;}
#mainMenu li:first-child{ margin-left:0;}
#mainMenu li a{ display:block;  height:45px;text-align:center; padding:15px 19px 0px 19px; color:#fff; font-size:15px; font-weight:600;}
/*#mainMenu li.on a{ background:url('../images/gnb_on.png') no-repeat center 53px;}*/
#mainMenu li.last a{}

#mainMenu li a:hover, #mainMenu li.select a{  color:#b5dffa;}

#subMenuBox{  position:absolute; top:125px; left:0; width:100%; height:200px; background:url('../images/subMenu_bg.png') repeat 0 0;}
#subMenuBox .subMenuBox_in{ width:1000px; position:relative; margin:0 auto;}
#subMenuBox ul{ position:absolute; top:0; height:200px;padding-top:15px; padding-left:15px; width:100px;  }
#subMenuBox ul li a{display:block; padding:4px 5px; color:#fff; font-size:1.1em;}
#subMenuBox ul li a:hover{color:red; }
#subMenuBox #subMenu1{   left:20px; }
#subMenuBox #subMenu2{  left:227px;  padding-left:25px; width:90px; }
#subMenuBox #subMenu3{  left:447px;  padding-left:20px; width:95px; }
#subMenuBox #subMenu4{ left:655px;  padding-left:25px; width:90px; }
#subMenuBox #subMenu5{    left:880px;  padding-left:15px; width:100px;}


#wrapper{ width:100%; margin:0 auto; position:relative;}
#sWrapper{ width:100%; margin:0 auto;padding-top:108px; }

.main_slide{ height:393px;position:relative; padding-top:100px; margin-bottom:30px;  }
.main_slide .slide_item { height: 428px; overflow: hidden; position: absolute;z-index:2; width:100%; position:absolute;  top:0;}
.slide_content{ margin:0 auto; position:relative; z-index:2;}
.main_slide .dot_area{ position:absolute; top:400px; width:70px; z-index:1000; left:50%; margin-left:-35px;} 
.main_slide .dot_area .dot {  cursor: pointer; float: left; height: 14px; width: 14px;}
.main_slide .dot_area .dot_on {  background: url("../images/dotr.png") no-repeat 0 0; }
.main_slide .dot_area .dot_off {  background: url("../images/dot.png") no-repeat 0 0;}
.item_1{ background: url("../images/m_visual1.png") no-repeat center top;}
.item_2{ background: url("../images/m_visual2.png") no-repeat center top;}
.item_3{ background: url("../images/m_visual3.png") no-repeat center top;}


/*.m_banner{ overflow:hidden; width:1100px; margin:0 auto; }
.m_banner li{ float:left; margin-left:6px; width:215px; margin-bottom:8px;}
.m_banner li.first{  margin-left:0px;}
.m_banner li.last{  margin-left:0px; width:215px; background:#f5f5f5; border:1px solid #e2e2e2; height:195px; border-left:0 none; padding:18px 0 0 5px;}
.m_banner .m_ban_in1 a{display:block;}
.m_banner .m_ban_in1 a:first-child{ margin-bottom:7px;}*/
.m_banWrap{ width:100%; height:685px; background: url("../images/m_cont_bg.jpg") no-repeat center top;}
.m_bannerBox{ overflow:hidden; width:1000px; margin:0 auto;  }
.m_bannerBox .m_banner{ width:708px; float:left;  }
.m_bannerBox .m_banner li{ float:left; margin:0 0 30px 14px; width:346px;}
.m_bannerBox .m_banner li.first{ margin-left:0px; }
.m_bannerBox .sponsor{ width:277px; margin-left:14px; float:left; }
.notice{ width:346px; float:left; position:relative; background:#fff; }
.notice .n1{ }
.notice .n2{ }
.notice h3{ width:336px; height:36px; padding:7px 0 0 10px; color:#fff; font-size:20px; background:#333;  }
.m_bannerBox .notice ul{ padding:36px 0 30px 20px; width:326px; }
.m_bannerBox .notice ul li{ width:300px; float:none; margin:0 0 16px 14px; }
.notice .more{ position:absolute; top:5px; right:10px;}
.notice .more a{color:#fff; font-size:25px; display:block;}
.m_galleryBox{ width:1000px; margin:0 auto;}
.m_galleryBox .photo{}
.m_galleryBox h3{ font-size:25px; color:#333; padding:40px 0 24px 0; }
.m_galleryBox div{  overflow:hidden;}
.m_galleryBox .gallery{ position:relative;}
.m_galleryBox .photo{}
.m_galleryBox .photo li{  border:1px solid #cdcdcd;padding:10px; margin-left:10px; }
.m_galleryBox .gallery li{}
.m_galleryBox .gallery li:first-child{ margin-left:0;}
.m_galleryBox .photo h4{ padding-top:13px; background: url("../images/m_h4_bg.jpg") no-repeat 0 0; margin-top:20px;}
.m_galleryBox ul{}
.m_galleryBox ul li{float:left;}
.m_galleryBox .more{ position:absolute; top:35px; right:10px; font-size:35px;  }
.m_galleryBox .more a{ color:#999;}
.m_galleryBox .video ul{ border:1px solid #cdcdcd;padding:9px; overflow:hidden;}
.m_galleryBox .video ul li:first-child{ margin-right:4px;}
.m_galleryBox .video_text{  width:318px; height:286px; background: url("../images/m_vedio_bg.jpg") no-repeat 0 0;}
.m_galleryBox .video_text h4{  margin:23px 0 23px 22px;}
.m_galleryBox .video_text p{  margin:0px 23px 20px 25px; color:#fff; line-height:2;}

/* 가로롤링배너 */
.mbanner02{margin:30px auto;width:1000px; height:100%; padding:0px 40px 0px 50px;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;
position:relative; z-index:1; text-align:center; }
.mbanner02 .partner{float:left;/*display: inline-block;*/width:160px; height:70px; margin-left:1.4%;text-align:center;background:#f5f5f5;}
.mbanner02 .partner img{width:100%;height:100%;}

.arr-btn01{width:1000px; position:absolute; left:0; top:0px}
.arr-btn01 .customPrevBtn02{width:22px; height:24px; text-indent:-9999px; background:url(../img/l_arr002.png) 0 no-repeat; 
position:absolute; left:10px; top:20px; cursor:pointer; z-index:100;}
.arr-btn01 .customNextBtn02{width:22px; height:24px; text-indent:-9999px; background:url(../img/r_arr002.png) 0 no-repeat;
position:absolute; right:10px; top:20px; cursor:pointer; z-index:100;}

.partner_wrap{position:relative;display: inline-block; width:100%; margin:0px auto;text-align:center; font-size:0; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.partner_wrap ul{display: inline-block; width:100%; margin-bottom:20px;}
.partner_wrap li{display: inline-block; width:23%; margin:1.4%; text-align:center; background:#fff; }
.partner_wrap .pt_thumb{display: table;width:100%; height:120px; border:1px solid #d8d8d8;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.partner_wrap .pt_thumb p{display: table-cell; height:100%;  vertical-align:middle;}
.partner_wrap .pt_tit{display:inline-block;text-align:center;font-family:'Nanum Gothic Bold';color: #424242;line-height: 24px;font-size:16px; margin-top:15px; padding:0px 5px;box-sizing: border-box;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
/* 가로롤링배너 */


.b_menu{width:100%; height:235px; background:#f4f4f4;  margin-top:0px;}
#all_menuTlt, .all_menuBox{ width:1000px; margin:0 auto; position:relative;}
#all_menuTlt{ height:225px;  background: url("../images/soldier.png") no-repeat right 10px; padding-top:26px;}
#all_menuTlt ul{ position:absolute; top:65px;}
#all_menuTlt ul li{ margin-bottom:10px;}
#all_menuTlt ul li a:hover{ color:#666;}
#all_subMenu8{  width:100px;}
#all_menuTlt>li{ float:left; margin-left:90px; }
#all_menuTlt>li>a{ display:block; padding:5px; font-size:14px; font-weight:bold; color:#111; }
#all_menuTlt>li:first-child{ margin-left:0;}
#all_menuTlt ul{ padding-left:5px; }


.util{ width:100%; height:35px; padding-top:15px;  border-top:1px solid #dcdcdc; }
.util ul{ width:1100px; margin:0 auto; overflow:hidden;}
.util li{float:left; background: url("../images/util_line.jpg") no-repeat 0px 7px; padding:0 6px 0 8px;}
.util li a{ display:block; padding:3px 5px 3px 5px; font-weight:600; color:#333;}
.util li:first-child{ background:none;}

#s_visualBox1{ width:100%; height:278px; background: url("../images/s_visual1.jpg") no-repeat center 125px; padding-top:125px;}
#s_visualBox2{ width:100%; height:278px; background: url("../images/s_visual2.jpg") no-repeat center 125px; padding-top:125px;}
#s_visualBox3{ width:100%; height:278px; background: url("../images/s_visual3.jpg") no-repeat center 125px; padding-top:125px;}
#s_visualBox4{ width:100%; height:278px; background: url("../images/s_visual4.jpg") no-repeat center 125px; padding-top:125px;}
#s_visualBox5{ width:100%; height:278px; background: url("../images/s_visual5.jpg") no-repeat center 125px; padding-top:125px;}
#container{ width:1000px; overflow:hidden; font-size:14px;
	background:url("../images/contents_bg.jpg") repeat-y 0px 200px; border-right:1px solid #ddd;}
#container .location{ text-align:right; margin:14px 0 16px 0;}
#container .location .home{display:inline-block; padding:2px 5px 0 0; }
#container .location .current{ font-weight:600; color:#000; }
#container{ width:1000px; margin:0 auto;}
#container .aside{ width:263px; float:left;margin-top:20px }
#container .aside .tlt_box p{ padding-bottom:10px; color:#b8b8b8;  }
#container .aside h2{   padding-bottom:28px; border-bottom:1px solid #8e6139;  font-size:2.5em; 
font-weight:600; color:#363636; width:190px; }
#container .contents{  width:698px; float:right;  padding:0 37px; padding-bottom:100px;
	background:url("../images/contents_bg.jpg") repeat-y 0px 200px; position:relative; }
#container .contents h1{  font-size:35px; color:#0764be; margin:78px 0 40px;}
#container .contents h1 span{ display:block; font-size:12px; color:#333333;}
 
#aside{width:228px; float:left; position:relative;}
#aside h2{ width:195px; height:72px;  background:#01a5e8; padding:23px 0 0 33px; font-size:25px; color:#fff; margin-bottom:7px;}
#lnb{ border-bottom:1px solid #d9d9d9; }
#lnb li{   }
#lnb li a{ display:block;  font-size:16px; color:#353535; padding:12px 0 12px 33px; width:195px; border-top:1px solid #d9d9d9;}
#lnb li.select{ }
#lnb li.select a, #lnb li:hover a{   font-size:17px; font-weight:600; color:#fff;background:#01a5e8 url("../images/lnb_arrow.png") no-repeat 185px 20px;}

#container .location{float:right; color:#777; padding-right:20px;}
#container .location span{padding:0 5px}
#container .location span.current{font-weight:bold;}

.contents .sub_title{width:100%;margin:0 0 55px 0;font-size:2.5em;font-weight:600; color:#363636;}
.contents .sub_sstitle{border-left:5px #5b3d2d solid;font-size:18px;font-weight:bold;padding:0 10px;margin:25px 0 10px 0;color:#222}
.contents .btn_more{background-color:#654128;color:#fff;font-weight:bold;margin:20px 0;text-align:center;width:110px;padding:7px;cursor:pointer}
.contents .address{font-size:16px;margin-bottom:10px}
.contBox{}
.business_g{ width:100%;} 
.business_g li{ height:393px; margin-bottom:7%;}
.business_g li:nth-child(odd){width:47%; border:1px solid #ddd; float:left;}
.business_g li:nth-child(even){width:47%; border:1px solid #ddd; float:right;}
.business_g li .business_in{ margin:0 auto; padding:7%; }
.business_g li .business_in h2{  font-weight:600; color:#333; margin-bottom:15px; line-height: 1.6}
.business_g li .business_in h2 strong{  color:#01A5E8;}
.business_g li .business_in .para{ font-weight:400; line-height: 1.8; color:#383d41; font-size:14px;}
.business_g li .business_in .photo{ margin-top:50px;}
.business_g li .business_in .photo img{ width:100%;}
#container .contBox.cont1 p{ margin-bottom:40px; line-height:2;}
#container .contBox.cont1 .first{ margin-bottom:00px;}
#container .contBox.cont1 p.para{ font-size:20px; color:#1e80de; position:relative; padding:20px; margin-bottom:10px;}
#container .contBox.cont1 p.para em{ font-size:40px; position:absolute; }
#container .contBox.cont1 p.para em.left{ top:0; left:0;}
#container .contBox.cont1 p.para em.right{ bottom:-5px; right:130px;}
#container .contBox.cont1 .big{ color:#243871; font-size:28px;line-height:1.6;}
#container .contBox.cont1 .sm{}
#container .contBox.cont1 .img{ margin-top:40px;}
#container .contBox .history{ margin-top:15px; padding-top:25px; border-top:4px solid #757575; width:100%;}
#container .contBox .history th,#container .contBox .history td{ padding:12px; border-bottom:1px solid #e3e3e3; vertical-align:middle; }
#container .contBox .history tr.first th, #container .contBox .history tr.first td{ padding-top:20px; }
#container .contBox .history th{ text-align:left; color:#7496c2; font-size:25px;}
#container .contBox .history td{ }
#container .contBox .history td.month{color:#7496c2; padding:10px 5px; }
#container .contBox .stext { color: #605f5f; font-size: 13px;  line-height: 160%;}
#container .contBox .h50 { height: 50px;}
#container .contBox .s0105{ font-size:22px; padding:10px 0; color:#7496c2;}
#container .contBox .bylaw{ padding:25px; background:#f9f9f9;}
#container .contBox .bylaw .bylaw_in{ background:#fff; padding:20px;}
#container .contBox .map{}
#container .contBox .s0106_s { color: #605f5f; font-size: 13px; line-height: 160%; padding-left: 20px;}

#container .contBox.cont5_1{ overflow:hidden;}
.stepAll_left{ float:left; width:600px; position:relative;}
#container .stepAll_left h1{ margin-bottom:10px;}
.stepAll_left h2{ margin-bottom:25px; font-size:24px; line-height:34px; color:#1a1a1a;}
.stepAll_left h2.para{font-size:18px;}
.stepAll_right{float:right; width:178px;}
.step_list{ overflow:hidden; padding-left:1px; padding-top:1px;}
.step_list li{ float:left; text-align:center; border:1px solid #20acef;width:33%; margin-left:-1px; margin-top:-1px; }
.step_list li:first-child{ margin-left:0;}
.step_list li:nth-child(4) { margin-left:0;}
.step_list li input[type="radio"]{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
.step_list li input[type="radio"]:checked + label{ background:#20acef; border:none; color:#fff; content:"";}

.step_list li input[type="radio"]+ label{ height:55px; !important; line-height:55px; !important; border:none; color:#20acef; background:#fff; cursor:pointer
   box-sizing:border-box; display:inline-block; font-size:17px; font-weight:bold; position:relative; width:100%; text-align:center;}
.stepAll_left h3{ font-size:19px; font-weight:bold; background: url("../images/tlt_bullet1.jpg") no-repeat 0px 5px;
	padding-left:17px;  margin-bottom:29px; margin-top:45px;}
.stepAll_left h3.money_sel{ margin-bottom:7px;}
.stepAll_left .step_list_01 .money_para{  margin-bottom:26px;}
.step_list_01 .step_list li{ margin:0 0 10px 10px; width:31.5%;}
.step_list_01 .step_list li.first{ margin-left:0;}
.chk_consent{  margin-bottom:2px; width:520px; position:relative; height:80px;}
#regularChk{  height:22px; width:22px; position:absolute; left:0px; margin:0; top:5px;}
.chk_consent label{ color:#030303; font-size:15px; cursor:pointer; display:inline-block; position:absolute; left:0px; top:5px;
	padding-left:30px; background: url("../images/chk_off.jpg") no-repeat 0px 0px;height:22px; }
.chk_consent input[type="checkbox"]:checked + label{ background: url("../images/chk_on.jpg") no-repeat 0px 0px; }
.step_list_01 .step_list { margin-bottom:0px;}
.chk_consent .para{ padding-top:30px; color:#8b8b8b; font-size:13px;}
.form .inputbox{ position:relative; height:48px; border:1px solid #d7d7d7;}
.form .inputbox04{float:left; width:245px; }
.form .inputbox05{float:right; width:341px; }
.form .selectError_bgR{ display:none; position:absolute; right:11px; top:11px;}
.form .inputbox label{ color:#9e9e9e; font-size:14px; left:0; padding:17px 10px 14px;
	position:absolute; top:0; transition:all 0.3s ease 0s; cursor:text;}
 .form{overflow:hidden; padding-bottom:9px; position:relative;}
 .form .inputbox input{ border:none; color:#000; font-size:15px; height:16px; outline:none; padding:16px 10px 15px ; width:498px;}
 .form .inputbox.inputbox04 input{ width:142px;}
 .form .inputbox.inputbox05 input{ width:321px;}
 .error_txt{ display:none;}
 .cont5_1 .selectbox{ background:#fff; border:1px solid #d7d7d7; height:48px; z-index:3; position:relative;}
 .cont5_1 .selectbox:before{ background: url("../images/selectBg_off.jpg") no-repeat 0 0; z-index:-3; 
	content:""; cursor:pointer; height:48px; position:absolute; right:0; top:0; width:49px; }
.cont5_1 .selectboxTop span{ color:#9e9e9e; font-size:14px; left:0; padding:16px 68px 16px 10px; position:absolute; top:0;
	transition:all 0.3 ease 0s; z-index:-3;}
.cont5_1 .selectbox label{ font-size:14px; left:0; padding:16px 10px; position:absolute; top:0; width:95%; z-index:-2;}
.cont5_1 .selectbox select{ border:0 none; color:#000; cursor:pointer; font-size:14px; height:auto; padding:14px 6px; 
	 z-index:3; width:100%; position:relative; opacity:0;}
 .cont5_1 .form04{ overflow:visible;}
 .cont5_1 .form04.sel_type { margin-top:20px;}
  .cont5_1 .form04 textarea{ width:586px; padding:6px; margin-top:10px;}
.cont5_1 .form04 .q_mark{ position:absolute; top:12px; right:10px; cursor:pointer; }
.q_mark_txt{ position:absolute;top:1500px; right:0px;  display:none;}
.ctype input[type="checkbox"]{ border:0 none; clip:rect(0px,0px,0px,0px); height:1px; margin:-1px; 
	overflow:hidden; padding:0; position:absolute; width:1px; }
.ctype input[type="checkbox"] + label{ background:#ebf9ff; border:1px solid #d7d7d7; box-sizing:border-box; 
	color:#717171; cursor:pointer; display:inline-block; font-size:14px; font-weight:bold; height:53px; line-height:53px;
		position:relative; text-align:center; width:100%;}
.ctype input[type="checkbox"] + label span{  background: url("../images/ctype_check.png") no-repeat 0 0; padding-left:21px;}
.ctype input[type="checkbox"]:checked + label{ background-color:#20acef; border:1px solid #dadcdc; color:#fff; content:"";}
.ctype input[type="checkbox"]:checked + label span{  background: url("../images/ctype_check_on.png") no-repeat 0 0; }
.stepChk_wrap{ background:#f4f4f4;border:#d7d7d7; margin-top:10px; overflow:hidden; padding:10px 10px; width:580px;}
.stepChk_wrap .chk_consent01{ margin:4px 0 6px;}
.stepChk_wrap .chk_design_box{ width:498px; height:22px;  float:left; position:relative;}
.stepChk_wrap .chk_design_box .chk_box{ height:22px;width:22px; position:absolute; left:11px; margin:0; top:0px; }
.stepChk_wrap .chk_design_box .lbl_box{ position:absolute; top:0px; vertical-align:top; padding-left:30px; height:22px;
line-height:22px; left:11px; font-size:12px; display:inline-block; cursor:pointer;background: url("../images/chk_off.png") no-repeat 0 0; }

.chk_design_box .chk_box:checked + label { background: url("/images/chk_on.png") no-repeat 0 0; color: #000;}
.chk_design_box .moreGo{color:#717171; display:block;
  float:right; font-size:12px; padding-bottom:1px; text-decoration:underline; margin-right:10px;}
  .application{ background:#dc3136;  margin-top:20px; overflow:hidden;}
  .application a{ color:#fff; display:block; font-weight:bold; text-align:center; text-decoration:none; height:50px; 
	height:50px; line-height:50px; font-size:16px;}
  .application a:hover{ color:#fff;}
  .application a span{color:#fff000}
  .stepAll_text{}
  .stepAll_text li{ margin-bottom:10px; padding-left:15px; font-size:16px;  background: url("/images/stepAll_bullet.jpg") no-repeat 0 7px;}

  .sponsor_list.bank {
    border-top: 2px solid #01a5e8;
    margin-bottom: 10px;
   
}
.sponsor_list {
    background: #f9f9f9 none repeat scroll 0 0;
    margin-bottom: 40px;
    margin-top: 13px;
    padding: 20px 20px 10px;
}

.sponsor_list li {
    margin-bottom: 30px;
	padding:10px 0;
	background:none;
}

.sponsor_list li span {
    color: #bbb;
  
    padding-right: 15px;	
}

.sponsor_list li em, .sponsor_list li strong{ display:inline-block; }
.sponsor_list li em{  display: inline-block;font-size: 1.2em;color: #3765b9; padding-top: 4px;}
.sponsor_list li strong{ color: #111;
    font-size: 1.5em; 
    margin-right: 20px;
	}


.sponsor_list.bank li em b {
    color: #777;
    font-size: 0.92em;
    font-weight: normal;
}

.member_agreement_para{ padding-top:50px; }
.m_a_form_0711 h2{ font-size:30px; color:#0764be;}


#quick{ position:absolute; left:50%; margin-left:520px; z-index:100000;  }
#footer{ width:100%; padding:14px 0px 10px; border-top:1px solid #dcdcdc; }
#footer .foot{ width:1000px; margin:0 auto; overflow:hidden;  padding-top:10px; line-height:1; }
#footer .foot address{ line-height:1.6;}
#footer .foot span{ padding:0 9px 0 9px;  }
#footer .foot span.le{ padding-left:0; }
#footer .footer_in .foot span:first-child{ border:0 none;}
#footer .copy{ margin:2px 0 0 9px;}