@charset "utf-8";
@import url(reset.css);



@font-face { 
 font-family: 'ng'; 
 src: url('../fonts/notokr-regular.eot');
 src: url('../fonts/notokr-regular.eot?#iefix') format('embedded-opentype'), 
 url('../fonts/notokr-regular.woff2') format('woff2'), 
 url('../fonts/notokr-regular.woff') format('woff'), 
 url('../fonts/notokr-regular.ttf') format('truetype'), 
 url('../fonts/notokr-regular.svg#../fonts/notokr-regular') format('svg'); 
 font-weight: normal; 
 font-style: normal; 
}


/*
@font-face { 
 font-family: 'ng'; 
 src: url('../fonts/notokr-regular.eot');
 src: url('../fonts/notokr-regular.eot?#iefix') format('embedded-opentype'), 
 url('../fonts/notokr-regular.woff2') format('woff2'), 
 url('../fonts/notokr-regular.woff') format('woff'), 
 url('../fonts/notokr-regular.ttf') format('truetype'), 
 url('../fonts/notokr-regular.svg#../fonts/notokr-regular') format('svg'); 
 font-weight: normal; 
 font-style: normal; 
}

@font-face { 
 font-family: 'ng'; 
 src: url('../fonts/notokr-bold.eot');
 src: url('../fonts/notokr-bold.eot?#iefix') format('embedded-opentype'), 
 url('../fonts/notokr-bold.woff2') format('woff2'), 
 url('../fonts/notokr-bold.woff') format('woff'), 
 url('../fonts/notokr-bold.ttf') format('truetype'), 
 url('../fonts/notokr-bold.svg#../fonts/notokr-bold') format('svg'); 
 font-weight: normal; 
 font-style: normal; 
}
*/



body {font-family:ng;}
/* 레이아웃 */
#wrap{font-family:ng;width:710px; margin: 0 auto; overflow: hidden}
.wrap_content{width: 100%; position: relative; }
.top_content {width: 658px; border:1px solid #dbdbdb; padding: 10px 25px; position: relative; display: inline-block; margin-bottom: 15px}
.banner_area {width:100%; display: inline-block;position: relative;}
.banner_area .center{margin-bottom:15px}
.banner_area .b_banner{width:658px; position: relative;}
.banner_area .b_banner .left_bn{float:left}
.banner_area .b_banner .right_bn{float:right}


.top_content .top_menu {position: relative; clear: both; margin: 15px 0; width: 100%; float: left;display: inline}
.top_content .top_menu ul{*zoom:1;margin:0 auto;border-right: 1px solid #e9e9e9;width:17%; float: left; padding: 0 25px 10px 25px; height: 190px}
.top_content .top_menu ul li {font-size: 12px; padding: 3px 0; width: 95%}
.top_content .top_menu ul .title_font{font-size: 16px}


.bottom_content{width: 658px; border:1px solid #dbdbdb; padding: 10px 25px; position: relative; display: inline-block; clear: both;}
.bottom_content h2{font-size:22px; height: 40px}
.bottom_content h4{font-size: 14px; background: url(../images/bull_icon01.gif) 0 3px no-repeat; padding-left: 20px}
.bottom_content .input_table {width:100%; margin-top: 15px}
.bottom_content .input_table table{width:100%;border-collapse:collapse; font-size: 14px}
.bottom_content .input_table table th{vertical-align:top;padding:15px 15px;border-left:1px solid #dddddd;border-bottom:1px solid #dddddd; border-top:1px solid #dddddd;background-color: #f6f6f6; text-align: left}
.bottom_content .input_table table td{padding:10px 15px;border-left:1px solid #dddddd;border-bottom:1px solid #dddddd;border-top:1px solid #dddddd;text-align: left}
.bottom_content .input_table table td a{color:#144fba}
.bottom_content .input_table table th:first-child{border-left:0;font-weight: 100}
.bottom_content .input_table input {border: 1px solid #ddd; padding: 8px 10px}
.bottom_content .input_table select {border: 1px solid #ddd; margin-right: 3px; height: 30px }

.bottom_content .input_table .btn_area {width: 100%; text-align: center; height: 50px; margin:20px auto 20px}

.bottom_content .man_info{padding: 15px; background-color: #726459; color:#fff; font-size: 13px; margin: 20px 0 25px 0}
.bottom_content .man_info span {margin-right: 25px}

.bottom_content .re_list{width: 100%; display: inline-block; margin: 15px}
.bottom_content .re_list h3{font-size: 12px; font-weight: 100}
.bottom_content .re_list ul{display: inline-block; font-size: 12px}
.bottom_content .re_list ul li {display: inline-block;width:100%}
.bottom_content .re_list .result_box{width:95%; margin-top: 15px}
.bottom_content .re_list .result_box table{width:100%;border-collapse:collapse; font-size: 12px}
.bottom_content .re_list .result_box table th{vertical-align:top;padding:10px 15px;border-left:1px solid #dddddd;border-bottom:1px solid #dddddd; border-top:1px solid #dddddd;background-color: #f6f6f6; text-align: center;font-weight: 100}
.bottom_content .re_list .result_box table td{padding:10px 15px;border-left:1px solid #dddddd;border-bottom:1px solid #dddddd;border-top:1px solid #dddddd;text-align: center}
.bottom_content .re_list .result_box table td a{color:#144fba}
.bottom_content .re_list .result_box table th:first-child{border-left:0;}
.bottom_content .re_list .result_box table td:first-child{border-left:0;}

.bottom_content .result_info{width: 628px; padding: 15px; background-color:#f6f6f6; margin: 15px 0}
.bottom_content .result_info p{margin: 5px 0 15px 0; line-height: 150%; font-weight: 100}
.bottom_content .result_info p strong{font-weight: bold;}

.info_line {width: 100%; background: url(../images/bull_icon02.gif) 0 0 no-repeat; padding-left: 60px; margin: 20px 0 30px 0}