@charset "utf-8";

@import url("swiper.min.css");
@import url("animated.css");
@import url('jquery-ui.css');
@import url('font.css');

/* --------------------------------------------
 * default
/* ------------------------------------------ */
html{ font-size: 16px;}
html, body { width: 100%;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; }
html { font-size:17px; color:#999; font-family: 'seoulcyber','Noto Sans KR', '돋움', 'Dotum', Apple Gothic, Tahoma, Verdana, sans-serif; color: #666; line-height: 1.8; background-color:#fff;}
select , input {font-family: 'Noto Sans KR', '돋움', 'Dotum', Apple Gothic, Tahoma, Verdana, sans-serif!important; font-size:15px!important; }

* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
*:before,
*:after{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

a{ -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }

/* -------------------------------------------- html5 block ------------------------------------------ */
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display:block;}
body{ -webkit-text-size-adjust:none; line-height: 1.4; }
ol, ul{ list-style:none;}
blockquote, q{ quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{ content:''; content:none; }
table{ width:100%; border-collapse:collapse; border-spacing:0; }
img{ border:0; max-width:100%; height:auto; }
iframe,
embed,
object,
video {max-width:100%;}
i, 
cite, 
em, 
var, 
address, 
dfn { font-style:normal;}

.blind,
legend{ position:absolute; left:0; top:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}



img[src$=".gif"], img[src$=".png"], img[src$=".jpg"] {
                   image-rendering: -moz-crisp-edges;         /* Firefox */
                   image-rendering:   -o-crisp-edges;         /* Opera */
                   image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
                   image-rendering: crisp-edges;
                   -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
				   transform: translateZ(0);
				   backface-visibility: hidden;
                 }


/* ------------------------------------------ */
a{ color: #222; text-decoration: none; }


/* --------------------------------------------
	list
/* ------------------------------------------ */
ul, ol { list-style: none; }

/* --------------------------------------------
 * etc
/* ------------------------------------------ */
address, em { font-style: normal; }
hr { display: none; }
sup { position: relative; top: -3px; padding-left: 3px; font-size: 11px; }

/* --------------------------------------------
 * img
/* ------------------------------------------ */
img { vertical-align: top; }

/* --------------------------------------------
 * table
/* ------------------------------------------ */
table { width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed;}
tbody, tfoot, thead, tr, th, td { word-break:break-all; vertical-align:middle; }
caption { position:  absolute; top:-9999px; left:-9999px;}

/* --------------------------------------------
 * fieldset
/* ------------------------------------------ */
fieldset { border: none; }
legend { visibility: hidden; width: 0; height: 0; font-size: 0; line-height: 0; position: absolute; left: 0; top: -999999px; }

/* --------------------------------------------
 * form
/* ------------------------------------------ */
input[type=button], 
input[type=submit] { cursor: pointer; }
button { width: auto; overflow: visible; background: none; border: none; cursor: pointer; margin: 0; padding: 0; font-family: 'Noto Sans KR', '돋움', 'Dotum', Apple Gothic, Tahoma, Verdana, sans-serif;}
button > span { position: relative; }
textarea { resize: none; padding: 0px; color: #666; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; }
select{ font-family: Montserrat, 'Noto Sans KR', '돋움', 'Dotum', Apple Gothic, Tahoma, Verdana, sans-serif; font-size: 16px; color: #666; border:solid 1px #cfcfcf; line-height:40px; height:40px; background-color:#fff; background-image:url('../images/blt_select.png'); background-position: calc(100% - 10px) center; background-repeat: no-repeat; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; border-radius:0; -webkit-border-radius:0; padding:0 36px 0 10px; padding-right: 0\0/IE8+9; background-image:none\0/IE8+9; overflow:hidden; line-height:1\0/IE8+9; vertical-align:middle;}
select::-ms-expand { display: none; /*display: block\0/IE8+9; */ }
select { border: none; font-family: Noto Sans; color: #565a5c; border: 1px solid #cccccc; border-radius: 0px; box-sizing: border-box; }
.select_ds select { width: 100%; padding: 0px 0px 0px 10px; box-sizing: border-box; -moz-box-size: border-box; height: 40px; }
html:first-child select { padding-left: 10px; }

input, button, select, textarea { vertical-align:middle; }
input {vertical-align: middle; -webkit-appearance: none; -webkit-border-radius: 0; }
.input {color: #737070; background-color: #ffffff; border: solid 1px #cccccc; height: 18px; padding: 0px 5px 0 10px;}
input.block, button.block, select.block, textarea.block{ width:100% !important; display: block;}

fieldset{border:0}
input,select,label{display:inline-block;box-sizing:border-box;vertical-align:middle; }
label{ margin-right:5px;}
.label{ margin: 2px 20px 2px 0;}
input[type=text],
input[type=password]{ font-size:16px; height:40px; padding:0 10px; border:solid 1px #cfcfcf; line-height:38px; background-color:#fff; font-family: 'Noto Sans KR', '돋움', 'Dotum', Apple Gothic, Tahoma, Verdana, sans-serif;}
input[type=text]:disabled,
select:disabled,
textarea:disabled{ border-color:#d7dae3; color:#d7dae3; background-color:#f8f8f9 !important;}
input[type=button],
button{vertical-align:middle;appearance:none;-ms-appearance:none;-webkit-appearance:none;-moz-appearance:none;}
input[type=button],
input[type=submit],button{ border:0;text-align:center;cursor:pointer;}
input[type=file]{cursor:pointer;}
textarea{ padding:10px; border:#dbdbdb 1px solid; box-sizing:border-box; vertical-align:middle;resize:none; font-family: 'Noto Sans KR', '돋움', 'Dotum', Apple Gothic, Tahoma, Verdana, sans-serif; }
input[type=text]:focus,
input[type=password]:focus{ border-color:#999;}
.ui-datepicker-trigger{ background:url('../images/ico_calendar.png') 7px -541px no-repeat; display: inline-block; width: 34px; height: 34px; text-indent:-9999px;}

.date_picker {position: relative;padding-right: 40px; box-sizing: border-box;}
.date_picker img { position: absolute; right: 0px; top: 50%; margin-top: -15px; width: 30px; height: 30px;}

/************************************************
	label
************************************************/
label{ display: inline-block; vertical-align: middle;}
input[type="radio"], 
input[type="checkbox"] { display: inline-block; width:20px; height:20px; border:none; vertical-align:-4px; -webkit-appearance:none; margin:0 5px 0 0; padding:0; cursor: pointer; border-radius:10px; border:#9b9b9b 1px solid; background-color:#fff; vertical-align: middle;}
input[type="radio"]{ width: 20px; height: 20px;}
label + input[type="radio"], 
label + input[type="checkbox"]{ margin-left: 30px;}

input[type="radio"]:checked{ position:relative; background-color:#18745c; border-color: #18745c; }
input[type="radio"]:checked::after{ content:'';display:block; position:absolute; width:6px; height:6px; border-radius:50%; background-color:#fff;left:50%;top:50%;margin-left:-3px;margin-top:-3px;}
input[type="radio"]:disabled { background:#e4e4e4; border:#e4e4e4 1px solid;}
input[type="radio"]:disabled:checked { background:#fff url(../images/element_radio_dis.png) no-repeat 50% 50%; }
input[type="checkbox"] { border-radius:2px; background:#fff; border: #999 1px solid;  }
input[type="checkbox"]:checked{ border-color: #00ac5c ; background:#00ac5c  url(../images/ic_check.png) no-repeat 50% 50%; background-size: 12px auto;}
input[type="checkbox"]:disabled{background:#e4e4e4; border:#e4e4e4 1px solid;}
input[type="checkbox"]:disabled:checked { background:#fff url(../images/ic_check.png) no-repeat 50% 50%; }

input::-webkit-input-placeholder{color:#b1b1b1;}
input::-moz-placeholder{color:#b1b1b1;}
input:-ms-input-placeholder{color:#b1b1b1;}
input::-ms-input-placeholder{color:#b1b1b1;}

input[type=text], 
input[type="password"], 
input[type="search"], 
input[type="email"], 
input[type="url"], 
input[type="number"], 
input[type="tel"], 
select, 
textarea {line-height: 34px; min-height: 34px; vertical-align: middle; font-family: Noto Sans, dotum, gulim; transition: border-color 0.2s; border: 1px solid #ccc; border-radius: 0px; color: #565a5c; box-sizing: border-box; -moz-box-size: border-box; background-color: #fff; font-size: 1em;}


/* 폰트 rem단위 설정 */
@media screen and (max-width: 768px){
    html{ font-size: 10px!important;}
    body{ font-size: 1.3rem!important;}
    
}







/* common */
.blind { display: block; overflow: hidden; position: absolute; left: -1000%; top: 0; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -10000px; }
.hide { display: none; }
.l{ text-align: left !important;}
.c{ text-align: center !important;}
.r{ text-align: right !important;}
.fl{ float:left !important;}
.fr{ float:right !important;}
.vt{ vertical-align: top !important;}

.pd0{ padding: 0 !important;}
.mt0{ margin-top:0 !important;}
.mt5{ margin-top:.5rem !important;}
.mt10{ margin-top:1rem !important;}
.mt20{ margin-top:2rem !important;}
.mt70{ margin-top:7rem !important;}
.mb10{ margin-bottom: 1rem !important;}

.cRed{ color: #ec0928 !important; }
.cBlue{ color: #05acef !important; }
.cGreen{ color: #007a85 !important;}
.cBlack{ color: #111 !important;}

.point_c {color: #ec0928 !important;}

.tx-lg{ font-size: 1.3em;}



.pr10 {padding-right: 10px !important;}
.pl5 {padding-left: 5px; }
.pr15 {padding-right: 15px;}
.select_ds {position:relative;}

.mt3 {margin-top:3px;}

.col-sm-2 .select_ds {width: 50%; box-sizing: border-box; -moz-box-size: border-box; float: left; }
.pr20 { padding-right: 20px;}
.pl20 { padding-left: 20px !important;}
.pa_label {display:block; position:absolute !important; left:0px; top:50%; transform:translateY(-50%);}
.radio_group li {color: #333;}


.mbg{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); opacity:.5; z-index:6;}
body.ovf_hdn, .ovf_hdn{ overflow:hidden; height:100%;}

#wrap{ position:relative; width:100%; min-width: 1200px; margin:0 auto; overflow:hidden; padding: 0;}

#header{ position: fixed; top: 0; left: 0; width:100%; background-color: rgba(0,0,0,.35); z-index:5; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }
#header .inner{ position: relative; max-width: 1300px; margin: 0 auto; padding-left: 320px; z-index: 2;}
#header .inner::after{ content: ''; display: block; clear: both;}
#header  h1.logo{ position: absolute; top: 84px; left: 52px; width: 228px; margin-top: -35px; z-index: 200;}
#header  h1.logo a{ display: block; height: 60px; text-indent: -9999px; background: url(../images/header_logo_white.png) 50% 50% no-repeat;}
#header .header-top{ position: relative; height: 40px; background-color: #18745c;}
#header .header-top .inbx{ /*max-width: 1200px;*/ margin: 0 auto; text-align: right;margin-right: 138px;}
#header .header-top .hd-sch{ position: relative; display: inline-block; vertical-align: middle; width: 280px; padding: 0 0 0 40px; }
#header #search, #header #search::placeholder {color:#fff; font-weight:300;}
#header .header-top .hd-sch .ky{ display: block; height: 39px; line-height: 39px; width: 100%; font-size: 12px; border: none; background-color: transparent;}
#header .header-top .hd-sch .sch{ position: absolute; top: 0; right: 16px; width: 40px; height: 40px; background: url(../images/ic_sch.png) 100% 45% no-repeat; text-indent: -9999px; text-align: left;}
#header .header-top .utill{ display: inline-block;padding: 8px 0;}
#header .header-top .utill a{ position: relative; display: inline-block; font-size: 13px; color: #fff;}
#header .header-top .utill a + a{ margin-left: 15px; padding-left: 15px;}
#header .header-top .utill a + a::afterbefore{ content:''; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 10px; background-color: #fff; margin-top: -5px;}

#header .header-top .sso_login{float: right;display: inline-block;vertical-align: middle;width: 160px;height:40px;margin:0 0 0 40px;padding:10px 0;background-color:#00ac5c;font-size:14px;text-align:center;
position: relative;}
#header .header-top .sso_login a {color:#fff;padding-left: 20px;font-size: 14px;}
#header .header-top .sso_login a:after {content: ''; display: block; width: 20px; height: 20px; position: absolute; top: 9px; left: 20px; background: url('../images/sso_logo_w.png');}

#header .header-top .notion{float: right;display: inline-block;vertical-align: middle;width: 180px;height:40px;padding:10px 0;background-color:#004c38;font-size:14px;text-align:center;
position: relative;}
#header .header-top .notion a {color:#fff; padding-left: 20px;font-size: 14px;}
#header .header-top .notion a:after {content: ''; display: block; width: 20px; height: 20px; position: absolute; top: 9px; left: 20px; background: url('../images/notion_logo_w.png');}

#header .lang{ position: absolute; top: 26px; right: 0; width: 80px; font-size: 13px;}
#header .lang .bt{ position: relative; display: block; border: rgba(255,255,255,.5) 1px solid; border-radius: 15px; height: 30px; line-height: 30px; color: #fff; text-align: center;}
#header .lang .bt::after{ content: ''; display: inline-block; border-top: #fff 4px solid; border-left: transparent 4px solid; border-right: transparent 4px solid; margin-left: 10px; vertical-align: 2px;}
#header .lang .bt.on::after{ transform: rotate(180deg);}
#header .lang > div{ position: absolute; top: 30px; left: 0; width: 100%; padding-top: 2px; display: none;}
#header .lang > div ul{position: relative; border: #626161 1px solid; border-radius: 10px; text-align: center; padding: 10px; background-color: #fff; overflow: hidden;}
#header .lang > div ul::before{ content: ''; display: block; position: absolute; bottom: 0; left: 0; background-color: #e9a420; height: 3px; width: 100%; }
#header .lang > div ul > li{ text-align: center;}
#header .lang > div ul > li + li{ margin-top: 5px;}
#header .lang > div ul > li > a{ display: block; text-align: center; color: #2d2e30;}
#header .lang > div ul > li > a:hover{ color: #ee7d18;}
#header .bt-mn{ width: 40px; height: 22px; position: absolute; top: 70px; right: 34px; z-index: 2;background: url("../images/header_menu_icon_white.png") no-repeat;}
#header .bt-mn i{ position: absolute; display: block; height: 2px; width: 20px; background-color: #333; top: 30px; left: 50%; margin-left: -10px;}
#header .bt-mn i:nth-child(2){ top: 9px;}
#header .bt-mn i:nth-child(3){ top: 16px;}
#header .bt-sch{ display: none; position: absolute; top: 15px; right: calc(4.5vw + 34px); width: 20px; height: 20px; background: url(../images/ic_sch.png) 50% 50% no-repeat; background-size: 17px; text-indent: -9999px; z-index: 2;}
#header #gnb-wrap{ clear: both; position: relative;float: right;}
#gnb::after{ content:''; display: block; clear: both;}
#gnb > li{ position: relative; float: left;}
#gnb > li > a{ position: relative; display: block; height: 85px; line-height: 85px; text-align: center; padding: 0 60px; font-size: 20px; color: #fff; letter-spacing: -.05em;}
#gnb > li:nth-child(2) > a{padding: 0 70px;}
/*#gnb > li.gnb1 > a{ padding: 0 50px;}
#gnb > li.gnb2 > a{ padding: 0 40px;}
#gnb > li.gnb3 > a{ padding: 0 50px;}
#gnb > li.gnb4 > a{ padding: 0 30px;}
#gnb > li.gnb5 > a{ padding: 0 30px;}*/
#gnb > li .subDepth{ display: none; position: absolute; top: 85px; left: 0; width: 100%; padding: 16px 0; background-color: #f9f9f9; border: 1px #e0e0e0 solid;}
#gnb > li .subDepth > li > a{ display: block; padding: 5px 0; letter-spacing: -.08em; line-height:1.7; text-align: center; color:#050503;font-weight:100;}
#gnb > li:hover > a{ color: #1dd0f7; background-color: #1d9e5c;}
#gnb > li:hover > .subDepth > li > a{ color: #212020;}
#gnb > li:hover > .subDepth > li > a:hover{ color: #18745c;}
#gnb > li::after{ content: ''; position: absolute; top: 66px; left: 50%; display: block; background-color: #fff; width: 0; opacity: 0; height: 2px; -webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out; transition:all 0.1s ease-in-out;}
#gnb > li:hover::before{ opacity: 1; width: 100%; margin-left: -50%;}
#gnb > li:hover::after{ width: 50%; left:50%; transform:translateX(-50%); opacity: 1;}

.fixed #header,
#header.on{ background-color: #fff; border-bottom: #e1e1e1 1px solid;}
.fixed #header  h1.logo a,
#header.on  h1.logo a{ background: url(../images/header_logo.png) 50% 50% no-repeat;}

.fixed #header .bt-mn,
#header.on .bt-mn{ background: url(../images/header_menu_icon.png)  no-repeat;}

#header .bt_lang{font-family: 'Noto Sans KR', '돋움', 'Dotum', Apple Gothic, Tahoma, Verdana, sans-serif; position: absolute;right: 140px;  top: 63px; padding:0;
width:80px; height:30px; line-height:30px; background:transparent; border: 1px solid rgba(255,255,255,0.6); font-size:13px; color:#fff; padding-left:20px;}

.fixed #header .bt-sch,
#header.on .bt-sch{ position: absolute; top: 50%; width: 40px; height: 40px; margin-top: -20px; text-indent: -99999px; text-align: left; background: url(../images/ic_sch_black.png) 50% 50% no-repeat;}






/*총 게시글 수*/
a.txt_red {color: #37b776;}
.page_num p:nth-child(1){position:relative;}
.page_num p:nth-child(1) > a.txt_red:before{content: ''; display: block; width: 1px; height: 15px; top:4px;position: absolute; background-color: #ccc;right:-10px; }
.page_num p {display: inline-block;}
.page_num p + p {margin-left: 20px; margin-bottom: 10px;}
/*총 게시글 수 끝*/



/* language */
.language{
        position: absolute;
    top: 66px;
    width: 80px;
    line-height: 30px;
    height: 30px;
    box-sizing: border-box;
    border: 1px solid rgba(255,255,255,0.6);
    font-size: 13px;
    right: 140px;
	
}
.language ul{
    width: 102%; 
} 
.language button{
   display: block;
    width: 100%;
    height: 100%;
    border: none;
    box-sizing: border-box;
    background-color: transparent;
    padding-left:22px;
}
.language .text{ 
    float: left; color: #fff; font-size: 12px;
}
.language .icon img{ width:12px; height:12px; margin-top: 3px;
}
.language ul{
    display: none;
    width: 80px;
    height: 62px;
    box-sizing: border-box;
    background-color: #ededed;
    margin-top: 1px;
    position: relative;
    right: 1px; text-align:center;
	border-bottom:4px solid #009e4e;
}

.language a{ font-size: 12px; }
.language a.active{color:#009e4e;}
.language .icon img.active{ transform: rotate(180deg); }




.fixed #header .lang .bt,
#header.on .lang .bt{ background-color: #fff; color: #0e0d0d; border-color: #0e0d0d; }
.fixed #header .lang .bt::after,
#header.on .lang .bt::after{ border-top-color: #0e0d0d;}
.fixed #header .header-top .lang a.active,
#header.on .header-top .lang a.active{ color: #00baed;}
.fixed #header #gnb > li > a,
#header.on #gnb > li > a{ color: #0f0f0f;}
.fixed #header #gnb > li:hover > a,
#header.on #gnb > li:hover > a{ color: #fff;}

#container{ position: relative; z-index: 1; background-color: #fff; }

#quick{ display:none; position: absolute; top: 876px; right: 0; z-index: 5; background-color: #fff; width: 90px; }
.main #quick{ top: 938px;}
#quick.fixed{ position: fixed; top: 140px;}
#quick .top{ display: block; text-align: center; background-color: #e9a420; color: #fff; font-size: 12px; text-transform: uppercase; padding: 10px 0 5px;}
#quick .top::before{ content: ''; display: block; width: .6rem; height: .6rem; border-top: #fff 2px solid; border-right: #fff 2px solid; transform: rotate(-45deg); margin: 0 auto 0;}
#quick ul{ border: #cccaca 1px solid; border-top: none;}
#quick ul > li{ padding: 0 10px;}
#quick ul > li > a{ display: block; text-align: center; font-size: 14px; color: #444; padding: 14px 0;}
#quick ul > li > a i{ display: block; text-align: center; margin-bottom: 5px;}
#quick ul > li + li a{ border-top: #cccaca 1px solid;}

#footer{ background-color: #6f6f6f; padding: 30px 0 0; font-size: 13px;}
#footer .footer-wrap{ position: relative; max-width: 1000px; margin: 0 auto; padding-bottom: 30px; padding-left: 350px;}
#footer .footer-wrap .logo{ position: absolute; top: 10px; left: 0; }
#footer .footer-wrap address{ color: #fff; line-height: 1.8; font-size: 13px; text-align: left;}
#footer .footer-wrap address span{ display: inline-block; position:relative; font-weight:400; }
#footer .footer-wrap address span + span{ margin-left: 1rem;}
#footer .footer-wrap address p + p{ margin-top: 5px;}
#footer .footer-wrap .footer-link{ text-align: center; margin-top: 10px;}
#footer .footer-wrap .footer-link a{ display: inline-block; color: #fff; padding-left: 10px; position: relative; font-weight: 200;}
#footer .footer-wrap .footer-link a + a{ position: relative; margin-left: 9px;}
#footer .footer-wrap .footer-link a + a::before{ content: ''; display: block; width: 1px; height: 10px; position: absolute; top: 50%; left: 0; margin-top: -5px; background-color: #89a6bc;}
#footer .copy{ font-size: 13px; color: #fff; background-color: #43596e; border-top: #4e6780 1px solid; padding: 15px 0 35px; text-align: center;}
#footer .copy b{ color: #65b5f6; font-weight: 400;}

#footer .footer-wrap address span:after {position:absolute;display:block;content:'';top:6px;right:-10px; width:1px; height:12px; background:#ccc;}
#footer .footer-wrap address span.none:after{display:none;} 
#footer * {font-size:13px; color:#fff;}

#siteFunctions{ position: fixed; top: 0; right: -100%; width: 100%; padding-left: 110px; z-index: 9;}
#siteFunctions .inner{ background-color: #fff; height: 100vh; width: 100%; overflow-y: auto; padding: 0 4.5vw;}
#siteFunctions .inner .hd{ position: relative; padding: 2rem 0 0 0; border-bottom: #333 1px solid; height: 5rem;}
#siteFunctions .inner .hd .lang a{ position: relative; display: inline-block;}
#siteFunctions .inner .hd .lang a + a{ margin-left: .6rem; padding-left: 1rem;}
#siteFunctions .inner .hd .lang a + a::before{ content: ''; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 10px; margin-top: -5px; background-color: #ddd;}
#siteFunctions .inner .hd .lang a.active{ color: #069cc6;}
#siteFunctions .inner .hd .bt-close{ width: 4rem; height: 4rem; display: block; position: absolute; top: 50%; right: 1.5vw; margin-top: -2rem; overflow: hidden;}
#siteFunctions .inner .hd .bt-close span{ position: absolute; top: -9999px; left: -9999px;}
#siteFunctions .inner .hd .bt-close::before{ content: ''; display: block; width: 2rem; height: 1px; background-color: #333; position: absolute; top: 50%; left: 50%; margin: 0 0 0 -1rem; transform: rotate(45deg);}
#siteFunctions .inner .hd .bt-close::after{ content: ''; display: block; width: 2rem; height: 1px; background-color: #333; position: absolute; top: 50%; left: 50%; margin: 0 0 0 -1rem; transform: rotate(-45deg);}
.mobMenu{ padding: 2rem 0 0 0;}
.mobMenu > li > a{ position: relative; display: block; font-size: 1.6rem; padding: .8rem 0 .6rem; border-bottom: #e1e1e1 1px solid; font-weight: 600; }
.mobMenu > li > a::after{ content: ''; display: block; width: .8rem; height: .8rem; border-top: #7f7f7f 2px solid; border-right: #7f7f7f 2px solid; position: absolute; top: 50%; right: 4.5vw; margin-top: -.4rem; transform: rotate(135deg); -webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out; transition:all 0.1s ease-in-out;}
.mobMenu > li.active > a{ color: #37b776;}
.mobMenu > li.active > a::after{ transform: rotate(-45deg);}
.mobMenu > li > ul{ padding: 1rem 0 2rem;}
.mobMenu > li > ul > li > a{ display: block; font-size: 1.4rem; padding: .4rem 2rem;}
/*utill*/
#siteFunctions .inner .hd .utill a{ position: relative; display: inline-block;}
#siteFunctions .inner .hd .utill a + a{ margin-left: .6rem; padding-left: 1rem;}
#siteFunctions .inner .hd .utill a + a::before{ content: ''; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 10px; margin-top: -5px; background-color: #ddd;}
#siteFunctions .inner .hd .link_box {display:inline-block;}
#siteFunctions .inner .hd a{padding:16px;}

#siteFunctions .inner .hd a.notion_mob{position: relative;padding-left: 30px;}
#siteFunctions .inner .hd a.notion_mob:after{content: ''; display: block; width: 20px; height: 20px; position: absolute; top: 15px; left: 0; background: url('../images/notion_logo.png');}
#siteFunctions .inner .hd  .join_us{position:relative;}
#siteFunctions .inner .hd  .join_us:after{ content: ''; display: block; width: 1px; height: 20px; position: absolute; top: 50%; transform: translateY(-50%);left:0; background:#000;}

.sub-vis{width:101%; height:490px; overflow:hidden;background:#000;}
.sub-vis01{width:100%; height:490px; background:url("../images/sub_vis01.jpg")no-repeat center top 40px; animation: ZoomIn 1.5s ease-in-out; }
.sub-vis02{width:100%; height:490px; background:url("../images/sub_vis03.jpg")no-repeat center top 40px; animation: ZoomIn 1.5s ease-in-out; }
.sub-vis03{width:100%; height:490px; background:url("../images/sub_vis02.jpg")no-repeat center top 40px; animation: ZoomIn 1.5s ease-in-out; }
.sub-vis04{width:100%; height:490px; background:url("../images/sub_vis04.jpg")no-repeat center top 40px; animation: ZoomIn 1.5s ease-in-out; }

.vis-inner{max-width:1300px; margin: 0 auto;  position:relative; top:210px;animation: fadeInUp 1.5s ease-in-out; }
.vis-inner .tit{color:#fff; font-size:63px; }
.vis-inner p{color:#fff; font-size:24px;}



@keyframes ZoomIn {
  from {
    opacity: 0;
	
  }

  to {
    opacity: 1;
	
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.locationBar{ position: absolute; width: 1010px; height:80px; z-index: 3;background-color: #fff; border-top:1px solid #dcdcdc; -webkit-transition: all 
0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s 
ease-in-out; right:0;top: 410px;}
.fixed .locationBar{ position: fixed; top:125px; right: 0; border-bottom:1px solid #dcdcdc; }
.fixed .locationBar .loc-h a{border-bottom:1px solid #dcdcdc; border-left: 1px solid #dcdcdc;} 
.locationBar .inner{ max-width: 1440px; margin: 0 auto; }


.locationBar:before{display:none; position:absolute; width:1920px; left:-90%; top:0; background: #fff; height:79px; content:'';border-bottom:1px solid #dcdcdc;z-index:-1;}
.fixed .locationBar:before{display:block;}



.locationBar::after{ content: ''; display: block; clear: both;}
.locationBar .loc-h{ float: left; }
.locationBar .loc-h a{ display: block; font-weight: 600; width: 80px; height: 79px;background:#fff url("../images/location_home_icon.png") 50% 50% no-repeat; text-indent: -9999px;  border-top: 0;}
.locationBar .location{ position: relative; float: left; width: 310px;}
.locationBar .location .bt{ position: relative; display: block; padding: 0 40px; white-space: nowrap; color: #333; font-weight: 400;  font-size: 18px; width: 100%; height: 80px; line-height: 80px; white-space: nowrap;}
.locationBar .location .bt::after{ content: ''; position: absolute; top: 50%; right: 27px; margin-top: -10px; 
display: block; width: 20px; height: 20px; background: url("../images/location_arrow_icon.png") no-repeat center; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }
.locationBar .location.depth2 .bt::after {background: url("../images/location_arrow_icon.png") no-repeat center;  }
.locationBar .location.active .bt::after{ transform: rotate(180deg);} 
.locationBar .location ul{display:none; position: absolute;top: 0;left: -1px; width: 100%;padding: 10px 0 20px;font-weight: 500;background-color: #fff;border: #dcdcdc 1px solid;border-top: none;padding-top: 70px;z-index: -1;}
.locationBar .location ul li {padding: 4px 0;}
.locationBar .location ul li a{ display: block; padding: 5px 0 5px 40px; color: #828080; }
.locationBar .location ul li a:hover{ color: #0b0c0c; }
.location.depth1 ul{left:0;}


.location.depth1{position:relative;}
.location.depth1:before,
.location.depth1:after{content: '';position: absolute; background-color: #e0e0e0; height: 44px; top: 50%; transform: translateY(-50%); width: 1px; display: block; z-index: -1;}

.location.depth1:before{left:0;}
.location.depth1:after{right:0;}

table.contact {width: 100%; margin-top: 1.5em; border-top: 2px solid #000; border-collapse: separate;}
table.contact caption.screen_hide {display: block; width: 1px; height: 1px; overflow: hidden; position: absolute; top: -1000em; left: 0;}
table.contact tbody tr .ty1 {background: #f5f5f5; color: #333; font-weight: 400;}
table.contact tbody tr th {padding:1em 0; border-bottom:1px solid #e0e0e0;}
table.contact tbody tr td {padding: 1em 0; border-bottom: 1px solid #d3d3d3; text-align: center;color:#515151;}
table.contact tbody tr td .line_c {float: left; display: inline-block; padding-left: 38%;}
.line_c.ty2 {background-position:0 -40px;}
.contents > a.btn {padding: 0 80px 0 40px; color: #1766a9; border: 1px solid #1766a9; background-color: #fff; position: relative; display: inline-block; text-align: left; margin-top:1rem;}
.contents >  a::after { content: ''; position: absolute; top: 50%; right: 50px; width: 24px; height: 24px; display: block; background: url(../images/ic_link_blue.png); margin-top: -11px;}

table.board-list { width:100%; table-layout: fixed;}
table.board-list th { background:#f5f5f5; padding:13px 0 13px; color:#262626; font-size: 1.05em; border:1px solid #cccccc; border-top:none; font-weight: normal}
table.board-list tr.on td { background:#f4f4f4;}
table.board-list td {border:1px solid #cccccc; border-top:none;  padding:12px 5px 12px; font-weight: 300; color: #333333; text-align: center; word-break: break-all; line-height: 140%;}
table.board-list td a {color:#333333;}
table.board-list td.subject { text-align:left; padding-left:20px; padding-right:10px;}
table.board-list td.subject a { color: #333333;}
table.board-list.tl th {text-align: left; padding-left: 15px;}
table.board-list.tl td {text-align: left; padding-left: 15px;}
table.board-list td img { vertical-align:middle;}
table.board-list td div.faq { background: url(img/common/icon_re.gif) no-repeat scroll left 1px; padding-left:45px; margin-left:12px; text-align:left;}
table.board-list td.subject .icon_file { background:url(img/common/icon_note.gif) no-repeat left center; padding-left:15px; line-height:14px;}
table.board-list td.subject .org {display: inline-block; background: #ffc240; text-align: center; border-radius: 30px; line-height: 15px; height: 16px; margin-left: 3px; color: #000 !important; font-size: 11px; min-width: 30px; vertical-align: middle;}
table.board-list td.bg {background-color:#f7f7f7;}
table.board-list td .ico {display: inline-block; border: 1px solid #003876; color: #fff; background: #003876; font-size: 0.95em; padding:0px 5px; min-width:40px; vertical-align: top; margin-right: 4px; text-align: center; height:22px; line-height:20px;}
table.board-list td .ico.small {font-size:0.9em; height:20px; line-height:18px; min-width:25px; background:#d83737; border:1px solid #d83737;}
table.board-list td .ico.small.gray {background:#9a9a9a; border:1px solid #9a9a9a;}
table.board-list td .ico.small.yellow {background:#ffc240; border:1px solid #ffc240;}
table.board-list td .ico.small.red {background:#fb3333; border:1px solid #fb3333; color:#fff !important;}
table.board-list.fn td {font-weight: 300}
table.board-list.dot_line {border-collapse:separate; border-top:2px solid #666666;}
table.board-list.dot_line thead th {font-size:15px; padding:20px 0; border:none; background:none;} 
table.board-list.dot_line thead tr {background:url(img/common/quick_line.gif) repeat-x left bottom #f2f2f2;} 
table.board-list.dot_line thead tr.bgc_no {background:url(img/common/quick_line.gif) repeat-x left bottom ;} 
table.board-list.dot_line td {border:none; border-top:1px solid #ececec; padding:20px 5px;}
table.board-list.dot_line td.subject {padding-left:20px;}
.total_table table.board-list.dot_line td {padding:35px 5px;}
table.board-list .notice td {background: #f2f2f2;}


table.data{ table-layout: fixed; width: 100%; border-top: #000 2px solid; border-right: #ccc 1px solid;}
table.data thead th{ text-align: center; padding: 20px 0; color: #333; font-size: 18px; font-weight: 400; background-color: #f0f0f0; border-bottom: #ccc 1px solid; border-left: #ccc 1px solid;}
table.data tbody th{ text-align: center; padding: 20px 0; color: #333; font-size: 18px; font-weight: 400; background-color: #f0f2f3; border-bottom: #ccc 1px solid; border-left: #ccc 1px solid;}
table.data tbody td{ text-align: center; padding: 30px 20px; border-bottom: #ccc 1px solid; border-left: #ccc 1px solid;}
table.data .gloAbo02w01{ width: 140px;}
table.data .gloAbo02w02{ width: 180px;}
table.data .gloAbo02w03{ width: 160px;}
table.data .gloAbo02w04{ width: 240px;}
table.data tbody td.flag-td{ text-align: left; padding-left: 20px;}
table.data tbody td.flag-td .flag{ margin-right: 1rem;}
table.data tbody td ul.ul-list01 > li + li{ margin-top: .4rem;}
table.data thead tr.bgWhite th{ background-color: #fff;}

table.write{ table-layout: fixed; width: 100%; border-top: #000 2px solid; }
table.write thead th{ text-align: center; padding: 15px 0; color: #333; font-size: 18px; font-weight: 400; background-color: #f0f2f3; border-bottom: #ccc 1px solid; }
table.write tbody th{ text-align: left; padding: 15px 0 15px 30px; color: #333; font-weight: 600; background-color: #f0f2f3; border-bottom: #ccc 1px solid; border-left: #ccc 1px solid;}
table.write tbody td{ text-align: left; padding: 15px; border-bottom: #ccc 1px solid; border-left: #ccc 1px solid;}
table.write tbody th:first-child{ border-left: none;}
table.write .edu01-1{ width: 160px;}
table.write .edu01-3{ width: 160px;}

table.list{ table-layout: fixed; width: 100%; border-top: #000 2px solid; }
table.list thead th{ background-color: #f0f0f0; padding: 20px 0; text-align: center; color: #333; font-weight: 600; border-bottom: #ccc 1px solid; }
table.list thead th:first-child{ border-left: none;}
table.list tbody td{ text-align: center; padding: 18px 10px; border:none; border-bottom: #ccc 1px solid;  }
table.list tbody td:first-child{ border-left: none;}
table.list tbody td:nth-child(4),
table.list tbody td:last-child{font-size: 15px;}
table.list .subject{ text-align: left;}
table.list tbody tr:hover{ background-color:#f7f7f7;}
table.list tbody tr:nth-child(even){ background-color:#fefefe;}
table.list .noti-c01{ width: 120px;}
table.list .noti-c03{ width: 160px;}
table.list .noti-c04{ width: 140px;}
table.list .noti-c05{ width: 140px;}
table.list .edu01-1{ width: 65px;}
table.list .edu01-3{ width: 140px;}
table.list .edu01-4{ width: 120px;}
table.list .edu01-5{ width: 120px;}
table.list .edu01-6{ width: 100px;}
table.list .edu01-7{ width: 100px;}
table.list .edu01-8{ width: 120px;}
table.list .edu01-9{ width: 100px;}
table.list .edu01v-1{ width: 80px;}
table.list .edu01v-3{ width: 120px;}
table.list .edu01v-4{ width: 120px;}
table.list .edu01v-5{ width: 100px;}
table.list .edu01v-6{ width: 120px;}


/* 뷰페이지 */
.board-view_top {border-top:1px solid #d9d9d9}
.board-view { width: 100%; table-layout: fixed; }
.view_tit {padding: 20px 10px 20px 10px; background: #f0f1f5; text-align: center;}
.click_count {padding: 10px 0px; text-align: right;}
.board-view th {background:#f4f5f8; border-bottom:1px solid #d9d9d9; padding:14px 5px 14px 20px; text-align:left; font-weight: 300; color:#262626;}
.board-view th.subject {background:#eeeeee; border-bottom:1px solid #cccccc; font-size: 1.05em;}
.board-view th.subject .s_txt {font-weight: 400; font-size: 0.95em;}
.board-view td .price {display:block; overflow:hidden; font-weight:500; color:#e3394b; line-height:20px; background: url(../img/common/ico_price.png) no-repeat left top; font-size: 1.4em; padding:6px 0px 7px 40px;}
.board-view td {border-bottom:1px solid #d9d9d9; padding:14px 10px 14px 20px; min-height:27px;  text-align: left; color: #646464;}
.board-view td.tc { text-align:center; padding:12px 0 11px 0px;}
.board-view td.view_td {padding:30px 20px; border-bottom:1px solid #ededed; word-break:break-all;}
.board-view td.write_td {padding:20px 0px;}
.board-view td.evt_view_td { padding:30px 0px; border-bottom:1px solid #a1a1a1;}
.pop_wrap .board-view td {padding: 10px 18px 10px 18px;}
.board-view td a.file {color:#646464; display:inline-block; line-height: 19px; vertical-align: middle; padding-left:28px; background:url(img/ico/ico_file.gif) no-repeat left center; margin-right: 5px;}
.board-view td img {max-width: 100% !important; width: auto !important; height: auto !important}
.board-view th.cont {padding: 60px 0 64px 20px;}
.board-view .reply td { background:#f2f4f7; padding:30px 20px; word-break: break-all}
.board-view .reply td .faq span { display:block; height:27px; padding-left:44px; background:url(../img/common/icon_re2.gif) no-repeat left 3px; color:#b50047;}
.board-view .ico_reW {padding: 0px 0px 5px 0px;}
.board-view .ico_reW .ico_re {display: inline-block; border-radius:3px; background:#ff5546 !important; font-size:0.9em; font-weight: 300;  color: #fff; padding: 0px 5px; line-height: 160%; vertical-align: top;}
.board-view .reply td .faq p { padding-left:16px;}
.board-view th.last, .board-view tr.last th, .board-view tr.last td { border-bottom: 1px solid #ACACAC;}
.board-view th.last, .board-view tr.last th, .board-view tr.last td { border-bottom: 1px solid #ACACAC;}
.board-view td.event { padding:20px; text-align:center;}
.board-view th.bg {background: #f4f5f8}

.board-write {width:100%; border-bottom:1px solid #d9d9d9; font-size: 0.95em;}
.board-write tr:first-child th { border-top:none;}
.board-write tr:first-child td { border-top:none;}
.board-write th { background:#f5f5f5; border-top:1px solid #d9d9d9; padding:10px 5px 10px 20px; text-align:left; color:#2d2d2d; font-weight: normal}
.board-write th span {color:#82308e; padding-right:2px;}
.board-write.th_tc th {padding:13px 0 12px 0px; text-align:center;}
.board-write.th_tc th span {margin-left:-15px;}
.board-write td {border-top:1px solid #d9d9d9; height:36px; word-break: break-all; font-weight: 300; line-height:20px; padding:15px 10px;}
.board-write td.tc {text-align:center;  padding:12px 0 11px 0px;}
.board-write td.file a { color:#737070; display:inline-block; padding-left:22px; background:url(img/ico/add_file.gif) no-repeat left center;}
.board-write .input {min-height: 40px; line-height: 40px; width: 100%;}


.code_area {position: relative; padding-left: 100px; box-sizing: border-box; background: #000;}
.code_area input {width: 100%; border-left: 0px; padding-left: 10px;}
.code_area .code {position: absolute; width: 100px; left: 0px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); color:#fff; text-align: center; display: table;}
.bt_include {position: relative; padding-right: 100px; box-sizing: border-box;}
.bt_include .add_bt {position: absolute; right: 0px; top: 0px;}
.bt_include select {width: 100%; max-width: 100%;}
.bt_include2 {padding-right:65px; margin: 0 auto;}





#file_add li.pt5, #option_add li.pt5, #file_add_img li.pt5 { position: relative; }
.file_upload { position:relative;}
.file_upload label {cursor:pointer; display:inline-block; overflow:hidden; padding: 0px 22px; height: 40px; line-height: 39px; background:#757a85; color: #fff;}
.file_upload label input {position:absolute; width:0; height:0; overflow:hidden; padding:0px; border:none;}
.file_upload > input {color:#737070; font-size:1em; background-color: #ffffff; border: solid 1px #ccc; width:100%;  box-sizing:border-box; -moz-box-size:border-box; min-height: 40px; line-height: 38px;}
.file_area {margin-top: 10px; width: 100%;}
.file_area > li {overflow:hidden; padding: 5px 35px 5px 5px; background:#f9f9f9; border-bottom:1px solid #ddd; position: relative;}
.file_area > li:first-child {border-top:1px solid #ddd;}
.file_area > li > span {display:block; vertical-align: middle; word-break: break-all;  width: 50%; float: left; box-sizing: border-box; padding: 0px 5px;}
.file_area > li > span.name {color:#337ab7; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.file_area > li .del {position: absolute; right: 5px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); border: 1px solid #ccc; border-radius:3px; background: #fff; height: 20px; line-height: 18px; min-width: 30px; text-align: center; color: #000;}
.file_area.img > li {display:inline-block; padding:5px; border:none;}
.file_area.img > li .pic {display:block; border:1px solid #ccc; padding:3px;}
.file_area.img > li > span {display:block; max-width:100px; float:none; width:100%;}
.file_area.img > li .del {position:relative; display:block; right:auto; top:auto; margin-top:5px; transform:none; -webkit-transform:none;}



div.paging{ text-align:center; padding:0; margin:35px 0 0 0; position:relative; clear:both;}
div.paging a,
div.paging strong{ position: relative; display:inline-block; height:50px !important; width:50px; line-height:50px; font-size: 18px; color:#999; text-align:center; vertical-align:middle; border: transparent 1px solid; overflow: hidden; padding: 0;}
div.paging a:hover{ background-color: #fff; border: #0e6ca7 1px solid;}
div.paging .on{ color: #0e6ca7; border: #0e6ca7 1px solid; background:none;}
div.paging .direction{ position:relative; width: 50px; margin: 0 2px; background-color: #fff; border: #0e6ca7 1px solid;}
div.paging .direction > span{ position:absolute; top:-9999px; left:-9999px;}
div.paging .direction.prev{ margin-right: 20px;}
div.paging .direction.next{ margin-left: 20px;}
div.paging .direction.first:before{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 0px; width:10px; height:10px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(45deg);transform:rotate(45deg); }
div.paging .direction.first:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:10px; height:10px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(45deg);transform:rotate(45deg); }
div.paging .direction.prev:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:10px; height:10px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(45deg);transform:rotate(45deg); }
div.paging .direction.next:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:10px; height:10px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
div.paging .direction.last:before{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -8px; width:10px; height:10px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
div.paging .direction.last:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:10px; height:10px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg); }



/* 관리자 > 페이징 */

.paging {overflow:hidden; text-align:center; margin:36px 0px 25px 0px; width:100%; font-weight: 500; font-size: 0px;}
.paging img {vertical-align:top;}
.paging a {color:#737070; vertical-align: middle; display:inline-block; zoom:1; line-height:26px; *display:inline; width:28px; height:28px; border:1px solid #d1d1d1; font-size:14px; margin: 0px 3px; padding: 8px;}

.paging a.first, .paging a.last {width:28px; height: 28px;}
.paging a.next {width: 28px; height:28px; margin-left: 10px;}
.paging a.prev {width: 28px; height:28px; margin-right:10px;}
.paging a.on {color:#fff; background:#003876; border:1px solid #003876;}

/*front 페이징 */
div.paging2{ text-align:center; padding:0; margin:35px 0 0 0; position:relative; clear:both;}
div.paging2 a,
div.paging2 strong{ position: relative; display:inline-block; height:40px; width:40px; line-height:36px; font-size: 18px; color:#999; text-align:center; vertical-align:middle; border: transparent 1px solid; overflow: hidden; padding: 0;}
div.paging2 a:hover{ background-color: #fff; border: #009e4e 1px solid;}
div.paging2 .on{ color: #009e4e; border: #009e4e 2px solid;}
div.paging2 .direction{ position:relative; width: 40px; margin: 0 2px; background-color: #fff; border: #666 1px solid;}
div.paging2 .direction > span{ position:absolute; top:-9999px; left:-9999px;}
div.paging2 .direction.prev{ margin-right: 20px;}
div.paging2 .direction.next{ margin-left: 20px;}
div.paging2 .direction.first:before{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 0px; width:10px; height:10px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(45deg);transform:rotate(45deg); }
div.paging2 .direction.first:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:10px; height:10px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(45deg);transform:rotate(45deg); }
div.paging2 .direction.prev:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:10px; height:10px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(45deg);transform:rotate(45deg); }
div.paging2 .direction.next:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:10px; height:10px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
div.paging2 .direction.last:before{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -8px; width:10px; height:10px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
div.paging2 .direction.last:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:10px; height:10px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg); }


.tbl-view{ border-top: #000 2px solid;}
.tbl-view .hd{ position: relative; padding: 30px 230px 30px 30px; border-bottom: #ccc 1px solid;}
.tbl-view .hd .tit{ display: block; color: #333; font-size: 25px; font-weight: 400; line-height: 1.2;}
.tbl-view .hd .btShare{ position: absolute; top: 50%; right: 30px; width: 40px; height: 40px; margin-top: -20px; text-indent: -9999px; background: url(../images/ic_share.png) 50% 50% no-repeat; text-indent: -9999px;}
.tbl-view .hd .date{ position: absolute; top: 50%; right: 100px; margin-top: -.5rem; display: inline-block; padding: 0 25px 0 0; border-right: #666 1px solid;}
.tbl-view .bd{ padding: 50px; border-bottom: #ccc 1px solid;}

.tbl-view .hd .click {position: absolute;right: 0px;top: 50%;transform: translateY(-50%);width: auto;line-height: 50px;text-align: left;padding-right: 20px;font-size: 16px;color: #666;font-weight: 300;}
.tbl-view .hd .click span {font-weight: 600; color: #18745c; font-style: italic; margin-right: 10px;}
.tbl-view .write_date {padding: 0 30px; font-size: 16px; color: #666; font-weight: 300; text-align: right; position: absolute; right: 90px; top: 50%; transform: translateY(-50%);}

table.view{ width: 100%;}
table.view th{ border-bottom: #e5e5e5 1px solid; padding: 20px; background-color: #f0f0f0; font-weight: 600; color: #333;}
table.view td{ border-bottom: #e5e5e5 1px solid; padding: 20px;font-size: 16px;color: #666;font-weight: 300;}
table.view td i img {margin-left: 10px;}

.viewBottomList{border-top:1px solid #ccc; margin-top:60px;}
.viewBottomList ul{ display:block; width:100%; border-bottom: #ccc 1px solid;}
.viewBottomList ul li:hover{ background-color: #f5f5f5;}
.viewBottomList .viewBottomPrev{display:block; padding:0 10px 0 120px; height:56px; line-height:60px; position:relative; border-bottom:#ccc 1px solid;}
.viewBottomList .viewBottomNext{display:block; padding:0 10px 0 120px; height:56px; line-height:60px; position:relative; }
.viewBottomList .orderPrev{ vertical-align:middle; position:absolute; top:0; left:0; width:120px; line-height:56px; padding-left: 55px; color:#333; font-weight: 600; }
.viewBottomList .orderNext{ vertical-align:middle; position:absolute; top:0; left:0; width:120px; line-height:56px; padding-left: 55px; color:#333; font-weight: 600; }
.viewBottomList .orderPrev::before{ content: ''; position: absolute; top: 50%; left: 22px; display: block; width: 8px; height: 8px; border-top:#787878 1px solid; border-left: #787878 1px solid; transform: rotate(45deg);}
.viewBottomList .orderNext::before{ content: ''; position: absolute; top: 50%; left: 22px; display: block; width: 8px; height: 8px; border-top:#787878 1px solid; border-left: #787878 1px solid; transform: rotate(-135deg); margin-top: -4px;}
.viewBottomList a{ color:#666; text-overflow:ellipsis; overflow:hidden; display:block; white-space:nowrap; height:60px; line-height:60px; font-size: 14px;}
.viewBottomList .viewBottomPrev:hover a,
.viewBottomList .viewBottomNext:hover a{ text-decoration:underline;}

ul.ul-list01{ position: relative; }
ul.ul-list01 > li{ text-indent: -10px; padding-left: 10px; line-height: 1.8;}
ul.ul-list01 > li::before{ content: ''; display: inline-block; width: 5px; height: 5px; background-color: #ccc; border-radius: 50%; vertical-align: 3px; margin-right: 5px;}
ul.ul-list01 > li + li{ margin-top: 10px;}
ul.ul-list01 > li b{ color: #333;}

.tx-exc{ margin-top: 5px; color: #ee4d5d; padding-left: 25px; position: relative;}
.tx-exc i{ display: inline-block; position: absolute; top: 5px; left: 0;}

.con-tab{ position: relative; text-align: center; margin-bottom: 80px;}
.con-tab .inBx{ display: table; width: 100%; table-layout: fixed; margin: 0;}
.con-tab .itm{ position: relative; display: table-cell;}
.con-tab .itm > a{ display: block; height: 50px; line-height: 50px; border: #c5c5c5 1px solid; border-top: #7b7a7a 1px solid; text-align: center;  background-color: #fff; font-size: 16px; color: #000; overflow: hidden;}
.con-tab .itm + .itm a{ border-left: none;}
.con-tab .itm.active > a{ background-color: #0e6ca7; border-color: #0e6ca7; color: #fff;}
.con-tab.nn2.inBx .itm{ width: 50%; }
.con-tab.nn3 .inBx .itm{ width: 33.3%; }
.con-tab.nn5 .inBx .itm{ width: 20%; }

.scroll-bx{ border: #ccc 1px solid; padding: 1rem; overflow-y: auto; height: 280px;}

/*
.sub-vis{ height: 520px; background-size: cover; padding: 270px 0 0 0;}
.sub01 .sub-vis{ background-image: url(../images/sub_bg01.jpg);}
.sub02 .sub-vis{ background-image: url(../images/sub_bg02.jpg);}
.sub03 .sub-vis{ background-image: url(../images/sub_bg03.jpg);}
.sub04 .sub-vis{ background-image: url(../images/sub_bg04.jpg);}
.sub05 .sub-vis{ background-image: url(../images/sub_bg05.jpg);}
.sub05 .sub-vis{ background-image: url(../images/sub_bg05.jpg);}
.sub-vis .vis-tit{ text-align: center;}
.sub-vis .vis-tit .tit{ font-size: 60px; color: #fff; font-weight: 600; display: inline-block; margin: 0 30px; vertical-align: middle; text-shadow: 0 0 10px rgba(0,0,0,.1);}
*/

.sub-tab{ margin: -60px 0 0 0; border-top: rgba(255,255,255,.4) 1px solid;}
.sub-tab .inBx{ width: 1200px; margin: 0 auto; text-align: center;}
.sub-tab .inBx .swiper-wrapper{ text-align: center; display: block;}
.sub-tab .inBx .itm{ display: inline-block; width: auto;}
.sub-tab .inBx .itm + .itm{ margin-left: 60px;}
.sub-tab .inBx .itm a{ position: relative; display: block; height: 60px; line-height: 60px; text-align: center; font-size: 18px; color: #fff;}
.sub-tab .inBx .itm a::after{ content: ''; display: block; position: absolute; top: -3px; left: 0; width: 100%; height: 4px; background-color: #00baed; opacity: 0;}
.sub-tab .inBx .itm.active a{ opacity: 1; font-weight:600;}
.sub-tab .inBx .itm.active a::after{ opacity: 1;}
.contents{ padding: 120px 0 180px; margin: 0 auto; max-width: 1300px; min-height:600px;}
h2.h2-tit{position:relative;font-size:40px; color:#000; width:100%; text-align:center; margin-bottom:120px;}
h2.h2-tit:after{content: '';display: block;margin: 25px auto 0;background-color: #009e4e;height: 3px;width: 100px;position: absolute;bottom: -18px; left: 50%;transform: translateX(-50%);}
h3.h3-tit{ width:fit-content; position:relative; color: #101010; font-size: 35px; margin: 0 0 30px 0; text-align:left; min-height:60px;}
/*h3.h3-tit:after{ content: '';display: block; background-color: #37b776;height: 10px;width: 10px; border-radius:10px;position: absolute; right:-12px; bottom:12px;}*/
p.sm_tit{font-size: 22px; font-weight: 500; width: fit-content;color: #000;  position: relative;left: 50%;transform: translateX(-50%);}
p.sm_tit::after{ content: '';display: block; background-color: #000;height: 2px;width: 100%;bottom: -20px; position: absolute;}
h4.h4-tit{ position: relative; margin: 80px 0 30px; font-size: 25px; color: #262525; font-weight: 600;}

h4.h4-tit.blt{padding-left: 15px;}

h4.h4-tit.blt::before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 8px; height: 8px; border-radius: 50%; background-color: #eb9e0a}
h4.h4-tit.blt2{padding-left: 45px; font-size: 20px;}
h4.h4-tit.blt2::before{ content: ''; display: block; position: absolute; top: 50%; left: 0; width: 30px; height: 30px; margin-top: -15px; background: url(../images/ic_h4.png) 50% 50% no-repeat;}
h4.h4-tit.blt3{padding-left: 14px; font-size: 28px;}
h4.h4-tit.blt3::before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 8px; height: 8px; border-radius: 50%; background-color: #eb9e0a}
h5.h5-tit{ font-size: 18px; color: #333; margin: 30px 0 15px;}
.sub-tx{ text-align: center; margin: 0 0 80px; color: #000; font-size: 17px;}
.sub-tx span{ display: block;}

.tit-area{ position: relative; margin: 80px 0 30px;}
.tit-area h4.h4-tit{ margin: 0; display: inline-block;}
.tit-area .right{ position: absolute; top: 0; right: 0;}



.pop-lay{ display: none; background-color: #fff; width: 1000px;}
.pop-lay .pop-tit{ position: relative; height: 70px; background-color: #0e6ca7; }
.pop-lay .close{ width: 4rem; height: 4rem; position: absolute; top: 50%; right: 0; margin-top: -2rem;}
.pop-lay .close::before{ content: ''; display: block; width: 2rem; height: 1px; background-color: #fff; position: absolute; top: 50%; left: 50%; margin: 0 0 0 -1rem; transform: rotate(45deg);}
.pop-lay .close::after{ content: ''; display: block; width: 2rem; height: 1px; background-color: #fff; position: absolute; top: 50%; left: 50%; margin: 0 0 0 -1rem; transform: rotate(-45deg);}
.pop-lay .pop-con{ padding: 30px 70px; height: 730px; overflow-y: auto;}

.prof-pop .itm{ width: 100%; display: table; margin: 0; padding: 0 0 30px 0; border-bottom: #000 1px solid;}
.prof-pop .itm::after{ content: ''; display: block; clear: both;}
.prof-pop .itm .thumb{ width: 200px; display: table-cell; vertical-align: top;}
.prof-pop .itm .thumb .photo img{ display: block; width: 200px; height: 200px; object-fit: cover; object-position: center;}
.prof-pop .itm .desc{ padding: 25px 30px 0 54px; display: table-cell; vertical-align: top;}
.prof-pop .itm .desc .tx01{ font-size: 18px; color: #333;}
.prof-pop .itm .desc .tx01 b{ display: inline-block; font-size: 22px;}
.prof-pop .itm .desc .tx02{ color: #333;}
.prof-pop .itm .desc ul{ margin-top: 20px; color: #333;}
.prof-pop .itm .desc ul > li{ position: relative; padding: 0 0 0 35px; letter-spacing: -.05m;}
.prof-pop .itm .desc ul > li i{ position: absolute; display: inline-block; top: 4px; left: 0;}
.prof-pop .itm .desc ul > li + li{ margin-top: 15px;}
.prof-pop .h4-tit{ margin-top: 30px; border-bottom: #ddd 1px solid; padding-bottom: 10px;}

.thumb-list.gallery{margin-bottom:60px;}
.thumb-list::after{ content: ''; display: block; clear: both;}
.thumb-list .item{ position: relative; width: calc((100% - 24px)/4); float: left; border: #ddd 1px solid;  margin-top: 30px; margin-right:8px;}
.thumb-list .item::before{ content: ''; border: #37b776 2px solid; position: absolute; width: calc(100% + 2px); left: -1px; top: -1px; bottom: -1px; display: block; opacity: 0;
-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.thumb-list a:nth-child(4n+0) .item{margin-right:0;}

.thumb-list .item:hover{ box-shadow: 10px 10px 10px rgba(0,0,0,.1);}
.thumb-list .item:hover::before{ opacity: 1;}
.thumb-list .item .thumb{ position: relative; z-index: -1;}
.thumb-list .item .thumb img { display: block;object-fit: cover;object-position: center; width: 100%;height: 215px;margin: 0 auto;}

.thumb-list .item .desc {position: relative;border-top: 1px solid #ddd;padding: 30px;}
.thumb-list .item .desc .subject { display: inline-block; height: auto; font-size: 20px; font-weight: 700; color: black; line-height: 1.4; overflow: hidden; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.thumb-list .item .desc .division {float: right; padding: 0 20px; color: #fff; min-width: 80px; text-align: center; border-radius: 20px; font-size: 14px;}
.thumb-list .item .desc .division.ing {background: #08add2;}
.thumb-list .item .desc .division.end{background:#f6a31c}
.thumb-list .item .desc .date {font-size: 15px; margin-top: 20px;}
.thumb-list .item .desc .name{ font-size: 22px; color: #222; margin-top: 35px; font-weight: 600; text-align: left; line-height: 30px;}
.thumb-list .item .desc .con_txt{margin: 20px 0 30px;  text-align: left; font-size: 16px; color: #222; line-height: 22px;}


.prof-dc > li{ display: table; width: 100%; table-layout: fixed;}
.prof-dc > li > *{ display: table-cell; }
.prof-dc > li > b{ color: #5a8fb0; width: 110px;}
.prof-dc > li + li{ margin-top: .5rem;}



 /* 게시글 검색 */
.bbs_search {text-align:center; padding:23px 10px; border:1px solid #e9e9e9; background:#f5f5f5; margin-bottom: 30px;}
.bbs_search_in { max-width:450px; margin:0 auto; position:relative; padding-right:45px; padding-left:125px;}
.bbs_search_in .btn_search { position:absolute; right:0px; top:0px;}
.bbs_search_in .select {position:absolute; left:0px; top:0px;}
.bbs_search_in #searchstr {width:100% !important;}
.bbs_search .select {border:1px solid #cccccc; vertical-align:middle; width:120px; background-color:#fff; height:40px; font-family: Noto Sans, dotum, gulim;}
.bbs_search .st_select {min-widht:100px; margin-right:0px; position:relative; display:inline-block; *display:inline; vertical-align:middle;}
.bbs_search .st_select p.pl10 {border:1px solid #cacccb; background:#f4f4f4;}
.bbs_search .select_input {height:38px; background:#f4f4f4; line-height:40px; font-family: Noto Sans, dotum, gulim; border:none; line-height:38px; width:100%; padding:0px; color:#737070}
.bbs_search .button-1 {border:none; width:100%; height:40px; position:absolute; left:0px; top:0px; padding:0px; font-size:0; background:url(../img/btn/button-1.png) no-repeat right center;}
.bbs_search .Select {position:absolute; width:100%; top:40px; left:0px; display:none }
.bbs_search .Select li {padding:5px 5px 5px 10px; min-height:20px; line-height:20px; border:1px solid #e2e2e2; border-top:none; background:#fff; cursor:pointer; text-align:left;}
.bbs_search .Select li:hover {background:#f7f7f7}
.bbs_search .input {border:1px solid #cccccc; color:#656565; line-height:38px; height:40px; font-family: Noto Sans, dotum, gulim; vertical-align:middle;}
.bbs_search .btn_search { display: inline-block; text-indent: -9999px; width: 40px; height: 40px; text-align: left; vertical-align: middle; background: #666 url(../../asset/images/ic_sch.png) 50% 50% no-repeat;}
.bbs_search_in.two_col {max-width:850px; padding-left:0px; overflow:hidden;}
.bbs_search_in.two_col .two_cell .pa {left: 0px; top:50%; font-size:15px; font-weight: 700; color: #000; line-height: 20px; margin-top: -10px; padding-left: 10px; background: url(../img/common/bul04.gif) no-repeat left center; }
.bbs_search_in.two_col .col-sm-2 .select_ds {float: left; width: 25%; box-sizing: border-box; padding-left: 5px; font-size:.8rem;}
.bbs_search_in.two_col .col-sm-2 .select_ds.searchinput {width:75%;}
.bbs_search_in.two_col .two_cell .col-sm-3 .select_ds {width:33.33%;}
.bbs_search_in .col-sm-2 .select {position: relative; width: 100%;}
.bbs_search_in.two_col .two_cell {width:50%; float:left;  box-sizing: border-box; position:relative;}
.bbs_search_in.two_col .cell01 {padding-right:0px; padding-left:0px; width:100%;}
.bbs_search_in.two_col .cell02 {padding-top:5px; width: 100%}
.bbs_search_in.three_col .two_cell {width:33.33%; padding-left:80px;}
.bbs_search_in.three_col .cell03 {padding-left:60px;}



.st_select_top .st_select p.pl10 {background:#f4f4f4;}
.st_select_top .select_input {background:#f4f4f4; font-family:Noto Sans;}



.st_select_top .st_select p.pl10 {background:#f4f4f4;}
.st_select_top .select_input {background:#f4f4f4;  *border:0px;}


/*atab*/
.atab { margin-bottom:40px; padding-top: 10px;}
.atab:after {clear:both; display:block; content:"";}
.atab li {float:left; width:20%; box-sizing:border-box; position:relative; display: table; }
.atab li a {display:table-cell; width: 100%; height:70px; vertical-align: middle; background:#fff; font-size:1.05em; line-height: 130%; padding:0px 0px; text-align:center; color:#000000; box-sizing:border-box; border:1px solid #cccccc; border-left: none; word-break: break-all}
.atab li:first-child a {border-left:1px solid #cccccc;}
.atab li.on a {font-weight: 500; border: 1px solid #003876 !important; background: #003876; color: #fff;}
.atab li.on a:after {display: block; content: ""; width: 20px; height: 20px; background: #fff; position: absolute; left:50%; bottom:-20px; transform: rotate(45deg) translateX(-50%);}

.atab.two li {width:50%;}
.atab.three li {width:33.33%;}
.atab.four li {width:25%;}
.atab.two_row > li {margin: -1px 0px 0px -1px}
.atab.two_row > li.on {margin-top:-1px;}
.atab.two_row > li.on a {height: 50px;}
.atab.two_row > li > a {border-left:1px solid #cccccc;}

.btab {padding-top: 10px; margin: 0 auto; margin-bottom: 40px; font-size: 0px; text-align: center}
.btab:after {clear:both; display:block; content:"";}
.btab li {display: inline-block; max-width:200px; box-sizing:border-box; position:relative;}
.btab li a {display:block; width: 100%; padding:10px 0px; text-align:center; border: 1px solid #dddddd; color:#333333; box-sizing:border-box; font-size: 15px;}
.btab li.on a {color: #fff; background: #000}

.btab.two li {width:50%;}


.of_hi .fl50 {float:left; width:48%;}
.of_hi .fr50 {float:right; width:48%;}
.graybox { background:#cccccc; padding:10px;}
.no_flash { display: none;}

.pr23 {padding-right: 23px;}
.pl23 {padding-left:23px; }
.pr25 { padding-right: 25px; }
.pl35 { padding-left: 35px; }
.pr40 { padding-right: 40px; }
.pl60 { padding-left: 60px; }
.pr35 { padding-right: 35px; }
.pl23 { padding-left: 23px; }
.pr30 {padding-right: 30px;}
.pl30 {padding-left:30px;}
.pl15 {padding-left:15px;}
.pr20 {padding-right:20px;}


.radio_group {margin:0px 0px 0px -15px;}
.radio_group > li {display: inline-block; padding: 5px 0px 0px 15px;}
.radio_group .input {width: auto !important;}
.input_etc {position: relative; padding-left: 62px; box-sizing: border-box;}
.input_etc .pa {position: absolute; left: 0px; top: 0px; font-size: 14px; line-height:40px;}

.btn-tc {text-align: center; padding: 30px 0px; border-top:1px solid #333333; margin-top: 30px;}
.btn-tc > a {margin: 0px 20px;}
.btn-tl {text-align: left; padding: 30px 0px; border-top:1px solid #333333; margin-top: 30px;}
.btn-tr {text-align: right; padding: 30px 0px; border-top:1px solid #333333; margin-top: 30px;}



.sub_con {min-height:100px; max-width: 1300px; margin: 0 auto; font-size:17px; font-weight: 300; line-height: 160%; word-break: keep-all;}
.sub_con > .s_tit:first-child {margin-top: -20px;}
.sub_con img {max-width: 100%;}
.sub_tit {font-size: 26px; color: #333333; line-height: 140%; text-align: center; padding: 20px 0px 10px 0px;}
.sub_tit_p {font-size: 24px; color: #82308e; line-height: 140%; text-align: center; padding: 20px 0px 10px 0px; font-weight: 700;}
.s_tit {font-size:20px; position: relative; color: #000; line-height: 140%; padding:15px 0px 17px 40px; margin-top:30px; font-weight:500;}
.s_tit .small {display: inline-block; color: #5c5c5c; font-size: 0.85em; font-weight: 100;}
.s_tit:before {display: block; content:""; width:26px; height:26px; background:#002b5c; border-radius:100%; position: absolute; left: 0px; top:17px;}
.s_tit:after {display: block; content:""; width:4px; height:8px; background:url(../img/common/tit_bul.png) no-repeat left center; position: absolute; left:12px; top:25px;}
.s_tit.tc {text-align: center; background: none !important; padding-left: 0px;}
.ss_tit {font-size:20px; color: #333333; line-height: 140%; padding: 20px 0px 10px 0px; margin-top:15px; font-weight:500; }
.s_titW {max-width: 1200px; margin:0 auto; padding: 50px 0px 5px 0px;}
.sss_tit {color:#333333; position: relative; padding:0px 0px 5px 13px; margin-top:15px; line-height:140%; font-size:1em; font-weight: 400;}
.sss_tit:before {display: block; content: ""; width: 5px; height: 1px; background:#333; position: absolute; left: 0px; margin-top: -2px; top:50%;}
.b_tit {font-size:17px; padding:20px 0px 5px 0px; line-height: 150%;}



.btnNormal, .btnNormal span, .btnBBig, .btnBBig span, .btnTiny, .btnTiny span, .btnTinys, .btnTinys span,  .btnBig, .btnBig span, .btnCtrl, .btnCtrl span, .btnDate, .btnDate span, .btnGeneral, .btnGeneral span, .btnStrong, .btnStrong span, .btnNormalB, .btnNormalB span, .btnNormalS, .btnNormalS span, .btnSubmit, .btnSubmit span, .btnEm, .btnEm span, .btnSearch, .btnSearch span, .btnSmall, .btnSmall span {
    display: inline-block;
    position: relative;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
	
	color:#fff;
	zoom:1;
	*display:inline;
	cursor:pointer;
}
.btnNormal span, .btnCtrl span, .btnDate span, .btnGeneral span, .btnStrong span, .btnSubmit span, .btnEm span, .btnSearch span {
    cursor:pointer;
    vertical-align:top;
}
a em {display:inline-block; height:11px; vertical-align:middle; line-height:0; padding:0; zoom:1; *display:inline;}
a.btnStrong, a.btnSubmit {color:#fff; font-size:17px; }
a.radius {border-radius:30px !important}

button {padding: 0px; border: none; cursor: pointer;}
button {background: none; font-family: Noto Sans;}
.btn_zone {padding:38px;}
.btnSubmit {background:#a0a0a0; text-align:center; font-size:13px;}
.btnSubmit span {padding:0px 30px 0px 30px; color:#fff; border:1px solid #7f7f7f; height:50px; line-height:50px; font-size:14px;}
.btnSubmit.purple span {background:#84308e; color:#fff; border:1px solid #84308e;}
.btnSubmit.cancel span {background:#fff; color:#000; border:1px solid #c3c3c3;}
.btnSubmit em.icoArrow {background:url(../img/common/arrow.png) no-repeat left center; vertical-align:top; *vertical-align:middle; margin:0 -20px 0 29px; width:6px; height:58px;}
.btnSubmit.red {background:#e20e20;}
.btnSubmit.red span {background:#e20e20; color:#fff; border:1px solid #e20e20;}
.btnSubmit.purple span {background:#84308e; color:#fff; border:1px solid #84308e;}
.btnSubmit.gray span {background:#5f6062; color:#fff; border:1px solid #5f6062;}

.btnSmall {background:#003876; line-height: 100%;}
.btnSmall span {padding:3px 17px 3px 17px; min-height:20px; line-height:18px; font-size: .8rem; /*white-space:normal;*/}
.btnSmall span.bd {border:0px solid #003876;}
.btnSmall.line {background:#fff; border:1px solid #003876;}
.btnSmall.line span {color:#003876; min-height:18px; line-height:16px; }
.btnSmall.p_line {background:#fff; border:1px solid #000; line-height:18px;}
.btnSmall.p_line span {color:#333; min-height:20px;  line-height:18px;}
.btnSmall span.two_row {padding:11px 20px; height:36px; line-height:18px;}
.btnSmall.black {background: #242424}
.btnSmall.red {background: #ed2129}
.btnSmall.blue {background: #0c91dd}
.btnSmall.gray {background: #757a85}

.btnTinys {background:#ececec; font-size:12px;}
.btnTinys span {padding:0px 17px ; height:25px; line-height:24px; border: 1px solid #d0d0d0; color:#646464;}
.btnTinys.gray {background:#5f6062;}
.btnTinys.line {background:#fff;}
.btnTinys.p_line {background:#fff; }
.btnTinys.p_line span {color:#8264b3; border:1px solid #8264b3;}

.btnTiny {background:#fff; border-bottom:1px solid #e9e9e9; font-size:13px; line-height: 100%;}
.btnTiny span {padding:0px 10px 0px 10px; text-align:center; border:1px solid #cccccc; color:#333; height: 24px; line-height: 24px;}
.btnTiny span.red {color:#e20e20;}
.btnTiny em.icoArrow {background:url(../img/common/arrow_s.png) no-repeat left center; vertical-align:top; margin:0 0 0 10px; width:4px; height:21px;}
.btnTiny em.down {background:url(../img/common/ico_down.png) no-repeat left center; vertical-align:top; margin:0 10px 0 0px; width:10px; height:21px;}
.btnTiny em.del {background:url(../img/common/ico_del.png) no-repeat left center; vertical-align:top; margin:0 10px 0 0px; width:10px; height:21px;}
.btnTiny.gray {background:#777777;}
.btnTiny.gray span {border:1px solid #777777; color:#333; color:#fff;}



.btnNormal {min-width:90px; background:#666666; text-align:center; font-size: 0.9em; font-weight: 400;}
.btnNormal span {padding:0px 17px; height:34px; line-height:33px;}
.btnNormal.yellow {background:#ffc240; color: #000;}
.btnNormal.yellow span {color: #000;}
.btnNormal.line {background:#fff; border:1px solid #d0d0d0;}
.btnNormal.line span {color:#242424; height:32px;}
.btnNormal.red {background: #ed2129}
.btnNormal.gray {background:#7d7d7d;}
.btnNormal.black {background: #000}
.btnNormal.blue {background: #0c91dd}
.btnNormal span.link {background:url(../img/common/location.gif) no-repeat right center; margin-right: 10px;}


.btnNormalB {background:#333333; text-align:center; font-size: 0.9em; font-weight:400;}
.btnNormalB span {padding:0px 22px; height:40px; line-height:39px;}
.btnNormalB.line {background:#fff; border:1px solid #8062b2;}
.btnNormalB.line span {color:#8062b2; height:34px;}
.btnNormalB.gray {background: #666}
.btnNormalB.red {background: #ed2129}
.btnNormalB.cancel {background:#fff;  color:#000000; border:1px solid #000000; box-sizing: border-box;}
.btnNormalB.cancel span {color:#333333; line-height:37px; height: 38px;}
.btnNormalB.bg_print {box-sizing: border-box; padding: 0px 20px;}
.btnNormalB.bg_print span {background: url(../img/common/ico_print.png) no-repeat left center; padding: 0px 0px 0px 25px;}
.btnNormalB.bg_ico {box-sizing: border-box; padding: 0px 20px;}
.btnNormalB .bg_down {background: url(../img/common/ico_down.png) no-repeat left center; padding: 0px 0px 0px 30px;}
.btnNormalB .bg_go {background: url(../img/common/ico_go.png) no-repeat right center; padding: 0px 30px 0px 0px;}
.btnNormalB .bg_link {background: url(../img/common/ico_link.png) no-repeat right center; padding: 0px 30px 0px 0px;}


.btnStrong {min-width:200px; background:#18745c; letter-spacing: -1px; color: #fff; text-align:center; font-size:18px; font-weight:300;}
.btnStrong span {padding:0px 30px; height:59px; line-height:58px;}
.btnStrong.cancel {background:#fff; border:2px solid #18745c; color:#18745c;}
.btnStrong.cancel span {color:#333333; height:57px; line-height:56px; }
.btnStrong.red.cancel {border:1px solid #0c91dd; color:#0c91dd;}
.btnStrong.red.cancel span {color:#0c91dd; height:57px; line-height:56px; }
.btnStrong.blue.cancel {border:1px solid #0c91dd; background:#fff; color:#0c91dd;}
.btnStrong.blue.cancel span {color:#0c91dd; height:57px; line-height:56px; }
.btnStrong.blue {background:#004497 }
.btnStrong .bg_down {background: url(../img/common/ico_down3.png) no-repeat left center; padding: 0px 0px 0px 30px;}


.btnEm {background:#ececec;}
.btnEm span {padding:0px 15px 0px 15px; height:32px; line-height:29px; font-size: 14px; font-family: nGothicB;}
.btnEm.line {border:1px solid #d0d0d0;}
.btnEm.line span {color:#646464; height:30px;}



.btnGeneral {min-width:150px; box-sizing: border-box; background:#0e6ca7; letter-spacing: -1px; color: #fff; text-align:center; font-size:18px; font-weight:400;}
.btnGeneral span {padding:0px 25px; height:50px; line-height:48px;}
.btnGeneral.cancel {background:#fff; border:1px solid #000000; color:#000000;}
.btnGeneral.cancel span {color:#333333; height:48px; line-height:46px; }
.btnGeneral.red.cancel {border:1px solid #0c91dd; color:#0c91dd;}
.btnGeneral.red.cancel span {color:#0c91dd; height:48px; line-height:46px; }


.btnBig {min-width:90px; background:#81308d; color:#fff; text-align:center; font-size:28px; line-height:100px; padding:0px 47px;}
.btnBBig {width:400px; background:#81308d; color:#fff; text-align:center; font-size:28px; line-height:100px; padding:0px;}
a.btnBBig, a.btnBig {color:#fff;}

.bt_include .add_bt { position: absolute; right: 0px; top: 0px;}


/* 500px �댄븯 */
@media screen and (max-width:499px) {
    .btnNormal {font-size:13px;}
    .btnNormal span {padding:0px 12px; height:30px; line-height:29px;}
    .btnNormalB {font-size: 13px;}
    .btnStrong span {height:52px !important; line-height:50px !important; font-size:17px;}
    .btnStrong.cancel span {height:50px !important; line-height:48px !important;}
    
	.btnSmall span {white-space:none; padding: 3px 8px;}
	.btnSmall span.bd {border:1px solid #003876;}
	a.radius {border-radius:0px !important}   
 
}


/* btn */
.btn-box{ text-align:center; margin: 60px 0 0; }
.btn-box:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.btn-box.page-line{ position:relative; z-index:1; height:0; margin-top:0; }
.btn-box.page-line .fr,
.btn-box.page-line .fl{ position:absolute; top:-30px; float:none; }
.btn-box.page-line .fr{right:0;}
.btn-box.page-line .fl{left:0;}
.btn-box .btn + .btn{ margin-left:8px;}

.btn{ min-width:150px; padding:0 30px; display:inline-block;  vertical-align:middle; line-height:48px; margin:0; letter-spacing:-0.05em; white-space:nowrap; height:50px; color:#222; text-align:center; background-color:#fff; border: #333 1px solid;}
.btn.orange{ border-color:#e96220; color: #fff; background-color: #e96220;}
.btn.blue{ border-color:#18745c; color: #fff; background-color: #18745c;}
.btn.sm{ height: 30px; line-height: 30px; min-width: auto; font-size: 15px;}
.btn.block{ width: 100%; display: block; padding: 0;}
.btn.radius{ color: #000; background-color: #fabe3f; padding: 0 18px; height: 34px; line-height: 34px; border-radius: 20px; border: none; min-width: auto;}


.faq-wr{ border-top: #000 2px solid;}
.faq-wr dt{ position: relative; padding: 30px 120px 30px 90px; font-size: 18px; border-bottom: #ccc 1px solid;}
.faq-wr dt::after{ content: ''; display: block; width: 20px; height: 20px; border-top:#666 1px solid; border-right:#666 1px solid; position: absolute; top: 50%; right: 30px; margin-top: -10px; transform: rotate(135deg); -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }
.faq-wr dt.active::after{ transform: rotate(-45deg); margin-top: -6px;}
.faq-wr dt a{ color: #333;}
.faq-wr dt i{ position: absolute; display: inline-block; color: #00baed; font-weight: 600; position: absolute; top: 30px; left: 30px;}
.faq-wr dd{ position: relative; padding: 30px 120px 30px 90px; background-color: #f7f7f7; border-bottom: #ccc 1px solid;}
.faq-wr dd i{ position: absolute; display: inline-block; color: #cc0000; font-weight: 600; position: absolute; top: 50%; left: 30px; margin-top: -.5em;}


@media screen and (max-width:1600px){
    #siteFunctions .inner .hd a.notion_mob{font-size:0;}
	#siteFunctions .inner .hd a.notion_mob:after {top: 0px;}
}

@media screen and (max-width:1395px){
    #quick{ display: none;}
	#header #gnb-wrap {float: none;}
	#gnb > li > a {font-size: 18px; padding: 0 40px;}
	#gnb > li:nth-child(2) > a {padding: 0 60px;}
}


@media screen and (max-width:1300px){
	#header #gnb-wrap{float:none;}
}

@media screen and (min-width:1024px) and (max-width:1200px){
    #wrap{ width: 100%; min-width: 100%;}
	
}
@media screen and (max-width:1100px){
	#header #gnb-wrap{ display: none;}
	#header .header-top{ display: none; position: absolute; top: 50px; left: 0; width: 100%; float: none;}
	#header{ height: 80px; }
    #header .bt-mn{ display: block;}
    #header { height: 80px;}
    #header  h1.logo{ left: 4.5vw; top:50%; }
    #header  h1.logo a{ background-size: 100% auto;}
    #header .bt-sch{ display: block;}
    
    #header .bt-mn{top: 40%; width: 40px; height: 40px;}
    #header .bt-mn i{ width: 40px; margin-left: -20px; top: 10px;}
    #header .bt-mn i:nth-child(2){ top: 20px;}
    #header .bt-mn i:nth-child(3){ top: 30px;}
    
    #header .bt-sch{ width: 40px; height: 40px; background-size: 30px; top:20px; right: calc(4.5vw + 70px);}
    #header .header-top{ display: none; position: absolute; top: 80px; left: 0; height: 70px; width: 100%; float: none; background-color: #fff; padding: 10px 4.5vw; border-top: #eee 1px solid; }
    #header .header-top .hd-sch{ width: 100%;}
    #header .header-top .hd-sch .ky{ height: 50px; line-height: 50px;}
    #header .header-top .hd-sch .sch{ width: 50px; height: 50px; background-size: 20px; background-image: url(../images/ic_sch2.png);}
    #header .lang{ display: none;}
	#header .header-top .utill {display:none;}
	#header #search, #header #search::placeholder{color:#999;}
	#header .header-top .inbx{margin-right:40px;}


    .sub-vis01, .sub-vis02, .sub-vis03, .sub-vis04 {height:500px; margin-top: -40px;}
	.locationBar{top:435px;width:100%;height:55px;}
	.locationBar .loc-h a,.locationBar .location .bt{height:54px;line-height:54px;}
	.fixed .locationBar{top:79px;}
	.locationBar:before , .fixed .locationBar:before{display:none;}

}
@media screen and (min-width:641px) and (max-width:1023px){ 
    #wrap{ min-width: auto;}

	#siteFunctions .inner .hd a.notion_mob{font-size:17px;}
	#siteFunctions .inner .hd a.notion_mob:after {top: 15px;}
   
    
    #footer{ padding: 2rem 0 0;}
    #footer .footer-wrap{ padding: 0 4.5vw;}
    #footer .footer-wrap .logo{ display: none;}
    #footer .footer-wrap address{ text-align: center;}
    #footer .footer-wrap address span{ display: inline-block; text-align: center;}
    #footer .copy{ text-align: center; margin-top: 1rem;}
    #footer .footer-wrap address .footer-link a:first-child::before{ display: none;}
    #footer .footer-wrap address .footer-link a:first-child,
    #footer .footer-wrap address span + span{ margin-left: 0; padding-left: 0;}
}



@media screen and (min-width:641px) and (max-width:1200px){ 
    .gallery-list{ margin-left: -2%;}
    .gallery-list .itm{ width: 31.3%; margin-left: 2%;}
    .gallery-list .itm .thumb img{ height: 20vw;}
    .gallery-list .itm .desc{ padding: 10px 10px 0 10px;}
}

@media screen and (min-width:641px) and (max-width:1023px){ 
    .sub-tab .inBx{ width: 100%;}
    
    .con-tab{ margin-bottom: 3rem;}
    .con-tab.nn2 .inBx .itm{ width: 50%; }
    
    .contents{ padding: 3rem 4.5vw 5rem;}
    
    table.data .gloAbo02w01{ width: 14%;}
    table.data .gloAbo02w02{ width: 16%;}
    table.data .gloAbo02w03{ width: 14%;}
    table.data .gloAbo02w04{ width: 28%;}
    
    table.list .noti-c01{ width: 80px;}
    table.list .noti-c03{ width: 120px;}
    table.list .noti-c04{ width: 100px;}
    table.list .noti-c05{ width: 100px;}

    .tbl-scroll{ width: 100%; overflow-x: auto;}   
    
    .tbl-sch{ padding: 1rem;}
    .tbl-sch::after{ content: ''; display: block; clear: both;}
    .tbl-sch .select{ float: left;}
    .tbl-sch .inp-bx{ position: relative; padding-right: 45px; width: calc(100% - 210px); margin-left: 10px;}
    .tbl-sch .inp-bx .sch{ position: absolute; top: 0; right: 0; width: 45px;}
    
    .tbl-tsch{ padding: 1rem; display: block; margin-bottom: 3rem;}
    .tbl-tsch .itm{ flex: none; width: 100%;}
    .tbl-tsch .itm::after{ content:''; display: block ;clear: both;}
    .tbl-tsch .itm .select{ width: 49%;}
    .tbl-tsch .tbl-sch{ margin-top: 1rem; width: 100%;}
    .tbl-tsch .tbl-sch{ width: 100%; }
    .tbl-tsch .tbl-sch .seelct{ width: 200px; float: left;}
    .tbl-tsch .tbl-sch .inp-bx{ width: calc(100% - 210px); float: left;}
    .tbl-tsch .inp{ width: 100%; min-width: auto;}

	.thumb-list .item {width: calc((100% - 12px)/2);}
}

@media screen and (max-width:980px) {

	table.board-list td {padding:12px 0;}
	

    .photo_listW > ul > li {width:33.33%;}
    .ev_tb thead tr th {font-size:13px !important; padding: 5px 0px;}
    .ev_tb tbody tr td {font-size:12px !important; line-height:17px !important; height:90px;}
    .ev_tb tbody tr td .eve_txt a {font-size:13px;}

	#searchstr {width: 100% !important;}


}



@media screen and (min-width:1024px){
	#siteFunctions .inner{width:45%;}

}

@media screen and (max-width:767px){

	#header{ height: 50px;}
    #header .bt-mn{ display: block; transform: scale(0.6);top: 12px; right: 0;}
    #header { height: 50px;}
    #header h1.logo{ width: 170px; left: 10px; margin-top: -15px;}
    #header h1.logo a{ height: 31px; background-size: 100% auto !important;}
    #header #gnb-wrap{ display: none;}
    #header .bt-sch{ display: block;top: 5px; background-size: 20px; right: 40px;}
    #header .header-top{ display: none; position: absolute; top: 50px; left: 0; height: 60px; width: 100%; float: none; background-color: #fff; padding: 10px; border-top: #eee 1px solid; }
    #header .header-top .hd-sch{ width: 100%;}
    #header .header-top .hd-sch .ky{ height: 40px; line-height: 40px;}
    #header .header-top .hd-sch .sch{ width: 40px; height: 40px; background-image: url(../images/ic_sch2.png);}
    #header .lang{ display: none;}
    
	.sub-vis{height:26rem;}
	.sub-vis01, .sub-vis02, .sub-vis03, .sub-vis04{ height: 26rem;background-size: cover;background-position-y: center;margin-top:0;}
	.locationBar .location {width:44%;}
	.locationBar .location .bt{font-size:1.3rem; padding: 0 10px;}
	.locationBar .loc-h a {height: 4rem;width: 4rem;}
	.locationBar{top:220px;height:4rem;}
	.locationBar .location .bt::after {right: 12px;}
	.locationBar .loc-h a,.locationBar .location .bt{height:3.9rem;line-height:4rem;}
	.location.depth1:before, .location.depth1:after{display:none;}
	.locationBar .location ul{padding-top:40px;}
	.locationBar .location ul li a{padding-left:20px;font-size: 1.4rem;}
	.fixed .locationBar{top:49px;}

    .sub-tab .inBx .swiper-wrapper{ display: flex; justify-content: center;}
    .sub-tab .inBx .itm{ width: auto !important;}
    .sub-tab .inBx .itm a{ padding: 0 1.5rem; white-space: nowrap;}
    .sub-tab .inBx .itm a::after{ height: 2px;}
    
    .con-tab .inBx{ display: block;}
    .con-tab .inBx .itm{ display: block; float: left; margin-bottom: 0;}
    .con-tab .itm + .itm{ margin-left: 0; border-left: #c5c5c5 1px solid;}
    .con-tab .inBx::after{ content: ''; display: block; clear: both;}
    
    .tbl-sch{ padding: 1rem;}
    .tbl-sch::after{ content: ''; display: block; clear: both;}
    .tbl-sch .select{ float: left;}
    .tbl-sch .inp-bx{ position: relative; padding-right: 45px; width: calc(100% - 210px); margin-left: 10px;}
    .tbl-sch .inp-bx .sch{ position: absolute; top: 0; right: 0; width: 45px;}
    
    .tbl-tsch{ padding: 1rem; display: block; margin-bottom: 3rem;}
    .tbl-tsch .itm{ flex: none; width: 100%;}
    .tbl-tsch .itm::after{ content:''; display: block ;clear: both;}
    .tbl-tsch .itm .select{ width: 49%;}
    .tbl-tsch .tbl-sch{ margin-top: 1rem; width: 100%;}
    .tbl-tsch .tbl-sch{ width: 100%; }
    .tbl-tsch .tbl-sch .seelct{ width: 200px; float: left;}
    .tbl-tsch .tbl-sch .inp-bx{ width: calc(100% - 210px); float: left;}
    .tbl-tsch .inp{ width: 100%; min-width: auto;}
    
    .tbl-edu01 table.list colgroup,
    .tbl-edu01 table.list thead{ display: none;}
    .tbl-edu01 table.list tbody tr{ display: block; border-bottom: #ccc 1px solid; padding: .5rem;}
    .tbl-edu01 table.list tbody tr::after{ content: ''; display: block; clear: both;}
    .tbl-edu01 table.list tbody td{ display: inline-block; border:none; padding: .5rem 0; text-align: left; width: 33%; float: left;}
    .tbl-edu01 table.list tbody td.edu01-1{ display: none;}
    .tbl-edu01 table.list tbody td.edu01-2{ display: block; color: #333; width: 100%;}
    .tbl-edu01 table.list tbody td.edu01-9{ width: 100%; text-align: center;}
    .tbl-edu01 table.list tbody td.edu01-9 .btn{ width: 40%; display: inline-block; margin: 0 !important;}
    .tbl-edu01 table.list .edu01v-1{ display: none;}
    .tbl-edu01 table.list .edu01v-2{ width: 100%;}
    
    .news-list .itm .desc{ padding-left: 20px;}
	h3.h3-tit:after{bottom:0px; height: 6px; width: 6px;}



	table.list.com02table tbody tr { display: block; border-bottom: #ccc 1px solid;width: 100%;}	
	table.list.com02table tbody td{display:block;}
	.hd > span{float:left!important;font-size:13px;width:70px;}
	td#td1,td#td2{display:block;width:100%;overflow: hidden;}
	td#td2{border-bottom: none;}


	table.list.com02table colgroup { display: none;}
	.com02table img{width:100%!important;height:100%!important;}

	.com02table span.title {height:40px!important; font-size:1.6rem!important; margin-bottom:0!important;}
	.com02table span.name_date{margin-top:0!important; font-size:1.4rem!important;}

	.vis-inner{top:134px; left:10px;}
	.vis-inner .tit{float:left;font-size:2rem;}
	.vis-inner p{float:left; font-size:1.6rem; padding: 6px 0 0 6px;}

	.thumb-list .item {width: 100%; float: left; margin-top: 30px; height: auto; margin-right: 0px;}
	.thumb-list .item .desc .subject{font-size:1.6rem;}
	.thumb-list .item .desc .date{font-size:1.4rem;}


}

@media screen and (max-width:640px){


	#wrap{ min-width: auto;}
	#siteFunctions .inner .hd a { padding: 12px; font-size: 1.4rem;}
    #footer{ padding: 2rem 0 0;}
    #footer .footer-wrap{ padding: 0 4.5vw 1rem;}
    #footer .footer-wrap .logo{ display: none;}
    #footer .footer-wrap address{ text-align: center;}
    #footer .footer-wrap address span{ display: inline-block; font-size: 1.2rem; text-align: center;}
    #footer .copy{ font-size: 1rem; text-align: center; margin-top: 1rem; padding-bottom: 2rem;}
    #footer .footer-wrap address .footer-link a:first-child::before{ display: none;}
    #footer .footer-wrap address .footer-link a:first-child,
    #footer .footer-wrap address span + span{ margin-left: 0; padding-left: 0;}

    html{ font-size: 10px;}
    
    body{ font-size: 1.3rem;}
    
    input[type=text], 
    input[type=password]{ height: 34px; line-height: 33px; padding: 0 10px; font-size: 1.3rem;}
    
    select{ font-size: 1.4rem; height: 34px; line-height: 33px;}
    
    .textarea{ font-size: 1.4rem;}
    
    .btn-box{ margin: 3rem 0 0; }
    .btn{ min-width: 10rem; height: 4rem; line-height: 4rem; padding: 0 2rem; font-size: 1.3rem;}
    
    .m-mt30{ margin-top:30px !important;}
	
	.font22{ font-size:1.5rem;}
    /*.contents{ min-height: 20rem;}*/
    
    
    .sub-vis .vis-tit .tit{ font-size: 2.7rem; margin: 0 2rem;}
    .sub-vis .vis-tit .prev,
    .sub-vis .vis-tit .next{ width: 2.5rem; height: 2.5rem;}
    .sub-vis .vis-tit .prev::after,
    .sub-vis .vis-tit .next::after{ width: .8rem; height: .8rem; border-width: 2px; margin: -.4rem 0 0 -.4rem;}
    .sub-vis .vis-mn .itm{ padding: 0 .5rem;}
    .sub-vis .vis-mn .itm a{ font-size: 1.3rem;}
    
    .sub-tab{ margin-top: -40px;}
    .sub-tab .inBx{ width: 100%;}
    .sub-tab .inBx .swiper-wrapper{ display: flex;}
    .sub-tab .inBx .itm{ width: auto !important;}
    .sub-tab .inBx .itm + .itm{ margin-left: 0;}
    .sub-tab .inBx .itm a{ height: 4rem; line-height: 4rem; font-size: 1.3rem; padding: 0 1.5rem; white-space: nowrap;}
    .sub-tab .inBx .itm a::after{ height: 2px;}

    h2.h2-tit{ font-size: 2.4rem; margin: 0 0 6rem 0;}
    h3.h3-tit{ font-size: 2rem; margin: 0 0 2rem 0; min-height:auto;}
    h4.h4-tit{ font-size: 1.8rem; margin: 3rem 0 1rem;}
    h5.h5-tit{ font-size: 1.6rem; margin: 2rem 0 1rem;}
    h4.h4-tit.blt::before{ top: .3rem;}
    h4.h4-tit.blt2{ font-size: 1.8rem; padding-left: 3rem;}
    h4.h4-tit.blt2::before{ width: 2rem; height: 2rem; border-radius: 50%; top: 50%; margin-top: -1rem;}
	h4.h4-tit.blt3{ font-size: 1.8rem; padding-left: 1rem;}
	p.sm_tit{font-size:1.8rem;}
	p.sm_tit::after {bottom: -10px;}
    .sub-tx{ margin: 0 0 2rem; font-size: 1.5rem;}
    
    .contents{ padding: 3rem 4.5vw 5rem;}
    
    table.data thead th{ padding: 1rem .4rem; font-size: 1.3rem;}
    table.data tbody th{ padding: 1rem .4rem; font-size: 1.3rem;}
    table.data tbody td{ padding: 1rem; font-size: 1.3rem;}
    
    table.data2 thead th{ padding: 1rem .4rem; font-size: 1.3rem;}
    table.data2 tbody th{ padding: 1rem .4rem; font-size: 1.3rem;}
    table.data2 tbody td{ padding: 1rem; font-size: 1.3rem;}
    
    div.paging{ margin-top: 3rem;}
    div.paging a, div.paging strong{ margin:0; width: 3rem; height: 3rem; line-height: 3rem;}
    div.paging .direction{ width: 3rem; height: 3rem;}
    div.paging .direction.prev{ margin-right: 1rem;}
    div.paging .direction.next{ margin-left: 1rem;}
    
    .tbl-sch{ padding: 1rem; margin-bottom: 3rem;}
    .tbl-sch::after{ content: ''; display: block ;clear: both;}
    .tbl-sch .select{ width: 100%; height: 34px; line-height: 34px; min-width: auto;}
    .tbl-sch .inp-bx{ width: 100%; margin-top: .5rem; margin-left: 0;}
    .tbl-sch .inp{ width: 100%; min-width: auto; height: 34px; line-height: 34px;}
    .tbl-sch .sch{ clear: both; height: 34px; }
    
    table.list.tbl-noti colgroup{ display: none;}
    table.list.tbl-noti thead{ display:none;}
    table.list.tbl-noti tbody{ display: block;}
    table.list.tbl-noti tbody tr{ display: block; border-bottom: #ccc 1px solid; width: 100%; padding: .5rem 1rem; }
    table.list.tbl-noti tbody tr:nth-child(even){ background-color: #f7f7f7;}
    table.list.tbl-noti tbody td{ border-bottom: none; border-left: none; display: inline-block; padding: .5rem 0; text-align: left;}
    table.list.tbl-noti .num{ display: none;}
    table.list.tbl-noti .subject{ display: block; width: 100%;}
    table.list.tbl-noti .name{ width: 30%;}
    table.list.tbl-noti .date{ width: 30%;}
    table.list.tbl-noti .click{ width: 30%;}  
    
    table.write tbody th,
    table.write tbody td{ padding: 1rem;}
    table.write .edu01-1{ width: 20%;}
    table.write .edu01-3{ width: 20%;}
    
    .tbl-edu01 table.list colgroup,
    .tbl-edu01 table.list thead{ display: none;}
    .tbl-edu01 table.list tbody tr{ display: block; border-bottom: #ccc 1px solid; padding: .5rem;}
    .tbl-edu01 table.list tbody tr::after{ content: ''; display: block; clear: both;}
    .tbl-edu01 table.list tbody td{ display: inline-block; border:none; padding: .5rem 0; text-align: left; width: 50%; float: left;}
    .tbl-edu01 table.list tbody td.edu01-1{ display: none;}
    .tbl-edu01 table.list tbody td.edu01-2{ display: block; color: #333; width: 100%;}
    .tbl-edu01 table.list tbody td.edu01-9{ width: 100%; text-align: center;}
    .tbl-edu01 table.list tbody td.edu01-9 .btn{ width: 40%; display: inline-block; margin: 0 !important;}
    .tbl-edu01 table.list .edu01v-1{ display: none;}
    .tbl-edu01 table.list .edu01v-2{ width: 100%;}

    .tbl-scroll{ width: 100%; overflow-x: auto;}
    
    .tbl-view .hd{ padding: 1rem 6rem 1rem 0;}
    .tbl-view .hd .tit{ font-size: 1.6rem;}
    .tbl-view .hd .date{ margin-top: 1rem;}
    .tbl-view .hd .date span + span{ padding-left: 1rem; margin-left: 1rem;}
	.tbl-view .hd .click {display:none;}
	.tbl-view .write_date {padding: 0px; font-size: 1.2rem; right: 0px;}
    .tbl-view .bd{ padding: 2rem 0;}    
    .tbl-view .hd .btShare{ width: 2rem; height: 2rem; margin-top: -1rem; background-size: 1.6rem; right: 1rem;}
    .tbl-view .hd .date{ position: relative; top: auto; right: auto; border: none; margin-top: 1rem;}
    .tbl-view table.view colgroup{ display: none;}
    .tbl-view table.view tr{ display: block;}
    .tbl-view table.view tr::after{ content: ''; display: block; clear: both;}
    .tbl-view table.view tr th{ display: none;}
    .tbl-view table.view tr td{ float: left; display: block; width: 100%; padding: 1rem;}
    
	

    .con-tab{ margin-bottom: 3rem;}
    .con-tab .inBx{ display: block;}
    .con-tab .inBx .itm{ display: block; float: left; margin-bottom: 0;}
    .con-tab .itm + .itm{ margin-left: 0; border-left: #c5c5c5 1px solid;}
    /*.con-tab .itm{ width: 49% !important;}*/
    .con-tab .itm > a{ height: 34px; line-height: 34px; font-size: 1.3rem;}
    
    ul.ul-list01 > li + li{ margin-top: 1rem;}
    ul.ul-list01 > li p{ padding-left: 1rem;}
    
    .faq-wr dt{ padding: 1rem 4rem 1rem 3rem; font-size: 1.3rem;}
    .faq-wr dt i{ position: absolute; top: 1rem; left: 1rem;}
    .faq-wr dt::after{ width: 1rem; height: 1rem; margin-top: -.5rem; right: 1rem;}
    .faq-wr dt.active::after{ margin-top: -.2rem;}
    .faq-wr dd{ padding: 1rem 4rem 1rem 3rem;}
    .faq-wr dd i{ position: absolute; left: 1rem;}
    
    .tit-area { margin: 3rem 0 2rem;}
    
    .scroll-bx{height: 14rem;}
    
    .no-txt{ padding: 5rem 0; font-size: 1.3rem;}
    .no-txt b{ font-size: 2rem; margin-bottom: 1rem;}
    .no-txt i{ width: 10rem; margin: 0 auto 3rem;}
    
    .tbl-tsch{ padding: 1rem; display: block; margin-bottom: 3rem;}
    .tbl-tsch .itm{ flex: none; width: 100%;}
    .tbl-tsch .itm::after{ content:''; display: block ;clear: both;}
    .tbl-tsch .itm .select{ width: 49%; height: 34px; line-height: 34px;}
    .tbl-tsch .tbl-sch{ margin-top: 1rem;}
    .tbl-tsch .tbl-sch .select{ width: 100%; height: 34px; line-height: 34px;}
    .tbl-tsch .tbl-sch .inp-bx{ width: 100%; margin-top: 1rem;}
    .tbl-tsch .inp{ width: 100%; min-width: auto; height: 34px; line-height: 34px;}    
    
    .faq-wr dt{ padding: 1rem 4rem 1rem 3rem; font-size: 1.3rem;}
    .faq-wr dt i{ position: absolute; top: 1rem; left: 1rem;}
    .faq-wr dt::after{ width: 1rem; height: 1rem; margin-top: -.5rem; right: 1rem;}
    .faq-wr dt.active::after{ margin-top: -.2rem;}
    .faq-wr dd{ padding: 1rem 4rem 1rem 3rem;}
    .faq-wr dd i{ position: absolute; left: 1rem;}
    
   
    
    .gallery-list{ margin-left: 0;}
    .gallery-list .itm{ width: 100%; margin-left: 0;}
    .gallery-list .itm .desc{ padding: 1rem; height: auto;}
    .gallery-list .itm .desc .hd{ font-size: 1.8rem;}
    .gallery-list .itm .desc .bd{ margin-top: 1rem; height: 3.5rem;}
    .gallery-list .itm .desc .date{ margin-top: 1rem;}
    
    .eduVew-hd{ display: block; padding: 1rem;}
    .eduVew-hd .hd{ display: block; width: 100%; font-size: 1.6rem; padding-left: 3rem; background-size: 1.6rem; background-position: 0 1rem;}
    .eduVew-hd .bd{ display: block; width: 100%; margin-top: 1rem; font-size: 1.3rem; text-align: left; padding-left: 3rem;}
    
    .prof-list{ margin-top: -3rem;}
    .prof-list .itm{ width: 100%; display: block; margin: 3rem 0 0 0;}
    .prof-list .itm .thumb{ display: block; margin: 0 auto;}
    .prof-list .itm .thumb .btn{ margin-top: .4rem;}
    .prof-list .itm .desc{ padding: 1rem 0 0;}
    .prof-list .itm .desc .tx01{ font-size: 1.5rem;}
    .prof-list .itm .desc .tx01 b{ font-size: 1.8rem;}
    .prof-list .itm .desc ul{ margin-top: 1rem;}
    .prof-list .itm .desc ul li + li{  margin-top: .6rem;}

	

	colgroup,
	.tblH.type1 label .web{display:none;}
	colgroup,col.display{display: revert;}
	.w_date{width:30%;}

}	



/* 980px 이하 */
@media screen and (max-width:980px) {

	table.board-list td {padding:12px 0;}
	

    .photo_listW > ul > li {width:33.33%;}
    .ev_tb thead tr th {font-size:13px !important; padding: 5px 0px;}
    .ev_tb tbody tr td {font-size:12px !important; line-height:17px !important; height:90px;}
    .ev_tb tbody tr td .eve_txt a {font-size:13px;}

	#searchstr {width: 100% !important;}
}
/* 768px 이하 */
@media screen and (max-width:767px) {

	 
    .join_type > dl {width: 50%;}
    .join_type > dl.ico03 {border-left:1px solid #ccc; }
    .join_type.two > dl {float: none; width: 100% !important; padding:20px 10px 20px 10px !important; border: 1px solid #ccc;}
    .join_type.two > dl > dt strong {min-height: auto; padding-bottom: 10px;}
    .join_type.two > dl > dd {font-size: 14px; min-height: auto; padding-bottom: 10px;}
    .join_type.two > dl > dd br {display: none;}
    
    .join_type.two > dl > dd.bt {padding-bottom: 0px;}
    .join_type.two > dl > dd.bt a {display: block;}
  
    .join_step > ol > li {text-align: center; padding: 5px 10px;}
    .join_step > ol > li.on {background: none;}
	.join_step > ol > li .num {font-size: 14px;}
    .join_step > ol > li .txt {font-size:16px;}

    
    .member_ok {font-size:22px;}
	


    .photo_listW > ul > li {width:50%;}
    .photo_listW li .txt {font-size:13px;}

    .board-write th {padding-left: 10px !important; font-size: 1.2rem;}   
    .board-write td {padding:8px 5px; height: auto; font-size: 1.4rem;}
	.select_ds select { font-size: 1.3rem !important;}

    
    .list_photo li > a {padding-left:190px; min-height:170px;}
    .list_photo li .pic {width:170px; height: 170px;}
    .list_photo li .txt_t {margin-bottom: 20px;}


    .photo_listW .photo_data li {width:33.33%;}
    

    .bbs_search_in.two_col .two_cell {float: none; clear: both; width:100% !important; padding-right: 0px !important}
    .bbs_search_in.two_col .cell01 {margin-bottom: 5px;}
    .bbs_search .two_col .btn_search {height:84px;}
	.bbs_search_in.two_col .col-sm-2 .select_ds{ width: 100% !important; padding:0;}
	.bbs_search_in.two_col .col-sm-2 .select_ds.searchinput {width:100%;}
    
    .ev_tb tbody tr td {height:75px;}

	#searchstr {width: 100% !important; margin-bottom: .5rem;}
	#siteFunctions .inner .hd .join_us:after{height:10px;}
}

@media screen and (max-width:640px){


	.vision-wr .tx01 b {font-size: 2rem!important;}

	.faq-wr dt{ padding: 1rem 4rem 1rem 3rem; font-size: 1.3rem;}
    .faq-wr dt i{ position: absolute; top: 1rem; left: 1rem;}
    .faq-wr dt::after{ width: 1rem; height: 1rem; margin-top: -.5rem; right: 1rem;}
    .faq-wr dt.active::after{ margin-top: -.2rem;}
    .faq-wr dd{ padding: 1rem 4rem 1rem 3rem;}
    .faq-wr dd i{ position: absolute; left: 1rem;}
    


}




/* 600px 이하 */
@media screen and (max-width:599px) {
    /*table tbody td {font-size:0.9rem !important;}
    table tbody th {font-size:0.9rem !important;}
    table thead th {font-size:0.9rem !important;}*/

    .paging {margin:26px 0px 10px 0px; width:100%;}

    .paging a {font-size:13px; margin: 0px 2px; padding:0px;}

    .paging a.first, .paging a.last {width:28px; height: 28px;}
    .paging a.next {width: 28px; height:28px; margin-left:0px;}
    .paging a.prev {width: 28px; height:28px; margin-right:0px;}
    .table_view_list {margin-left: -15px;}
    .table_view_list > li.fr {float: left !important} 
    .table_view_list > li {margin-right: 15px; padding-left: 15px;}
    
    .photo_listW li {width:50%;}
    #searchstr {width: 100% !important;}
    .join_step {margin-bottom: 10px;}    
}


/* 480px 이하 */
@media screen and (max-width:479px) {
    table th {word-break: break-all;}

    .m_th_b {width:105px !important;}
	.m_th {width:85px !important;}
    .m_th_s {width:65px !important;}
    .m_th_ss {width:45px !important;}

	.photo_listW > ul {margin: 0px;}
    .photo_listW > ul > li > div {margin-left:0px;}
	.photo_listW > ul > li {width:100%; float: none;}
    
	#siteFunctions .inner .hd a {padding: 16px 5px;}

    #inner_wrap table tbody tr td {font-size:1em !important; padding: 5px}
    #inner_wrap table tbody tr th {font-size:1em !important; padding: 5px}
    #inner_wrap table thead tr th {font-size:1em !important; padding: 5px}
    #inner_wrap table thead tr th.td_tit  {font-size:14px !important; padding:10px}
	#inner_wrap table tbody tr td .btnSmall {margin:2px 0px;}
    #inner_wrap table tbody tr td .btnSmall span {padding: 3px 6px 3px 6px; font-size:12px; min-height:10px; line-height:130%;}
	table.board-list td .ico.small {font-size:0.9em; min-height:10px; line-height:130%; padding:3px; min-width:10px; }

    .board-write .input {min-height:36px !important; line-height: 36px !important; padding-left: 5px; font-size: 1.3rem !important;}
    .board-write .btnNormalB span {padding: 0px 22px; height:36px; line-height:35px;}
    .board-write .btnNormalB.cancel span {padding: 0px 20px; height:34px; line-height:33px;}
    .file_input > input {min-height:36px; line-height:34px; padding-left: 5px;}
    .file_input label {padding: 0px 22px; height: 36px; line-height:36px;}
    .select_ds select {padding: 0px 0px 0px 5px; height:36px;}
    .select {height:36px;}
    table.board-list td .ico {line-height: 18px; height: 20px; min-width: 44px;}
   
    
    .next_list dl {padding-left: 100px;}
    .next_list dl dt {padding-left:40px; width: auto; font-size: 13px;}
    .next_list dl dd {font-size:13px;}
    
    .bbs_search {padding:10px;}
    .bbs_search {margin-bottom:10px;}
	.bbs_search_in {padding:0px;}
	.bbs_search_in .select { position:relative; margin-bottom:5px; width:100%;}
	.bbs_search_in .btn_search { position:relative; display:block; margin:5px 0px 0px 0px; width:100%;}
    .bbs_search .two_col .btn_search {height:40px;}
    .bbs_search_in.two_col .two_cell {/*padding-left: 80px;*/ margin-bottom: 0px;}
    .bbs_search_in.two_col .two_cell .pa {font-size: 13px; }
    
    
    .list_photo li {padding:15px 0px;}
    .list_photo li > a {padding-left:130px; min-height:120px;}
    .list_photo li .pic {width:120px; height: 120px;}
    .list_photo li .name {padding:2px 13px;}
    .list_photo li .txt_t {font-size:15px; margin:5px 0px;}
    .list_photo li .txt {font-size:12px; line-height:18px; margin-top:2px; padding-left: 60px;}

    .view_sns li a {width:24px; }
    

    
    .xans-board-commentwrite span.ib {display:block !important; width:100%;}
    .xans-board-commentwrite span.ib label {display: inline-block; vertical-align: middle; min-width:70px;}
	table .w_cell { display:none;}
    .xans-board-commentform {padding: 5px 10px 10px;}
    .xans-board-commentform .view {padding-right:103px;}
    .xans-board-commentform .submit .btnSubmit span {padding:0px 10px; }
    .xans-board-commentwrite {padding: 5px 10px 10px;}
    .xans-board-commentwrite .view {padding: 0 53px 0 0;}
    .xans-board-commentwrite .submit span {padding:0px 10px; }
    
    .input {min-height: 36px !important; line-height: 36px !important; padding-left: 5px;}
    .select_ds select {padding: 0px 0px 0px 5px; height: 36px;}
    .sch_topW {padding: 0px 10px;}
    .sch_topW .in_box .date {font-size:23px; }
    .ev_tb tbody tr td {height:40px;}
    .ev_tb tbody tr td .date {margin-left: -2px;}

	#searchstr {width: 100% !important;}
}

/* 320px 이하 */
@media screen and (max-width:329px) {
	
    .photo_listW li {width:100%; float: none;}

	#searchstr {width: 100% !important;}

	.locationBar .location{width:43%;}
    
}