@charset "utf-8";
/*
CSS Document 
allisxen@gmail.com
*/
@import url(gnufix.css);
@import url(//cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
@import url('//fonts.googleapis.com/css2?family=Roboto:wght@100;400;500;700&display=swap');
:root{
--bs-primary-rgb:16, 114, 187;
}

body{font-size:.99375rem; letter-spacing: -0.02em; font-weight:400; color:#000;}
body,h1, h2, h3, h4, h5, h6,textarea, select{ font-family:'Roboto','NanumSquare', sans-serif;}
input.frm_input,
input[type=password]{ font-family:'Nanum Gothic';}
_body{font-family: 'Nanum Gothic', sans-serif;}
caption{caption-side: unset; color:inherit;}
.eqheight {display:flex;flex-wrap: wrap; -ms-display:flexbox; /*ie10*/ padding:0 5px;}
.eqheight [class^='col-']{ display:flex;flex-direction: column;}g
.fa{ font-family:FontAwesome,"Font Awesome 5 Free";}

/* #content,p{ word-break:keep-all;} */
#content,p{ word-break:keep-all; line-height:1.8}
#btn_autosave,
#bo_w .btn_cancel, #bo_w .btn_submit, .new_win .btn_submit{ font-size:.8em; font-weight:400!important;}

hr.gutter{ display:block; height:3em;border:0 none; box-shadow:none;  }
hr.separate{ clear:both;height: 7px; margin:2rem 0; display: block; border: 0 dotted #aaa; border-width:1px 0 0 0;}

.table{ border-bottom:1px solid #c0c0c0;}
.table caption{ display:none;}
.table thead th{ font-weight:400; background:#F6F6F6; border-top:2px solid #c0c0c0; border-bottom:2px solid #e6e6e6; position:relative}
.table thead th:after{ content:''; position:absolute; left:0; top:0; width:1px; height:13px; background:#86b7e0}
.table thead th:first-child:after{ display:none;}
.box-dft .table tbody td{ background:#fff;}

.img-inset{ float:left; height:auto; }
@media (max-width: 767.98px) {
.img-inset{ max-width:46%;} 
}
.btn-primary{ background-color:#0f72ba;}


#wrap-content{ position:relative;}

.container, .container-lg, .container-md, .container-sm, .container-xl{ max-width:1220px;}
.navbar{padding:14px 0;}

#mobile-menu,
#sidetoggle{ display:none;}

.alert-top{ background:#f37060; text-align:center; padding-bottom:1px;  font-size:1rem}
.alert-top a{ color:#fff;}
.nav-top-sub{ background:#1072bb; font-size:.9em;}
.nav-top-sub .col{ display:flex;align-items:flex-end;justify-content:flex-end; }
.nav-top-sub ul{ margin-bottom:5px}
.nav-top-sub li{ display:inline-block; margin-left:7px;}
.nav-top-sub-item + .nav-top-sub-item::before {content:'\2758'; color:rgba(255,255,255,.7);margin-right:8px }
.nav-top-sub a{ color:rgba(255,255,255,.9);}
.nav-top-sub a.btn_admin{ color:#fff; padding:2px 6px; height:2em; line-height:1.5em}

.lnb{ background:#F8F8F8; border:0 solid #e0e0e0; border-width:1px 0;}
.breadcrumb{ margin-bottom:0; background:none; padding:0}
.breadcrumb-item + .breadcrumb-item::before { display:none;}
.breadcrumb-item{ position:relative; border:0 solid #e0e0e0; border-right-width:1px; padding:0;  }
.breadcrumb-item span{ display:block; padding:15px 100px 15px 15px;background-position: 90% center; background-repeat:no-repeat; background-image: url(../img/lnb_arrow.png);}
.breadcrumb-item:nth-child(3) span{ padding: 15px 50px; background-image: url("");}
.breadcrumb-item span.active{background-image: url(../img/lnb_arrow_on.png);}
.breadcrumb-item:first-child{ border-left-width:1px;}
.breadcrumb-item:first-child span{ padding-right:15px;background-image:none;}
.breadcrumb-item ul{ display:none; position:absolute; z-index:900; top:100%; left:0; width:100%; background:#f5f5f5; border:1px solid #e0e0e0;}
.breadcrumb-item ul a{ display:block; padding:8px 0 8px 12px; color:#444; text-decoration:none; border-top:1px solid #e0e0e0;}
.breadcrumb-item ul a:hover{ background:#1db0e6; color:#fff;}
.breadcrumb-item ul li:first-child a{ border-top:0 none;}
.dropdown-toggle{ cursor:pointer;}

.dropdown-item.active, .dropdown-item:active{ background:rgba(0,0,0,.5);}
@media (min-width: 768px) {
.dropdown-toggle::after { display:none;}
#nav-top .nav-item{ padding-left:20px; padding-right:20px;}
#nav-top .nav-link{ color:#333; font-size:1.14em; font-weight:500; padding-left:0; padding-right:0}
#nav-top .nav-link.active,
#nav-top .nav-link:hover{color: #0f72ba;
padding-bottom: 5px;
border-bottom: 3px solid #0f72ba;
}
.navbar-nav > li > .dropdown-menu {
    width: 150px;
    left: 50%;
    transform: translateX(-50%);
    border-top: 0 none;
    box-shadow: 0 7px 8px rgba(0, 0, 0, .175);
    border-radius:0 0 .25rem .25rem;
}
.dropdown-menu > a{border-top:1px solid #e5e5e5; padding:10px 8px; font-size:.9em}
:lang(en) .dropdown-menu > a{ font-size:.78em;}
.dropdown-menu > a:first-child{ border-top:0 none;}
}

.con-container h1,
.con-container h2,
.con-container h3{ font-size:2em; color:#5798d2; font-weight:700; letter-spacing:-.5px; position:relative; padding:0 0 12px 0; margin-top:3rem; margin-bottom:2rem;}
.con-container h1:first-of-type,
.con-container h2:first-of-type,
.con-container h3:first-of-type,
.con-container h4:first-of-type{ margin-top:0;}
.con-container h1 strong{ color:#000; font-weight:900; }
.con-container h1:before,
.con-container h2:before,
.con-container h3:before{ content:' '; position:absolute; bottom:0; left:0; width:54px; height:2px; background:#969696;}

.con-container h2{ font-size:1.5em; color:#333;  margin-bottom:.7em; padding-bottom:0}
.con-container h2:before{ background:#cbb58b; width:50px; height:3px;bottom:-6px; display:none}
.con-container h3{ color:#0f72ba; font-size:1em; padding:0; margin-top:3rem; margin-bottom:.7rem;}
.con-container h3:before{ display:none; background:#E9586B; width:4px; height:auto; bottom:0; top:.25em;}
.con-container h4{ color:#333; font-size:1.125em; margin-bottom:10px;}
.con-container h4:before{ display:none; content:'-'; color:#E9586B; font-size:1.143em; margin-right:5px; }
.con-container h5{ font-size:1rem; color:#0f72ba; margin-top:20px; margin-bottom:1px}

#content h2.bar{ font-size:1.125em; position:relative; padding:12px 0; border-bottom:2px solid #555;}
#relSite .con-container h2.bar{ border-bottom:0 none;}
/* #content h2.bar:before{ content:''; position:absolute; display:block; width:20px; height:3px; background:#555; top:0; left:0;} */


.contentpage #content ul.list{ padding:0;margin-bottom:0;}
.contentpage #content ol.list{padding-left:26px;}
.contentpage #content ol.list{ list-style-position: inside; }
.contentpage #content ul.list li{list-style:none; position:relative; padding-left:12px;margin-bottom:8px;}
.contentpage #content ul.list li:last-child{ margin-bottom:0;}
.contentpage #content ul.list li:before { position:absolute; left:0; top:-2px;content: "\2022"; color:#777; }
.contentpage #content .list li ul{ margin:10px 0 0 20px;}
.contentpage #content ol.list>li{counter-increment: list;list-style-type: none;position: relative; margin-bottom:8px;}
.contentpage #content ol.list>li:before {color: #e75204;content: counter(list) ".";left:-32px;position: absolute;text-align: right;width: 26px;}

.standard-list li{ list-style:none!important;}
.standard-list ol {
  counter-reset: list-counter;
}
.standard-list ol > li {
  counter-increment: list-counter; font-weight:700;
}
.standard-list ol > li::marker {
  font-weight: 700;
  content: counters(list-counter, ".") ".  ";
}
.standard-list ol > li li li::marker{ font-weight:400;}
.standard-list ol > li li li{ color:var(--bs-gray-700); font-weight:400; font-size:.826em}

.standard-list li::marker{ content:''!important; display:none!important;}
.standard-list li:has(>.num){ position:relative; padding-left:42px}
.standard-list li .num{ position:absolute; top:0; left:0;}

.site-footer{ background:#f9f9f9; padding-bottom:20px;  border-top:1px solid #5b5c58 }
.site-footer address,
.site-footer p{ margin-bottom:4px;}
.site-footer i{ font-style:normal; color:#d3d3d3; padding:0 5px;}
.site-footer,.site-footer a{color:#464646;}
.footer-util{ border-bottom:1px solid #ccc; margin-bottom:20px;}
.footer-util .scroll-to-top{ text-align:right;}
.footer-util .scroll-to-top a{ display:inline-block;}
.footer-util .familysite{ display:flex; border-left:1px solid #ccc; cursor:pointer; position:relative;}
.footer-util .familysite span{ display:block; padding-left:20px; padding-right:20px}
.footer-util .familysite .fas{ margin-left:30px;}
#familysite-items{ display:none; position:absolute; bottom:100%;left:0; width:100%; padding:0; margin:0; border:1px solid #ccc; background:#fcfcfc }
#familysite-items a{ display:block; width:100%; padding:10px 20px; font-size:.9em}
.footer-info span{ display:inline-block;}
.footer-info span:before{ content:''; margin:0 8px; display:inline-block; height:12px; width:1px; background:#d3d3d3; transform: translate(0,1px);}
.footer-info span:first-child:before{ display:none;}
/* splash */
.flex-prev:hover::before, .flex-next:hover::before { border-color:#fff;}
.flex-prev::before, .flex-next::before { height:42px; width:42px; border-width:3px 3px 0 0}

.slides li{position:relative;}
#splash .slogan{ left:2rem; bottom:2rem;font-size:4em; font-weight:900; color:#fff;text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.68);line-height: 1;}
#splash .slogan span{ display:block;}
#splash .slogan span:last-child{ padding-left:4rem;}

#splash .flex-direction-nav{ margin-bottom:0;}

@media (width < 768px) {
#splash .slogan{ font-size:2rem; bottom:0;}
}


/* 최신글 및 메인배너*/
.latest{ margin:40px 0 0 0; margin-top:0;}
.latest [class^='col-'] { position:relative}
.latest h3{background-image:url(../img/icon_h301.gif); background-repeat:no-repeat; padding:0 0 9px 30px; font-size:1.286em; border-bottom:1px solid #b0b0b0}
.latest h3.latest-archive{background-image:url(../img/icon_h302.gif);}
.latest h3.latest-press{background-image:url(../img/icon_h303.gif);}
a.more{ position:absolute; right:15px; top:3px; color:#777; background-image:url(../img/more.gif); background-repeat:no-repeat; background-position:0 center; padding-left:12px}
.latest ul{padding:0;}
.latest li{list-style:none; position:relative; padding-left:10px; margin-bottom:.3rem;}
.latest li:before { position:absolute; left:0; top:-1px;content: "\2022"; color:#777;}
.latest li a{ color:#000; display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;}
.latest li a:hover{ color:#ea302f;}
.latest .date{ font-size:.9em; color:#999; position:absolute; right:0}
.latest-photo .slides img{ width:210px; height:auto;}

.latest-photo .flex-direction-nav .flex-prev{ left:25px; font-size:0}
.latest-photo .flex-direction-nav .flex-next{ right:25px; font-size:0}

.latest-photo .flex-prev::before,.latest-photo .flex-next::before { border-color:#a6a6a6; width:20px; height:20px; border-width:3px 3px 0 0;}
.main-banner{ margin:2rem 0;}
.main-banner [class^='col-'] { color:#333; border:1px solid #ddd;border-left:0; padding:15px; text-align:center; position:relative; }
.main-banner .row [class^='col-']:first-child{ border-left:1px solid #ddd;;}
.main-banner h3{ font-size:1.35em; font-weight:700; color:#4b4b4b; margin-bottom:.625rem;}
.main-banner .figure-img{ margin:15px 0;}
.main-banner a{ color:#333; font-size:15px}
.main-banner a.more{ top:18px;}

.mainpage .rel-site{ margin-top:45px; margin-bottom:40px; border:1px solid #ddd; padding:10px 5px}
.mainpage .rel-site .title{ text-align:center;}
.mainpage .rel-site h3{ color:#333; font-size:1.143em;margin-top:20px;  border-right:1px solid #eaeaea}
.rel-site ul{ margin:0; padding:0;}
.rel-site li{ display:inline-block; }

/* board #####################################################################*/
#bo_w .write_div{ position:relative;}
._write_div input:valid + label.sound_only,
write_div input:not(:placeholder-shown) + label.sound_only,
.write_div input:focus + label.sound_only,
.write_div textarea:not(:placeholder-shown) + label.sound_only,
.write_div textarea:focus + label.sound_only{ display:block; position:absolute;top:-6px; left:8px; width:auto; height:1.1em; line-height:1; font-size:.92em; padding:0 3px!important; background:#fff; color:#999;}
.bo_w_info.write_div input:focus + label.sound_only{ display:none!important;}
#bo_w .bo_w_flie .frm_file{ margin-top:-2px;}

label.sound_only strong{ display:none;}
#bo_v_title .bo_v_tit{ font-size:.72em; padding:11px 15px;padding-right: 120px; background:#f6f6f6; border-top:2px solid #c0c0c0; border-bottom:1px solid #e0e0e0;}
#bo_v_title{ position:relative; margin-bottom:0}
#bo_v_title .date{ position:absolute; top:1rem; right:15px; font-weight:300; font-size:.43em;}
.bo_v_info{ text-align:right; padding:5px 15px; border-bottom:1px solid #e6e6e6;}
.bo_notice td {background: #fff4f2 !important;}
:lang(en) .bo_notice .notice_icon{font-size:.8em;}
#bo_list .td_datetime{ width:120px;}
#bo_list .td_name{ text-align:center;}
#bo_list .td_num{ width:94px;}
label + input[type="checkbox"],
label + input[type="radio"]{ margin-bottom:.5rem;}
td label + input[type="checkbox"]{ margin-bottom:0;}
label.title{font-weight:700; margin-bottom:0;}
label.title strong{ display:none;}
.write_div .title{ font-weight:700; display:inline-block; min-width:110px; margin-bottom:5px}

.addr-form{ margin-bottom:1.5rem;}
.addr-form .title{ margin-bottom:5px; font-weight:700}
.addr-form .form-control{ height:40px;}
.addr-form button{ width:100px; margin-left:5px; font-size:.86em}
.addr-form #addr1{ width:calc(100% - 106px); }

#directory #bo_list .tbl_head01 th a,
#directory #bo_list .tbl_head01 th a:hover{ color:#fff;}
#wdds #bo_v_top{display: flex;justify-content: space-between;align-items: center; gap:1rem;}
#wdds #bo_v_top p{ margin:20px 0;font-size:.8125em;}
#wdds #bo_v_top::after{ display:none;}
#wdds #bo_list .tbl_head01 th a,
#wdds #bo_list .tbl_head01 th a:hover{ color:#fff;}

.datepicker{ width:120px;}
.btn_bo_user .dn-excel{ width:auto;}

:lang(en) #captcha #captcha_info{ letter-spacing:normal;}

#bo_list .bo_tit .fa-download{ font-size:10px; height:auto; width:auto; padding:5px 4px 3px; line-height:normal}
#bo_list .bo_tit .fa-link{ background:none; color:#4285f4; font-size:.6em;}


.bo_w_info{display: flex;gap: 6px;}

/* gallery */
.check-each{ position:absolute; right:10px; top:10px; z-index:900;}
.row.gallery .col{ margin-bottom:20px; padding-left:10px; padding-right:10px;}
.row.gallery .card{ height:100%;}
.row.gallery .card-body{padding:1rem;}
.row.gallery .card-img,.row.gallery .card-img-bottom,.row.gallery .card-img-top{ height:auto;}
.row.gallery .card-title{ font-size:1em; margin-top:0;}
.row.gallery .card-title a{ color:#333;}
.row.gallery .card-title a:hover{ color:#d95502;}
.row.gallery .card .no-image{ width:100%; position:relative; background:rgba(0,0,0,.1); }
.row.gallery .card .no-image span{ display:block; width:100%; position:absolute; top:48%;text-align:center; text-transform:uppercase; color:#aaa; font-weight:700; font-size:.8em}
.row.gallery .category{ display:none;}
.row.gallery .card-footer{ font-size:.82em; color:#767676}
.row.gallery .sv_member{ color:#626262;}
.row.gallery .sv_member:before,
.row.gallery .date:before {margin-right:.3em;font-family:FontAwesome, "Font Awesome 5 Free";}
.row.gallery .sv_member:before{ content: "\f007";}
.row.gallery .date:before{ content:"\f017";}

.boardpage .articles{ margin-bottom:20px;}
.boardpage .articles .article{ border-top:1px solid #ddd; padding-top:28px; padding-bottom:28px;}
.boardpage .articles .article:first-child{ border-top:2px solid #bbb;}
.boardpage .articles .article a{ color:#333;}
.boardpage .articles .article .bo_cate_link{ display:block; color:#004f9e;}
.boardpage .articles .article .article_title{ display:block; font-size:1.25em; margin-bottom:.6em}
.boardpage .articles .article .article_con{ color:#777; font-size:.94em}
.boardpage .articles .article .date{ display:block; font-size:.9em; margin-top:15px}

@media (max-width: 767px) {
.boardpage .articles .article .media img{ width:90px; height:auto;}
#download .articles .article .title,
#download .file-size,
#download .articles .article a.btn-download{ display:block;}
#download .file-size{ text-align:right;}
}




#directory th,#directory td,
#directory .all_chk{ text-align:center;}

#directory.writepage td{ text-align:left;}

#directory th a{ color:#fff;}
.sort-ico i{ font-size:.8em;margin-left:5px; color:rgba(255,255,255,.625);}

#directory .tbl_head01 thead th{ padding:10px 5px; background:#0973BA; border-color:#0973BA; color:#fff; text-align:left }
#directory .th-year{ line-height:1; white-space: nowrap}
.srch_tbl tbody th{ width:240px;}
#directory textarea.form-control{ width:100%; height:240px;}
.directory-article h3{font-size:1.285em;}
.directory-article dt{ margin-top:1.5em;}
.directory-article dt:first-child{ margin-top:0;}
.select-country{ width:460px;}
#directory #bo_v_title .bo_v_tit{ background:none; border:0 none; padding:0; font-size:1.24em; color:#0973BA}
.search-bx{ border:1px solid #dedede; padding:15px; margin-bottom:1.5rem; background:rgba(0,0,0,.025);}
.search-bx .form-group{ margin-bottom:.5em;}
.td-country,
.td-city,
.td_subject .bo_tit{ word-break:keep-all;}
.td-country{ width:220px;}
.td-city{ min-width:200px;}
.td-type{ width:90px;}

#wdds th,#wdds td,
#wdds .all_chk{ text-align:center;}

#wdds.writepage td{ text-align:left;}

#wdds th a{ color:#fff;}
.sort-ico i{ font-size:.8em;margin-left:5px; color:rgba(255,255,255,.625);}

#wdds .tbl_head01 thead th{ padding:10px 5px; background:#0973BA; border-color:#0973BA; color:#fff; text-align:left }
#wdds .th-year{ line-height:1; white-space: nowrap}
.srch_tbl tbody th{ width:240px;}
#wdds textarea.form-control{ width:100%; height:240px;}
.directory-article h3{font-size:1.285em;}
.directory-article dt{ margin-top:1.5em;}
.directory-article dt:first-child{ margin-top:0;}
.select-country{ width:460px;}
#wdds #bo_v_title .bo_v_tit{ background:none; border:0 none; padding:0; font-size:1.24em; color:#0973BA}
.search-bx{ border:1px solid #dedede; padding:15px; margin-bottom:1.5rem; background:rgba(0,0,0,.025);}
.mainpage .search-bx{ margin-top:0; margin-bottom:1rem;}
.search-bx .form-group{ margin-bottom:.5em;}
.td-country,
.td-city,
.td_subject .bo_tit{ word-break:keep-all;}
.td-country{ width:220px;}
.td-city{ min-width:200px;}
.td-type{ width:90px;}

.hd_pops_footer{ font-size:.88em;}

#whoweare .table td{ vertical-align:middle;}


/* con ###################################################################### */
#sidemenu,#contentbox{ border:1px solid #e0e0e0; border-width:0 1px;}
#sidemenu{ border-right:0 none;}
#sidemenu h2{ background:#0973BA; text-align:center; padding:28px 0; color:#fff; font-size:1.32em;border-top: 5px solid #373737; border-bottom:1px solid #d8d8d8; margin-bottom:0}

#sidemenu li.list-group-item{ font-size:1rem; padding:7px 0 7px 13px; border-radius:0; border-left:0; border-right:0}
:lang(en) #sidemenu li.list-group-item{ padding-left:12px;}
#sidemenu li a{ color:#333; font-weight:400; text-decoration:none; display:block; width:100%; height:100% }
#sidemenu li.list-group-item:hover{ background:#e0e0e0;}
#sidemenu li.list-group-item.active:hover,
#sidemenu .list-group-item.active{ background:#1DB0E6; border-color:#1DB0E6; }
#sidemenu .list-group-item.active:after {content: "\f054";font-family: FontAwesome; position:absolute; right:4px; top:22%}
#sidemenu .list-group-item.active a{ color:#fff;cursor:default}

#content-title{ font-size:2.25em; margin-top:42px; margin-bottom:30px; color:#333; font-weight:700}
#content-title:before{ display:none;}

.content-head{ margin-top:24px; margin-bottom:30px; border:1px solid #dedede; padding:15px; background:rgba(0,0,0,.015);}

#content{ font-size:1.1428em; padding:0 30px 64px}
#content p.slogan{ font-size:1.625em; font-weight:500;}
#content p.slogan em{ font-style:normal; color:#0f72ba; font-weight:600;}
.autograph{ text-align:right; font-weight:500}
.autograph b{ font-size:1.375em;}
.autograph span{ display:inline-block;}

.history-bx{/* padding-left:270px; background-image: url(../img/history_2009.jpg); background-repeat: no-repeat; background-position: left top;*/ }
ol.history{ margin-left:0; padding-left:0; list-style-type: none; }
.history li{ margin-bottom:.5em; position:relative; padding-left:220px;}
.history .date{ color:#3c96e0; font-weight:400; position:absolute; left:0; top:0; text-align:right}
.history-bx h2{ font-size:1.2em;}
.tabbox .nav-tabs{ border-bottom:0 none; margin-bottom:0.5em;}
.tabbox .nav-tabs li{ width:20%; text-align:center; padding-left:1px; margin-bottom:14px}

/* #Article .tabbox .nav-tabs li{ width:16%;} */
#Article .tabbox .nav-tabs li{ width:20%;}
.tabbox .nav-tabs li:first-child{ padding-left:0;}
.tabbox .nav-tabs li a{ display:block; padding:10px 0; background:#E9E9E9; color:#444 }
.tabbox .nav-tabs li a.active{ background:#5792D7; color:#fff; position:relative}
.tabbox .nav-tabs li a.active:before{
    content: '';
    position: absolute;
    bottom: -5px;
    left: 50%;
    display: block;
    width: 10px;
    height: 10px;
	transform: translate(-5px,0) rotate(45deg);
    background: #5792D7;
}
.tabbox .tab-pane ol{ list-style:none; margin:0; padding:0}
.tabbox .tab-pane ol ol{ padding-left:15px;}

.history-bx .tabbox .nav-tabs li a.active{ background:#8BA2BC;}
.history-bx .tabbox .nav-tabs li a.active:before{ display:none;}

.history-bx .tabbox .nav-tabs li a{ padding:5px 0;font-size:.8125em;}


a.btn-download{ font-weight:normal; background:#0f72ba; color:#fff;}
a.btn-download:hover{ color:#00FFFF;}

a.btn-download2{ font-weight:bold; background:#bdbdbd; color:#fff;}
a.btn-download2 i{ color:#fff;}

a.btn-download2:hover, a.btn-download2:hover i, a.btn-download2:hover span{ color:#3a8afd;}
.footer-info a.btn-download2 span:before{ content:"";margin:0; width:0;}

.box-dft,
.box-alt{ background:#f6f6f6; border:1px solid #dfdfdf; padding:20px; text-align:center; margin:2rem 0}
.box-dft h4{ font-weight:900;}
.box-dft p:last-child{ margin-bottom:0;}
.box-alt{ text-align:left;}
.box-alt h3{ font-size:1rem; font-weight:500; color:#0f72ba; margin-top:1.5rem}
.box-alt h3:first-of-type{ margin-top:0;}
.info-map{ background-image: url(../img/icon_map.gif); background-repeat: no-repeat; background-position: left top; padding-left:38px }

h4 + .box-alt{ margin-top:0;}
.con-container .box-alt h5:first-child{ margin-top:0;}

.rel-list{display:flex;flex-wrap:wrap;gap:1em;}
.rel-list li{ flex: 0 1 min( calc(33% - 1em) ); white-space: nowrap;}
:lang(en) .rel-list li{ flex-basis:min( calc(50% - 1em) );}
.rel-list li img{ display:block; width:100%; max-width:100%;}
.rel-list a{ color:#333;}
.rel-list a:hover{ color:#f60;}
.rel-list a:before{ color:#1DB0E6; font-size:.9em;}
.rel-school a:before { content: "\f19d";font-family:FontAwesome, "Font Awesome 5 Free";margin-right:.4em}
.rel-dome a:before { content: "\f549";font-family:FontAwesome,"Font Awesome 5 Free";margin-right:.4em}
.rel-oversea a:before { content: "\f66f";font-family:FontAwesome, "Font Awesome 5 Free";margin-right:.4em}



h4.panel-title{font-weight:normal; font-size:1em;padding:0; margin:0;}
h4.panel-title:before{ display:none;}
h4.panel-title a{ display:block; width:90%; text-decoration:none; color:#0f72ba; padding:15px 0; font-weight:700 }
h4.panel-title a.collapsed{ color:#999; font-weight:400;}
h4.panel-title a:before{font-weight:normal;font-family: FontAwesome;content: "\f146"; margin-right:8px;}
h4.panel-title a.collapsed:before{content: "\f0fe";}
#faq .panel{ border:0 none;}
#faq .panel-heading{ background:none; border:0; padding:0;}
#faq .panel-body{padding:15px; border:1px solid #e5e5e5; margin-bottom:20px; background:rgba(0,0,0,.025); line-height:1.8}

#result h2.headtitle{ font-size:1.5em;}
.article-history{ color:#0f72ba; font-weight:500; margin-bottom:1rem}

.process{ border-collapse:separate; border-spacing:4px; text-align:center;empty-cells: hide; width:100%;}
.process em{ font-style: normal; text-decoration: underline; }
.process .step{ width:10%;}
.process .activity{ width:28%;}
.process .period{ width:16%;}
.process .arrow-cell{ width:12px;}
.process th,
.process td{ border:1px solid #ccc; padding:5px;}
.process thead th{ background:#d9d9d9}
.process tbody th{ background:#376092; color:#fff;}
.process tbody td{ background:#c5e4ec;}
.process thead .process-cate th{ font-size:1.14em; background:#fff; border:0 none;border:2px solid #555;}
.process td.arrow{ background:none; border:0 none; font-size:.7em;}
.process td.alt{ background:#d7e4bd;}
.process td.alt2{ background:#d9d9d9;}

.warning-content{ text-align:center;}

.rules{-webkit-touch-callout: none;
     user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     -webkit-user-select: none;}
.rules .updated{font-size:.8125em; line-height:1.2; opacity:.8}
.rules .updated .date{ display:inline-block; width:10ch;}
.rules .heading{ text-align:center; display:block; margin:2em 0; font-weight:700; font-size:1.21em;}


/*
#inquiry .bo_v_nb{ display:none};
#inquiry #wrap-content .container #bo_v button{ display:none};
#inquiry #bo_vc{ display:none};
*/

/* #rwd ####################################################################### */
@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}

@media (max-width: 575.98px) {}

@media (max-width: 767.98px) {
/*c*/
html{ font-size:14px;}
body{overflow-x:hidden}
.navbar-brand-two img{ width:114px; height:auto;}
.lnb .container{ padding-right:0; padding-left:5px}
.breadcrumb{ border:1px solid #e0e0e0; border-width:0 0 0 1px; border-radius:0; }
.breadcrumb-item{ width:calc(100% - 32px); border:0 none;border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.breadcrumb-item:first-child{ width:32px; border-left:0 none;}
.breadcrumb-item:last-child{ margin-left:32px; border-bottom:0 none; }
.breadcrumb-item span{ padding:8px; padding-right:56px; background-position:96% center}
.breadcrumb-item:first-child span{ padding-top:5px; padding-right:8px; }


.nav-top-g{ position:relative;}
.navbar{ padding:6px 0;}

#sidetoggle{ display:block; position:absolute; left:0; top:0; width:40px; height:40px; text-align:center; font-size:24px; background:#d6e5f2; color:#5a85ad; z-index:9990; cursor:pointer;}
#mobile-menu{background:#d6e5f2; width:260px; height:100%;  position:absolute; top:0; left:-260px; z-index:9999;transition: all .25s;}
#mobile-menu ul{ margin:0; padding:0;}
#mobile-menu .dropdown-side{ display:none;}
#mobile-menu .nav-link { font-size:1.214em; font-weight:700; color:#333; background:#99c6eb; border-top:1px solid #549fde;}
#mobile-menu .dropdown-item{ font-size:1.071em; font-weight:700;color:#333; padding:12px 0 12px 25px; border-top:1px solid #91afc8;}
#mobile-menu .dropdown-side .dropdown-item:first-child{ border-top:0 none;}


#sidemenu{ display:none;}
#content{  padding-left:0; padding-right:0;}
#sidemenu, #contentbox{ border:0 none;}
#content [class^='col']{ margin-bottom:25px;}
#content-title{ margin-top:2rem; margin-bottom:1rem; padding-bottom:0; font-size:2.1em; font-weight:400; }
.footer-info{ font-size:.76em;}


#splash{margin-left:-15px; margin-right:-15px;}

.latest{ margin-top:15px;}
.latest .list a{ padding-right:60px;}
.latest .date{ width:60px;}

.main-banner [class^='col-']{ border-left:1px solid #ddd; border-top:0 none}
.main-banner [class^='col-']:first-child{ border-top:1px solid #ddd;}

#bo_v_title .bo_v_tit{ font-size:.72em;}
#bo_v_title .date{ position:relative; display:block; font-size:.6em; top:auto; right:auto; padding:4px 15px; text-align:right;}
#bo_list .td_name{ width:60px;}
#bo_list .td_datetime{ width:74px;}

.history-bx{ padding:0; background:none;}
.breadcrumb-item:nth-child(3) span{ padding:15px 8px;}
}
@media (max-width: 991.98px) {}
@media (max-width: 1199.98px) {}

@media (min-width: 576px) and (max-width: 767.98px) {}
@media (min-width: 768px) and (max-width: 991.98px) {}
@media (min-width: 992px) and (max-width: 1199.98px) {}
@media (min-width: 1200px) {}