/*@import url(http://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 { }
.main_size { width:1000px; margin:0 auto; overflow:hidden; }
.head { border-bottom:1px solid #1b2e8c; position:relative; }
.head .main_size { margin-bottom:25px; }
.head .sec1 {  }
.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:#5b81ea; 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:#333; letter-spacing: -0.05em; font-weight:500; } 
.head .sec2 .lnb > ul > li.stress > a { color:#19d3a1; }
.head .sec2 .index_logo {  width: 200px; }


.head .sub_menu { display:none; width:100%; position:absolute; left:0; top:101px; z-index: 5; background-color:#fff; padding-top:20px; padding-bottom:20px; border-bottom:2px solid #2e43ab; padding-left:calc(16.6666666666666667% - 17px);}
.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:#257175; 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:10px; margin-top:5px; }
.head .sub_menu .item ul > li > a  { font-family: 'NanumGothic'; font-size:14px; color:#666; }
.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:30px; }
.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; font-family: 'NanumGothic';  }
.sec2_3 .call_advice .call_num { font-size:40px; color:#2e598d; font-family: 'NanumGothic'; 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:#11b9ab; }
.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 .sub_title { background:url('/images/topbanner01.jpg'); height:150px; line-height:150px; text-align:center;  }
.center .sub_title span { color:#fff; font-family:'NanumGothic'; /*border-top:2px solid rgba(255,255,255,0.3); border-bottom:2px solid rgba(255,255,255,0.3);*/ font-size:35px; padding:10px; }
.center .sub_page { padding-top:70px; }
.center .sub_page .page_title { display:table; width:100%; border-bottom:2px solid #333; padding-bottom:20px; }
.center .sub_page .page_title > .title { font-size:40px; font-family:'NanumGothic'; color:#1c1c1c; letter-spacing: -0.05em; text-align:left; vertical-align: bottom; display:table-cell; }
.center .sub_page .page_title > .bread { font-size:12px; font-family: 'dotum'; color:#999; text-align:right; vertical-align: bottom; display:table-cell; }
.center .sub_page .page_title > .title > a.btn-down {display:inline-block; position:relative; top:-8px; left:20px; width:180px; height:40px; background-color:#f4f4f4; border:1px solid #394987; border-radius:5px;text-align:center;}
.center .sub_page .page_title > .title > a.btn-down span {font-size:16px; color:#394987; font-weight:600; line-height:220%; }
.center .sub_page .page_title > .title > a.btn-down:hover {border:1px solid #ea1818; }
.center .sub_page .page_title > .title > a.btn-down:hover span {color:#ea1818;}
.center .nav { border-top:1px solid #1b2e8c; border-bottom:1px solid #1b2e8c; background-color:#2b52d2; height:56px; }

.center .nav a { text-decoration: none; }
.center .nav a:hover { text-decoration: none; }
.center .nav ul > li:last-child { border-right:1px solid #1a6064; }
.center .nav ul > li.on { background-color:#fff; }
.center .nav ul > li > a { color:#fff; font-size:16px; font-family: 'NanumGothic'; display:block; }
.center .nav ul > li.on > a { color:#000; font-weight: 600; }


.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:20px; 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-family: 'NanumGothic'; 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; }