@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%;overflow-x:hidden; }
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-family: 'Noto Sans KR', '돋움', 'Dotum', Apple Gothic, Tahoma, Verdana, sans-serif !important; color: #000; line-height: 1.8; background-color:#fff;letter-spacing: -.05em;}

* { -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, li{ 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; }

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;}

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


/* --------------------------------------------
	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; */ font-size: 15px;}
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: '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/footer_arrow_ico.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; }

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;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
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:#949caf; background-color:#f8f8f9 !important; font-weight: 300;}
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:#ccc 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="checkbox"] { border-radius:2px; background:#fff;  }
input[type="radio"]:checked{ position:relative; background-color: #fff; border-color: #ccc; }
input[type="radio"]:checked::after{ content:'';display:block; position:absolute; width:10px; height:10px; border-radius:50%; background-color:#000658;left:50%;top:50%;margin-left:-5px;margin-top:-5px;}
input[type="checkbox"]:checked{ border-color: #fff; border: 0;  background:#000658 url(../images/blt_chk2.png) no-repeat 50% 50%;}
input[type="radio"]:disabled { background:#e4e4e4; border:#e4e4e4 1px solid;}
input[type="checkbox"]: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"]:disabled:checked { background:#fff url(../images/element_check_dis.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; transition: border-color 0.2s; border: 1px solid #ccc; border-radius: 5px; color: #565a5c; box-sizing: border-box; 
-moz-box-size: border-box; background-color: #fff;font-family:'Noto Sans KR', '돋움', 'Dotum', Apple Gothic, Tahoma, Verdana, sans-serif; font-size: 15px;}



/* 폰트 rem단위 설정 */
@media screen and (max-width: 768px){
    html{ font-size: 10px!important;}
    body{ font-size: 1.4rem!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: #0e6ca7 !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%; margin:0 auto; overflow:hidden; padding: 0;}

#header{ position: fixed; top: 0; left: 0; width:100%; height:90px; background-color: rgba(0,0,0,.2); 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; border-bottom:1px solid #8d9395;}
#header .inner{ position: relative; height: 90px; max-width: 100%; margin: 0px 90px; padding-left: 480px; z-index: 2;}
#header .inner::after{ content: ''; display: block; clear: both;}
#header .inner h1.logo{ position: absolute; top: 50%; left: 0; width: 210px; margin-top: -35px;}
#header .inner h1.logo a{ display: block; height: 68px; text-indent: -9999px; background: url(../images/logo.png) 0% 50% no-repeat;}

#header .bt-mn{ position: absolute; width: 40px; height: 40px; top: 50%; right: 0; display: block; margin-top: -20px;}
#header .bt-mn > i{ display: block; position: absolute; top: 50%; right: 0; width: 80%; height: 3px; background-color: #fff; }
#header .bt-mn > i:nth-child(1){ margin-top: -12px;}
#header .bt-mn > i:nth-child(2){ margin-top: -1px; width: 40%;}
#header .bt-mn > i:nth-child(3){ margin-top: 9px; width: 60%;}
#header .bt-sch{ position: absolute; top: 50%; width: 40px; height: 40px; margin-top: -20px; right: 60px; text-indent: -99999px; text-align: left; background: url(../images/header_sch.png) 50% 50% no-repeat;}
#header .bt-my{position: absolute; width: 60px; height: 40px; top: 50%; right: 130px; display: block; margin-top: -30px; font-size:13px; padding-top:35px; color:#fff; 
background:url(../images/header_my.png) 50% 50% no-repeat; text-align:center; font-weight: 200;}
#header .bt-login{position: absolute; width: 60px; height: 40px; top: 50%; right: 200px; display: block; margin-top: -30px; font-size:13px; padding-top:35px; color:#fff; 
background:url(../images/header_login.png) 50% 50% no-repeat; text-align:center; font-weight: 200;}
#header .line{height:20px; width:1px; position: absolute; top: 50%; right: 205px; margin-top: -15px; background:#8d898a }

#header #gnb-wrap{width: 800px; clear: both; margin-right: -30px; position: relative;}
#gnb::after{ content:''; display: block; clear: both;}
#gnb > li{ position: relative; float: left;}
#gnb > li > a{ position: relative; display: block; height: 90px; line-height: 90px; text-align: center; padding: 0 17px; font-size: 20px; color: #fff; letter-spacing: -.05em;     font-family: 'Noto Sans KR';}
#gnb > li.gnb1 > a{ padding: 0 20px;}
#gnb > li.gnb2 > a{ padding: 0 30px;}
#gnb > li.gnb3 > a{ padding: 0 35px;}
#gnb > li.gnb4 > a{ padding: 0 40px;}


#gnb > li .subDepth{ display: none; position: absolute; top: 90px; left: 0; width: 100%; padding: 10px 0 20px; background-color: #f0f0f0;}
#gnb > li .subDepth > li > a{ display: block; padding: 5px 0; letter-spacing: -.05em; line-height:1.4; text-align: center;}
#gnb > li:hover > a{ color: #1eaa39; background-color: #fff;}
#gnb > li:hover > .subDepth > li > a{ color: #212020;}
#gnb > li:hover > .subDepth > li > a:hover{ color: #1eaa39;}
#gnb > li::after{ content: ''; position: absolute; top: 88px; left: 50%; display: block; background-color: #1eaa39; 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: 100%; margin-left: -50%; opacity: 1;}

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

.fixed #header .header-top .lang a.active,
#header.guide_header .header-top .lang a.active,
#header.on .header-top .lang a.active{ color: #00baed;}
.fixed #header #gnb > li > a,
#header.guide_header #gnb > li > a,
#header.on #gnb > li > a{ color: #0f0f0f;}
.fixed #header #gnb > li:hover > a,
#header.guide_header #gnb > li:hover > a,
#header.on #gnb > li:hover > a{ color: #333;}

.fixed #header .inner .bt-sch,
#header.guide_header .inner .bt-sch,
#header.on .inner .bt-sch{background: url(../images/header_sch2.png) 50% 50% no-repeat;}

.fixed #header .inner .bt-mn,
#header.guide_header .inner .bt-mn,
#header.on .inner .bt-mn{ position: absolute; width: 40px; height: 40px; top: 50%; right: 0; display: block; margin-top: -20px;}
.fixed #header .inner .bt-mn > i,
#header.guide_header .inner .bt-mn > i,
#header.on .inner .bt-mn > i{ display: block; position: absolute; top: 50%; height: 3px; background-color: #000;}

.fixed #header .inner .bt-login,
#header.guide_header .inner .bt-login,
#header.on .inner .bt-login{background: url(../images/header_login2.png) 50% 50% no-repeat; color:#999;}

.fixed #header .inner .bt-my,
#header.guide_header .inner .bt-my,
#header.on .inner .bt-my{background: url(../images/header_my2.png) 50% 50% no-repeat; color:#999;}


.hd-schbx{ background-color: #fff; position: absolute; left: 0; width: 100%; top: 90px; padding: 40px 0 50px; display: none;}
.hd-schbx .schInbx{ max-width: 1490px; margin: 0 auto; }
.hd-schbx .tit{ color: #000658; font-size: 35px; text-align: center; margin-bottom: 20px;}
.hd-schbx .inp-bx{position: relative; max-width: 670px; margin: 0 auto; padding-right: 70px; background: #f0f0f0; border-radius: 50px; border: none !important;}
.hd-schbx .inp-bx .inp{ display: block; height: 70px; line-height: 70px; width: 100%; border: none !important; background-color: transparent; padding-left: 40px;}
.hd-schbx .inp-bx .sch{ position: absolute; display: block; top: 0; right: 0; width: 70px; height: 70px; background: url(../images/header_sch2.png) 50% 50% no-repeat; text-indent: -9999px;}



#container{ position: relative; z-index: 1; }
#quick .quick_name { font-size: 14px; font-weight: 700; color: #34527a; text-align: center; padding: 15px 0; }
#quick{ position: absolute; top: 930px; right: 60px; z-index: 11; width: 95px; }
.main #quick{ top: 1080px;}
#quick.fixed{ position: fixed; top: 220px;}
#quick .top{ width: 70px; height: 70px; padding: 23px 0; box-sizing: border-box; display: block; text-align: center; margin: 10px auto 0 auto; background-color: #9db8da; color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; border-radius: 80px;}
#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{ background-color: #34527a; width: 100%; border-radius: 10px; }
#quick ul > li{ padding: 0 15px;}
#quick ul > li > a{ display: block; text-align: center; font-size: 13px; font-weight: 100; color: #fff; letter-spacing: -0.5px; padding: 20px 0;}
#quick ul > li > a i{ display: block; text-align: center; margin-bottom: 5px;}
#quick ul > li + li a{ border-top: #556d8c 1px solid;}




/*모바일패널2*/
html.active, body.active{ overflow-y: hidden; }
.body_wrap{position: relative; width: 100%; }
.body_wrap > img{ display: block; width: 100%; }
.panel_bg{ display: none; position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); }
.panel{ position: fixed; top: 0; right:-30%; z-index: 11000; width:30%; height: 100%;background-color: rgba(255,255,255);overflow-y: auto;transition: right 0.6s; }
.panel.active{ right: 0; } 
.panel_top{position: relative; width:100%;height:90px;background:#000658;}
.panel_top ul{margin-left:50px;line-height:90px;}
.panel_top ul > li{float:left; margin-right:40px; }
.panel_top ul > li a{color:#fff;}
.panel_top ul > li:first-child{position:relative;}
.panel_top ul > li:first-child:after{position:absolute;display:block;content:'';top:50%; right:-22px; transform:translateY(-50%); width:1px; height:12px; background:#fff;}
.panel .bt-close{width: 2rem;height: 2rem;display: block;position: absolute;top: 54px;right: 48px;overflow: hidden; top: calc(50% - 16px);}
.panel .bt-close span{ position: absolute; top: -9999px; left: -9999px;}
.panel .bt-close::before{ content: ''; display: block; width: 2rem; height: 2px; background-color: #fff; position: absolute; top: 50%; left: 50%; margin: 0 0 0 -1rem; transform: rotate(45deg);}
.panel .bt-close::after{ content: ''; display: block; width: 2rem; height: 2px; background-color: #fff; position: absolute; top: 50%; left: 50%; margin: 0 0 0 -1rem; transform: rotate(-45deg);}
.panelBanner{width: 100%; padding: 20px; box-sizing: border-box;border-bottom: 1px solid #ccc; background-color: #ededed;}
.panelBanner a, .panelBanner img{ display: block; width: 100%; }
.gnb{ width: 100%; }
.gnb .main_nav{display: block; width: 100%; height: 80px;  box-sizing: border-box;background-repeat: no-repeat;background-position: center right 50px;
    background-size: 30px 30px; font-size: 20px;  color: #000; line-height: 80px; border-bottom:1px solid #c9c9c9; padding-left:50px;}
.gnb li:nth-child(1) .main_nav{background-image: url(../images/mobile_gnb_icon.png);}
.gnb li:nth-child(2) .main_nav{background-image: url(../images/mobile_gnb_icon.png);}
.gnb li:nth-child(3) .main_nav{background-image: url(../images/mobile_gnb_icon.png);}
.gnb li:nth-child(4) .main_nav{background-image: url(../images/mobile_gnb_icon.png);}
.gnb .main_nav.active{ color: #000; font-weight:600; }
.gnb li:nth-child(1) .main_nav.active{background-image: url(../images/mobile_gnb_icon_active.png);}
.gnb li:nth-child(2) .main_nav.active{background-image: url(../images/mobile_gnb_icon_active.png);}
.gnb li:nth-child(3) .main_nav.active{background-image: url(../images/mobile_gnb_icon_active.png);}
.gnb li:nth-child(4) .main_nav.active{background-image: url(../images/mobile_gnb_icon_active.png);}
.gnb .sub_nav{ display: none; width: 100%;padding:20px 0 20px 50px; border-bottom: 1px solid #c9c9c9;}
.gnb .sub_nav li{position:relative; width: 100%;padding-left: 20px; box-sizing: border-box; margin: 5px 0;}
.gnb .sub_nav li:after{content:''; display:block;position:absolute;top:16px;left:0; top:50%; transform: translateY(-50%); width:5px;height:5px;background:#a0a0a0; border-radius:5px;}
.gnb .sub_nav a{display: block; width: 100%; height: 100%; box-sizing: border-box; font-size: 20px; color: #0a0a0a; 
    background-image: url(../images/sub_icon.png);background-repeat: no-repeat; background-size: 14px;background-position: calc(100% - 10px) center; }
.gnb .sub_nav li:last-child a{ border-bottom: none;}

#gnb > li:hover > a{ color: #000658!important;}

.fixed #header,
#header.guide_header,
#header.on{ background-color: #fff; border-bottom: #e1e1e1 1px solid;}


/*footer*/
#footer {width:100%; background:#666666;}
#footer .footer-wrap {width:1280px; margin:0 auto; display: flex; justify-content: space-between; align-items: center; padding-top:50px; padding-bottom:50px;}
#footer .footer-wrap .f_link ul{display:flex; margin-bottom:0;}
#footer .footer-wrap .f_link ul li:first-child{ position: relative; margin-right:30px; padding-right:30px;}
#footer .footer-wrap .f_link ul li:first-child::after { content: ''; display: block; width: 1px; height: 15px; background: #fff; position: absolute; top: calc(50% - 7.5px); right: 0;}
#footer .footer-wrap .f_link ul li a{color:#fff; font-size:15px; font-weight:300;}
#footer .footer-wrap .f_link ul li:first-child a{font-weight:500;}
#footer .footer-wrap address{color: #fff; font-size:15px; margin-top: 20px;  font-weight:300; margin-bottom:0;}
#footer .footer-wrap address span{ position: relative; margin-right:30px; padding-right:30px;}
#footer .footer-wrap address span:after { content: ''; display: block; width: 1px; height: 15px; background: #fff; position: absolute; top: calc(50% - 7.5px); right: 0;}
#footer .footer-wrap .copyright p{color:#fff; font-size:15px; margin-top: 10px; font-weight:300; margin-bottom:0;}

#footer #top_btn {display:block; width: 40px;height: 40px; text-align:center; letter-spacing: 0.6px; border-radius: 50%;line-height: 110px;font-size: 13px;font-weight: 500; opacity:0;
background: #4a4a4a url(../images/scroll_arrow.png) no-repeat center top 15px; background-size:12px; right: 40px; bottom: 240px; position: fixed; z-index: 10; transition: all 0.2s ease-in-out;}
#footer #top_btn a {color:#333;}
.fixed #footer #top_btn {opacity:100; transition: all 0.2s ease-in-out;}


/* quick_menu */
#quick_menu{position:fixed; bottom:50px; right:20px; z-index:5; transition: all 0.3s;}
#quick_menu.active{bottom:195px;}
#quick_menu .quick_tit{width:260px; height:70px; border-radius:20px 0 0 0; background:#20335f url(../images/quick_btn.png) center right 30px no-repeat; padding:0 30px; cursor:pointer; transition:all 0.3s;}
#quick_menu .quick_tit p{font-size:20px; font-family: 'Cafe24SsurroundAir'; color:#fff; line-height:75px;}
#quick_menu .quick_detail{width:260px; background:#20335f; transition:all 0.3s;}
#quick_menu .quick_detail .quick_inner{width:100%; height:100%; background:#fff; border-radius:5px; padding:15px; display:none;}
#quick_menu .quick_detail .quick_inner p{font-weight:300; font-size:13px; color:red; margin-bottom:0;}
#quick_menu .quick_detail .quick_inner input,
#quick_menu .quick_detail .quick_inner textarea{margin-top:10px; border-radius:10px; border:1px solid #ccc; font-size:14px; padding:10px 15px;}
#quick_menu .quick_detail .quick_inner textarea{width:100%; height:120px;}
#quick_menu .quick_detail .quick_inner input::placeholder,
#quick_menu .quick_detail .quick_inner textarea::placeholder{color:#999;}
#quick_menu .quick_detail .quick_inner .q_btn{margin:15px auto 0; display:flex; justify-content:center;}
#quick_menu .quick_detail .quick_inner .q_btn input.quick_btn{border-radius:20px; width:140px; height:40px; background:#333 url(../images/realty_btn_pencil.png) center right 20px no-repeat; padding:0 20px 0 0; line-height:40px; color:#fff; margin:0;}
#quick_menu.on .quick_detail{height:300px; padding:0 10px 20px 10px;}
#quick_menu.off .quick_detail{height:0; padding:0;}

#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: 1.5rem 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: #069cc6;}
.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;}


table.contact {width: 100%; margin-top: 1.5em; border-top: 1px solid #b3b3b3; 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: #f0f0f0; color: #333; font-size: 18px; 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 #e6e6e6; text-align: center;}
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.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: #f9f9f9;/*border-right:1px solid #cccccc;*/ padding: 23px 0px; text-align: center; color: #000; font-weight: 500; border-bottom: #ccc 1px solid;font-size:18px;}
table.list tbody tr.border{border-top:1px solid #000;border-bottom: 1px solid #000;}
table.list tbody tr.border td,
table.list tbody tr.bdb_none td{ border-bottom:none;}
table.list tbody tr td.bdr_none{border-right:none;}
table.list tbody td{ text-align: center; padding: 25px 20px; /*border-right:1px solid #cccccc;*/ border-bottom: #ccc 1px solid;font-size:16px;font-weight:400;color:#333;}
table.list tbody td.left{text-align:left;font-size:20px; font-weight:500;color:#333;}
table.list tbody td.small{padding: 18px 26px;font-size:20px;}
table.list tbody td.ssmall{padding: 18px 26px;font-size:16px;}
table.list tbody td.none{border-right:none;}
table.list tbody td span.dot{display:block;width:15px; height:15px;margin: 0 auto; border-radius:15px;background:#ffa04d;}
table.list tbody td span.sub{font-size:16px; font-weight:300; color:#666666;}
table.list .noti1{ width: 100px;}
table.list .noti3{ width: 130px;}
table.list .noti4{ width:130px;}
table.list .subject{ text-align: left;}
table.list .subject i{ display: inline-block; vertical-align: -.4rem; margin-right: .5rem;}
table.list tbody tr:hover{ background-color:#fff;}
.table_line table.list{border-top: #000 0px solid; }

table.list.second td.small{padding:18px 20px;}

.dv_donator2 table.list thead th{border-right:1px solid #cccccc;}
.dv_donator2 table.list tbody td{border-right:1px solid #cccccc;}

.backslash {font-size:20px!important;font-weight:700!important;text-align: left!important; background: url("../images/dv_donator2_table_line.png")no-repeat;background-size:contain;}
.backslash div { text-align: right; }


.view_page .center_box > div{margin-top:0;}
/* 뷰페이지 */
.board-view { width: 100%; table-layout: fixed; }
.view_tit {padding: 50px 10px 10px; border-top: 2px solid #000; text-align: center; font-size:24px; margin-top:80px !important;}
.view_tit .sticker{display:block;margin: 0 auto;margin-bottom:20px;font-weight:500;width:124px;line-height:36px;height:36px;background:#424b67;color:#fff;font-size:16px;border-radius:3px;}
.click_count { text-align: right;}
.click_write_wrap { padding: 0 0 30px;text-align: center;}
.click_write_wrap > p{display:inline;color:#000; font-weight:300; letter-spacing: 0; font-family: 'Nanum Gothic';}
.click_write_wrap > p + p{position:relative;margin-left:40px;}
.click_write_wrap > p + p:after{content:'';position:absolute;display:block;width:1px; height:10px; background:#000;left:-20px; top:8px;}
.click_write_wrap > p.click_count span {color: #000658 !important; font-family: 'Noto Sans KR';}

.board-view{margin-top:30px;}
.board-view th {background:#f7f7f7; border-top:1px solid #ccc;border-bottom:1px solid #ccc; 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-top:1px solid #ccc;*/ padding:14px 10px 14px 20px; min-height:27px;  text-align: left; color: #000000; font-weight:300;}
.board-view td.tc { text-align:center; padding:12px 0 11px 0px;}
.board-view td.view_td {padding:30px 20px;  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}

.file_wrap {overflow:hidden;border:1px solid #dedede;border-radius:8px;background:#f7f7f7;}
.file_wrap .t_wrap{float:left;padding: 14px 20px;}
.file_wrap > .a_wrap{float:right;width:88%;min-height: 53.8px;padding: 14px 20px; background:#fff;}
.file_wrap .down_file{display:block;overflow:hidden;text-overflow:ellipsis;}
.v_tit{color:#000;}

/* gallery */
.photo_listW {width:100%;}
.photo_listW > ul {/*overflow:hidden;*/ display: grid; grid-template-columns:repeat(4,1fr); grid-template-rows:repeat(2,1fr); gap:40px;}
.photo_listW > ul > li {width:100%; float:left; text-align:center; /*  margin-bottom: 20px; */}
/* .photo_listW > ul > li + li {margin-left:35px;} */
.photo_listW > ul > li > div {border-radius: 10px; transition: all 0.2s ease-in-out;}
.photo_listW > ul > li > div:hover{ box-shadow: rgba(0,0,0,.1) 0px 5px 10px; transition: all 0.2s ease-in-out;}
.photo_listW > ul > li > div > a {display: block; position: relative; padding:15px;}
/*.photo_listW > ul > li > div > a:hover:after {display: block; content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; box-sizing: border-box; 
border-bottom:2px solid #333; }*/
.photo_listW > ul > li .photo {display:block; position: relative; overflow: hidden; background-size:cover !important;  border-radius: 8px;}
.photo_listW > ul > li .photo object {width:100%; /*border: 1px solid #ddd;*/ border-radius: 8px;}
.photo_listW > ul > li .photo .item {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);width:100%;}
.photo_listW > ul > li .txt {display: block; overflow: hidden; padding:20px 10px 0; color: #000000; font-size:15px; line-height: 20px; text-align: right;}
.photo_listW > ul > li .tit {font-size: 18px;font-weight: 500;color: #000;overflow: hidden;text-overflow: ellipsis;display: block;text-align: left;margin-bottom: 10px;width: 100%;text-overflow: ellipsis;overflow: hidden; white-space: nowrap; text-align:center;}





.list_photo {clear:both; width:100%; overflow: hidden; border-top:2px solid #000;}
.list_photo ul {overflow:hidden;}
.list_photo li { border-bottom: 1px solid #e9e9e9; padding: 20px 0px;}
.list_photo li > a {display: block; position: relative; padding-left:235px; min-height:200px;}
.list_photo li .pic {display:block; width:200px; box-sizing: border-box; border: 1px solid #c2c3c9; text-align: center; height:200px; position: absolute; left: 0px; top: 0px; background-size: cover !important}
.list_photo li .pic img {width:100%; height: 100%; max-width:100%;  max-height:100%; margin: 0 auto;}
.list_photo li .pic img.no_img {width: auto !important; height: auto !important;}
.list_photo li .txt_t {display: block; font-size:22px; color:#0c91dd; font-weight:300; line-height: 150%; margin:10px 0px 25px 0px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.list_photo li .txt {display:block; color:#000; line-height: 140%; margin-top: 5px; position: relative; padding-left:80px;}
.list_photo li .txt > strong {position: absolute; left: 0px; top: 0px; color: #666666}
.list_photo li .name {display: inline-block; line-height:20px; font-weight: 500; color: #0c91dd; border:1px solid #0c91dd; border-radius:15px; text-align: center; padding:4px 13px;}


#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;}
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:60px 0 0 0; position:relative; clear:both;}
div.paging2 a{ position: relative; display:inline-block; height:40px; width:40px; line-height:40px; font-size: 18px; color:#000; text-align:center; vertical-align:middle; overflow: hidden; padding: 0; border-radius:50%; font-family: 'Nanum Gothic', sans-serif;     font-weight: 600;}
div.paging2 .on{ color: #fff; border-radius:50%; background-color: #000658;}
div.paging2 .direction{width: 40px; margin: 0 2px; background-color: #fff;}
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 2px; width:10px; height:10px; display:block;  border:2px solid #000; 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:2px solid #000; 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:2px solid #000; 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:2px solid #000; 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 -10px; width:10px; height:10px; display:block;  border:2px solid #000; 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:2px solid #000; 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;}

table.view{ width: 100%;}
table.view th{ border-bottom: #e5e5e5 1px solid; padding: 20px; background-color: #f6f7fa; font-weight: 600; color: #333;}
table.view td{ border-bottom: #e5e5e5 1px solid; padding: 20px;}
.viewBottomList{margin-top:60px;}
.viewBottomList ul{ display:block; width:100%; border-top: 1px #ccc solid; 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: 420px; background-size: cover; background-repeat: no-repeat; background-position:center;}
.sub01.sub-vis{ background-image: url(../images/sub-vis1.png);}
.sub02.sub-vis{ background-image: url(../images/sub-vis2.png);}
.sub03.sub-vis{ background-image: url(../images/sub-vis3.png);}
.sub04.sub-vis{ background-image: url(../images/sub-vis4.png);}
.sub05.sub-vis{ background-image: url(../images/sub-vis5.png);}
.short.sub-vis{height: 330px; padding-top: 90px;}

/* sub-vis */
#inner_wrap{width: 100%; height:100%; display:flex; flex-flow:column nowrap; align-items:center; justify-content:center; }
.sub-vis .vis-tit .tit{ color:#fff; font-size: 50px; font-family: 'NanumSquareAcl'; font-weight:500; margin-bottom: 15px;}

.location {}
.location span {display:inline-block;padding-left:40px; position: relative;color:#fff;}
.location #location_1:before , .location #location_2:before {display: block; content: ""; width: 6px; height: 9px; background: url("../images/location_next_ico.png"); border-radius:100%; position: absolute; left:16px; top:50%; margin-top: -3px; }
.location span:first-child {padding-left:0px; margin-left:0px; background:none}
.location .home img { vertical-align: middle;margin-top: -2px;}



.sub-tab{ width:100%; position:relative;}
.sub-tab .inBx{ width: 1280px; position:absolute; bottom:-1px; left:50%; transform:translateX(-50%); background:#fff; border-radius: 20px 20px 0 0; padding-top:30px;}
.sub-tab .inBx .swiper-wrapper{ text-align: center; display: block;}
.sub-tab .inBx .itm{width:200px; height:60px; line-height:60px; text-align:center; border-radius:30px; display: inline-block;}
.sub-tab .inBx .itm a{  width:200px; height:60px; line-height:60px; text-align:center; border-radius:30px;  display: block; font-size: 18px; font-family: 'NanumSquareAcb', sans-serif; font-weight:600;}
.sub-tab .inBx .itm.active a{font-weight:500; color:#fff; background:#333;}





.contents{ padding: 90px 0 180px; margin: 0 auto; max-width: 1280px;}
h3.h3-tit{position:relative; text-align: center; color: #101010; font-size: 55px; margin: 0 0 20px 0; font-weight:500;}
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: 10px; left: 0; width: 4px; height: 20px; background-color: #3f89ba}*/
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;}
p.eng-tit{text-align:center;font-size:16px; font-weight:200;color:#f17c17; margin-bottom: 110px;}


.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;}





 /* 게시글 검색 */
.bbs_search {overflow:hidden;}
.bbs_search_in { max-width:450px; float:right; position:relative; padding-right:110px; 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;border-radius: 5px;font-family: 'Noto Sans KR', '돋움', 'Dotum', Apple Gothic, Tahoma, Verdana, sans-serif;}
.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 KR', '돋움', 'Dotum', Apple Gothic, Tahoma, Verdana, sans-serif; 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; vertical-align:middle; border-radius: 5px;}
.bbs_search .btn_search {background:#333 url(../images/ic_sch_w.png) center left 20px no-repeat; display: inline-block; zoom: 1; border-radius: 5px; width: 100px; text-align:right; padding-right:20px; font-family: 'NanumSquareAcr', sans-serif; font-size:14px;
	height: 40px; vertical-align: middle;  color:#fff;}
.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 {margin-top: 90px; text-align: center;}
.btn-tc > a {margin: 0px 10px;}
.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: 1200px; 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: #757a85}
.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:220px; background:#333333;; letter-spacing: -1px; color: #fff; text-align:center; font-size:20px; font-weight:500;}
.btnStrong span {padding:0px 30px; height:56px; line-height:56px; font-size:20px;}
.btnStrong.cancel {background:#fff; border:1px solid #333333; }
.btnStrong.cancel span {color:#666; height:56px; line-height:56px; font-weight:400; }

.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;}

#side_menu{position: fixed;bottom: 50px; right: 30px; z-index: 7000; transition:all 0.3s;}
#side_menu.active{bottom: 227px;}
#side_menu > div{width: 80px;height: 80px; margin-bottom:20px;}
#side_menu > div:last-child{margin-bottom:0;}
#side_menu > div a {display:block; width:100%; height:100%; text-align:center; letter-spacing: 0.6px; border-radius: 50%;line-height: 115px;font-size: 13px;font-weight: 700;}
#side_menu #top_btn a{background: #000658 url(../images/scroll_arrow.png) no-repeat center top 25px; background-size:18px; color:#fff;}
#side_menu #ask a{border:2px solid #000658; background: #fff url(../images/q_answer_ico.png) no-repeat center top 10px; border-radius: 15px !important;}
#side_menu #ask a:hover{border:2px solid #000658; background:#000658 url(../images/q_answer_ico_w.png) no-repeat center top 10px; color:#fff;}


/* 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:40px !important; line-height:40px !important; font-size:14px;}
    .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:#0e6ca7; color: #fff; background-color: #0e6ca7;}
.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.active{ border-bottom:none;}
.faq-wr dt a{ color: #333; font-family: 'NanumSquareAcb', sans-serif;}
.faq-wr dt i{ position: absolute; display: inline-block; color: #000658; font-weight: 600; position: absolute; top: 26px; left: 30px; font-family: 'NanumSquareAceb', sans-serif; font-size:24px;}
.faq-wr dd{ position: relative; padding: 30px 120px 30px 90px; background-color: #f7f7f7; border-bottom: #ccc 1px solid; font-family: 'NanumSquareAcel', sans-serif;}
.faq-wr dd i{ position: absolute; display: inline-block; color: #cc0000; font-weight: 600; position: absolute; top: 50%; left: 30px; margin-top: -.5em;}

/* 회원가입 */
h6.sec_tit{font-size: 36px;  font-weight: 500; color: #000; background:#fff; border:none; padding:0; margin-bottom:30px;}
.board-write {width:100%; border-bottom:1px solid #cdcdcd; }
.board-write tr:first-child th { border-top:none;}
.board-write th {background:#f5f5f5; border-bottom:1px solid #cdcdcd; padding:25px 30px; text-align:center; color:#000; font-weight: normal}
.board-write th:nth-child(3) {border-top: 1px #ccc solid;}
.board-write th span {color:#cf1111; margin-right:8px;}
.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 {text-align:center;color:#000; font-size:16px; border-top:1px solid #cdcdcd; height:36px; word-break: break-all; line-height:20px; /*padding:14px 30px;*/ padding: 25px 30px;}
.board-write td.subject{text-align:left;}
.board-write td.subject a{display:block;width:100%;height:100%;}
.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%;}
.table_line {border-top:2px solid #000 }
.table_line1 {border-top:1px solid #000;}
.table_line2 {border-top:1px solid #000;}
.n_join .member_ok strong{color:#000658}


.board-write tbody td .new{float:left; display: block; width: 90px; height: 28px; color: #fff; background: #e087a9; border: 1px #e087a9 solid; border-radius: 20px; margin: 0 auto; line-height: 25px; font-size: 14px;}

.n_join .board-write th {text-align:left;}
.n_join .board-write td {padding:20px 30px;}
.pop-con .board-write th {text-align:left;}

.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;}




/*===========================반응형=========================*/
@media screen and (max-width: 1700px) {
	#header .inner { padding-left: 300px;}
}
@media screen and (max-width: 1600px){
	.photo_listW > ul {grid-template-columns:repeat(4,1fr); grid-template-rows:repeat(3,1fr); gap:40px;}
}

@media screen and (max-width: 1550px) {
	#header .inner { padding-left: 340px; margin: 0 50px;}
	#header #gnb-wrap{width:720px;}
	#gnb > li.gnb1 > a{ padding: 0 10px;}
	#gnb > li.gnb2 > a{ padding: 0 20px;}
	#gnb > li.gnb3 > a{ padding: 0 25px;}
	#gnb > li.gnb4 > a{ padding: 0 30px;}

	.sub-tab .inBx{ width: 1200px;}
	.sub-tab .inBx .itm{width:160px; height:60px; line-height:60px; border-radius:30px;  margin:0 10px;}
	.sub-tab .inBx .itm a{  width:160px; height:60px; line-height:60px; border-radius:30px;}
}


@media screen and (max-width: 1440px) {
	#header .inner { padding-left: 330px; margin:0 50px;}
	#header #gnb-wrap{width:680px;}
	#gnb > li.gnb1 > a{ padding: 0 8px;}
	#gnb > li.gnb2 > a{ padding: 0 15px;}
	#gnb > li.gnb3 > a{ padding: 0 18px;}
	#gnb > li.gnb4 > a{ padding: 0 20px;}
	#header .bt-login{right: 200px;}
	#header .line{right: 195px;}

	#footer .footer-wrap{width:1200px;}

	.panel{width:40%; right:-40%;}
}


@media screen and (max-width:1350px){
	#header .inner { padding-left: 260px; margin:0 30px;}

	.sub-tab .inBx{ width: 1000px;}
	.sub-tab .inBx .itm{width:140px; height:50px; line-height:50px; border-radius:30px; margin:0 5px;}
	.sub-tab .inBx .itm a{  width:140px; height:50px; line-height:50px; border-radius:30px; font-size: 15px;}
}


@media screen and (max-width: 1220px) {
	#header .inner { padding-left: 250px; margin:0 30px;}
	#header #gnb-wrap{width:610px;}
	#gnb > li > a {font-size: 18px;}
	#header .bt-my{right: 110px;}
	#header .bt-login{right: 190px;}
	#header .line{right: 180px;}

	#footer .footer-wrap{width:1050px;}
	#footer .footer-wrap .f_link ul li:first-child{margin-right:20px; padding-right:20px; }
	#footer .footer-wrap .f_link ul li a{ font-size: 13px;}
	#footer .footer-wrap address {font-size:13px;}
	#footer .footer-wrap address span{padding-right: 20px; margin-right: 20px;}
	#footer .footer-wrap .copyright p {font-size:13px;}

	#quick_menu.active{bottom:188px;}
}	



@media screen and (max-width: 1160px) {
	#header .inner { padding-left: 260px; margin:0 30px;}
	#header #gnb-wrap{width:580px;}
	#header #gnb > li > a {font-size:17px;}
}

@media screen and (max-width: 1110px) {
	#header {background-color:#fff; height:80px;}
	#header .inner { height: 80px;}
	#header .inner h1.logo a{background-image: url(../images/logo_on.png);}
	#header #gnb-wrap{display:none;}

	#header .inner .bt-sch{background: url(../images/header_sch2.png) 50% 50% no-repeat;}
	#header .inner .bt-mn > i{ background-color: #000;}
	#header .inner .bt-login{background: url(../images/header_login2.png) 50% 50% no-repeat; color:#000; right: 220px;}
	#header .inner .bt-my{background: url(../images/header_my2.png) 50% 50% no-repeat; color:#000; right: 130px;}
	#header .line{right: 205px;}
	
	.panel_top{height:80px;}
	.panel_top ul{line-height:80px;}


	.hd-schbx{top:80px;}

	#footer .footer-wrap{width:80%; flex-flow:column nowrap; align-items: flex-start; position: relative;}
	#footer .footer-wrap .f_box{margin-top: 20px;}

	#quick_menu{right:0; bottom:0;}
	#quick_menu.active{bottom:272px;}
	
	#quick_menu .quick_tit{height:50px;}
	#quick_menu .quick_tit p{line-height:50px; font-size:18px;}
	
	.sub-tab .inBx{ width: 100%; border-radius:0; }
	.sub-tab .inBx .itm{width:140px; height:50px; line-height:50px; border-radius:30px;  margin:0 10px;}
	.sub-tab .inBx .itm a{  width:140px; height:50px; line-height:50px; border-radius:30px; font-size: 15px;}

	table.list tbody td{padding:20px 10px ;}

	.member .board-write th {padding: 30px 20px;}

	.photo_listW > ul {grid-template-columns:repeat(3,1fr); grid-template-rows:repeat(4,1fr); gap:40px;}

}

@media screen and (max-width: 970px) {
	.panel{width:50%; right:-50%;}
	.sub-tab .inBx .itm{width:120px; height:50px; line-height:50px; border-radius:30px;  margin:0 5px;}
	.sub-tab .inBx .itm a{  width:120px; height:50px; line-height:50px; border-radius:30px; font-size: 14px;}
	.sub01 .sub-tab .inBx .itm.long{width:140px;}
	.sub01 .sub-tab .inBx .itm.long a{width:140px;}
}
@media screen and (max-width:950px){
	#quick_menu.active{bottom:290px;}
}

@media screen and (max-width: 800px) {
	#header .hd-schbx .schInbx{max-width:90%;}
	#header .hd-schbx .tit{font-size:20px;}
	.hd-schbx .inp-bx { max-width: 80%;} 
	.hd-schbx .inp-bx .inp { height: 50px; line-height: 50px; padding-left: 30px;}
	.hd-schbx .inp-bx .sch { right: 20px; width: 50px; height: 50px; background-size: 22px;}


	p.eng-tit { margin-bottom: 60px; }

	.sub-tab .inBx .itm{width:100px; height:40px; line-height:40px; border-radius:30px;  margin:0 5px;}
	.sub-tab .inBx .itm a{  width:100px; height:40px; line-height:40px; border-radius:30px; font-size: 14px;}
	.sub01 .sub-tab .inBx .itm.long{width:140px;}
	.sub01 .sub-tab .inBx .itm.long a{  width:140px;}

	table.list tbody td{padding:20px 10px;}

	.bbs_search {margin-bottom:40px;}
	.notice_chk{margin-bottom:10px;}



	.view_tit, .view_tit h3{font-size:1.8rem;}
	.file_wrap .t_wrap{ min-height: 45px;}
	.file_wrap > .a_wrap{width: 80%; min-height: 45px; padding: 12px 20px;}

	.photo_listW > ul {grid-template-columns:repeat(2,1fr); gap: 20px;}
	.photo_listW > ul > li {width:auto; margin:0;}
	.photo_listW > ul > li + li{margin:0;}

	.member .board-write th span {margin:0;}
	.member .board-write th {padding:20px 5px;}

	input[type=text], input[type=password]{font-size:14px;}

	div.paging2 a{height:35px; width:35px; line-height:35px; font-size: 16px;}

}

@media screen and (max-width: 760px) {
	.panel{width:60%; right:-60%;}
	.sub-vis .vis-tit .tit{font-size: 40px;}
	table.list thead th {font-size: 1.6rem;}
	table.list tbody td{font-size: 1.4rem;}
	#quick_menu.active{bottom:288px;}
}


@media screen and (max-width:640px){
	
	#header .inner .bt-my{right: 100px; font-size: 0; width: 40px; padding-top: 55px;}
	#header .inner .bt-login{right: 150px; font-size: 0; width: 40px; padding-top: 55px;}
	#header .line{display:none;}

	#wrap{ min-width: auto;}
    #header{ height: 50px; background-color: #fff;}
    #header .bt-mn{width: 35px; height: 35px;}
	#header .bt-mn > i:nth-child(1) { margin-top: -9px;}
	#header .bt-mn > i:nth-child(3) {margin-top: 7px;}
	#header .bt-sch { right: 50px;}
    #header .inner{ height: 50px;}
    #header .inner h1.logo{ width: 120px; margin-top: -15px;}
    #header .inner h1.logo a{ height: 31px; background-size: 100% auto !important; background-image: url(../images/logo_on.png);}
    #header #gnb-wrap{ display: none;}
    #header .bt-sch{ display: block;}
    #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;}

	#header .hd-schbx{top:50px;}
	#header .inner h1 {width: 160px;}
	#header .hd-schbx .inp-bx .sch{width:50px; height:50px;top:auto;bottom:0;}
	#header .bt-sch,#header .hd-schbx .inp-bx .sch { background-size: 24px !important;}
	
	.hd-schbx .inp-bx{margin: 20px auto 0;}
	.hd-schbx .inp-bx .inp{height:50px; line-height:50px;}

	.fixed #header .inner .bt-mn, #header.guide_header .inner .bt-mn, #header.on .inner .bt-mn {width: 35px; height: 35px;}
	
	.panel{width:90%; right:-90%;}
	.panel_top{height:50px;}	
	.panel_top ul{line-height:50px;}
	.panel_top ul > li{padding-left:0;}
	.panel .bt-close{top: 14px;right: 24px;}

	.gnb .main_nav {font-size: 16px; padding-left: 30px;}

	.footer-wrap .f_logo img{height:40px;}
	.footer_top ul li { width: 33%;text-align:center;}
	.footer_top ul{margin-left:0!important;}
	.footer_top ul li + li:after{left:0;top:22px;height:14px;}
	.footer_top ul li a{font-size:12px;}

	#footer #top_btn{ right: 10px;}
	/* 퀵메뉴  */
	#quick_menu.active{bottom:0;}
	#quick_menu.on .quick_tit{width:100vw;}
	#quick_menu.on .quick_detail{width:100vw;}
	.gnb .sub_nav a {  font-size: 14px;}

	.sub-vis { height:340px; }
	.short.sub-vis{height: 270px; padding-top: 70px;}

    html{ font-size: 10px;}
    
    body{ font-size: 1.3rem !important;}
    
    input[type=text], 
    input[type=password]{ height: 34px; line-height: 33px; padding: 0 10px; font-size: 1.3rem;}
    
    select{ font-size: 1.4rem!important; 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: 400px;}


    .sub-vis .vis-tit .tit{ font-size: 3.6rem; margin: 0em;}
	.sub-vis .vis-tit > p{font-size:1.8rem;}
    .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;}

	.location { margin-top: 10px;}
    
    .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 0.5rem; white-space: nowrap;}
    .sub-tab .inBx .itm a::after{ height: 2px;}
    
    h3.h3-tit{ font-size: 2.2rem; margin: 0 0 2rem 0;}
    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;}
    .sub-tx{ margin: 0 0 2rem; font-size: 1.5rem;}
    
    .contents{ padding: 8rem 4.5vw 8rem;}
    
    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 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 .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;}
	
	.photo_listW > ul > li{width:100%;}


    .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; font-size:1.3rem;}
    .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;}    

    
  
    
    .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;}

	.btnStrong span{font-size:1.5rem;}
	.btn-tc > a{margin: 0 5px;}
	.btnStrong { min-width: 150px;}
	
	colgroup,
	.tblH.type1 label .web{display:none;}
	colgroup,col.display{display: revert;}

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


    

	table .w_cell { display:none;}

	.photo_listW > ul {display:grid; grid-template-columns:repeat(2,1fr); gap: 10px;}

	.btn-tc{margin-top:60px;}

	div.paging2 a{height:24px; width:24px; line-height:24px; font-size: 13px;}
	div.paging2 .direction.prev{margin-right:5px;}
	div.paging2 .direction.next{margin-left:5px;}
	div.paging2 .direction{width:30px;}
	div.paging2 .direction.first:before,div.paging2 .direction.first:after,
	div.paging2 .direction.prev:after,
	div.paging2 .direction.next:after,
	div.paging2 .direction.last:before,div.paging2 .direction.last:after{width: 8px; height: 8px;}
}




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

	#header .inner .bt-my{display:none;}
	#header .inner .bt-login{display:none;}
	#header .line{display:none;}

		
	.hd-schbx{padding:25px 0;}
	.hd-schbx .inp-bx{margin: 10px auto 0;}

	.footer-wrap .f_logo img{height:35px;}

    table tbody td {font-size:1.4rem !important;}
    table tbody th {font-size:1.4rem !important;}
    table thead th {font-size:1.4rem !important;}
	table.list tbody td span.sub{font-size:1.2rem;}

	.bbs_search {padding:10px;}
    .bbs_search {margin-bottom:40px;}
	.bbs_search_in {padding:0px; float:none;}
	.bbs_search_in .select { position:relative; margin-bottom:5px; width:100%;}
	.bbs_search_in .btn_search { position:relative; display:block; margin:5px auto 0; width:100%;  background: #333; text-align:center;}
    .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; }

    .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;}
	.file_wrap > .a_wrap{width: 70%;}

	.photo_listW > ul {display:grid; grid-template-columns:repeat(1,1fr); gap: 20px;}

	div.paging2 .direction {width: 17px;}

}


/* 480px 이하 */
@media screen and (max-width:479px) {
	.sub-vis { height:300px; }
	.location {margin-top: 5px;}

    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;}
    
    .board-write td {padding:8px 5px; height: auto;}
    #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;}
    .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;}
    
    
    
    .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;}
    .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;}

	p.eng-tit { margin-bottom: 40px; } 

	.sub-vis .vis-tit .tit{font-size: 2.8rem;}
}

@media screen and (max-width:450px){
	#footer #top_btn {position: absolute; top: 40px; right: -20px;}
	#footer #top_btn a {display: none;}
	div.paging2 .direction {width:20px;}


}

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

	#searchstr {width: 100% !important;}
	
	.location{display:flex; flex-flow:column nowrap; align-items:center; flex-direction: row;}
	.location span {padding-left: 20px;}
	.location .home img { vertical-align: middle; margin-top: -8px; width: 15px;}
	.location #location_1:before,
	.location #location_2:before {left: 8px;     margin-top: -6px;}
	
	.panel_top ul{margin-left:40px;}
	.gnb .main_nav {padding-left:35px; height:70px; line-height:70px;}
	.gnb .sub_nav {padding:15px 0 15px 35px;}

	.gnb .main_nav{font-size:14px;}
	.gnb .sub_nav a{font-size:14px;}

	.sub-vis .vis-tit .tit{font-size: 2.5rem;}
	
	#footer #top_btn {width: 40px;}
	#footer #top_btn a {display:none;}
   
}
@media screen and (max-width:340px) {
	#header .inner h1.logo{width:105px;}
	#header .inner {margin-right:1.5rem; padding-left:0; margin:0 10px;}

	#header .inner .bt-sch{background-size:60%;}
	#header .bt-sch{right:40px;}

	.fixed #header .inner .bt-sch,
	#header.guide_header .inner .bt-sch,
	#header.on .inner .bt-sch{background-size: 60%;}
	
	.sub-vis .vis-tit .tit{font-size: 2rem;}

	.location span{padding-left:28px;}
	.location #location_1:before,
	.location #location_2:before{left:10px;}

    .photo_listW li {width:100%; float: none;}

	#searchstr {width: 100% !important; font-size:15px;}

	#footer .footer-wrap .f_link ul li:first-child{margin-right:12px; padding-right:12px;}
	#footer .footer-wrap address span {margin-right:12px; padding-right:12px;}

	.file_wrap > .a_wrap {width: 65%;

	#quick_menu .quick_tit{height:40px;}
	#quick_menu .quick_tit p{line-height:40px; }
   
}

@media screen and (max-width:320px){
	.panel_top ul{margin-left:20px;}
	.gnb .main_nav{background-position:center right 15px;}
	.gnb .main_nav {padding-left:15px; height:70px; line-height:70px;}
	.gnb .sub_nav {padding:15px 0 15px 25px;}

}

@media screen and (max-width:300px){
	.contents{ padding: 8rem 0;}
}