@charset "euc-kr";
@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 700;
 src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 300;
 src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}
@font-face {
    font-family: 'BMJUA';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMJUA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.nanumbarungothic * {
 font-family: 'NanumBarunGothic', sans-serif;
}

::-webkit-scrollbar {
width: 8px;
height: 8px;
border: 3px solid #fff;
}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
display: block;
height: 10px;
background: #efefef
}
::-webkit-scrollbar-track {
background: #efefef;
-webkit-border-radius: 10px;
border-radius:10px;
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)
}
::-webkit-scrollbar-thumb {
height: 50px;
width: 50px;
background: rgba(0,0,0,.2);
-webkit-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)
}
::-webkit-input-placeholder {
font-family:"NanumBarunGothic", "MalgunGothic", sans-serif;
font-size:14px;
color:#404040
}
:-ms-input-placeholder {
font-family:"NanumBarunGothic", "MalgunGothic", sans-serif;
font-size:14px;
color:#bfbfbf
}
::-moz-placeholder {
font-family:"NanumBarunGothic", "MalgunGothic", sans-serif;
font-size:14px;
color:#404040;
opacity:1
}
:-moz-placeholder {
font-family:"NanumBarunGothic", "MalgunGothic", sans-serif;
font-size:14px;
color:#404040;
opacity:1
}

