@charset "utf-8";

/* Layout */
#body {width:100%; text-align:center; min-width:960px;} 
#top_notice2 {text-align:center; min-width:960px;} 
#header {text-align:center; min-width:960px;}  
#home_cont {clear:both; min-width:960px; text-align:center; background-color:#fff; overflow:hidden;}
#footer {clear:both; min-width:960px; text-align:center;} 

/* 상단배너 ----- */
#home_bnnr {height:115px; width:100%; padding:0; margin:0; background-color:#deeff9;overflow:hidden;}
#home_bnnr .bnnr_wrap {position:relative; margin:0 auto; width:920px; text-align:left; overflow:hidden; color:#555;}
#home_bnnr .bnnr_wrap .bnnr_cont {float:left; width:auto;}
#home_bnnr .bnnr_wrap .btn_close {float:right; width:auto; margin-top:40px;}
    
/* header ----- */
#header {width:100%; padding:0; background-color:#fff; border-bottom:2px solid #fbad18;}
#header .wrap {height:57px; margin:0 auto; padding:0; width:926px; text-align:center;}
#header.fixed {position:fixed; left:0; top:0; z-index:50;}
#header.home {}


/* logo */  
#header h1 {float:left; margin-top:17px; width:200px;}
#header h1 a {display:block; width:194px; height:24px; background:transparent url(/images/logo_top.png) no-repeat 0% 0px;}
#header h1 a span {display:block; font-size:0; overflow:hidden; height:0; width:0; position:relative; z-index:-1;} /* 글씨 안보이게 */

