@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

@charset "utf-8";
@import url('style.common.css');

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
.wrap { }
.sub_page.main_size { width:1200px; margin:0 auto; overflow:hidden; }
.nav .main_size {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.head { position:relative; background:url(/images/main/top_barimg.jpg) bottom repeat-x; }
.head .main_size { width: 1200px; margin: 0 auto; overflow: hidden; padding-bottom:15px; box-sizing: border-box;}
.head .sec1 { width:1200px; margin: 0 auto; }
.head .sec1 ul {width: auto; float: right;}
.head .sec1 ul > li { height:30px; line-height:30px; }
.head .sec1 ul > li.bar:before { content: "|"; font-size:13px; font-family: 'Gulim'; color:#999; margin:0 10px; }
.head .sec1 ul > li > a { font-family:'Gulim';  font-size:13px; color:#999;   }
.head .sec1 ul > li.special  { margin-left:10px;  background-color:#ff6868; width:110px; text-align:center; border-bottom-left-radius: 10px;  border-bottom-right-radius: 10px;}
.head .sec1 ul > li.special > a { color:#fff; }

.head .sec2 .lnb { overflow:hidden; margin-top:25px; }
.head .sec2 .lnb > ul > li { margin-left:30px; }
.head .sec2 .lnb > ul > li:first-child {  }
.head .sec2 .lnb > ul > li > a { font-size:18px; color:#ffffff; letter-spacing: -0.05em; font-weight:500; } 
.head .sec2 .lnb > ul > li.stress > a { color:#19d3a1; }
.head .sec2 .index_logo { }


.head .sub_menu { display:none; width:100%; position:absolute; left:0; top:101px; z-index: 105; background-color:#fff; padding-top:20px; padding-bottom:20px; border-bottom:2px solid #585858; }
.head .sub_menu .item { width:calc(16.6666666666666667% - 17px); float:left; margin-right:20px; overflow:hidden; }
.head .sub_menu .item:last-child { margin-right:0; }
.head .sub_menu .item .sub_menu_title { color:#ff6868; font-size:16px; font-family:'NanumGothic'; padding:10px; border-top: 1px solid #ddd; border-bottom:1px solid #ddd; }
.head .sub_menu .item ul > li { padding:5px; margin-top:5px;  }
.head .sub_menu .item ul > li > a  {  font-size:14px; color:#666; font-family: 'malgun'; }
.head .sub_menu .item ul > li > a:hover { text-decoration: underline; color:#333; }

.center .sec1 { width:100%; overflow:hidden; }
.center .sec1 .main_banner { position:relative; }
.center .sec1 .quick_menu_wrap { height:70px; line-height:70px; background-color:rgba(219,224,233,0.8); position:absolute; left:0; bottom:0; width:100%; }
.center .sec1 .quick_menu_wrap .out_login { float:left; overflow:hidden; margin-top:15px; }
.center .sec1 .quick_menu_wrap .login_input { height:40px; line-height:13px; border:1px solid #c7c7c7; color:#c7c7c7; color:#aaa; font-size:12px; font-family:'Gulim'; padding:15px; float:left;  }
.center .sec1 .quick_menu_wrap .login_input.l { border-left:none; border-right:none; }
.center .sec1 .quick_menu_wrap .login_btn {  background:url('/images/login_bg.jpg'); font-family:"NanumGothic"; width:116px; height:40px; line-height:38px; border:1px solid #31578a; vertical-align: middle; display:inline-block; font-size:16px; color:#fff; text-align:center; outline:none; cursor:pointer;  }

.center .sec1 .quick_menu { margin-left:20px; float:right; }
.center .sec1 .quick_menu a { font-size:14px; font-family:"NanumGothic"; color:#333; font-weight:500; color:#333; letter-spacing: -0.04em; display:inline-block;  }
.center .sec1 .quick_menu span > a.f:after { content: "|"; color:#aaa; padding-left:15px; padding-right:15px; }

.sec2 .left { float:left; width:675px; overflow:hidden }
.sec2 .right{ float:right; width:305px; overflow:hidden; } 
.sec2 .sec2_1 ul > li { display:inline-block; vertical-align: middle; }
.sec2 .sec2_1 ul > li.bar:after { content:"|"; padding-left:15px; padding-right:15px; color:#d8d8d8; font-weight:normal; }
.sec2 .sec2_1 ul > li { font-family: 'Gulim'; font-size:13px; color:#888; }
.sec2 .sec2_1 ul > li.on { background:url('/images/icon_cheak.png') no-repeat center left 0px;  color:#333; padding-left:18px; }

.sec2 .sec2_1 .slide_item {display:inline-block;  width:215px; height:360px;  overflow:hidden; border:1px solid #e0e0e0;  }
.sec2 .slide_item:last-child { margin-right:0; }

.sec2_1 .slide_item .image_area img { width:100%; }
.sec2_1 .slide_item .des { padding:10px; padding-bottom:15px; overflow:hidden;}
.sec2_1 .slide_item .des p { word-break: keep-all; font-family:'Gulim';}
.sec2_1 .slide_item .des1 { color:#333; font-weight:bold; font-size:14px; line-height:20px; }
.sec2_1 .slide_item .des2 { margin-top:15px; color:#999;   }
.sec2_1 .slide_item .des2 span.stress { color:#666; }
.sec2_1 .slide_item .des3 { box-sizing: content-box; margin-top:5px; font-size:12px; color:#999; font-size:12px; padding:5px;  background-color:#f6f6f6; border:1px solid #e9e9e9; overflow:hidden;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap:break-word;  line-height: 18.75px; height: 75px; }
.sec2_1 .slide_item .btn-custom1 { width:120px; height:30px; line-height:30px; color:#fff; background-color:#68a542; font-family:'dotum'; font-size:12px; border:none; outline:none; border-radius: 15px;  }

.center { margin-bottom:15px; }
.sec2_1 .review_wrap { border:1px solid #ddd; overflow:hidden; height:360px; padding-bottom:10px; }
.sec2_1 .review { padding:20px;  }
.sec2_1 .review > div { margin-top:30px; }
.sec2_1 .review > div:first-child { margin-top:0; }

.sec2_1 .review_name > div { display:inline-block; vertical-align:middle; }
.sec2_1 .review_name .label { font-size:13px; color:#333; font-family:'Gulim' }
.sec2_1 .review_subject { margin-top:15px; font-weight:bold; font-size:14px; font-family:'Gulim'}
.sec2_1 .review_content { margin-top:15px; font-size:13px; color:#333; font-family:'Gulim'; line-height:18px; }

.sec2_2 { overflow:hidden; }
.sec2_2_info { border:1px solid #ddd; }
.sec2_2_notice { border:1px solid #ddd; }
.sec2_3 .left { border:1px solid #ddd; overflow:hidden; height:185px;  }

.sec2_3 .right { height:185px;  border:1px solid #ddd; overflow:hidden  }
.sec2_3 .call_advice { padding:20px; background:url('/images/call_advice.png'); }
.sec2_3 .call_advice .title { font-size:18px; color:#333;   }
.sec2_3 .call_advice .call_num { font-size:40px; color:#2e598d;  font-weight:500; margin-top:10px; margin-left:-5px; }
.sec2_3 .call_advice .call_num2 { font-size:16px; margin-top:10px; }
.sec2_3 .call_advice .call_num2 .stress { font-size:18px; color:#ff6868; }
.sec2_3 .call_advice .time { color:#999; font-family:'Gulim'; font-size:13px; margin-top:20px; letter-spacing: -0.05em; }
.sec2_3 .call_advice .time .stress { font-weight:bold; color:#666; }


.center .nav a { text-decoration: none; }
.center .nav a:hover { text-decoration: none; }
.center .nav ul > li:last-child { border-right:1px solid #b3b3b3; }
.center .nav ul > li.on { background-color:#fff; }
.center .nav ul > li > a { color:#fff; font-size:16px;  display:block; }
.center .nav ul > li.on > a { color:#257175; }


.tail_banner { overflow:hidden; border-top:1px solid #e0e0e0; padding-top:25px; padding-bottom:25px; }
.tail_banner .fl ul > li:last-child { margin-right:0; }
.tail_banner .fl ul > li:last-child:after   { font-family:'Gulim'; content:" | "; font-size:30px; vertical-align: 20%; padding-left: 35px; padding-right:15px; color:#d8d8d8; }
.tail_banner .fl ul > li { margin-right:50px; vertical-align: middle; }
.tail_banner .fr a { font-size:16px;  font-weight:500; color:#333; }
.tail_banner .fr ul > li { margin-right:20px; }
.tail_banner .fr ul > li:last-child { margin-right:0; }
.tail_banner .fr ul > li img { vertical-align: -60%; }

.tail { border-top:1px solid #e0e0e0; background-color:#f8f8f8; padding-top:30px; padding-bottom:30px; }
.tail .info { margin-left:85px;  }
.tail .info ul > li {  }
.tail .info ul > li:after { padding:0 20px; content:'|'; }
.tail .info ul > li:last-child:after { padding:0; content:none; }
.tail .info ul > li > a { font-size:13px; color:#333; font-family:"Gulim"; font-weight:bold; }
.tail .info > div  > p { font-family: 'Gulim'; font-size:12px; color:#666; line-height:20px; }