body, html {  font-family: 'NanumBarunGothic', sans-serif;  margin: 0; padding: 0; color: #222; font-size: 14px; scrollbar-face-color: #4d4d4d; scrollbar-3dlight-color : #f4f4f4; ; scrollbar-arrow-color: #000; scrollbar-track-color: #efefef; scrollbar-darkshadow-color : #efefef; scrollbar-highlight-color : #f4f4f4; scrollbar-shadow-color : #cccccc; }
th { font-weight: 600}

div, table, tr, th, td, form, fieldset, textares, p { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, address { margin: 0; padding: 0; }
ul, ol, li, dl, dt, dd { margin: 0; padding: 0; list-style: none }
li, dl, dt, dd { margin: 0; padding: 0; list-style: none }
img, fieldset, table { border: 0; }
img { vertical-align: top; }
hr, legend, caption { display: none; }
a:link, a:active, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
button { cursor:pointer;}
/* for layout */
select, input { color: #333; line-height: 18px; border: 1px solid #cccccc; }
textarea { color: #333; border: 1px solid #cccccc; }
.txt_left { text-align: left !important; }
.txt_right { text-align: right !important; }
.txt_center { text-align: center !important; }
.text_normal { font-weight: normal !important; }
.txt_blue { color: #369 !important; }
.txt_orange { color: #F30 !important; }
.txt_red { color: #DA304F !important; }
.txt_gray { color: #cccccc !important; }
.txt_black { color: #000000 !important; }
.txt_pink { color: #f283b5;}
.cursor { cursor: pointer; }
.bg_gray { background: #f0f0f0 }
table.cursor th { cursor: default; }
table.cursor td { cursor: pointer; }
.wid20 { width: 20px; }
.wid30 { width: 30px; }
.wid50 { width: 50px; }
.wid65 { width: 65px; }
.wid70 { width: 70px; }
.wid75 { width: 75px; }
.wid80 { width: 80px; }
.wid90 { width: 90px; }
.wid100 { width: 100px; }
.wid100p { width: 100%; display: block; }
.wid120 { width: 120px; }
.wid140 { width: 140px; }
.wid150 { width: 150px; }
.wid180 { width: 180px; }
.wid170 { width: 170px; }
.wid200 { width: 200px; }
.wid280 { width: 280px; }
.wid300 { width: 300px; }
.wid400 { width: 400px; }
.wid450 { width: 450px; }
.wid500 { width: 500px; }
.wid540 { width: 540px; }
.wid580 { width: 580px; }
.wid600 { width: 600px; }
.wid700 { width: 700px; }
.wid20, .wid30, .wid40, .wid50, .wid65, .wid70, .wid80, .wid90, .wid100, .wid120, .wid140, .wid150, .wid170, .wid75, .wid180, .wid200, .wid280, .wid300, .wid400, .wid450, .wid500, .wid540, .wid580, .wid600, .wid70 { display: inline !important; }
.gap_70 { height: 70px; }
.gap_55 { height: 55px; }
.gap_50 { height: 50px; }
.gap_40 { height: 40px; }
.gap_20 { height: 20px; }
.gap_25 { height: 25px; }
.gap_30 { height: 30px; }
.gap_15 { height: 15px; }
.gap_10 { height: 10px; font-size: 0; }
.gap_7 { height: 7px; font-size: 0; }
.gap_3 { height: 3px; font-size: 0; }
.btns { text-align: center; margin: 10px; }
.clr { clear: both }
.valign_m { vertical-align: middle; }
.font_16 { font-size: 16px;}
.font_18 { font-size: 18px;}

textarea:focus, input:focus { outline: 0; }
textarea:focus, input:focus{ outline: none;}
input[type="radio"], input[type="checkbox"] { margin: 0; line-height: normal; vertical-align: middle; }
label { cursor: pointer; font-weight: normal; margin-bottom: 0; }
a { text-decoration: none; color: #444; }
a:hover, a:active, a:focus { text-decoration: none; }
.main_body { padding-top: 70px;}
.navbar_wrap { border-bottom: 1px solid #ddd; height: 70px; background-color: #fff}
.navbar-brand { float: left;}
.navbar-brand h1 { padding:0; margin:0;}
.top_nav { display: block; position: absolute; right: 15px; top: 10px;}
.top_nav li {display: inline-block; }
.top_nav li a { font-size:21px; display: inline-block; padding: 10px; letter-spacing:1px; cursor:pointer; font-weight:bold; color:#222}
.top_nav li.active a { border-bottom: 2px solid #333;}
.screen_height { min-height: calc(100vh - 70px);}
.btn_nav_toggle { display: none}
.navbar_brand { width: 200px; height: 50px; position: absolute;left: 10px; top: 10px;}
.sr-only { display: none}
.top_cate_btn { display: none}
.doc_wrap { width:100%; height:100%; position:fixed; background-color:transparent; display:none; top:0; left:0;z-index: 9; } 
.main_index_bg { width: 100%; height: calc(100vh - 70px); background-color: #9ad7f6}
.main_bg_info { background-color: #5c65a2; padding: 50px;}
.main_bg_bn { background-color: #9ad7f6; padding: 50px 10px;}
.main_bg_inquiry { background-color: #666; padding: 50px 20px;}
.main_bg_inquiry { color: #fff}
.main_index_img { width: 100%; height: calc(100vh - 70px);}
.main_index_img img { object-fit: cover;width: 100%; height: 100%;}

.main_h2 { text-align: center; padding: 50px 0 50px 0;}
.h2_txt1 { color: #fff; font-size: 24px;  font-weight: 400; line-height: 1.4}
.h2_txt2 { color: #fff; font-size: 52px; font-weight: 700; line-height: 1.1}
.h2_txt3 { color: #b9e3f9; font-size: 52px; font-weight: 700;line-height: 1.1}
.info_box { background-color: #fff; padding: 50px; border-radius: 10px; margin: 0 20px}
.info_h3 { color: #7f238a; font-size: 36px; text-align: left; padding: 0; margin: 0 0 15px; font-family: 'BMJUA'; }
.table_info1 { border-collapse: collapse}
.table_info1 th { background-color: #ae1a88; color: #fff; font-weight: 400; text-align: center; padding: 10px 0; font-size: 20px;font-family: 'BMJUA'; border-right: 1px solid #fff;}
.table_info1 td { border-bottom: 1px solid #999; padding: 10px;font-size: 18px;  border-left: 1px solid #ccc;}
.table_info1 td.th2 { background-color: #fdeef4; color: #413c8b; font-size: 18px;font-weight: 700; border-left: 1px solid #fff; }
.table_info1 th.th3 { background-color: #7f238a}
.info_h3.h3_clr2 {color: #004ea2; }
.info_h3.h3_clr3 {color: #008474; }
.info_h3.h3_clr4 {color: #ea5c7e; }
.table_info2 { border-collapse: collapse}
.table_info2 th { background-color: #539772; color: #fff; font-weight: 400; text-align: center; padding: 10px 0; font-size: 20px;font-family: 'BMJUA'; border-right: 1px solid #fff;border-bottom: 1px solid #fff;}
.table_info2 td { border-bottom: 1px solid #999; padding: 10px;font-size: 18px;  border-left: 1px solid #ccc;}
.table_info2 th.th1 { background-color: #307eaf}
.table_info2 th.th2 { background-color: #7aac75}
.table_info2 td.th3 { background-color: #dff2fc;color: #413c8b; font-size: 18px;font-weight: 700; border-left: 1px solid #fff;}
.show_lg { display: block}
.hide_lg { display: none}
.ul_list1 { padding: 0; margin: 0;}
.ul_list1 li { font-size: 18px; padding: 5px 0 5px 20px; background: url("../image/bullet_1.png") left 10px no-repeat;}
.ul_list1 li strong { color: #e4007f}
.qr_bns a { display:inline-block; width: 45%;}
.qr_bns a +  a { margin-left: 5%}
.qr_bns a img { max-width: 100%}
.bn_txt { font-size: 24px; padding: 20px;font-family: 'BMJUA';}
.bg_bns { background: url("../image/bns_bg.png") right 5%  bottom   no-repeat}
.title_inquiry { font-size: 60px; padding: 30px}
.inquiry_txt1 { font-size: 24px; font-weight: 700;padding: 10px;}
.inquiry_txt1 span { border-bottom: 3px solid #fff; padding-bottom: 10px; margin-bottom: 20px; display: inline-block}
.inquiry_txt2 { font-size: 16px; padding: 6px;  }
.bg_inquiry { background: url("../image/inquery_bg.png") right 15%  bottom 0 no-repeat; padding-bottom: 240px; background-size: 201px;}
.main_bg_footer { background-color: #333; padding: 50px 20px; color: #ccc; text-align: left;}
.main_bg_footer img { width: 200px;}
.main_bg_footer address { font-size: 16px; padding-top: 20px} 
.down_float_btn { position: fixed; z-index: 99; width: 290px; height: 75px; right: 10%;  bottom: -100px; opacity: 0;transition: bottom 0.6s ease-out, opacity 0.6s ease-out;}
.down_float_btn a { display:block;width: 290px; height: 75px; border-radius: 38px; text-align: center;   color: #fff; font-size: 16px; text-align: left; padding: 15px 20px 10px 40px  ; line-height: 1.2; background: #68243d url("../image/icon_download.png") right 30px center no-repeat; background-size: 36px;}
.down_float_btn a span { color: #fff; display: block; font-size: 19px;}
.down_float_btn a:hover {background-color: #5a1b32; }
.down_float_btn.show {  bottom: 20px; /* ÃÖÁ¾ À§Ä¡ */ opacity: 1; left: auto !important}

@media (max-width: 767px) { 
.top_cate_btn {position: absolute;width: 21px;height: 21px; right: 20px; top: 19px; display: block}
.btn_top_menu {overflow: hidden;z-index:9;position: absolute;width: 21px;height: 21px; right: 20px;top: 4px;margin-top: 0; cursor:pointer; left:0}
.btn_top_menu span {position: absolute;right: 0;width: 100%;height: 3px;background-color: #333333;
transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out; border-radius:1px;}
.btn_top_menu span.barTop{top: 2px;}
.btn_top_menu span.barMid{top: 9px; }
.btn_top_menu span.barBot{width: 100%;top: 16px; }
.btn_top_menu:hover span.barTop {width: 100%;}
.btn_top_menu:hover span.barMid {width: 100%;}
.btn_top_menu:hover span.barBot {width: 100%;}

.top_cate_btn.top_cate_btn_open .btn_top_menu span {background-color: #333333;width: 100%;} 
.top_cate_btn.top_cate_btn_open .btn_top_menu span.barTop{transform:rotate(45deg);-webkit-transform:rotate(45deg); top: 9px;}
.top_cate_btn.top_cate_btn_open .btn_top_menu span.barMid{width: 0; height:0;}
.top_cate_btn.top_cate_btn_open .btn_top_menu span.barBot{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);top: 9px;}
.left { left:-250px}
.show { left:0 !important } 
.navbar_l_wrap { background-color:#fff; border-right:1px solid #ccc; 
	width: 250px;         background: #fff;
        position: fixed;
        height: 100vh;
        max-height: 100vh !important;
        overflow: auto;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        z-index: 10;
        width: 250px;
        color: #eee;
        top: 70px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
        opacity: 1;
	}
.top_nav { display: block; position:relative; margin-top: 10px;  }
.top_nav li {display: block; padding-left: 20px; }
.top_nav li a { font-size:21px; display: inline-block; padding: 10px; letter-spacing:1px; color:#222; }	

	
 
	
.main_bg_info { background-color: #5c65a2; padding: 20px 10px;}
.main_h2 { text-align: center; padding: 20px 0 20px 0;}
.h2_txt1 { color: #fff; font-size: 18px;  font-weight: 400; line-height: 1.4}
.h2_txt2 { color: #fff; font-size: 24px; font-weight: 700;line-height: 1.1}
.h2_txt3 { color: #b9e3f9; font-size: 24px; font-weight: 700;line-height: 1.1}
.info_box { background-color: #fff; padding: 15px; border-radius: 7px; margin: 0}
.info_h3 { color: #7f238a; font-size: 21px; text-align: left; padding: 0; margin: 0 0 10px; font-family: 'BMJUA'; }	
.table_info1 th { background-color: #ae1a88; color: #fff; font-weight: 700; text-align: center; padding: 10px 0; font-size: 16px;}
.table_info1 td { border-bottom: 1px solid #999; padding: 10px 5px;font-size: 14px;  border-left: 1px solid #ccc;}
.table_info1 td.th2 { background-color: #fdeef4; color: #413c8b; font-size: 16px;font-weight: 700;  border-left: 1px solid #fff;}
.table_info1 th.th3 { background-color: #7f238a}
.table_info2 th { background-color: #539772; color: #fff; font-weight: 400; text-align: center; padding: 10px 0; font-size: 16px;font-family: 'BMJUA'; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
.table_info2 td { border-bottom: 1px solid #999; padding: 10px;font-size: 16px;}
.show_lg { display: none}	
.hide_lg { display: block}
.bg_bns { background: none}
	.main_bn_wrap { margin: 0 30px;}
.title_inquiry { font-size: 40px; padding: 20px 10px}
.bg_inquiry { background: url("../image/inquery_bg.png") right 1%  bottom no-repeat; padding-bottom: 100px; background-size:170px}

.down_float_btn { position: fixed; z-index: 99; width: 200px; height: 50px; right: 20px;  bottom: -100px; opacity: 0;transition: bottom 0.6s ease-out, opacity 0.6s ease-out;}
.down_float_btn a { display:block;width: 200px; height: 50px; border-radius: 38px; text-align: center;   color: #fff; font-size: 14px; text-align: left; padding: 10px 10px 10px 20px  ; line-height: 1.2; background: #68243d url("../image/icon_download.png") right 20px center no-repeat; background-size: 24px;}
.down_float_btn a span { color: #fff; display: block; font-size: 14px;}
.down_float_btn.show { left: auto !important; }
	
}


.no_data { text-align: center; padding: 100px 0 30px; background: url("../image/icon_info.png") center 20px no-repeat; background-size: 60px; font-size: 16px; color: #999;}
.no_result { text-align: center; padding: 140px 0 30px; background: url("../image/icon_warning.svg") center 20px no-repeat; background-size: 80px; font-size: 18px; color: #222;}
.no_review { text-align: center; padding: 120px 0 30px; background: url("../image/icon_noreview.svg") center 20px no-repeat; background-size: 100px; font-size: 18px; color: #222;}

		.container-sm { max-width: 1000px}
		.right_h4 {font-size: 30px;  font-weight: 700; text-align: left; padding-bottom: 40px;}
.right_h4 i {font-size: 20px;  color: #999;   display: inline-block; margin: 0 10px; vertical-align: 2px; } 
.right_h4 .h4_record {font-size: 30px;  color: #333; font-weight: 400; }
.wrap_private .label_lock { color:#333; }
.wrap_private a.label_lock:after { content: "\F47A";  font-family: "bootstrap-icons"; font-weight: 400; font-size: 14px; width:20px; height:20px; margin-left: 10px;   display: inline-block; color:#999;}
.wrap_private a.label_lock:hover {color:#777;}
 
.article_p p { margin:10px 0}