/* 메뉴 */    
.gnb_wrap {float:left; margin-left:88px; width:340px;  padding-top:4px;} 
ul.gnb li {float:left; width:85px; height:57px; position:relative;}
ul.gnb li a {display:block; width:100%; height:100%; line-height:50px; text-align:center; font-size:14px; color:#666; text-decoration:none; letter-spacing:-0.1em;}
ul.gnb li ul.sub {position:absolute; left:-5px; top:57px; z-index:35; width:95px; padding:10px 0 5px; background-color:#f8b22c; opacity:0.9; filter:alpha(opacity=90);display:none;}
ul.gnb:after {height:0; visibility: hidden; content:"."; display:block; clear:both;}
ul.gnb li ul.sub li {width:95px; height:25px;}
ul.gnb li ul.sub li a {line-height:20px; color:#333 !important; font-size:12px;}
ul.gnb li.on a {color:#000 !important;}
ul.gnb li.on ul.sub li a {color:#444 !important;}
ul.gnb li ul.sub li.subon a, 
ul.gnb li.on ul.sub li.subon a {color:#000 !important;}

/* util */  
#header .util {float:right; margin-top:22px; width:auto; font-size:12px; letter-spacing:-0.1em;}
#header .util li {float:left; text-align:left; padding:0 0 10px 24px;}
#header .util li a {font-size:12px; color:#555;}
#header .util li a:hover {text-decoration:none; color:#333;}

/* footer ----- */
#footer {padding:0 0 36px; background-color:#212121; overflow:hidden;}/* 수정 160921 */
#footer .wrap {margin:0 auto; width:920px; text-align:left;}
#footer .logo_wrap {overflow:hidden; margin:0 40px 40px 0; font-size:12px;float:left;padding:13px 0 0 0;}
#footer .logo_wrap ul {float:left; margin-top:2px; letter-spacing:-0.1em;}
#footer .logo_wrap ul li {display:inline; padding-right:10px;}
#footer .logo_wrap ul li a {color:#c4c4c4; font-weight:300;}
#footer .logo_wrap ul li a:hover {text-decoration:none; color:#fbad18}
#footer .logo_footer {float:left; margin-right:20px; width:170px; height:18px; background:transparent url(/images/logo_btm.png) no-repeat 0% 50%;}
#footer .logo_footer span {display:block; font-size:0; overflow:hidden; height:0; width:0; position:relative; z-index:-1;} /* 글씨 안보이게 */
#footer p {clear:both; font-size:20px; color:#848484; line-height:22px; letter-spacing:-0.05em;}/* 수정 160921 */
/* #footer .col2 p { letter-spacing:-0.13em;} 추가 160921 */
#footer p em {display:block; font-style:normal; font-weight:00; font-size:21px; color:#848484; line-height:30px}
#footer .link {margin-bottom:43px;  margin-top:2px; font-size:12px !important;float:left;}
#footer .link li {display:inline; padding-right:10px;}
#footer .link li a {color:#c4c4c4; font-weight:300;}
#footer .link li a:hover {text-decoration:none; color:#fbad18}
/* 수정 160923 */
#footer .contact {padding:17px 0 19px; margin-bottom:36px; background-color:#6e6e6e; overflow:hidden;}
#footer .contact dl {margin:0 auto; width:920px; text-align:left;}
#footer .contact dl dt {display:inline; padding-right:10px; font-size:13px; color:#212121;}
#footer .contact dl dd {display:inline; padding-right:10px; font-size:13px; color:#212121;}
/* 추가 161010 */
#footer .logo_wrap ul li.line a {text-decoration:underline;}
#footer .col2 p a {color:#c4c4c4; font-weight:600;}

/* 홈콘텐츠  */
#home_cont {padding-top:58px;*padding-top:0;}
#home_cont.bnnr_on {padding-top:228px;*padding-top:0}

/* 상단롤링배너 */
.home_visual {width:100%; height:410px;}
.home_visual ul li a {display:block; width:100%; height:410px;}
.home_visual, .home_visual ul li a {width:100%; text-align:center;}
.home_visual ul li a img {margin:0 auto;}
.home_visual ul li a span {display:block; font-size:0; overflow:hidden; height:0; width:0; position:relative; z-index:-1;} /* 글씨 안보이게 */
.home_visual .sb_cont1 { background:#eeeeee url(/images/home_visual1.jpg) no-repeat 50% 50%;z-index:2;}
.home_visual .sb_cont2 {background:#dfdfdf url(/images/home_visual2.jpg) no-repeat 50% 50%;}
.home_visual .sb_cont3 {background:#514f4a url(/images/home_visual3.jpg) no-repeat 50% 50%;}
.home_visual .sb_cont4 {background:#0088ca url(/images/home_visual4.jpg) no-repeat 50% 50%;}
.simple_banner_wrap{ position:relative; overflow:hidden; width:100%; height:410px; }
.simple_banner_wrap ul{ list-style:none; margin:0; padding:0; display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.simple_banner_wrap ul li{ margin:0; padding:0; display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
.simple_banner_wrap .nav_wrap{ position:absolute; top:170px; height:10px; z-index:2; left:50%;}
.simple_banner_wrap .nav_wrap ul{ display:block; position:relative; list-style:none; margin:0; padding:0; }
.simple_banner_wrap .nav_wrap ul li{ display:inline-block; position:relative; width:10px; height:10px; margin:0 1px; cursor:pointer;}
.simple_banner_wrap .nav_wrap.prev_next {width:auto; height:70px;}
.simple_banner_wrap .nav_wrap.prev_next ul li{position:absolute; font-size:12px; width:40px; height:70px; font-weight:bold; text-align:center;}
.simple_banner_wrap .nav_wrap.prev_next .prev {margin-left:-535px; background:transparent url(/images/home_btn_prev.png) no-repeat 0% 0%;}
.simple_banner_wrap .nav_wrap.prev_next .next {margin-left:500px; background:transparent url(/images/home_btn_next.png) no-repeat 0% 0%;}
.simple_banner_wrap .nav_wrap.prev_next .prev span,
.simple_banner_wrap .nav_wrap.prev_next .next span {display:block; font-size:0; overflow:hidden; height:0; width:0; position:relative; z-index:-1;} /* 글씨 안보이게 */

/* 첫번째내용 */
#home_cont .home_box1 { clear:both; height:300px; padding:45px 0 0;}
#home_cont .wrap_hb {margin:0 auto; width:920px; overflow:hidden;}
#home_cont .home_box1 h3 {text-align:left; margin-bottom:50px;}
#home_cont .home_box1 ul {overflow:hidden;}
#home_cont .home_box1 ul li {float:left;width:19%;text-align:center;box-sizing: border-box;padding:115px 0 0 0}
#home_cont .home_box1 ul li.first {width:21%; background:url(/images/home_img2.png) no-repeat center top}
#home_cont .home_box1 ul li.sec {background:url(/images/home_img3.png) no-repeat center top}
#home_cont .home_box1 ul li.thir {background:url(/images/home_img4.png) no-repeat center top}
#home_cont .home_box1 ul li.four {background:url(/images/home_img5.png) no-repeat center top}
#home_cont .home_box1 ul li.end {width:22%;background:url(/images/home_img6.png) no-repeat center top}
#home_cont .home_box1 ul li img {display: none;}
#home_cont .home_box1 ul li span {display: block;font-size:18px; line-height:30px; color:#333333;font-weight: 500;}
#home_cont .home_box1 ul li {font-size:14px; color:#666666; line-height:20px; font-weight: 300;letter-spacing:-0.1em;}

/*두번째내용 */
#home_cont .home_box2 {clear:both; height:550px; padding:100px 0 0; overflow:hidden;}
#home_cont .home_box2 h3 {text-align:left;}
#home_cont .home_box2 .col1 {float:left; position:relative; width:48%;}
#home_cont .home_box2 .col2 {float:right; position:relative; width:48%;}
#home_cont .home_box2 .graph_tit {text-align:left;}
#home_cont .home_box2 .graph_tit span {position:absolute; display:block; top:58px; font-weight:300; font-size:24px; color:#555;}
#home_cont .home_box2 .graph_tit strong {position:absolute; display:block; top:50px; font-weight:300; font-size:36px; color:#333;}
#home_cont .home_box2 .graph_tit em {position:absolute; display:block; top:332px; font-style:normal; font-weight:300; font-size:14px; color:#555;}
#home_cont .home_box2 .col1 .graph_tit span {left:165px; width:60px;}
#home_cont .home_box2 .col1 .graph_tit strong {left:225px; width:130px;}
#home_cont .home_box2 .col1 .graph_tit em {left:250px; width:100px;}
#home_cont .home_box2 .col2 .graph_tit span {left:150px; width:60px;}
#home_cont .home_box2 .col2 .graph_tit strong {left:210px; width:130px;}
#home_cont .home_box2 .col2 .graph_tit em {left:260px; width:100px;}
#home_cont .home_box2 .graph_btn {clear:both; margin:40px auto; width:264px;}
#home_cont .home_box2 .graph_btn a {display:block; padding:10px 0; width:100%; color:#333; border:1px solid #ccc;}
#home_cont .home_box2 ul {overflow:hidden; margin-top:140px;}
#home_cont .home_box2 ul li {float:left; width:85px; position:relative;}
#home_cont .home_box2 ul li.graph11, #home_cont .home_box2 ul li.graph21 {width:100px;}
#home_cont .home_box2 ul p span {display:block; font-weight:normal; font-size:14px; line-height:20px; color:#555;}
#home_cont .home_box2 ul p em {display:block; font-style:normal; font-weight:300; font-size:18px; line-height:24px;  color:#555;}
#home_cont .home_box2 ul li .dot {position:absolute; left:50%; top:115px; width:15px; margin-left:-7px;}
#home_cont .home_box2 ul li .line {height:130px; margin-bottom:10px; overflow:hidden;}
#home_cont .home_box2 ul li .line img {margin-top:130px; width:2px; height:150px;}

/* 세번째내용 */
#home_cont .home_box3 {clear:both; height:250px; background-color:#f6ae24; text-align:left; padding:100px 0 0;}
#home_cont .home_box3 h3 {text-align:left; margin-bottom:40px;}
#home_cont .home_box3 p {margin-bottom:20px; font-size:16px; line-height:28px; font-weight:300; color:#333; letter-spacing:-0.1em;}
#home_cont .home_box3 strong {font-size:18px; font-weight:normal; color:#333; letter-spacing:-0.1em;}
#home_cont .home_box3 .th{display: block;margin:0 0 30px 0;color:#333333;}
#home_cont .home_box3 .gray_t{display: block;color:#666666;font-size:12px;}
#home_cont .home_box3 .twice_box{
    overflow: hidden;
}
#home_cont .home_box3 .twice_box li{
    float:left;
    width:50%;
    box-sizing: border-box;
    color:#333333;
}
#home_cont .home_box3 .twice_box li .th{
  margin:25px 0 0 0;
}
#home_cont .home_box3 .twice_box li .th:first-child{
    margin:0 0 25px 0;
}
/* 네번째내용 */
#home_cont .home_box4 {clear:both; height:250px; text-align:left; padding:60px 0 0;}
#home_cont .home_box4 h3 {text-align:left; margin-bottom:20px;}
#home_cont .home_box4 ul {overflow: hidden;}
#home_cont .home_box4 ul li {float:left; width:24%;margin:0 0 2% 4%;box-sizing: border-box;padding:25px 0;}
#home_cont .home_box4 ul li.fir,#home_cont .home_box4 ul li.five{margin:0;width:20%;}
#home_cont .home_box4 ul li.six,#home_cont .home_box4 ul li.sev,#home_cont .home_box4 ul li.eight{margin-bottom:0; }
#home_cont .home_box4 ul li.four,#home_cont .home_box4 ul li.eight{width:20%;}
#home_cont .home_box4 ul li img{display: none}
#home_cont .home_box4 p {font-size:12px; line-height:16px; font-weight:300; color:#555; letter-spacing:-0.1em;}
#home_cont .home_box4 ul span{display: none;text-indent: -9999px;}
#home_cont .home_box4 ul li.fir{
    background: url(/images/home_img13.png) no-repeat left center;
}
#home_cont .home_box4 ul li.sec{
    background: url(/images/home_img14.png) no-repeat center center
}
#home_cont .home_box4 ul li.thir{
    background: url(/images/home_img15.png) no-repeat center center
}
#home_cont .home_box4 ul li.four{
    background: url(/images/home_img16.png) no-repeat right center
}
#home_cont .home_box4 ul li.five{
    background: url(/images/home_img20.png) no-repeat left center
}
#home_cont .home_box4 ul li.six{
    background: url(/images/home_img18.png) no-repeat center center
}
#home_cont .home_box4 ul li.sev{
    background: url(/images/home_img19.png) no-repeat center center
}
#home_cont .home_box4 ul li.eight{
    background: url(/images/home_img17.jpg) no-repeat right center
}
/* 이용약관관련 추가 161010 */
.wrap_privacy {height:300px; padding-right:10px; overflow:auto; overflow-x:hidden; font-size:13px !important; font-weight:300; line-height:18px; color:#555 !important; letter-spacing:-0.1em;}
.wrap_terms {height:300px; padding-right:10px; overflow:auto; overflow-x:hidden; font-size:13px !important; font-weight:300; line-height:18px; color:#555 !important; letter-spacing:-0.1em; }
.wrap_privacy h3,
.wrap_privacy h4,
.wrap_privacy h5,
.wrap_terms h3,
.wrap_terms h4,
.wrap_terms h5 {margin-bottom:0px; font-size:13px !important; font-weight:300; line-height:18px; color:#555 !important; letter-spacing:-0.1em; }
.wrap_privacy p,
.wrap_terms p {margin-bottom:10px; font-weight:300; line-height:18px; color:#555; letter-spacing:-0.1em;}
.wrap_privacy ul,
.wrap_terms ul  {margin:0; padding:0;}
.wrap_privacy li,
.wrap_terms li  {padding-bottom:10px; font-weight:300; line-height:18px; color:#555; letter-spacing:-0.1em;}
.wrap_privacy ul li,
.wrap_terms ul li {padding-bottom:0px;}

/* 텍스트 추가 161010 */
.wrap_text {}
.wrap_text p {font-size:14px !important; color:#0795c2; line-height:18px; }
.wrap_text ul {}
.wrap_text ul li {font-size:14px !important; color:#0795c2; line-height:18px; }

span.strong{
    display: block;
    padding:20px 0 5px 0;
    font-weight: 600
}

ul.pd_list,ul.pd_list{
    padding:0 0 0 15px;
    margin:0 0 0 10px;
}
ul.pd_list>li,ul.pd_list>li{
    word-break: keep-all;
    list-style-position: outside;
    list-style-type: decimal;
    line-height:22px;
}
ul.pd_list>li ul li,ul.pd_list>li ul li{
    line-height: 22px;
}
ul.notext_list{
   padding:0 0 0 5px;
}
ul.notext_list li{
   line-height: 22px;
}
.normal_t{
    border-spacing: 0;
    width:60%;
    border:1px #555555 solid;
}
.normal_t th{
    font-weight:600;
    border-bottom:1px #555555 solid;
}
.normal_t.three th{
    border-right:1px #555555 solid;
}
.normal_t th:first-child{
    border-right:1px #555555 solid;    
}
.normal_t td{
    border-bottom:1px #555555 solid;
}
.normal_t td,.normal_t th{
    text-align: center;
    line-height: 25px;
}
.normal_t td:first-child{
    border-right:1px #333333 solid;    
}
.normal_t.three td{
	border-right:1px #333333 solid;    
}
p.center_t{
   	text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    color: #333333;
    margin-bottom:60px;
}
p.center_t span{
    display: block;
    font-size:18px;
    color:#024089;
    text-align: center;
    font-weight: 400;
    line-height: 26px;
    padding:0 0 50px 0;
}