@charset "utf-8";
/*font : font-family:'Noto Sans KR'; */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/*base*/
/*body{height:100%; width:100%; text-align:left; font-size:16px; font-weight:400; font-family:"¸¼Àº °íµñ", "Malgun Gothic", "Arial", sans-serif; color:#232c3b; line-height:1; letter-spacing:-1.2px; -webkit-overflow-scrolling:touch; }*/
body{overflow-x:hidden; background-color:#fff; color:#222; font-size:16px; line-height:1; letter-spacing:-0.025em; font-family:'NotoKr', 'Malgun Gothic', '¸¼Àº °íµñ', 'Dotum', 'µ¸¿ò', 'Gulim', '±¼¸²', sans-serif; font-weight:300; word-wrap:break-word; -webkit-text-size-adjust:none;}

body,p,h1,h2,h3,h4,h5,h6,table,caption,form,fieldset,legend,span,div,th,td,address{margin:0; padding:0; }
ul,ol,li,dl,dt,dd{list-style:none; margin:0; padding:0px}
img{border:0 none; line-height:0; font-size:0; vertical-align:top}
table{border-collapse:collapse; border-spacing:0; width:100%}
fieldset{border:0}
legend, caption{width:0; height:0; text-indent:-10000px; font-size:0px; line-height:0px; position:absolute; left:-99999px; }
textarea{border:2px solid #dbdbdc; padding:8px 10px !important; line-height:18px; resize:none; }
input, textarea {vertical-align:middle; font-size:14px; color:#232c3b; font-family:"¸¼Àº °íµñ", "Malgun Gothic", "Arial", sans-serif; padding:0; margin:0}
input[type="checkbox"] {width:12px; height:12px; margin-right:7px;}
input[type="radio"] {width:13px; height:13px; border:none; }
input[type="file"]{height:22px; color:#666; border:1px solid #d4d4d4; line-height:22px; vertical-align:middle; background:#fff}
input.text{height:16px; padding:8px 10px; border:2px solid #dbdbdc; }
input.date{margin:0 3px 0 0; width:110px}
em {font-style:normal; }
iframe {border:none; }
strong {font-weight:bold; }
a {color:#232c3b; text-decoration:none;}
a:hover {text-decoration:none;}
hr {border:0; background:#232c3b; margin:0; height:2px; }
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
button {padding:0; text-indent:-9999px; border:none; cursor:pointer;}
/* common */
.fl-l {float:left !important; }
.fl-r {float:right !important; }
.cl-b {width:0; height:0; font-size:0; line-height:0; clear:both}
.va-m {vertical-align:middle !important;}
.max {max-width:100%; }
.show {display:block;}
.hide {display:none;}
.ta-c {text-align:center !important; }
.ta-l {text-align:left !important; }
.ta-r {text-align:right !important; }
.tbl {border-collapse:collapse; border-spacing:0} /* Å×ÀÌºí ÃÊ±âÈ­ */
.clear {display:block; overflow:visible; width:auto; clear:both; *zoom:1}
.clear:after {display:block; visibility:hidden; height:0; font-size:0; clear:both; content:''}
.ml20 {margin-left:20px !important;}
.mt5 {margin-top:5px !important; }
.mt10 {margin-top:10px !important; }
.mt15 {margin-top:15px !important; }
.mt20 {margin-top:20px !important; }
.mt25 {margin-top:25px !important; }
.mt30 {margin-top:30px !important; }
.mt35 {margin-top:35px !important; }
.mt40 {margin-top:40px !important; }
.mt45 {margin-top:45px !important; }
.mt50 {margin-top:50px !important; }
.mt55 {margin-top:55px !important; }
.mt60 {margin-top:60px !important; }
.mt65 {margin-top:65px !important; }
.mt70 {margin-top:70px !important; }
.mt75 {margin-top:75px !important; }
.mt80 {margin-top:80px !important; }
.mt85 {margin-top:85px !important; }
.mt90 {margin-top:90px !important; }
.mt95 {margin-top:95px !important; }
.mt100 {margin-top:100px !important; }

.mb5 {margin-bottom:5px !important; }
.mb10 {margin-bottom:10px !important; }
.mb15 {margin-bottom:15px !important; }
.mb20 {margin-bottom:20px !important; }
.mb25 {margin-bottom:25px !important; }
.mb30 {margin-bottom:30px !important; }
.mb35 {margin-bottom:35px !important; }
.mb40 {margin-bottom:40px !important; }
.mb45 {margin-bottom:45px !important; }
.mb50 {margin-bottom:50px !important; }
.mb55 {margin-bottom:55px !important; }
.mb60 {margin-bottom:60px !important; }
.mb65 {margin-bottom:65px !important; }
.mb70 {margin-bottom:70px !important; }
.mb75 {margin-bottom:75px !important; }
.mb80 {margin-bottom:80px !important; }
.mb85 {margin-bottom:85px !important; }
.mb90 {margin-bottom:90px !important; }
.mb95 {margin-bottom:95px !important; }
.mb100 {margin-bottom:100px !important; }

.pt5 {padding-top:5px !important; }
.pt10 {padding-top:10px !important; }
.pt15 {padding-top:15px !important; }
.pt20 {padding-top:20px !important; }
.pt25 {padding-top:25px !important; }
.pt30 {padding-top:30px !important; }
.pt35 {padding-top:35px !important; }
.pt40 {padding-top:40px !important; }
.pt45 {padding-top:45px !important; }
.pt50 {padding-top:50px !important; }
.pt55 {padding-top:55px !important; }
.pt60 {padding-top:60px !important; }
.pt65 {padding-top:65px !important; }
.pt70 {padding-top:70px !important; }
.pt75 {padding-top:75px !important; }
.pt80 {padding-top:80px !important; }
.pt85 {padding-top:85px !important; }
.pt90 {padding-top:90px !important; }
.pt95 {padding-top:95px !important; }
.pt100 {padding-top:100px !important; }

.pb5 {padding-bottom:5px !important; }
.pb10 {padding-bottom:10px !important; }
.pb15 {padding-bottom:15px !important; }
.pb20 {padding-bottom:20px !important; }
.pb25 {padding-bottom:25px !important; }
.pb30 {padding-bottom:30px !important; }
.pb35 {padding-bottom:35px !important; }
.pb40 {padding-bottom:40px !important; }
.pb45 {padding-bottom:45px !important; }
.pb50 {padding-bottom:50px !important; }
.pb55 {padding-bottom:55px !important; }
.pb60 {padding-bottom:60px !important; }
.pb65 {padding-bottom:65px !important; }
.pb70 {padding-bottom:70px !important; }
.pb75 {padding-bottom:75px !important; }
.pb80 {padding-bottom:80px !important; }
.pb85 {padding-bottom:85px !important; }
.pb90 {padding-bottom:90px !important; }
.pb95 {padding-bottom:95px !important; }
.pb100 {padding-bottom:100px !important; }

.of-hi {overflow:hidden; }
.bg-fff {background:#ffffff !important; }
.bg-f4f4f4 {background:#f4f4f4 !important;}
.bg-f1f7fa {background:#f1f7fa !important;}
.no-border {border:none; }
.posR {position:relative !important;}
.posA {position:absolute !important;}

/******** color ********/
.color-232c3b {color:#232c3b !important;}
.color-ed1b2f {color:#ed1b2f !important;} /* origin */
.color-e44951 {color:#e44951 !important;} /* new */
.color-20409a {color:#20409a !important;} /* origin */
.color-00b5e5 {color:#00b5e5 !important;} /* origin */
.color-0f6bd3 {color:#0f6bd3 !important;} /* 0f6ad3 */
.color-0475e0 {color:#0475e0 !important;} /* new blue ..*/
.color-a7a9ac {color:#a7a9ac !important;}
.color-4c4d4f {color:#4c4d4f !important;}
.color-5a5a5a {color:#5a5a5a !important;}
.color-e7e7e8 {color:#e7e7e8 !important;}
.color-666666 {color:#666666 !important;}
.color-ffffff {color:#ffffff !important;}

/******** color ********/
.color-232c3b {color:#232c3b !important;}
.color-ed1b2f {color:#ed1b2f !important;} /* origin */
.color-e44951 {color:#e44951 !important;} /* new */
.color-20409a {color:#20409a !important;} /* origin */
.color-00b5e5 {color:#00b5e5 !important;} /* origin */
.color-0f6bd3 {color:#0f6bd3 !important;} /* 0f6ad3 */
.color-0475e0 {color:#0475e0 !important;} /* new blue ..*/
.color-a7a9ac {color:#a7a9ac !important;}
.color-4c4d4f {color:#4c4d4f !important;}
.color-5a5a5a {color:#5a5a5a !important;}
.color-e7e7e8 {color:#e7e7e8 !important;}
.color-666666 {color:#666666 !important;}
.color-ffffff {color:#ffffff !important;}

/* custom checkbox */
.dft-chk {
  display: inline-block;
}

.dft-chk + .dft-chk {
  margin-left: 15px;
}

.ctm-check {
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
}

.ctm-check input {
  position: absolute;
  width: 24px;
  height: 18px;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor:pointer;
}
.ctm-check input:focus + label {
  height : 20px;
  line-height :18px;
  border : 1px dotted #000;
}

.ctm-check label {
  display: inline-block;
  height: 18px;
  padding-right: 10px;
  font-size: 12px;
  line-height: 18px;
  cursor:pointer;
}

.ctm-check label i {
  display: inline-block;
  float: left;
  width: 19px;
  height: 18px;
  margin: 0 5px 0 0;
  background: url(../../image//bg_checkbox.gif) no-repeat 0 0;

}

.ctm-check.checked label i {
  background-position: -21px 0px
}
/* selectbox */
select { width:100%; padding:15px 9px; color:#787878; font-size:14px; border:none;}
.select-wrap {position:relative; display:inline-block; width:100%; border-bottom:1px solid #dfdfdf; z-index:1; line-height:1}
.select-wrap label { position:absolute; width:100%; margin-bottom:0 !important; color:#787878; font-size:14px; font-weight:normal !important; top:15px; left:9px;}
.select-wrap p { position:absolute; width:100%; padding:16px 9px; margin-bottom:0 !important; color:#787878; font-size:14px; font-weight:normal !important;/*top:15px; left:9px;*/ letter-spacing:-1px}
.select-wrap select { position:relative; z-index:2; background:#fff url('../../image//bg_select_arrow.png') no-repeat right;  width:100%;  /*opacity:0; filter:alpha(opacity=0); IE 8 */}
.select-wrap.type02 { border:1px solid #bdc4c6;}
.select-wrap.type02 select {padding:9.5px 9px; background:#fff url('../../image//bg_select_arrow_down02.png') no-repeat right center;}
.select-wrap.type02 p {padding-top:9.5px; padding-bottom:9.5px;}
.selectbox{padding:8px 12px; width:99.7%; height:34px; font-size:14px; line-height:14px; display:block; cursor:pointer; border:none; border:1px solid #cbcbcb; color:#5b5b5b; background:#fff url(../../image//btn_selectBox.gif) no-repeat right center; }
div.selectbox-wrapper{position:absolute; background-color:white; border:1px solid #cbcbcb; margin:0; padding:0; text-align:left; *height:60px; /*IE6 fix */ overflow-y:auto; z-index:1; max-height:300px; }
div.selectbox-wrapper ul li.selected{background-color:#fff}
div.selectbox-wrapper ul li.current{background-color:#ddd}
div.selectbox-wrapper ul li{list-style-type:none; display:block; margin:0; padding:2px 5px 2px 10px; cursor:pointer; font-size:14px; line-height:28px; }
html:first-child select{padding-right:6px; height:20} /* Opera 9 & Below Fix */
/* selectbox µðÀÚÀÎ¸¸ */
select:not(.no-style) {
  font-family:inherit;  /* ÆùÆ® »ó¼Ó */
  border-radius:0px; /* iOS µÕ±Ù¸ð¼­¸® Á¦°Å */
  -webkit-appearance:none; /* ³×ÀÌÆ¼ºê ¿ÜÇü °¨Ãß±â */
  -moz-appearance:none;
  appearance:none;
}
/* IE 10, 11ÀÇ ³×ÀÌÆ¼ºê È­»ìÇ¥ ¼û±â±â */
select::-ms-expand {
  display:none;
}
.input-box { position:relative; }
.input-box label {
  position:absolute;
  top:1px;  /* input ¿ä¼ÒÀÇ border-top ¼³Á¤°ª ¸¸Å­ */
  left:1px;  /* input ¿ä¼ÒÀÇ border-left ¼³Á¤°ª ¸¸Å­ */
  padding:7px 11px;  /* input ¿ä¼ÒÀÇ padding °ª ¸¸Å­ */
  color:#999;
  cursor:text;
}
/*input*/
input[type="text"],
input[type="password"],
input[type="tel"] {
  height:auto;  /* ³ôÀÌ ÃÊ±âÈ­ */
  line-height:normal;  /* line-height ÃÊ±âÈ­ */
  padding:8px;  /* ¿©¹é ¼³Á¤ */
  box-sizing:border-box;
  border:none;
  width:auto;
  border:1px solid #bdc4c6;
  font-size:16px;
  font-family:inherit;
  border-radius:0;  /* iSO µÕ±Ù¸ð¼­¸® Á¦°Å */
  -webkit-appearance:none;  /* ºê¶ó¿ìÀúº° ±âº» ½ºÅ¸ÀÏ¸µ Á¦°Å */
  -moz-appearance:none;
  appearance:none;
}
/*textarea*/
textarea {width:100%; border:1px solid #dfdfdf; }
/* blind */
.blind{width:0; height:0; text-indent:-10000px; font-size:0px; line-height:0px; position:absolute; left:-99999px; }
.blind table{text-indent:-10000px}


.contents h4 {font-size:24px; font-weight:500; letter-spacing:-3px;}
.contents h5 {font-size:20px; font-weight:normal;}
/******** list ********/
.bull01 {padding-left:10px; background:url('../../image//bull_blue.gif') no-repeat left 3px;}
.bull02 {padding-left:10px; background:url('../../image//icon_bull04.gif') no-repeat left 8px;}
.bull03 {padding-left:10px; background:url('../../image//icon_bull05.png') no-repeat left 12px;}
.bull04 {position:relative; padding-top:11px; font-size:14px; line-height:1.714; margin-bottom:3px; word-break:keep-all;}
.bull04::before {content:''; position:absolute; top:0; display:block; width:16px; height:3px; background:#ed1b2f;}
.bull05 {padding-left:13px; background:url('../../image//bull_triangle.gif') no-repeat left 7px;}
.bull06::before {content:''; position:absolute; top:12px; left:0; display:block; width:2px; height:2px; background:#478ddd;}
.bull06 {position:relative; padding-left:9px; line-height:1.625; margin-bottom:3px;}


.top_event { overflow:hidden; position:relative; width:100%;height: 100px; background:#ffe836;}
.top_event > div {  max-width:1080px; min-width:1080px; margin:0 auto;}


/*¸ÞÀÎcss*/
.main #topContentsWrap { overflow:hidden; position:relative;  width:100%; /*background:#d9f1f9;*/ /*background:url("../../image//img_mainvisual_bg.jpg") center top no-repeat;*/}
.main #topContentsWrap .top-contents { position:relative; min-width:1340px; max-width:1340px; width:100%; margin:0px auto; }
.main #topContentsWrap .btn-pop-wrap { position:absolute; left:0; bottom:150px;}
.main #topContentsWrap .btn-pop-wrap .quick-tooltip {display:none; position:absolute; top:50%; left:78px; height:27px; margin-top:-13px; padding-left:17px; background:url("../../image//bg_quick_tooltip04.png") no-repeat left center; background-size:auto 100%; text-indent:0;}
.main #topContentsWrap .btn-pop-wrap .quick-tooltip span {display:inline-block; overflow:hidden; width:55px; padding:6px 6px 7px 0; font-size:12px; color:#3e3e3e; border-top:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; background:#f3f3f3 url("../../image//bg_quick_tooltip03.png") no-repeat right center;}
.main #topContentsWrap .btn-pop { width:70px; height:70px; background:url("../../image//btn_popup.png") no-repeat;}
.main #topContentsWrap .btn-pop:hover, .main #topContentsWrap .btn-pop:focus { background:url("../../image//btn_popup_on.png") no-repeat;}
.main #topContentsWrap .main-banner { height:655px; width:1340px; max-width:1340px; min-width:1340px; position:relative; padding:0px; float:left;}
.main #topContentsWrap .main-banner .bx-wrapper { margin:0px; }
.main #topContentsWrap .main-banner .bx-wrapper .bx-viewport { moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:none; left:0; background:none;}
.main #topContentsWrap .main-banner .bx-wrapper .bx-viewport ul li a {display:block;}
.main #topContentsWrap .main-banner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { width:auto; padding-top:0; float:left; position:relative; margin-left:37px;}
.main #topContentsWrap .main-banner .bx-wrapper .bx-pager, .main #topContentsWrap .main-banner .bx-wrapper .bx-controls-auto { bottom:0;}
.main #topContentsWrap .main-banner .bx-wrapper .bx-pager.bx-default-pager a { background:#ef4284; width:10px; height:10px; margin:0 3px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; /*border:2px solid #da266b;*/ }
.main #topContentsWrap .main-banner .bx-wrapper .bx-pager.bx-default-pager a:hover { background:#da266b; }
.main #topContentsWrap .main-banner .bx-wrapper .bx-pager.bx-default-pager a.active { background:#da266b; width:40px; }
.main #topContentsWrap .main-banner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager { height:20px; position:absolute; bottom:186px; left:90px; }
.main #topContentsWrap .main-banner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { width:auto; float:left; position:relative;}
.main #topContentsWrap .main-banner .bx-wrapper .bx-controls-auto .bx-start { width:10px; height:15px; background:url("../../image//icon_play.png") no-repeat; margin:0 7px;}
.main #topContentsWrap .main-banner .bx-wrapper .bx-controls-auto .bx-stop { width:10px; height:15px; background:url("../../image//icon_pause.png") no-repeat; margin:0 7px;}
.bx-wrapper .bx-controls-auto .bx-start,.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
}
.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-stop.active {
	display: none;
}
.main #topContentsWrap .main-banner .bx-wrapper .bx-controls-direction { display:none; }

/*ÇÏ´ÜÄÁÅÙÃ÷*/
.main_form { width:100%; height: 680px;  position: relative; /*background:url("../../image//main_form_bg.png") repeat-x  bottom; */ margin-top:-90px; }
.main_form .form { width: 1200px; height: 680px; position: relative; margin:0 auto; background:url("../../image//main_form.png") center top no-repeat;}
.main_form .input1 { position: absolute; top: 158px; left: 0; width: 1200px; height: 80px; z-index: 9; padding:0 20px; border: none; font-size: 20px; background:transparent; box-sizing: border-box; line-height: 27px; IME-MODE: active; }
.main_form .input2_1 { position: absolute; top: 282px; left: 0; width: 430px; height: 80px; z-index: 9; padding:0 20px; border: none;font-size: 20px; background:transparent;box-sizing: border-box; line-height: 27px }
.main_form .input2_2 { position: absolute; top: 282px; left: 455px; width: 360px; height: 80px; z-index: 9; padding:0 20px; border: none; font-size: 20px;background:transparent; box-sizing: border-box;line-height: 27px }
.main_form .input2_3 { position: absolute; top: 282px; left: 840px; width: 360px; height: 80px; z-index: 9; padding:020px; border: none; font-size: 20px;background:transparent; box-sizing: border-box; line-height: 27px }

.main_form .content2_btn1 { position: absolute; left: 0; top: 405px }
.main_form .agree1 { position: absolute; left: 0; top: 534px; }
.main_form .content2_btn2 { position: absolute; left: 30px; top: 532px }

 .main_icon { width:1200px; margin:0 auto;}


.main_box { /*overflow:hidden;*/ position:relative; width:100%; /*background:#f8dae2;*/ margin:34px auto 34px; max-width:1140px; min-width:1140px; /*max-height:234px;*/ }
.main_box > div {display:inline-block; width:377px; margin-right:0; }
.main_box > div:last-child {margin-right:0; }

#bottomContentWrap { overflow:hidden; position:relative; width:100%; /*background:#fff;*/ margin:34px auto 34px; max-width:1080px; min-width:1080px; max-height:234px; }
#bottomContentWrap > div { float:left; width:350px; margin-right:15px; }
#bottomContentWrap > div:last-child {margin-right:0; }
#bottomContentWrap .banner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager { height:14px; position:absolute; bottom:15px; right:0px; width:100%; }
.main #topContentsWrap .main-banner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { width:auto; padding-top:0; float:left; position:relative; margin-left:37px;}
#bottomContentWrap .banner .bx-wrapper .bx-pager, #bottomContentWrap .banner .bx-wrapper .bx-controls-auto { bottom:0;}
#bottomContentWrap .banner .bx-wrapper .bx-pager.bx-default-pager a { background:none; width:20px; height:20px; margin:0 2px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border:2px solid #fff; background:rgba(0,0,0,0.1);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#1a000000, endColorStr=#1a000000 );
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#1a000000, endColorStr=#1a000000 )";
    zoom: 1;
s}
#bottomContentWrap .banner .bx-wrapper .bx-pager.bx-default-pager a:hover,#bottomContentWrap .banner .bx-wrapper .bx-pager.bx-default-pager a.active { background:#0f6bd3; }
#bottomContentWrap .banner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { width:auto; position:absolute; right:15px; }
#bottomContentWrap .banner .bx-wrapper .bx-controls-auto .bx-start { width:12px; height:20px; background:url("../../image//icon_play_white.png") no-repeat center; margin:0 7px;}
#bottomContentWrap .banner .bx-wrapper .bx-controls-auto .bx-stop { width:12px; height:20px; background:url("../../image//icon_pause_white.png") no-repeat center; margin:0 7px;}
#bottomContentWrap .banner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left; width:auto; right:40px; padding-top:0px;}
.firstb-wrap { min-width:350px; height:166px; overflow:hidden; position:relative; margin-left:0 !important; }
.firstb-wrap li,.twiceb-wrap li { height:166px; }
.firstb-wrap li a,.twiceb-wrap li a { display:block; position:absolute; width:100%; height:100%; }
.twiceb-wrap { min-width:350px; height:166px; overflow:hidden; position:relative; }
.info-wrap { min-width:350px; height:166px; padding:25px 30px; overflow:hidden; position:relative; background:#f1f1f1; margin-right:0; }
.info-wrap .info { border-right:1px solid #e3e3e3; padding-right:20px; padding-bottom:10px; float:left; overflow:hidden; }
.info-wrap .info li { margin-top:20px; }
.info-wrap .info li:first-child { margin-top:6px; }
.info-wrap .disclosure { padding-left:25px; overflow:hidden; }
.info-wrap .disclosure > div { margin-top:5px; margin-bottom:14px;  }
.info-wrap .disclosure li { margin-top:12px; }
.info-wrap .disclosure li:first-child { margin-top:0px; }

/*ÆË¾÷*/
#popWrap { display:none; position:absolute; left:0; top:100px; z-index:15; width:260px; background:#fff no-repeat; padding:40px 0 42px; }
#popWrap .popWrap-tit {margin:0 30px;}
#popWrap li a { display:block; padding:20px 2px;  margin:0 25px; border-bottom:1px solid #e6e6e6; }
#popWrap li:first-child a { border-top:1px solid #e6e6e6; }
#popWrap li:hover {background:#f0f0f0;}
#popWrap li .tit { margin-bottom:9px; }
#popWrap li .tit { font-size:16px; color:#000; letter-spacing:-2.5px; font-weight:500; }
#popWrap li .tit span { color:#d42127; }
#popWrap li .con { font-size:14px; color:#6d6d6d; letter-spacing:-2px; line-height:1.42; }
#popWrap .day {  margin-top:20px; font-size:14px; color:#232c3b; padding:0px 34px; }
#popWrap .btn-pop-close { background:url("../../image//btn_pop_colse.gif") no-repeat; width:18px; height:18px; margin-left:55px; }
#popWrap  .ctm-check { vertical-align:top; }

/***** ¼­ºê ºñÁê¾ó ¹è°æ *****/
#subVisualWrap .sub-visual { width: 1300px; margin: 0 auto;}

/***** ´ëÃâ»óÇ° *****/
.caution { font-size: 16px; color:#de1c24;}
.simple-info-wrap {margin-bottom:42px;}
.simple-info-wrap ul {overflow:hidden;}
.simple-info-wrap ul li {overflow:hidden; float:left; border-right:1px solid #dde1e2;}
.simple-info-wrap ul li:last-child {border-right:none;}
.simple-info-wrap ul li p {float:left;}
.simple-info-wrap ul li p.tit {width:122px; padding-top:69px; margin-bottom:4px; text-align:center;}
.simple-info-wrap ul li p.con {width:221px; padding-top:9px; font-size:30px; line-height:1.2;}
.simple-info-wrap ul li p.con span {font-size:22px;}
.simple-info-wrap ul li p.con.exp {padding-top:25px;}
.simple-info-wrap ul li.rate .con {width:176px;}
.simple-info-wrap ul li.rate .con strong {font-size:36px;}
.simple-info-wrap ul li.rate .con span {display:inline-block; margin-left:11px;}
.simple-info-wrap ul li.target .tit {background:url("../../image//icon_join_target.png") no-repeat center 16px;}
.simple-info-wrap ul li.rate .tit {background:url("../../image//icon_interest_graph.png") no-repeat center 16px;}
.simple-info-wrap ul li.period .tit {background:url("../../image//icon_calendar.png") no-repeat center 16px;}
.simple-info-wrap.loan ul li.target .tit {background:url("../../image//icon_join_target_loan.png") no-repeat center 16px;}
.rate-date {display:inline-block; margin-top:15px; letter-spacing:-1.2px;}

/******** UI ********/
.ellip { display: block; height: 100%;}
.ellip-line { display: inline-block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; max-width: 100%;}
.ellip, .ellip-line { position: relative; overflow: hidden;}hr.gray {background:#dde1e2; height:1px;}
[class ^= 'btn-'] { display:inline-block;}
[class ^= 'btn-'].black {background-color:#4a4a49;}
[class ^= 'btn-'].black span {color:#fff;}
.btn-normal {width:100%; padding:8px 0; border:1px solid #dfdfdf; text-align:center; color:#2b2b2b;}
.btn-round {text-indent:0; border-radius:25px;}
.btn-round span {display:inline-block; padding:11px 15px; font-size:14px; font-weight:600;}
.btn-circle.gray {width:52px; height:52px; background:url('../../image//bg_circle_gray.png') no-repeat; text-align:center; line-height:48px;}
.btn-circle.blue {width:36px; height:36px; background:url('../../image//bg_circle_blue.png') no-repeat; text-align:center; line-height:32px;}
.btn-circle.darkgray {width:36px; height:36px; background:url('../../image//bg_circle_darkgray.png') no-repeat; text-align:center; line-height:32px;}
.btn-circle span {display:inline-block;}
.btn-circle span img {vertical-align:middle;}
.btn-arrow-go {width:300px; border:1px solid #bdc4c6; border-radius:22px; background:#fff; -webkit-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; -moz-transition:all 0.2s; transition:all 0.2s;}
.btn-arrow-go span {display:block; padding:16px 29px; font-size:14px; color:#181818; letter-spacing:-1.7px; line-height:1; /*background:url('../../image//img_arrow_right_long.png') no-repeat right 23px center;  -webkit-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; -moz-transition:all 0.2s; transition:all 0.2s;*/}
.btn-arrow-go.small {display:inline-block; width:auto; border-radius:30px; background: linear-gradient(90deg, #0076c0 0, #00a19c 100%);}
.btn-arrow-go.small span {font-size:16px; padding:18px 30px; text-align:left;color: #fff;/* background:url('../../image//img_arrow_right.png') no-repeat right 20px center;*/    }
.btn-arrow-go.blue {border-color:#0f6ad3;}
.btn-arrow-go.blue span {color:#0f6ad3; background:url('../../image//img_arrow_right_blue.png') no-repeat right 23px center;}
.btn-arrow-go.download {position:absolute; top:50%; margin-left:15px; margin-top:-20px; width:184px; }
.btn-arrow-go.download span {padding:12px 19px; background:url('../../image//icon_download_black.png') no-repeat right 18px center; line-height:1;}
.btn-arrow-go:hover, .btn-arrow-go:focus {border-color:#232c3b; background:#232c3b; border-radius:22px;}
.btn-arrow-go:hover span, .btn-arrow-go:focus span {/*background:url('../../image//img_arrow_right_long_white.png') no-repeat right 23px center; */color:#fff;}
.btn-arrow-go.blue:hover span, .btn-arrow-go.blue:focus span {background:url('../../image//img_arrow_right_blue.png') no-repeat right 23px center;}
.btn-arrow-go.download:hover span, .btn-arrow-go.download:focus span {background:url('../../image//icon_download_white.png') no-repeat right 18px center;}
.btn-download {border:1px solid #8c9599; border-radius:27px; -webkit-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; -moz-transition:all 0.2s; transition:all 0.2s;}
.btn-download span {display:block; padding:20px 77px 20px 30px; line-height:1; background:url('../../image//icon_download.png') no-repeat right 30px center;-webkit-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; -moz-transition:all 0.2s; transition:all 0.2s;}
.btn-download.type02 span {background:url('../../image//icon_download_black.png') no-repeat right 25px center;}
btn-download.type02:hover span, .btn-download.type02:focus span {background-position:right 25px center;}
.btn-download.type03 span {background:url('../../image//icon_download_gray.png') no-repeat right 18px center;}
.btn-download.type03:hover span, .btn-download.type03:focus span {background-image:url('../../image//icon_download_white02.png'); background-position:right 18px center;}
.btn-download:hover, .btn-download:focus {background:#232c3b; border-color:#232c3b;}
.btn-download:hover span, .btn-download:focus span {color:#fff; background:url('../../image//icon_download_white.png') no-repeat right 30px center;}
.btn-arrow-go.small:hover, .btn-arrow-go.small:focus {border-radius:30px;}
.btn-arrow-go.small:hover span, .btn-arrow-go.small:focus span {background:url('../../image//img_arrow_right_white.png') no-repeat right 20px center;}
span.depth2-label {display:inline-block; padding:2px 6px 2px 5px; margin-left:5px; font-size:12px; color:#666666; font-weight:bold; border:1px solid #cccccc; border-radius:7px;}
span.depth2-label.blue {color:#0475e0; border-color:#0f6bd3;}

/******** headline ********/
.contents > h2 {font-size:40px;}

h3 {font-size:24px; font-weight:500; letter-spacing:-3px;}
h3 strong {font-weight:normal;}
.h2-des {font-size:16px; color:#2b2b2b; margin-bottom:47px;}
.font14 {font-size:14px;}
.txt-normal {line-height:1.625; color:#5c5f64;}
.txt-in20 {text-indent:20px;}
/******** layout ********/
.default-wrap {/*overflow:hidden;*/position:relative; width:1200px; padding:0 0; /*padding:0 46px;*/ margin:0 auto;}
.menu-sprite {background: url("../../image//sprites_menu.png") no-repeat;}
#wrap { overflow:hidden; width:100%; min-width:1080px;}

.sub_bg {/*background: url('../../image//sub_bg.png') no-repeat top;*/}
#quickWrap p.quick-tooltip {position:absolute; top:50%; left:-80px; height:28px; margin-top:-14px; padding-right:20px; background:url("../../image//bg_quick_tooltip02.png") no-repeat right center; background-size:auto 100%; text-indent:0; }
#quickWrap p.quick-tooltip span {display:inline-block; overflow:hidden; min-width:28px; padding:7px 0 7px 12px; font-size:12px; color:#3e3e3e; border-top:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; background:#f3f3f3 url("../../image//bg_quick_tooltip01.png") no-repeat left center;}
#quickWrap {position:fixed; top:0; right:0; width:67px; height:100%; background:#fff; border-left:1px solid #e7e7e8; z-index:10;}
#quickWrap button {width:100%; border:none; text-indent:-9999px; cursor:pointer; -webkit-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; -moz-transition:all 0.2s; transition:all 0.2s;}
#quickWrap button.btn-menu {height:100px; background:#dedede url("../../image//icon_quick_menu00.png") no-repeat center;}
#quickWrap button.btn-top {position:absolute; bottom:0; height:61px; background:#ed008c; color:#fff; text-indent:0; text-transform:uppercase;}
#quickWrap button.btn-menu.active, #quickWrap button.btn-menu:hover, #quickWrap button.btn-menu:focus {background:#0475e0 url("../../image//icon_quick_menu00_on.png") no-repeat center;}
#quickWrap a {position:relative; display:block; width:100%; height:68px; text-indent:-9999px; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}


#quickWrap a.quick01 {background:url("../../image//icon_quick_menu01.png") no-repeat center;}
#quickWrap a.quick02 {background:url("../../image//icon_quick_menu02.png") no-repeat center;}
#quickWrap a.quick03 {background:url("../../image//icon_quick_menu03.png") no-repeat center;}
#quickWrap a.quick04 {background:url("../../image//icon_quick_menu04.png") no-repeat center;}
#quickWrap a.quick05 {background:url("../../image//icon_quick_menu05.png") no-repeat center;}
#quickWrap a.quick06 {background:url("../../image//icon_quick_menu06.png") no-repeat center;}
#quickWrap a.quick07 {background:url("../../image//icon_quick_menu07.png") no-repeat center;}

#quickWrap a.quick01:hover, #quickWrap a.quick01:focus {background:#f0f0f0 url("../../image//icon_quick_menu01_on.png") no-repeat center;}
#quickWrap a.quick02:hover, #quickWrap a.quick02:focus {background:#f0f0f0 url("../../image//icon_quick_menu02_on.png") no-repeat center;}
#quickWrap a.quick03:hover, #quickWrap a.quick03:focus {background:#f0f0f0 url("../../image//icon_quick_menu03_on.png") no-repeat center;}
#quickWrap a.quick04:hover, #quickWrap a.quick04:focus {background:#f0f0f0 url("../../image//icon_quick_menu04_on.png") no-repeat center;}
#quickWrap a.quick05:hover, #quickWrap a.quick05:focus {background:#f0f0f0 url("../../image//icon_quick_menu05_on.png") no-repeat center;}
#quickWrap a.quick06:hover, #quickWrap a.quick06:focus {background:#f0f0f0 url("../../image//icon_quick_menu06_on.png") no-repeat center;}
#quickWrap a.quick07:hover, #quickWrap a.quick07:focus {background:#f0f0f0 url("../../image//icon_quick_menu07_on.png") no-repeat center;}

#headerWrap  {border-bottom:1px solid #e6e9eb;position: relative;height: 130px;}
#headerWrap > .header {overflow:hidden; width:1200px; padding:0 0; margin:auto;}
#headerWrap h1 {float:left; width:143px; margin:60px 0 20px;}
#headerWrap .top_info { position:absolute; top:0; width:100%;}
#headerWrap .menu-wrap {float:right; display:block;  width:1016px;}
#headerWrap #gnb {margin-top:80px;text-align:right;}
#headerWrap #gnb > a {display:block;}
#headerWrap #gnb > li {display:inline-block; margin-left:25px; height: 500px!important; overflow: hidden!important; letter-spacing: -0.9px;}
#headerWrap #gnb > li:first-child {margin-left:0}
#headerWrap #gnb > li.internet-banking {margin-left:25px;}
#headerWrap #gnb > li.center {margin-left:15px;}
#headerWrap #gnb li.depth1 > a {position:relative; display:block; float:left; padding:0 30px 32px; }
#headerWrap #gnb li.depth1 > a:last-child { padding:0 0 32px!important;}
#headerWrap #gnb > li.internet-banking a, #headerWrap #gnb > li.center a {color:#20409a;}
#headerWrap #gnb li.depth1 > a.active:after,
#headerWrap #gnb li.depth1 > a:hover:after,
#headerWrap #gnb li.depth1 > a:focus:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#005abf;}
#headerWrap #gnb li.depth1 > a span {display:block; background: url("../../image//sprites_menu.png") no-repeat; text-indent:-9999px; text-align:left;}
#headerWrap #gnb li.depth1 > a.menu01 span {background-position: 0px 0px; width: 58px; height: 19px;}
#headerWrap #gnb li.depth1 > a.menu01:hover span, #headerWrap #gnb li.depth1 > a.menu01.active span {background-position: 0px -49px;}
#headerWrap #gnb li.depth1 > a.menu02 span {background-position: 0px -98px; width: 58px; height: 19px;}
#headerWrap #gnb li.depth1 > a.menu02:hover span, #headerWrap #gnb li.depth1 > a.menu02.active span {background-position: 0px -147px;}
#headerWrap #gnb li.depth1 > a.menu03 span {background-position: 0px -196px; width: 73px; height: 19px;}
#headerWrap #gnb li.depth1 > a.menu03:hover span, #headerWrap #gnb li.depth1 > a.menu03.active span {background-position: 0px -245px;}
#headerWrap #gnb li.depth1 > a.menu04 span {background-position: 0px -294px; width: 58px; height: 19px;}
#headerWrap #gnb li.depth1 > a.menu04:hover span, #headerWrap #gnb li.depth1 > a.menu04.active span {background-position: 0px -343px;}
#headerWrap #gnb li.depth1 > a.menu05 span {background-position: 0px -392px; width: 67px; height: 19px;}
#headerWrap #gnb li.depth1 > a.menu05:hover span, #headerWrap #gnb li.depth1 > a.menu05.active span {background-position: 0px -441px;}
#headerWrap #gnb li.depth1.center > a span {background: url("../../image//top_call.png") no-repeat; width: 241px; height: 19px;}
#headerWrap #gnb li.depth1.center > a:hover:after, #headerWrap #gnb li.depth1.center > a:focus:after {display:none;}
#headerWrap .gnb-bg {position:absolute; top:129px;  display:block; width:100%; background:#fff; z-index:1; height:0;}
#headerWrap .gnb-bg.active {border-bottom:1px solid #e7e7e8;}
#headerWrap #gnb li.depth1 > a.menu01 + .depth2-wrap {height:500px;}
#headerWrap #gnb li.depth1 > a.menu02 + .depth2-wrap {height:500px;}
#headerWrap #gnb li.depth1 > a.menu03 + .depth2-wrap {height:500px;}
#headerWrap #gnb li.depth1 > a.menu04 + .depth2-wrap {height:500px;}
#headerWrap #gnb li.depth1 > a.menu05 + .depth2-wrap {height:500px;}
#headerWrap #gnb .depth2-wrap {position:absolute; display:none; z-index:5; width:1200px; height:500px!important; padding:31px 0 41px; top:125px; left:50%; margin-left:-600px; text-align:left; /*border-left:1px solid #e7e7e8; border-right:1px solid #e7e7e8; /*background:url("../../image//bg_gnb.gif") repeat-y;*/}
#headerWrap #gnb .depth2-wrap > li {position:absolute; display:inline-block; top:31px; width:160px; height: 500px;overflow: hidden;  padding:0 0;}
#headerWrap #gnb .depth2-wrap > li.col1 {left:100px;}
#headerWrap #gnb .depth2-wrap > li.col2 {left:505px;}
#headerWrap #gnb .depth2-wrap > li.col3 {left:665px;}
#headerWrap #gnb .depth2-wrap > li.col4 {left:845px;}
#headerWrap #gnb .depth2-wrap > li.col5 {left:1005px;}
#headerWrap #gnb .depth2-wrap > li.gnb1-2 {top:154px;}
#headerWrap #gnb .depth2-wrap > li.gnb1-3 {top:248px;}
#headerWrap #gnb .depth2-wrap > li.gnb1-5 {top:168px;}
#headerWrap #gnb .depth2-wrap > li.gnb1-8 {top:171px;}
#headerWrap #gnb .depth2-wrap > li.gnb2-2, #headerWrap #gnb .depth2-wrap > li.gnb2-4, #headerWrap #gnb .depth2-wrap > li.gnb2-6, #headerWrap #gnb .depth2-wrap > li.gnb2-8,
#headerWrap #gnb .depth2-wrap > li.gnb3-4, #headerWrap #gnb .depth2-wrap > li.gnb3-6, #headerWrap #gnb .depth2-wrap > li.gnb3-10,
#headerWrap #gnb .depth2-wrap > li.gnb4-2, #headerWrap #gnb .depth2-wrap > li.gnb4-6, #headerWrap #gnb .depth2-wrap > li.gnb4-8,
#headerWrap #gnb .depth2-wrap > li.gnb5-4, #headerWrap #gnb .depth2-wrap > li.gnb5-7 {top:65px;}
#headerWrap #gnb .depth2-wrap > li.gnb3-5, #headerWrap #gnb .depth2-wrap > li.gnb3-8, #headerWrap #gnb .depth2-wrap > li.gnb3-11 {top:99px;}
#headerWrap #gnb .depth2-wrap > li.gnb3-2,
#headerWrap #gnb .depth2-wrap > li.gnb4-4 {top:181px;}
#headerWrap #gnb .depth2-wrap > li.gnb5-5  {top:99px;}
#headerWrap #gnb .depth2-wrap .depth2 {margin-bottom:18px; font-weight:bold; letter-spacing:-1.2px; color:#4c4d4f;}
#headerWrap #gnb .depth2-wrap .depth3 {margin-bottom:42px;height:500px!important; z-index:;}
#headerWrap #gnb .depth2-wrap .depth3 li {margin-bottom:13px;}
#headerWrap #gnb .depth2-wrap .depth3 li a {font-size:14px; letter-spacing:-1px; font-weight:400;}
#headerWrap #gnb .depth2-wrap .depth2.active a,
#headerWrap #gnb .depth2-wrap .depth3 li.active a,
#headerWrap #gnb .depth2-wrap .depth3 li a:hover,
#headerWrap #gnb .depth2-wrap .depth3 li a:focus {color:#005abf;}

#headerWrap .menu-top {position:relative; overflow:hidden;}
#headerWrap .menu-top ul {float:left; overflow:hidden; display:inline-block; /*padding-right:5px;*/ margin-top:17px; margin-left:145px; /*border-right:1px solid #b3c0c4;*/}
#headerWrap .menu-top ul li {display:inline-block; float:left; margin-right:14px;}
#headerWrap .menu-top ul li:last-child {margin-right:0;}
#headerWrap .menu-top ul li a {display:inline-block;  height:30px; font-size:13px; color:#232c3b; letter-spacing:-1px; background:url("../../image//sprites_menu.png") no-repeat; text-indent:-9999px;}
#headerWrap .menu-top ul li a.kakaoplus {text-indent:0;}
#headerWrap .menu-top ul li a.menu01 {background-position: 0px -484px; width: 42px;}
#headerWrap .menu-top ul li a.menu02 {background-position: 0px -570px; width: 42px;}
#headerWrap .menu-top ul li a.menu03 {background-position: 0px -742px; width: 42px;}
#headerWrap .menu-top ul li a.menu01:hover, #headerWrap .menu-top ul li a.menu01:focus {background-position: 0px -527px;}
#headerWrap .menu-top ul li a.menu02:hover, #headerWrap .menu-top ul li a.menu02:focus {background-position: 0px -613px;}
#headerWrap .menu-top ul li a.menu03:hover, #headerWrap .menu-top ul li a.menu03:focus {background-position: 0px -785px;}
#contentsWrap {overflow:hidden; width:100%; /*min-width:1080px;*/}
#contentsWrap .contents {position:relative; margin-top:0;}

#footerWrap {overflow:hidden; width:100%; min-width:1080px; border-top:1px solid #e7e7e8; font-weight:400;}
#footerWrap .footer {position:relative; margin:27px auto 33px;}
#footerWrap .footer .footer-menu {float:left; display:inline-block; width:100%;/* padding-right:25px; margin-right:25px; border-right:1px solid #e6e6e6;*/}
#footerWrap .footer > div ul {overflow:hidden;}
#footerWrap .footer > div ul li {float:left; padding-right:8px; margin-right:7px; margin-bottom:15px; border-right:1px solid #d0d0d0; color:#5a5a5a; letter-spacing:-1.3px;}
#footerWrap .footer > div ul li a {display:block; color:#5a5a5a; font-size:12px;}
#footerWrap .footer > div ul li.last {border-right:none; font-size:12px;}
#footerWrap .footer .address {margin-bottom:4px; color:#757575; font-size:19px; line-height:1.6; letter-spacing:-1.2px;}
#footerWrap .footer .address em {font-size:17px; color: #999; }

#allMenuWrap {display:none; position:absolute; overflow:hidden; top:50%; left:50%; z-index:20; width:1068px; height:740px; margin:-370px 0 0 -534px; padding:35px 40px 44px; background:#fff;}
#allMenuWrap.active {border:1px dotted #000;}
#allMenuWrap .all-menu-top {text-align:right; margin-bottom:28px;}
#allMenuWrap .all-menu-top h2 {display:inline-block; float:left; font-size:28px; color:#242d3c;}
#allMenuWrap .all-menu-top .utills {height:28px;}
#allMenuWrap .all-menu-top .utills a {display:inline-block; margin-top:4px; }
#allMenuWrap .all-menu-top .utills a span {display:inline-block; background:url("../../image//sprites_menu.png") no-repeat; text-indent:-9999px; text-align:left;}
#allMenuWrap .all-menu-top .utills a.internet-banking span {background-position: 0px -836px; width: 112px; height: 20px;}
#allMenuWrap .all-menu-top .utills a.center {margin-left:23px; margin-right:62px;}
#allMenuWrap .all-menu-top .utills a.center span {background-position: 0px -886px; width: 139px; height: 19px;}
#allMenuWrap .all-menu-con {overflow-x:hidden; overflow-y:auto; height:560px; padding:20px 0; border-top:2px solid #232c3b; border-bottom:2px solid #bdc4c6; }
#allMenuWrap .all-menu-con .all-menu-col {float:left; width:241px; padding:0 12px;}
#allMenuWrap .all-menu-con .all-menu-col:first-child {border-left:none;}
#allMenuWrap .all-menu-con .all-menu-col h3 {margin-bottom:23px; font-size:24px; font-weight:300; color:#0f6ad3; line-height:1.46; letter-spacing:-2.4px;}
#allMenuWrap .all-menu-con .all-menu-col > ul > li {margin-bottom:18px;}
#allMenuWrap .all-menu-con .all-menu-col > ul > li > a {font-size:16px; font-weight:bold; color:#232c3b; letter-spacing: -1.2px;}
#allMenuWrap .all-menu-con .all-menu-col > ul > li > ul {margin-top:11px; margin-bottom:3px;}
#allMenuWrap .all-menu-con .all-menu-col > ul > li > ul > li > a {font-size:14px; font-weight:400; color:#232c3b; letter-spacing: -1px; line-height: 1.86;}
#allMenuWrap .all-menu-con .all-menu-col > ul > li > ul > li > a:hover {color:#005abf;}
#allMenuWrap .btn-menu-close {position:absolute; top:35px; right:40px; z-index:25; width:28px; height:28px; background:url("../../image//btn_close.png") no-repeat; text-indent:-9999px;}

/******** breadcrumbWrap ********/
/*#breadcrumbWrap {width:100%; min-width:1080px; height:52px; background:#5028a2;}
#breadcrumbWrap .breadcrumb {overflow:inherit;}
#breadcrumbWrap .breadcrumb > div {position:relative; display:inline-block; float:left;}
#breadcrumbWrap .breadcrumb > div > p, #breadcrumbWrap .breadcrumb > div > a {display:block; padding:18px 0 18px 24px; color:#fff; font-family:'Noto Sans KR'; font-weight:500; letter-spacing:-0.8px;}
#breadcrumbWrap .breadcrumb > div > a {height:52px; background:url("../../image//img_arrow_circle_down.png") no-repeat right 17px center;}
#breadcrumbWrap .breadcrumb > div > ul {display:none; overflow-y:auto; position:absolute; top:52px; z-index:4; width:100%; max-height:441px; padding-bottom:25px; background:inherit;}
#breadcrumbWrap .breadcrumb > div > ul li a {display:block; padding:18px 24px; color:#fff; font-weight:400;}
#breadcrumbWrap .breadcrumb > div > ul li.active a::before, #breadcrumbWrap .breadcrumb > div > ul li a:hover::before {content:'- ';}
#breadcrumbWrap .breadcrumb1-wrap {width:330px; margin-left:0 !important; background:url("../../image//bg_breadcrumb_depth1.gif") no-repeat;}
#breadcrumbWrap .breadcrumb2-wrap {width:329px; background:#603ec0;}
#breadcrumbWrap .breadcrumb3-wrap {width:329px; background:#2753c7;}
#breadcrumbWrap .breadcrumb2-wrap ul li.active a, #breadcrumbWrap .breadcrumb2-wrap ul li a:hover, #breadcrumbWrap .breadcrumb2-wrap ul li a:focus {background:#6c3cf1;}
#breadcrumbWrap .breadcrumb3-wrap ul li.active a, #breadcrumbWrap .breadcrumb3-wrap ul li a:hover, #breadcrumbWrap .breadcrumb3-wrap ul li a:focus {background:#1442bb;}*/
/******** subVisualWrap ********/
#subVisualWrap { /*height:328px; */ background:#f3f4f6;}
#subVisualWrap > div {position:relative; position:relative; height:100%;}
#subVisualWrap h2 {font-size:70px; font-weight:400;}
#subVisualWrap h2 span {display:block; margin-bottom:16px; font-size:30px; font-weight:500;}
#subVisualWrap .btns-share {position:absolute; left:70px; bottom:34px;}



.breadcrumb{position:relative;width:100%;/*border-bottom:1px solid #eee;background-color:#fff*/}
.breadcrumb__list{max-width:1040px;margin:0 auto;padding:11px 40px;font-size:0}
.breadcrumb__item{display:inline-block;font-size:12px}
.breadcrumb__item:nth-child(n+2){position:relative;margin-left:10px;padding-left:15px;background:url("../../image//bg_breadcrumb.png") no-repeat 0 50%}
.breadcrumb__item:last-child .breadcrumb__anchor{color:#333}

.tit_box{padding:80px 0}
.loan_tit{text-align:center;font-size:40px;font-weight:bold;line-height:2}
.s_tit{text-align:center;font-size:24px}
.fp-step{margin-top:40px;display:flex;justify-content:center;align-items:center;border:1px solid #e8e8e8;border-radius:12px}
.fp-step>li{position:relative;flex:1;padding:34px 0 40px;text-align:center}
.fp-step>li:nth-child(even){background-color:#f8f8f8}
.fp-step>li:nth-child(even)::before{border-left-color:#f8f8f8!important}
.fp-step>li:not(:last-child)::before{content:"";position:absolute;top:50%;right:-14px;transform:translateY(-50%);width:0;height:0;border-top:33px solid transparent;border-left:14px solid #fff;border-bottom:33px solid transparent;z-index:1}
.fp-step i{display:block;margin:0 auto 15px;width:30px;height:25px}
.fp-step .co-blue{display:block}
.co-blue{color:#0076c0 !important}
.o-heading--5{margin:100px 0 31px;font-size:25px;line-height:21px}
.o-heading{display:block}

/******** Table ********/
table {/*width:100%;*/}
.tb-type01 thead {border-top:2px solid #232c3b;}
.tb-type01 thead tr {background:#f1f7fa; border-bottom:1px solid #dde1e2;}
.tb-type01 thead th {padding:16px 0; font-size:16px; font-weight:normal; border-left:1px solid #dde1e2;}
.tb-type01 thead th:first-child {border-left:none;}
.tb-type01 tbody tr {border-bottom:1px solid #dde1e2;}
.tb-type01 tbody th {background:#f1f7fa; padding:16px 24px; font-weight:normal;}
.tb-type01 tbody td {position:relative; text-align: left; padding:16px 24px; vertical-align:top; border-left:1px solid #dde1e2;}
.tb-type01 tbody td:first-child {border-left:none;}
.tb-type01 tbody th.bl, .tb-type01 tbody td.bl, .tb-type01 thead th.bl {border-left:1px solid #dde1e2;}
.tb-type01 tbody td.no-br {border-right: none !important;}
.tb-type01 tbody td > p { line-height:1.3; word-break:keep-all; }
.tb-type01.duplicate {border:1px solid #dde1e2}
.tb-type01.duplicate thead {border-top:none;}
.tb-type01.duplicate th {padding:8px 0;}
.tb-type01.duplicate tbody td {padding-top:8px; padding-bottom:8px;}
.tb-type02 > tbody {border-top:2px solid #07558f;}
.tb-type02 > tbody > tr {border-bottom:1px solid #d8d8d8;}
.tb-type02 > tbody > tr > th {padding:20px 0 20px 5px; text-align:center; /*background:url("../../image//bull_blue.gif") no-repeat 25px center;*/ font-size:18px; font-weight: 400; color:#07558f; /*border-right:1px solid #dde1e2;*/ background-color:#c8e3f2; }
.tb-type02 > tbody > tr > tr {border-bottom:1px solid #dde1e2;}
.tb-type02 > tbody > tr > td {position:relative; padding:0 0;  vertical-align:middle!important;}
.tb-type02 > tbody > tr > td > p { padding-left:25px; font-size:18px;font-weight: 300;line-height: 1.6;  vertical-align:!important; word-break:keep-all;}
.tb-type02 > tbody > tr > td > ul { padding-left:25px; margin-bottom:5px;}
.tb-type02 > tbody > tr > td > ul li { font-size:20px; word-break:keep-all;}
.tb-type02 > tbody > tr > td > table { margin-left:25px;}
.no-plr td {padding-left:0 !important; padding-right:0!important;}
table .br-dde1e2 {border-right:1px solid #dde1e2;}

.tb-type03 thead {border-top:2px solid #232c3b;}
.tb-type03 thead tr {background:#f1f7fa; border-bottom:1px solid #dde1e2;}
.tb-type03 thead th {padding:16px 0; font-size:16px; font-weight:normal; border-left:1px solid #dde1e2;}
.tb-type03 thead th:first-child {border-left:none;}
.tb-type03 tbody tr {border-bottom:1px solid #dde1e2;}
.tb-type03 tbody th {background:#f1f7fa; padding:16px 24px; font-weight:normal;}
.tb-type03 tbody td {position:relative; text-align: center; padding:16px 24px; vertical-align:top; border-left:1px solid #dde1e2;}
.tb-type03 tbody td:first-child {border-left:none;}
.tb-type03 tbody th.bl, .tb-type03 tbody td.bl, .tb-type03 thead th.bl {border-left:1px solid #dde1e2;}
.tb-type03 tbody td.no-br {border-right: none !important;}
.tb-type03 tbody td > p { line-height:1.3; word-break:keep-all; }
.tb-type03.duplicate {border:1px solid #dde1e2}
.tb-type03.duplicate thead {border-top:none;}
.tb-type03.duplicate th {padding:8px 0;}
.tb-type03.duplicate tbody td {padding-top:8px; padding-bottom:8px;}

/******** box-wrap *********/
.box-wrap01 {overflow:hidden; padding:36px 35px; border:1px solid #e4ebeb; background:#fafcfc;}
.box-wrap01 p.txt {width:763px; margin-left:30px; line-height:1.625; font-weight:500; word-break:keep-all;}
.box-wrap02 {padding:29px 26px; background:#f7f7f7;}
.box-wrap03 {padding:49px 0; background:#ebebeb;}
.box-wrap03 p.alert {font-size:20px; line-height:52px; letter-spacing:-1.5px;}
.box-wrap04 {position:relative; padding:40px; border:10px solid #f4f4f4; color:#5a5a5a; line-height:1.625; letter-spacing:-2px;}
.box-wrap04 span.box-wrap04-corner {position:absolute; width:40px; height:40px;}
.box-wrap04 span.box-wrap04-corner.lt {background:url('../../image//bg_box_wrap04_lt.png') no-repeat; top:-10px; left:-10px; }
.box-wrap04 span.box-wrap04-corner.lb {background:url('../../image//bg_box_wrap04_lb.png') no-repeat; bottom:-10px; left:-10px; }
.box-wrap04 span.box-wrap04-corner.rt {background:url('../../image//bg_box_wrap04_rt.png') no-repeat; top:-10px; right:-10px; }
.box-wrap04 span.box-wrap04-corner.rb {background:url('../../image//bg_box_wrap04_rb.png') no-repeat; bottom:-10px; right:-10px; }
/******** searchbox ********/
.sub-search-box .select-wrap {width:112px; border:1px solid #bdc4c6; margin-right:7px;}
.sub-search-box .select-wrap select {padding:9.5px; background-image: url('../../image//bg_select_arrow_down.png'); background-position:right 11.5px center; background-repeat:no-repeat; color:#5c5f64; }
.sub-search-box .select-wrap p {padding:11.5px 9.5px; line-height:1;}
.sub-search-box input {margin-right:7px;}
/******** pagination ********/
.pagination-wrap {text-align:center;}
.pagination {display:inline-block;}
.pagination > a {float:left; display:inline-block; width:35px; height:30px; text-indent:-9999px;}
.pagination > a.prev {background:url('../../image//img_arrow_left_gray.png') no-repeat left center;}
.pagination > a.next {background:url('../../image//img_arrow_right_gray.png') no-repeat right center;}
.pagination > ul {float:left;}
.pagination > ul li {float:left; width:30px; height:30px; margin-right: 5px;}
.pagination > ul li, .pagination > ul li a {display:block; line-height:30px; font-weight:bold; text-align:center; background:#f3f3f3; color:#666666; font-size:14px;}
.pagination > ul li.active, .pagination > ul li.active a, .pagination > ul li a:hover {color:#fff; background:#0f6ad3; font-weight:bold;}
/******** block ********/
.block { position:fixed; z-index:15; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6;}

.img-wa {margin-right:17px;}

/*ÀÚÁÖ¹¯´ÂÁú¹®*/
.accordion li {position:relative; overflow:hidden; margin-bottom:20px; padding-right:2px; padding-bottom:2px;}
.accordion li > div, .accordion li > a {overflow:hidden; display:block; width:100%; padding:22px 0; /*border:1px solid #e0e0e0;*/}
.accordion li > div > span, .accordion li > a > span {float:left; color:#000; }
.accordion li > div > span.category, .accordion li > a > span.category {width:70px; font-size:28px; font-weight:600; text-align:center; /*background:url('../../image//bg_bar_gray.gif') no-repeat right center;*/}
.accordion li > div > span.con, .accordion li > a > span.con {width:910px; padding-left:12px; padding-right:60px; line-height:1.625;}
.accordion li .question-wrap {cursor:pointer;}
.accordion li .question-wrap > span.category {color:#287df9}
.accordion li .question-wrap .con {padding-top:2px; padding-bottom:2px;/*background:url('../../image//bg_arrow_circle_down.png') no-repeat right 30px center;*/}
.accordion li .question-wrap.no {cursor:default;}
.accordion li .question-wrap.no .con {width:100%; background:none;}
.accordion li .answer-wrap {display:none; padding:32px 0; border-top:none; background:#f1f7fa;}
.accordion li .answer-wrap > span {font-size:14px; color:#666666;}
.accordion li .answer-wrap > span > span {white-space:normal; word-break:break-all;}
.accordion li .answer-wrap > span.category {color:#0f6ad3;}
.accordion li .answer-wrap > span.con {margin-top:4px; word-break:keep-all;}
.accordion li.active .question-wrap .con {/*background:url('../../image//bg_arrow_circle_up.png') no-repeat right 30px center;*/}
.accordion li.active .answer-wrap {display:block;}


.calculator.no-btn .repay-wrap { padding-top:22px; width:150px; float:left; }
.calculator.no-btn select { width:100px; height:40px; line-height:1; padding:0px 15px; border:1px solid #bdc4c6; margin-left:15px; vertical-align:middle; background-image: url('../../image//bg_select_arrow_down.png'); background-position:right 11.5px center; background-repeat:no-repeat; }
.calculator.no-btn .repay-wrap select { width:130px; height:40px; line-height:1; padding:0px 15px; border:1px solid #bdc4c6; margin-left:15px; }


/* »ó´ã½ÅÃ» */
.customer-complaint.box-wrap02 {position:relative; padding:45px 0 45px 40px; border-bottom:1px solid #dde1e2;}
.customer-complaint.box-wrap02 p {line-height:1.625; letter-spacing:-1.5px;}
.customer-complaint.box-wrap02 a.btn-arrow-go {position:absolute; width:234px; top:45px; right:40px;}
table.customer-complaint td {color:#5a5a5a;}
table.customer-complaint td:first-child {padding-left:44px;}
a.btn-arrow-go.small.customer-complaint {position:absolute; top:0; right:0; width:253px;}
table.customer-complaint-view tr:first-child, .customer-complaint-write tr:first-child {border-top:1px solid #232c3b;}
table.customer-complaint-view tr.exp td {height:170px; min-height:170px; line-height:1.625;}
a.btn-arrow-go.small.customer-complaint-view {width:144px;}
.customer-complaint-write input {width:300px;}
.customer-complaint-write .seperation {display:inline-block; width:34px; line-height:34px; text-align:center; }
.customer-complaint-write .select-wrap {display:inline-block;}
.customer-complaint-write textarea {border-color:#bdc4c6; height:162px;}
.agree-box-wrap { overflow-y:scroll; padding:30px; border:1px solid #dfe2e3; background:#ffffff; }
.agree-box-wrap > div { height:175px; line-height:1.625; color:#5a5a5a}


/* ¸ÞÀÎ */
.div_csinfo {color:#022e87;margin:30px 15px 0 0;}
.div_csinfo div, .div_quick div {font-weight:bold;text-align:center;padding:15px;background-color:#b8e1df;color:#011f62;border-top:1px solid #f3e1e2;border-bottom:1px solid #f3e1e2;}

.div_csinfo p {font-weight:600;padding:15px 10px;border-bottom:1px solid #f3e1e2;}

.div_quick {margin:48px 15px 0 0;}
.div_quick div {background-color:#deebf2;color:#077685;}
.div_quick p {font-size:13px;font-weight:500;text-align:center;padding:9px 10px;border-bottom:1px solid #f3e1e2;}

.txtleft{text-align:left;}
.txtcenter{text-align:center;}
.txtright{text-align:right !important;}


.pd5{padding:5px !important;}
.pt3{padding-top:3px;} .pt5{padding-top:5px;}
.pb3{padding-bottom:3px;}

.basicsky {background-color:#dcecfd;}
.lettersp10 {letter-spacing:10px;}

.ht40 {height:40px;}

.bdline {border:1px solid purple;}

.buttonC{font-size:11px;font-weight:600;padding:4px;border-radius:3px;}
.buttonG{padding:6px;background-color:#e9e9e9;color:#000;border:1px solid #999;}

.buttonB{background-color:#2929b6;color:#fff;border:1px solid #fff;outline:1px solid #2929b6;}
.buttonR{background-color:#ca0000;color:#fff;border:1px solid #ca0000;}
.buttonP{background-color:#ff41d3;color:#fff;border:1px solid #ff41d3;}
.buttonOR{background-color:#ff9641;color:#fff;border:1px solid #ff9641;}

.cursorDF{cursor:default !important;}

.div_paging {width:99%;font-size:14px;padding:7px 0;text-align:center;letter-spacing:3px;}

input.textbox, select {height:25px;font-size:12px;color:#333;border-radius:3px;border:1px solid #ccc;}
select {padding:0 5px;}
input[type="checkbox"] {margin-bottom:7px;}

.wpx60{width:60px !important;} .wpx100{width:100px;} .wpx120{width:120px;} .wpx130{width:130px;}
.wper50{width:50%;min-width:120px;} .wper70{width:70% !important;} .wper90{width:90% !important;}


.foot_banner{background:#eef6f3;text-align:center}
.l-foot{position:relative;background-color:#fff}
.l-foot_inside{width:1200px;margin:0 auto 90px}
.foot-menu{position:relative;z-index:1;height:50px;font-size:0;border-bottom:1px solid #ddd}
.foot-menu::before{display:block;position:absolute;top:0;left:50%;z-index:-1;transform:translateX(-50%);min-width:1200px;width:100vw;height:100%;content:""}
.foot-menu_anchor{display:inline-block;font-size:14px;color:#000;text-transform:uppercase;line-height:48px}
.foot-menu_anchor:nth-child(n+2){position:relative;margin-left:68px}
.foot-menu_anchor:last-child{float:right}
.foot-ars{position:relative;margin-top:29px;font-size:0}
.foot-ars_title{display:inline-block;font-size:21px;line-height:79px;vertical-align:top}
.foot-ars_text{display:inline-block;margin-left:30px;font-size:15px;color:#666;line-height:79px;vertical-align:top}
.foot-ars_tel{position:absolute;top:0;right:0}
.foot-ars_number{font-size:17px;line-height:79px}
.foot-ars_country{margin-right:5px}
.foot-ars_number+.foot-ars_number{margin-left:35px}
.foot-company{

    /*border-top:1px solid #ddd;*/
    margin-top:22px;padding:30px 0;font-size:0}
.foot-company_item{display:inline-block;font-size:20px;color:#999;line-height:1.3}
.foot-copyright{position:relative;margin-top:-90px;z-index:1;width:100%;height:90px}
.foot-copyright::before{display:block;position:absolute;top:0;left:50%;z-index:-1;transform:translateX(-50%);min-width:1180px;width:100vw;height:100%;background:linear-gradient(90deg,#0076c0 0,#00a19c 100%);content:""}
.foot-copyright_inside{width:1180px;padding:0 50px;margin:0 auto}
.foot-copyright_slogan{position:relative;margin-right:20px;font-size:18px;color:#fff;line-height:90px}
.foot-copyright_text{font-size:16px;color:#fff;line-height:90px}


.o-button.gradient{border:none;background:#3182f7;color:#fff}
.o-button.lg{min-width:300px;height:63px;padding:0 40px;border-radius:6px;font-size:19px;line-height:63px}
.o-button{display:inline-block;border:0;border-radius:0;background-color:transparent;text-align:center;vertical-align:middle;-webkit-appearance:none;appearance:none;-webkit-transition:background 200ms;transition:background 200ms;font-weight:400}

/* footer */
.footer {font-size:12px; line-height:1.42857143;}