@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: 17px;font-weight:400}
html, body { width: 100%;overflow-x:hidden; word-break:keep-all;}
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', sans-serif; color: #000; line-height: 1.8; background-color:#fff;letter-spacing: -.05em;}
input::placeholder {font-weight:400;}
textarea::placeholder {font-weight:400;}

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

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

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

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

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


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

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

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

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

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

/* --------------------------------------------
 * form
/* ------------------------------------------ */
input[type=button],
input[type=submit] { cursor: pointer; }
button { width: auto; overflow: visible; background: none; border: none; cursor: pointer; margin: 0; padding: 0; font-family: 'Noto Sans KR', '돋움', 'Dotum', Apple Gothic, Tahoma, Verdana, sans-serif;}
button > span { position: relative; }
textarea { resize: none; padding: 0px; color: #666; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; }
select{ font-family: '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: center right 22px; 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 KR', Sans-serif; color: #565a5c; border: 1px solid #cccccc; border-radius: 0px; box-sizing: border-box; }

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

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

/************************************************
	label
************************************************/
label{ display: inline-block; vertical-align: middle;}
input[type="radio"],
input[type="checkbox"] { display: inline-block; width:20px; height:20px; border:none; vertical-align:-4px; -webkit-appearance:none; margin:0 5px 0 0; padding:0; cursor: pointer; border-radius:10px; border:#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;border-color: #dcdcdc ; }
input[type="radio"]:checked::after{ content:'';display:block; position:absolute; width:9px; height:9px; border-radius:50%; background-color:#2f75bc;left:50%;top:50%;transform: translate(-50%, -50%);}
input[type="checkbox"]:checked{ border-color: #fff; border: 0;  background:#e9a420 url(../images/blt_chk2.png) no-repeat 50% 50%;}
input[type="radio"]:disabled { position:relative; border:#dcdcdc 1px solid;}
input[type="radio"]:disabled::after{ content:'';display:block; position:absolute; width:9px; height:9px; border-radius:50%; background-color:#abacad;left:50%;top:50%;transform: translate(-50%, -50%);}
input[type="checkbox"]:disabled{background:#abacad; 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"],
input[type="date"],
select,
textarea { height: 52px; border: 1px solid #c1c1c1; border-radius: 8px; margin-bottom: 10px; line-height: 52px; margin-left: 12px;padding: 0 22px;vertical-align: middle; transition: border-color 0.2s;margin:0;}
textarea { max-width: 100%;}

input[type=text]:first-child,
input[type="password"]:first-child,
input[type="search"]:first-child,
input[type="email"]:first-child,
input[type="url"]:first-child,
input[type="number"]:first-child,
input[type="tel"]:first-child,
select:first-child,
textarea:first-child{margin-left:0;}

.datepicker_wrap{position:relative;}
.datepicker {padding-left:22px;line-height: 52px; height: 52px; width:184px; margin-bottom:10px;margin-left:14px;vertical-align: middle; transition: border-color 0.2s; border: 2px solid #535353; border-radius: 10px; color: #0f0f0f; box-sizing: border-box; -moz-box-size: border-box; background-color: #fff;font-family: ''Noto Sans KR'';font-size:16px;}


input[type=text].long{width:384px;}

/* 폰트 rem단위 설정 */
@media screen and (max-width: 768px){
	html{ font-size: 10px!important;}
	body{ font-size: 1.5rem!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;}
.mb0 { margin-bottom: 0 !important;}
.mb10{ margin-bottom: 1rem !important;}
.mr0{ margin-right:0 !important;}
.mr10{ margin-right:10px !important;}
.cRed{ color: #ec0928 !important; }
.cBlue{ color: #05acef !important; }
.cGreen{ color: #007a85 !important;}
.cBlack{ color: #111 !important;}

.point_c {color: #01a2d0 !important;}

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



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

.mt3 {margin-top:3px;}

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


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

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

#header{ position: fixed; top: 0; left: 0; width:100%;height:90px; background-color: transparent; z-index:5; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }
#header .inner{ position: relative; /*max-width: 1200px;*/height: 100%; margin: 0 auto; padding-left: 300px; z-index: 2;box-sizing: content-box;}
#header .inner::after{ content: ''; display: block; clear: both;}
#header .inner h1.logo{ position: absolute;left:35px; top: 50%; transform: translateY(-50%); width:226px;}
#header .inner h1.logo a{ display: block; height: 36px; text-indent: -9999px; background: url(../images/header_logo.png) 50% 50% no-repeat;background-size:contain; filter: brightness(100);}

#header .inner h1.logo2{ position: absolute;left:229px; top: 50%; transform: translateY(-50%); width:226px;z-index:99}
#header .inner h1.logo2 a{ display: block; height: 80px; text-indent: -9999px; background: url(../images/missingchild_w.png) 50% 50% no-repeat;background-size:contain;}

#header .header-top{ position: relative; height: 40px; background-color: rgba(11,26,46,.85);}
#header .header-top .inbx{ max-width: 1200px; margin: 0 auto; text-align: right;}
#header .header-top .hd-sch{ position: relative; display: inline-block; vertical-align: middle; width: 280px; padding: 0 0 0 50px; }
#header .header-top .hd-sch .ky{ display: block; height: 39px; line-height: 39px; width: 100%; font-size: 12px; border: none; background-color: transparent;}
#header .header-top .hd-sch .sch{ position: absolute; top: 0; left: 0; width: 40px; height: 40px; background: url(../images/ic_sch.png) 100% 45% no-repeat; text-indent: -9999px; text-align: left;}
#header .header-top .utill{ display: inline-block;}
#header .header-top .utill a{ position: relative; display: inline-block; font-size: 13px; color: #fff;}
#header .header-top .utill a + a{ margin-left: 15px; padding-left: 15px;}
#header .header-top .utill a + a::before{ content:''; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 10px; background-color: #4d84b6; margin-top: -5px;}
#header .lang{ position: absolute; top: 26px; right: 0; width: 80px; font-size: 13px;}
#header .lang .bt{ position: relative; display: block; border: rgba(255,255,255,.5) 1px solid; border-radius: 15px; height: 30px; line-height: 30px; color: #fff; text-align: center;}
#header .lang .bt::after{ content: ''; display: inline-block; border-top: #fff 4px solid; border-left: transparent 4px solid; border-right: transparent 4px solid; margin-left: 10px; vertical-align: 2px;}
#header .lang .bt.on::after{ transform: rotate(180deg);}
#header .lang > div{ position: absolute; top: 30px; left: 0; width: 100%; padding-top: 2px; display: none;}
#header .lang > div ul{position: relative; border: #626161 1px solid; border-radius: 10px; text-align: center; padding: 10px; background-color: #fff; overflow: hidden;}
#header .lang > div ul::before{ content: ''; display: block; position: absolute; bottom: 0; left: 0; background-color: #e9a420; height: 3px; width: 100%; }
#header .lang > div ul > li{ text-align: center;}
#header .lang > div ul > li + li{ margin-top: 5px;}
#header .lang > div ul > li > a{ display: block; text-align: center; color: #2d2e30;}
#header .lang > div ul > li > a:hover{ color: #ee7d18;}

#header .gnb_left{}
#header .gnb_left ul{position:absolute; right:52px;/* top:50%;transform:translateY(-50%); */padding: 0px 28px;/*line-height: 45px;height:50px;border:2px solid #333333; border-radius:24.5px;*/}
#header .gnb_left ul.after_login{width:335px;margin-right:0;}
#header .gnb_left ul.after_login li{width:25%;}
#header .gnb_left ul li{float:left;text-align:center;}
#header .gnb_left ul li + li{position:relative;margin-left:36px;}
/* #header .gnb_left ul li + li:after{content:'';display:block;position:absolute;top: 50%;left: -18px;transform: translateY(-50%);width:1px;height:13px;background:#737373;} */
#header .gnb_left ul li > a{font-weight:500;font-size: 14px;color: #fff;text-indent: -999em;}
#header #gnb-wrap{ clear: both; position: relative;height:90px;}

#header .bt-login{display:flex;align-items:center;width: 100%; height: 100%;padding-top:45px;text-align: center; background: url("../images/header_ico1.png") no-repeat center;text-indent: 0!important; filter: brightness(100);}
#header .bt-login>span{display:inline-block;width:55px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#header .bt-join{display:block;width: 100%; height: 100%;padding-top:45px;text-align: center; background: url("../images/header_ico2.png") no-repeat center;text-indent: 0!important; filter: brightness(100);}
#header .bt-sch{display:block;width: 100%;  height: 100%;text-align: center; background: url("../images/header_ico1.png") no-repeat center top 35px;text-indent:0!important;padding-top: 22px;}
#header .hd-schbx{display: none; background-color: #fff; position: absolute; left: 0; width: 100%; top: 90px; padding: 50px 0 60px; border-top: #d0cfd0 1px solid; border-bottom: #d0cfd0 1px solid; }
#header .hd-schbx .schInbx{ max-width: 1490px; margin: 0 auto; }
#header .hd-schbx .tit{ color: #1ea6df; font-size: 35px; text-align: center;}
#header .hd-schbx .inp-bx{position: relative; max-width: 510px; margin: 30px auto 0; padding-left: 20px; padding-right: 70px; background: #f0f0f0; border-radius: 50px; box-sizing: border-box;}
#header .hd-schbx .inp-bx .inp{ display: block; height: 56px; line-height: 70px; width: 100%; border: none; background-color: transparent;}
#header .hd-schbx .inp-bx .sch{ position: absolute; display: block; top: 0; right: 20px; width: 50px; height: 56px; background: url(../images/header_ico1.png) 50% 50% no-repeat; text-indent: -9999px;}
#header .burger {/*position:absolute; right:0px; top:0px;*/display:none;background: url(../images/header_ico3.png)no-repeat center;width: 36px;height: 23px;text-indent: -999em; }
#header .subBg{ position: absolute; top: 90px; left: 0; width: 1000%; background-color: #fff;height: 70px; line-height: 70px; display: none;z-index:-1; border-bottom:#f0f0f0 1px solid;}

/*메인페이지용 헤더*/
.main#header #gnb > li > a {color : #212121;}


#gnb-wrap{float: left; padding-left: 185px;}
#gnb{ position:relative;height:90px;}
#gnb > li{ position: relative; display: inline-block;height:90px;}
#gnb > li > a{ display: block; padding: 0 35px; line-height: 90px; color: #fff; font-size: 18px; font-weight:700;letter-spacing: -.05em;transition:0s;}
#gnb > li > .subDepth{ display: none; position:absolute; left: 50%;transform: translateX(-50%);white-space: nowrap;}


#gnb > li > .subDepth > li{ display: inline-block; height: 70px;  line-height: 70px; }
#gnb > li > .subDepth > li > a{ color: #5e5e5e; font-size: 18px; line-height: 70px; padding: 0 25px;font-weight:500;}
#gnb > li > .subDepth > li > a:hover{ color: #01a2d0;}
#gnb > li:hover > a{ position: relative; color: #00337b; /*background-color: #70b052;*/font-weight:700;}
#gnb > li::after{ content: ''; position: absolute; bottom: 0; left: 50%; display: block; background-color: #01a2d0; 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: 80%; margin-left: -40%; opacity: 1;}



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



/*#inner_wrap {max-width: 1400px; margin: 0 auto;}*/



/*모바일패널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: -90%; z-index: 11000; width: 90%; height: 100%;background-color: #4F4F4F ;overflow-y: auto;transition: right 0.6s; }
.panel.active{ right: 0; }
.panel_top{position:relative;width:100%;height:100px;background:#4F4F4F;}
.panel_top ul{overflow: hidden;width: fit-content;position: relative;top: 38px;padding-left: 50px;}
.panel_top ul > li{float:left; padding-left: 0;margin-right:40px; }
.panel_top ul > li a{color:#fff;}
.panel_top ul:after{position:absolute;display:block;content:'';top: 7px;left: 50%;width: 1px;height: 12px;background: #fff;}
.panel .bt-close{position:absolute;top:50%;transform:translateY(-50%);width: 2rem;height: 2rem;display: block;right:45px;}
.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: #fff; line-height: 80px;  padding-left:50px;border-bottom: 1px solid #585757;}
.gnb li .main_nav{background-image: url(../images/mobile_gnb_icon.png);}
.gnb .main_nav.active{ color: #fff; }
.gnb li .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 #585757;}
.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;width:5px;height:1px;background:#a0a0a0;}
.gnb .sub_nav a{display: block; width: 100%; height: 100%; box-sizing: border-box;color: #fff; font-weight:300;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 .subDepth > li > a i {position: absolute; width: 8px; height: 8px; margin-top: 6px; margin-left: 12px; background: url(../images/link_ico.png) 50% 50% no-repeat; transition:all 0.2s ease-in-out;}
#gnb > li:hover > .subDepth > li > a:hover i {background: url(../images/link_ico_hover.png) 50% 50% no-repeat; transition:all 0.2s ease-in-out;}
#gnb > li:hover > a{ color: #01a2d0; font-weight:700;}

.fixed #header,
#header.on{ background-color: #fff; border-bottom: #e1e1e1 1px solid;}
.fixed .sub-tab{ position: fixed; background:#fff; width:100%; top:125px; left: 0;}

.gnb .sub_nav a i {position: absolute;width: 8px;height: 8px;margin-top: 8px;margin-left: 10px;background: url(../images/link_ico.png) 50% 50% no-repeat;opacity: .6;}


/* fixed header */
.fixed #header .language_box > a,
.on#header .language_box > a {color: #212121;}
.fixed #header .language_box > a,
.on#header .language_box > a {color: #212121;}
.fixed #header #language_box a:after,
.on#header #language_box a:after {border-color: #666;}
.fixed #header .inner h1.logo a,
.on#header .inner h1.logo a {filter: none;}
.fixed #header .inner h1.logo2 a,
.on#header .inner h1.logo2 a { height: 80px !important; background: url(../images/missingchild.png) 50% 50% no-repeat;}
.fixed #header #gnb > li > a,
.on#header #gnb > li > a {color: #212121;}
.fixed #header .gnb_left ul li > a,
.on#header .gnb_left ul li > a {color: #747474;}
.fixed #header .bt-login,
.fixed #header .bt-join,
.on#header .bt-login,
.on#header .bt-join,
.fixed #header .language_box > a,
.on#header .language_box > a{filter: none;}
.fixed #header .language_box a:after,
.on#header .language_box a:after {border-top: 2px solid #999; border-right: 2px solid #999;}
.fixed #header .burger,
.on#header .burger {filter: none;}


/*footer*/

#footer {width: 100%; background-color: #535353; color: #fff; }
#footer .footer-wrap {  position:relative;width: 1400px; margin: 0 auto; display: flex; flex-wrap: wrap;justify-content: space-between; padding: 54px 0;  }
#footer .footer-wrap.top {padding: 12px 0;justify-content: flex-start; color: #666;padding: 54px 0; }
#footer .right{margin-top:5px;}
#footer .title { font-size: 25px; font-weight: 500; }
#footer .border { width: 55px; height: 3px; background: #fff669; margin: 20px 0; }
#footer .address + .address{margin: 15px 0;}
#footer .address, #footer .address  a{ font-size: 15px; color:#fff;font-weight:400;word-break:keep-all;text-transform:uppercase;}
#footer .address span{position:relative;font-weight: 350;}
#footer .address span > b{font-weight:500;}
/*#footer address span::before {content: '';display: block;width: 1px;height: 12px;position: absolute;top: 4px;right: -14px;background-color: #999999;}*/
#footer .address span:nth-child(even){margin:0 24px;}
#footer .address span:nth-child(3n+0):before{display:none;}
#footer .address span.benone:before{display:none;}
#footer .center_wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
#footer .tel { font-size: 13px; line-height: 37px; color: #c5c5c5; }
#footer .tel span { font-size: 30px; font-weight: 700; }
#footer .center select { display: none; }
#footer .contact { display: block; width: 180px; height: 60px; border-radius: 5px; line-height: 60px; font-size: 16px; font-weight: 500; letter-spacing: 1px; color: #fff; text-align: center; background: #626469; box-shadow: 5px 5px 20px #444; }
#footer .sitemap {position: absolute;right: 0px;bottom: 54px;width: 240px;height: 44px;line-height: 44px;border-radius:6px;font-family: 'Noto Sans KR', '돋움', 'Dotum', Apple Gothic, Tahoma, Verdana, sans-serif;color: #666;background-color: #f6f6f6;background-image: url(../images/footer_family_arrow.png);border-color: #ddd;font-size: 15px;border: 1px solid; background-repeat: no-repeat; background-position: right 16px center;}
#footer .sitemap ul { position:absolute;bottom:100%;border: 1px solid #999; width: 240px; margin-left: -1px;}
#footer .sitemap a  { display:block;color: #ccc; padding-left: 16px;}
#footer .sitemap li{font-size:14px; font-weight:300;height:30px;line-height:30px;}
#footer .sitemap li+li { border-top: 1px solid #999;}
#footer .left{margin-right:460px;}
#footer .policy{margin-top: -5px;}
#footer .policy a{color:#fff; font-size:15px; font-weight:500;}
#footer .policy span + span{position:relative;margin-left:28px;}
#footer .policy .color  a{color:#3cb4e6;}
/*#footer .policy span + span::before { content: '';display: block;width: 1px;height: 12px;position: absolute;top: 9px;left: -18px;background-color: #acacac;}*/


.footer_top{width:100%;height:56px; line-height:56px; background:#eeeeee;}
.footer_top ul{overflow:hidden;margin-left:206px;}
.footer_top ul li{float:left;}
.footer_top ul li:nth-child(1){margin-right:20px;}
.footer_top ul li + li{position:relative;margin: 0 20px;}
.footer_top ul li + li:after{content:'';display:block;position:absolute;top:19px;left:-20px;width:1px; height:20px; background:#000;}

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


/* 스크롤탑버튼 */
aside{display: none;position: fixed;bottom: 227px;z-index: 7000;right: 28px;width: 45px;height: 45px;}
aside a{display: block;width: 100%;height: 100%;text-align: center;line-height: 25px;background: #113a58 url(../images/scroll_arrow.png) no-repeat center;background-size:16px;
	letter-spacing: 0.6px; border-radius: 50%;line-height: 120px;font-family: 'Gmarket Sans';font-size: 13px;font-weight: 700; }



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: #f7f7f7; border-bottom: #ccc 1px solid; }
table.write tbody th{ text-align: left; padding: 15px 0 15px 30px; color: #333; font-weight: 600; background-color: #f7f7f7; border-bottom: #ddd 1px solid; border-left: #ddd 1px solid;}
table.write tbody td{ text-align: left; padding: 15px; border-bottom: #ddd 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%;}
table.list thead th{ font-size:16px;background-color: #f5f5f5;/*border-right:1px solid #cccccc;*/ padding: 20px 0px; text-align: center; color: #000; font-weight: 500; border-bottom: #ccc 1px solid;}
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 td {border-right: 0;}
table.list tbody tr td.bdr_none{border-right:none;}
table.list tbody td{ text-align: center; padding: 10px;  border-bottom: #ccc 1px solid;font-size:15px;font-weight:400;color:#000;}
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:#f7f7f7;}
table.list.second td.small{padding:18px 20px;}


table.list2{ table-layout: fixed; width: 100%; border-top: #000 2px solid; }
table.list2 th{ background-color: #f5f5f5;border-right:1px solid #cccccc; padding:15px 10px; text-align: center; color: #000; font-weight: 500; border-bottom: #ccc 1px solid;}
table.list2 thead td{ padding: 10px; border-right:1px solid #cccccc; border-bottom: #ccc 1px solid;font-weight:300;color:#000;}
table.list2 tbody td{ text-align: center; padding: 18px 10px; border-right:1px solid #cccccc; border-bottom: #ccc 1px solid;font-weight:300;color:#000;}
table.list2 thead th:last-child{border-right:none;}
table.list2 tbody td:last-child{border-right:none;}
table.list2 tbody td.border-right{border-right:1px solid #ccc;}
table.list2 th.border-none{border-right:none;}
table.list2 td.left{padding-left:30px;text-align:left;}



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

.ico_list { margin-bottom: 20px;}


/* 뷰페이지 */
.board-view { width: 100%; table-layout: fixed;margin-top:30px; }
.view_tit {padding: 50px 10px 10px; border-top: 2px solid #000; text-align: center; font-size:24px;}
.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;}
.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 > .click_count span{color: #00337b !important; font-style: italic;}

@media screen and (max-width:767px){
	.sec1>div+div{margin-top:30px;}
}

@media screen and (max-width:411px){
	.click_write_wrap > p + p{margin-left:10px;}
	.click_write_wrap > p + p:after{left:-5px;}

}
@media screen and (max-width:351px){
	.click_write_wrap > p{display:block;}
	.click_write_wrap > p + p:after{display:none;}
	.click_write_wrap > p + p{margin-left:0;}
}

.board-view th {background:#F9F9F9; 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-bottom:1px solid #ccc;border-top:1px solid #ccc; padding:14px 10px 14px 20px; min-height:27px;  text-align: left; color: #646464;}
.board-view td.tc { text-align:center; padding:12px 0 11px 0px;}
.board-view td.view_td {padding:0px 20px; border-top: 0px solid #ccc; border-bottom:0px solid #ccc; 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}

.sch_table{border-top:2px solid #000;}


.board-write {width:100%; border-bottom:1px solid #ccc;}
.board-write tr:first-child th { border-top:none;}
.board-write tr:first-child td { border-top:none;}
.board-write th { background:#f5f5f5; border-top:1px solid #ccc; padding:20px; text-align:left; color:#000; font-weight: 500;word-break:keep-all;}
.board-write th span {color:#82308e; padding-right:2px;}
.board-write.th_tc th {padding:13px 0 12px 0px; text-align:center;}
.board-write.th_tc th span {margin-left:-15px;}
.board-write td {border-top:1px solid #ccc; height:36px; word-break: break-all; font-weight: 400; line-height:20px; padding:25px 14px;font-size:17px;word-break:keep-all;}}
.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.board th, .board-write.board td{text-align:center;}
.board-write.board .subject{text-align:left;}

.board-write.board .notice_tr .tag {background: #01a2d0; color: #fff; width: 50px; height: 26px; font-size: 13px; line-height: 26px; border-radius: 30px; margin: 0 auto;}
.board-write.board .notice_tr .subject a {font-weight: 500;}

table.board-write.search th,
table.board-write.search td{text-align:center;}



.popup.table_line{margin:20px 0;}
.popup.table_line .board-write tbody td{padding:4px;text-align:left;}
.popup.table_line.board-write tbody td > a{width:100%!important;text-align:left;}



.board-write .input {min-height: 40px; line-height: 40px; width: 100%;}
.ui-datepicker-trigger {position: absolute;right: 14px; top: 41%;transform: translateY(-50%);width: 13px;height: 15px;text-indent: -9999px; cursor: pointer;}
.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;}

.pa_minus {display: inline-block;width: 20px;text-align: center;}


/* gallery */
.photo_listW {width:100%;}
.photo_listW > ul {/*overflow:hidden;*/ display: flex;}
.photo_listW > ul > li {width:calc((100% - 70px)/4); float:left; text-align:center;  margin-bottom: 20px;}
.photo_listW > ul > li + li {margin-left:23px;}
.photo_listW > ul > li > div {border: 1px solid #a0a0a0; border-radius: 8px; 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: 20px;}
/*.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; height: 217px;}

.photo_listW > ul > li .photo img {width:100%; height: 100%; display: block; object-fit: cover;}
.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:30px 15px 20px 15px; color: #000000; font-size:15px;  text-align: right;}
.photo_listW > ul > li .s_txt {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; font-weight:500; color:#000; height:20px; line-height:20px; padding-bottom:10px; font-size:16px; text-align: left;}
.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;}
.photo_listW > ul > li .txt_s {display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; text-align: left; line-height: 20px; height:60px; color: #666666;}
.photo_listW > ul > li .date {display: block; text-align: left; margin-top: 20px; color: #666666;}
.photo_listW > ul > li span {display: block; height: 100%;}




.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; border: #0e6ca7 1px solid;}
div.paging .direction > span{ position:absolute; top:-9999px; left:-9999px;}
div.paging .direction.prev{ margin-right: 20px;}
div.paging .direction.next{ margin-left: 20px;}
div.paging .direction.first:before{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 0px; width:10px; height:10px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(45deg);transform:rotate(45deg); }
div.paging .direction.first:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:10px; height:10px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(45deg);transform:rotate(45deg); }
div.paging .direction.prev:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:10px; height:10px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(45deg);transform:rotate(45deg); }
div.paging .direction.next:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:10px; height:10px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
div.paging .direction.last:before{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -8px; width:10px; height:10px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
div.paging .direction.last:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:10px; height:10px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg); }



/* 관리자 > 페이징 */

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

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

/*front 페이징 */
div.paging2{ text-align:center; padding:0; margin:60px 0 0 0; position:relative; clear:both;}
div.paging2 a,
div.paging2 strong{ position: relative; display:inline-block; height:40px; width:44px; line-height:36px; font-size: 18px; color:#999; text-align:center; vertical-align:middle; border: transparent 1px solid; overflow: hidden; padding: 0;}
div.paging2 .on:hover{ background-color: #fff; border: #00337b  1px solid;color:#00337b;}
div.paging2 .on{width:45px;height:45px;margin:0 12px;border-radius:45px;line-height:42px;background:#00337b;color:#fff;font-size:17px;font-weight:500;}
div.paging2 .direction{ position:relative; width: 40px; margin: 0 2px; background-color: #fff; /*border: #666 1px solid;*/}
div.paging2 .direction > span{ position:absolute; top:-9999px; left:-9999px;}
div.paging2 .direction.prev{ margin-right: 20px;}
div.paging2 .direction.next{ margin-left: 20px;}
div.paging2 .direction.first:before{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 0px; width:10px; height:10px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(45deg);transform:rotate(45deg); }
div.paging2 .direction.first:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:10px; height:10px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(45deg);transform:rotate(45deg); }
div.paging2 .direction.prev:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:10px; height:10px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(45deg);transform:rotate(45deg); }
div.paging2 .direction.next:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:10px; height:10px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
div.paging2 .direction.last:before{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -8px; width:10px; height:10px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
div.paging2 .direction.last:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:10px; height:10px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
@media screen and (max-width:480px){
	div.paging2 .direction{width:20px;height:20px;}
	div.paging2 .direction.prev{margin-right:10px;}
	div.paging2 .direction.next{margin-left:10px;}
	div.paging2 .on{width:40px;height:40px;line-height: 35px;margin:0;margin-right:10px;}
	div.paging2 a, div.paging2 strong{width:35px;height:35px;line-height: 35px;}
}
.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%;}
.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; border-bottom:#ccc 1px solid;}
.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;}


.file_wrap { display: flex;border:1px solid #dedede;border-radius:20px;}
.file_wrap .t_wrap{padding: 14px 20px;background:#f7f7f7;border-radius:20px 0 0 20px; }
.file_wrap > .a_wrap{float:right;width:87%;min-height: 53.8px;padding: 14px 20px 14px 0;}
.file_wrap .down_file{display:block;overflow:hidden;text-overflow:ellipsis;}

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; height:60px;margin-bottom:30px;}
.con-tab .inBx{ display: table; width: 100%; table-layout: fixed; margin: 0;}
.con-tab .itm{ width:20%; height:60px; float:left; text-align:center; background:#f0f0f0;}
.con-tab .itm > a{ display: block; width:100%; font-size:18px; color:#8e8e8e; font-weight:400; line-height:60px;}
.con-tab .itm.active {background:#1170c5;}
.con-tab .itm.active > a{  color: #fff;}

.con-tab.nn3 .inBx .itm{ width: 33.3%; }
.con-tab.nn5 .inBx .itm{ width: 20%; }
.con-tab.nn2 .inBx .itm{ width: 50%; }
.con-tab.nn1 .inBx .itm{width:100%;}
.scroll-bx{ border: #ccc 1px solid; padding: 1rem; overflow-y: auto; height: 280px;}


.sub-vis{/*margin-top: 90px;*//*height: 405px;*/background-size: cover !important;background-repeat: no-repeat !important;background-position: center center !important;}
.sub-vis #inner_wrap{padding:0;}
.sub01 .sub-vis{ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), transparent), url(../images/sub_vis5.jpg);}
.sub02 .sub-vis{ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), transparent), url(../images/sub_vis2.jpg);}
.sub03 .sub-vis{ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), transparent), url(../images/sub_vis2.jpg);}
.sub04 .sub-vis{ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), transparent), url(../images/sub_vis4.png);}
.sub05 .sub-vis{ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), transparent), url(../images/sub_vis4.png);}
.sub06 .sub-vis{ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), transparent), url(../images/sub_vis5.jpg);}

.sub-vis .vis-tit { padding: 14% 0 11%; position: relative;}
.sub-vis .vis-tit .tit{ font-size: 45px; color: #fff; font-weight: 600; display: inline-block; text-align: center; width: 100%;}
.sub-vis .vis-tit .eng_tit{ font-size:20px; font-weight: 500; color:#000;text-transform:uppercase; letter-spacing: 5px;margin-top: 20px;}

.sub-tab{border-top: rgba(255,255,255,.4) 1px solid;border-bottom:1px solid #e1e1e1; z-index:100;-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; }
.sub-tab .inBx{ width: 100%; margin: 0 auto; text-align: center;}
.sub-tab .inBx .swiper-wrapper{ text-align: center; display: block;}
.sub-tab .inBx .itm{ display: inline-block; width: auto;}
.sub-tab .inBx .itm + .itm{ margin-left: 60px;}
.sub-tab .inBx .itm a{ position: relative; display: block; height: 60px; line-height: 60px; text-align: center; font-size: 18px; }
.sub-tab .inBx .itm a::after{ content: ''; display: block; position: absolute; bottom: -2px; left: 0; width: 100%; height: 4px; background-color: #ffbb61; opacity: 0;}
.sub-tab .inBx .itm.active a{ opacity: 1; font-weight:500;}
.sub-tab .inBx .itm.active a::after{ opacity: 1;}
.sub-tab .list div a.active{color:red;}

.locationBar{ height:73px; z-index:1; position: relative; top: -73px; width: 100%; max-width: 1400px; margin: 0 auto;}
.locationBar .location.depth1{height:100%;}
.locationBar ul{display:flex;justify-content: flex-start;height: 100%;line-height: 73px;}
.locationBar ul li{height:100%;padding: 0 25px; font-size:18px;color:#747474; font-weight:400; min-width: 360px; background: #DEDEDE; border-radius: 12px 12px 0 0;}
.locationBar ul li a{display:block;width:100%;height:100%; color: #747474; position: relative;}
.locationBar ul li a:after {
	display: inline-block;
	content: "";
	background: url(../images/sub_depth_arrow.png) no-repeat right;
	width: 24px;
	height: 24px;
	position: absolute;
	right: 0;
	top: 40%;
}
.locationBar ul li:hover a:after {transform: rotate(45deg); transition: all 0.3s;}
.locationBar ul li.active {background: #Fff;}
.locationBar ul li.active a{color: #0061AC; font-weight:500;}
.locationBar ul li.active a:after {transform: rotate(45deg); filter: invert(26%) sepia(85%) saturate(1372%) hue-rotate(184deg) brightness(92%) contrast(104%);}

.sub_location {width: 100%; max-width: 1400px; margin: 0 auto; display: flex; justify-content: flex-end;}
.sub_location span { position: relative;display:inline-block;padding-left:22px;font-size:16px;font-weight:400; color: #999;}
.sub_location .loc:before {display: block; content: ""; width: 6px; height: 9px; background: url("../images/sub_location_arrow.png"); border-radius:100%; position: absolute; left: 8px; top: 8px; filter: invert(69%) sepia(5%) saturate(0%) hue-rotate(183deg) brightness(87%) contrast(90%);}
.sub_location span.home{padding-left:0;}
.sub_location span.home img{vertical-align:top; margin-top: 2px;}


.contents_wrap{ padding: 100px 0 150px; margin: 0 auto; /*max-width: 1400px; min-height:1000px;*/}
h2.h2-tit{position:relative;margin-bottom:8px;color: #000; font-size: 36px; font-weight:700;font-family: 'NanumSquare';}
h2.h2-tit.ico{background:url("../images/h2-tit_ico.svg")no-repeat center left 286px;background-size:26px;}
p.p_tit{font-size:17px;color:#4d4d4d;font-family:'Noto Sans KR', Sans-serif;font-weight:400;}
.h3-tit-wrap{position:relative; margin-top: 50px;margin-bottom:100px;}
.h3-tit-tab{position:relative;font-size:35px;font-weight:700;}
.h3-tit-tab:after{content:'';display:block;position:absolute;top:2px;left:-16px;width:10px;height:10px;border-radius:10px;background:#00a0e9;}
h3.h3-tit{position: relative;margin-bottom: 80px;color: #101010;font-size: 43px;font-weight: 700;text-align: center;}
/*h3.h3-tit::after{position: absolute;left: 50%;content: '';display: block;background-color: #00337b;height: 38px;width: 2px;bottom: -55px; transform: translateX(-50%);}*/
h4.h4-tit{ position: relative; margin: 80px 0 30px; font-size: 30px; 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}
h4.h4-tit.blt4 { position: relative; display: inline-block; color: #000; font-size: 1.875rem; font-weight: 600; margin-bottom: 0;}
h4.h4-tit.blt4::after {content:""; width: 10px; height: 10px; border-radius: 50%; background: #38b4e5; margin-left:6px; bottom: 0; display: inline-block;}
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;}

h4.h4-eng{margin-bottom:15px;color:#e5e4e4; font-size:36px; font-weight:700;font-family:'Gmarket Sans';text-align:center;}
h4.h4-ko{font-family:'Gmarket Sans';font-weight:500;font-size:40px;text-align:center;}
h4.h4-ko > span{color:#0e6baf;}

h6.sec_tit{position:relative;font-weight:500;font-size:24px;margin-bottom: 35px;}

.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 {text-align:center;width:100%;padding-top: 80px;margin-bottom:20px; background: #fff;overflow: hidden;}
.bbs_search_in { position:relative;height:54px;padding-left:150px; float: right;}
.bbs_search_in .btn_search { position:absolute; right:0px; top:0px;}
.bbs_search_in .select {position:absolute; left:0px; top:2px;}
.bbs_search_in #searchstr {width:100% !important;}
.bbs_search .select {vertical-align:middle; width:120px; height:50px;background-color:transparent;font-family: 'Noto Sans KR', '돋움', 'Dotum', Apple Gothic, Tahoma, Verdana, sans-serif;     margin-bottom: 0;}
.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: #37bef5 url(../images/ic_sch_w.png) 50% 50% no-repeat; display: inline-block; zoom: 1; border-radius: 5px;text-indent: -9999px; width: 75px;
	height: 40px; display: inline-block; vertical-align: middle; }
.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;}

.bbs_search .inp-bx{position:relative;width:400px;}
.bbs_search .inp-bx a.sch, .bbs_search .inp-bx input.sch{position:absolute;display: block;top: 50%;transform: translateY(-50%);right: 30px;width: 25px; height: 25px; background: url(../images/header_ic_search.png) 50% 50% no-repeat;

	text-indent: -9999px; background-size: cover; }

.bbs_search .inp-bx input{width:100%;height: 50px;background: #f5f5f5; text-indent: 10px; line-height: 50px;border-radius: 80px;border:none; margin-bottom: 0;}

.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 20px;}
.btn-tl {text-align: left; padding: 30px 0px; border-top:1px solid #333333; margin-top: 30px;}
.btn-tr {text-align: right; padding: 30px 0px; border-top:1px solid #333333; margin-top: 30px;}
@media screen and (max-width:480px){
	.btn-tr>a{min-width:100%;}
	.btn-tr>a+a.btnRound{margin-left:0;margin-top:10px;}
}


.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;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%;}
.small_tit {text-align: center; font-size: 16px; color: #666666;}



.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:240px; height: 60px; line-height: 60px;background:#333333;; letter-spacing: -1px; color: #fff; text-align:center; font-size:20px; font-weight:500; border-radius: 8px;}
.btnStrong span {padding:0px 30px; height:56px; line-height:56px; font-size:18px;}
.btnStrong.cancel {background:#fff; border:1px solid #333333; }
.btnStrong.cancel span {color:#666; height:56px; line-height:56px; font-weight:400; }

.btnWrite_wrap{overflow:hidden;}
.btnWrite{ margin-top: 20px;float: right;display:block;width:160px;height:46px; text-align:center;line-height:46px;background:#000;color:#fff;}

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

.btn-tc {margin-top:90px;text-align: center;}

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

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


/* 500px �댄븯 */
@media screen and (max-width:499px) {
	.btnNormal {font-size:13px;}
	.btnNormal span {padding:0px 12px; height:30px; line-height:29px;}
	.btnNormalB {font-size: 13px;}
	.btnStrong span {height:52px !important; line-height:50px !important; font-size:17px;}
	.btnStrong.cancel span {height:50px !important; line-height:48px !important;}

	.btnSmall span {white-space:none; padding: 3px 8px;}
	.btnSmall span.bd {border:1px solid #003876;}
	a.radius {border-radius:0px !important}

}


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

.btn{ min-width:150px; padding:0 30px; display:inline-block;  vertical-align:middle; line-height:48px; margin:0; letter-spacing:-0.05em; white-space:nowrap; height:50px; color:#222; text-align:center; background-color:#fff; border: #333 1px solid;}
.btn.orange{ border-color:#e96220; color: #fff; background-color: #e96220;}
.btn.blue{ border-color:#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: #a0a0a0 1px solid; border-radius: 8px; padding: 0 30px}
.faq-wr li {display: block;}
.faq-wr li:last-child dt{border-bottom: #fff 1px solid;cursor:pointer;}
.faq-wr li:last-child dd { margin-bottom: 30px;}
.faq-wr dt{ position: relative; padding: 30px 120px 30px 90px; font-size: 18px; border-bottom: #ddd 1px solid;}
.faq-wr dt.active{border-bottom: #fff 1px solid;}
.faq-wr dt.active i{color: #1170c5;}
.faq-wr dt::after{ content: ''; display: block; width: 18px; height: 9px; background:url(../images/faq-wr_arrow.png); position: absolute; top: 50%; right: 30px; margin-top: -4.5px; -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(-180deg); margin-top: -6px;}
.faq-wr dt a{ color: #333;}
.faq-wr dt i{ position: absolute; display: inline-block; color: #333; font-weight: 600; position: absolute; top: 30px; left: 30px; font-size: 20px;}
.faq-wr dd{ position: relative; padding: 30px 120px 30px 90px; background-color: #f7f7f7; border-radius: 20px;}
.faq-wr dd i{ position: absolute; display: inline-block; color: #1170c5; font-weight: 600; position: absolute; top: 50%; left: 30px; margin-top: -.5em; font-size: 20px;}


.sns_noti{margin-left:80px;}
.radio_wrap{display:inline-block;}
.radio_wrap + .radio_wrap{margin-left:20px;}
.short .radio_wrap + .radio_wrap{margin-left:0px;}

.n_login .sec1{padding: 30px 0;}

/*===========================반응형=========================*/
@media screen and (max-width: 1850px) {
	#header .inner h1.logo {left: 0px;width:200px;}
	#header .inner h1{width:220px;left:20px;}
	#header .inner { padding-left: 230px;}
	#header .gnb_left ul{right:10px;}
	#gnb-wrap { padding-left: 120px;}
	#header .inner h1.logo2{left:175px;width:200px}
}
@media screen and (max-width:1650px){
	#gnb > li > a { padding: 0 25px;}

}
@media screen and (max-width:1550px){
	.language_box{right:280px}
}
@media screen and (max-width:1480px){
	#gnb > li > a{padding:0 15px}
}
@media screen and (max-width:1340px){
	#header .inner h1.logo{width:150px}
	#header .inner h1.logo2{left:155px;width:150px}
	#gnb-wrap{padding-left:80px}
	.language_box{right:260px}
}



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


	#header .inner { padding-left: 220px;}
	#gnb > li > a{padding: 0 15px; font-size:17px;}


	#footer .footer-wrap { width: 95%; }

	.location{max-width:100%;width:100%;}



}

@media screen and (min-width:1400px){

	.sub-vis > div{max-width:1400px; margin: 0 auto;}

}

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



	#quick{ display: none;}
	.sub-vis{padding-left:15px;padding-right:15px;}




}


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


	#footer { padding: 45px 0; }

	#footer .title { font-size: 22px; }
	#footer .border { margin: 15px 0; }
	#footer address, #footer .copyright { font-size: 12px; line-height: 20px; }
	#footer address, #footer address a{margin-top: 20px;font-size:13px;}
	#footer .center { width: 34%; }
	#footer .tel { font-size: 12px; }
	#footer .tel span { font-size: 24px; }
	#footer .contact { width: 130px; height: 50px; line-height: 50px; font-size: 14px; }
	#footer .right { margin-bottom:20px; }
	#footer select { font-size: 14px; }

}



@media screen and (max-width: 1280px) {
	#wrap{ min-width: auto;}
	#header .gnb_left ul {right: 103px;}
	#header .burger{display:block;position: absolute;right: 34px;top: 50%;transform: translateY(-50%);}
	#header{/*height:80px;*/ background-color: #fff;}
	#header .bt-mn{ display: block;}
	#header .inner h1.logo{ left: 20px;width:200px }
	#header .inner h1.logo2{ left: 200px;width:200px }
	.language_box{right:370px}
	#header .bt-sch{ display: block;}
	#header .hd-schbx{top:80px;}
	#header #gnb-wrap{ display: none;}

	/*#header .bt-login,
	#header .bt-sch{background-position:center top 25px;}
	#header .burger{background-position:center top 27px;}
	*/
	.locationBar.three_depth .location{width:250px;}




}


@media screen and (max-width: 1100px) {
	#header .inner {padding-left: 250px;}

	#gnb > li > a{font-size:18px;}
	.footer_top ul{margin-left:20px;}
	.footer_top ul li a{font-size:13px;}


	.n_join .chk_id, .n_join .chk_mail{display:block;margin-left:0;margin-top:10px;}


}

@media screen and (max-width: 1024px) {
	#footer .tel { line-height: 30px; }
	#footer .right { width: 100%;  display: flex; flex-wrap: wrap; justify-content: space-between; }


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


	p.eng-tit { margin-bottom: 100px; }
	.backslash{background:none;padding: 20px 10px!important;}

	/*.bbs_search { padding: 0; }
	.bbs_search_in{float:none;width: fit-content; margin: 0 auto;}*/

	.locationBar.three_depth .location{width:200px;}

	.n_join .member_type{margin-left:0!important;display:block;}

	.radio_wrap{display:block;}
	.radio_wrap + .radio_wrap{margin-left:0;}

	.tbl_scroll{width:100%;overflow-x:auto;}
	.tbl_scroll > table.list{min-width:80rem;}


	.photo_listW > ul > li .txt { padding: 30px 15px 20px 15px;}

	aside{bottom:50px;right:25px;}

}

@media screen and (min-width:1280px){
	.panel{width:30%; right:-30%;}

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

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

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

	#searchstr {width: 100% !important;}
	table.board-list td {padding:12px 0;}

}




@media screen and (max-width: 900px){
	.footer_top{height:auto;}
	.footer_top ul li {width: 28%;}
	.footer_top ul li + li,.footer_top ul li:nth-child(1){margin: 0;}
}
@media screen and (max-width:850px){
	#header .inner h1.logo{left:10px;width:150px}
	#header .inner h1.logo2{left:170px;width:150px}
	.language_box{right:80px}
}

@media screen and (max-width: 833px) {
	#footer .policy {margin-top: 10px;}
}

@media screen and (min-width:641px) and (max-width:1023px){



	.fixed .sub-tab{top:80px;}

}


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

	#header .hd-schbx .schInbx{max-width:90%;}
	#header .hd-schbx .inp-bx{padding-right:0;margin-right:0;max-width: 100%;}
	#header .hd-schbx .tit{display:none;font-size:20px;}

	#footer .address span:nth-child(even) {margin: 0 10px;}
	#footer .address span.benone{display:block;}
	#footer .left{margin-top: 15px;margin-right:0;}
	#footer .policy {margin-top: 20px;}
	#footer{padding: 20px 0px; }
	#footer .title { font-size: 20px; }
	#footer .border { width: 50px; height: 2px; margin: 10px 0; }
	#footer address, #footer .copyright { line-height: 18px; }
	#footer .tel { line-height: 22px;  }
	#footer .tel span { font-size: 20px; }
	#footer .contact { width: 200px; height: 30px; line-height: 30px; margin-top: 10px; font-size: 12px; font-weight: 100; }
	#footer .right{margin-bottom:10px;}
	#footer .right img { width: 170px; }
	#footer .sitemap { position:relative; width: 45%; height: 35px; line-height: 35px; font-weight: 700; margin: 20px auto 0;  padding-left: 10px; }
	#footer .sitemap ul{left:50%;transform:translateX(-50%);width:100%;background:#535353}
	#footer .sitemap a{text-align:center;padding-left:0}
	p.eng-tit { margin-bottom: 60px; }
}

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


	.locationBar.three_depth .location{width:28%;}
	.locationBar.three_depth .location .bt::after{right:5px;}
	.locationBar.three_depth .location ul li a { padding: 5px 0 5px 10px;}
	.photo_listW > ul > li .tit{font-size:1.6rem;}

	.n_login .login_wrap { padding: 50px 30px;}
	.n_login .login_wrap .login_bt .btn,
	.n_login .login_wrap .join_go a{font-size:16px;}

	.sub_location{margin-top:10px;}
	.sub-vis {margin-top: 70px;}


}




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

@media screen and (min-width:641px) and (max-width:1023px){


	.con-tab.nn2 .inBx .itm{ width: 50%; }



	table.data .gloAbo02w01{ width: 14%;}
	table.data .gloAbo02w02{ width: 16%;}
	table.data .gloAbo02w03{ width: 14%;}
	table.data .gloAbo02w04{ width: 28%;}

	table.list .noti-c01{ width: 80px;}
	table.list .noti-c03{ width: 120px;}
	table.list .noti-c04{ width: 100px;}
	table.list .noti-c05{ width: 100px;}

	.tbl-scroll{ width: 100%; overflow-x: auto;}

	.tbl-sch{ padding: 1rem;}
	.tbl-sch::after{ content: ''; display: block; clear: both;}
	.tbl-sch .select{ float: left;}
	.tbl-sch .inp-bx{ position: relative; padding-right: 45px; width: calc(100% - 210px); margin-left: 10px;}
	.tbl-sch .inp-bx .sch{ position: absolute; top: 0; right: 0; width: 45px;}

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



}

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

	.locationBar ul li{padding:0;}

}

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


	#header .inner h1.logo { left: 6px;}
	#header .gnb_left ul{display:none;}
	#header{ height: 70px; background-color: #fff;}
	#header .bt-login,#header .bt-sch	{padding-top:0px;}
	#header .burger{right:18px;background-size: 80%;}

	#header .header-top{ display:none; }
	#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 .bt-mn {width: 30px;height:34px;}
	#header .hd-schbx{top:69px;padding: 30px 0;}
	#header .inner h1 {width: 140px;}
	#header .hd-schbx .inp-bx .sch{width:50px; height:50px;top:auto;bottom:0;}

	#header .a_list{right:20px;}
	#header .hd-schbx .inp-bx .inp{height:50px;line-height:50px;}

	.panel_top ul:after{top:4px; left:40%;}

	#footer{text-align:center;}
	#footer .right,
	#footer .footer-wrap{justify-content: center;}

	aside{bottom:40px;right:20px;width:40px;height: 40px;text-indent: -999em;}


	.board-write td{height:auto;}
	.board-write.long{ min-width: 0;}
	.board-write.long, .board-write.long tbody {display: block}
	.board-write.long thead, .board-write.long colgroup { display: none;}
	.board-write.long tr {display: flex;justify-content: space-between;flex-wrap: wrap;}
	.board-write.long tr th{order:1;width:30%;}
	.board-write.long tr td { order: 1;  width: 70%;}
	.board-write th.condition{width:100%!important;}

	.board-write.long  tr:first-child th,
	.board-write.long tr:first-child td{border-top:1px solid #ccc;}

	.board-write .input {min-height:36px !important; line-height: 36px !important; padding-left: 5px;}

	.board-write .w_cell{display:none;}
	.board-write col.long{width:21%;}

	.board-write th,
	.board-write td{padding:10px!important;}
	/* 	.board-write tr:first-child th:nth-child(2){border-radius: 50px 0 0 50px;} */
	/* 	.board-write tr:first-child th:nth-child(3){border-radius: 0 50px 50px 0;} */
	.board-write tr:first-child th.round_none{border-radius: 0;}
	.board-write tr:first-child th.round{border-radius: 0 50px 50px 0;}



	.sub-tab .inBx .swiper-wrapper{ display: flex; justify-content: center;}
	.sub-tab .inBx .itm{ width: auto !important;}
	.sub-tab .inBx .itm a{ padding: 0 1.5rem; white-space: nowrap;}
	.sub-tab .inBx .itm a::after{ height: 2px;}

	/*.sub-vis{margin-top: 70px;height:300px;}*/
	/*.sub-vis .vis-tit {padding-top: 70px;}*/
	.sub_location span{font-size:1.5rem;}

	.locationBar{width:100%;height:60px;}
	.locationBar .location .bt{padding: 0 20px;line-height:60px;font-size:15px;width: 99%; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
	.locationBar .loc-h a{width: 55px;height: 55px;}
	.locationBar .location .bt::after{top:37%;right:16px;margin-top:0;width:16px;height:16px;background-size:contain;}
	.locationBar .location ul{height:60px;line-height:60px;justify-content: space-evenly;}
	.locationBar:after{display:none!important;}
	.locationBar .location .bt.active{ box-sizing: content-box; width: calc(100% - 40px);height: 99%;}
	.locationBar .loc-h:after{width:100%;}
	.locationBar ul li{padding:0;font-size:1.4rem;}
	.sub_location span.home img{width:15px;margin-top: 5px;}

	.con-tab .inBx{ display: block;}
	.con-tab .inBx .itm{ display: block; float: left; margin-bottom: 0;}
	.con-tab .itm + .itm{ margin-left: 0; border-left: #c5c5c5 1px solid;}
	.con-tab .inBx::after{ content: ''; display: block; clear: both;}

	.tbl-sch{ padding: 1rem;}
	.tbl-sch::after{ content: ''; display: block; clear: both;}
	.tbl-sch .select{ float: left;}
	.tbl-sch .inp-bx{ position: relative; padding-right: 45px; width: calc(100% - 210px); margin-left: 10px;}
	.tbl-sch .inp-bx .sch{ position: absolute; top: 0; right: 0; width: 45px;}

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

	.tbl-edu01 table.list colgroup,
	.tbl-edu01 table.list thead{ display: none;}
	.tbl-edu01 table.list tbody tr{ display: block; border-bottom: #ccc 1px solid; padding: .5rem;}
	.tbl-edu01 table.list tbody tr::after{ content: ''; display: block; clear: both;}
	.tbl-edu01 table.list tbody td{ display: inline-block; border:none; padding: .5rem 0; text-align: left; width: 33%; float: left;}
	.tbl-edu01 table.list tbody td.edu01-1{ display: none;}
	.tbl-edu01 table.list tbody td.edu01-2{ display: block; color: #333; width: 100%;}
	.tbl-edu01 table.list tbody td.edu01-9{ width: 100%; text-align: center;}
	.tbl-edu01 table.list tbody td.edu01-9 .btn{ width: 40%; display: inline-block; margin: 0 !important;}
	.tbl-edu01 table.list .edu01v-1{ display: none;}
	.tbl-edu01 table.list .edu01v-2{ width: 100%;}
	.news-list .itm .desc{ padding-left: 20px;}

	.join_type > dl {width: 50%;}
	.join_type > dl.ico03 {border-left:1px solid #ccc; }
	.join_type.two > dl {float: none; width: 100% !important; padding:20px 10px 20px 10px !important; border: 1px solid #ccc;}
	.join_type.two > dl > dt strong {min-height: auto; padding-bottom: 10px;}
	.join_type.two > dl > dd {font-size: 14px; min-height: auto; padding-bottom: 10px;}
	.join_type.two > dl > dd br {display: none;}

	.join_type.two > dl > dd.bt {padding-bottom: 0px;}
	.join_type.two > dl > dd.bt a {display: block;}

	.join_step > ol > li {text-align: center; padding: 5px 10px;}
	.join_step > ol > li.on {background: none;}

	.member_ok {font-size:22px;}



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

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

	.ev_tb tbody tr td {height:75px;}

	#searchstr {width: 100% !important; margin-bottom: .5rem;}


	.gnb .main_nav{background-position:center right 20px;}
	.gnb .main_nav{padding-left:20px; height:50px;line-height:50px;font-size:1.7rem;}
	.gnb .sub_nav{padding:20px 0 20px 20px;}
	.gnb .sub_nav a{font-size:1.6rem;}

	.panel .bt-close{right:24px;}
	.panel_top ul{padding-left:20px;top:40px;}

	.photo_listW li .txt {font-size:13px;}

	.photo_listW > ul {display: block;}
	.photo_listW > ul > li { width: calc((100% - 20px)/2);}
	.photo_listW > ul > li + li {margin-left: 20px;}
	.photo_listW > ul > li:nth-child(odd){margin-left:0px;}



	table.list thead th{font-size:1.3rem!important;}
	table.list tbody td {padding: 1.5rem;}

	.table_scroll{overflow-x:auto;}
	.table_scroll > table.list2{min-width:74rem;}
	.m_th {width: 85px!important;}
	.gnb .sub_nav li:after{top:9px;}

	.bbs_search .inp-bx{height:50px;line-height:45px;}
	.bbs_search .select{height:45px; line-height: 45px;}

	.h3-tit-tab{padding-left:20px;font-size:2.2rem;}
	.h3-tit-tab:after{top:12px;left:0;}
	.h3-tit-wrap{margin-bottom:60px;}


	h3.h3-tit{ font-size: 2.2rem;margin-bottom: 40px; }
	h3.h3-tit::after {height: 20px; bottom: -30px;}
	h4.h4-tit{ font-size: 1.8rem; margin: 0;}
	h5.h5-tit{ font-size: 1.6rem;}
	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;}
	.dot_tit{font-size:1.8rem!important;}
	h4.h4-eng{font-size:1.7rem;}
	h4.h4-ko{font-size:1.8rem;}

	.sub-tx{ margin: 0 0 2rem; font-size: 1.5rem;}

	table.list2 thead th,
	table.list2 tbody td{padding:10px;word-break: keep-all;}

	.tbl_scroll{width:100%;overflow-x:auto;}
	.tbl_scroll > table.list{min-width:110rem;}
	.tbl_scroll.big > table.list{min-width:125rem;}
	.tbl_scroll > table.board-write{min-width:60rem;}
	.tbl_scroll > table.board-write.huge{min-width:80rem;}



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


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

	.view_tit, .view_tit h3{font-size:1.8rem;}

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



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

	ul.ul-list01 > li + li{ margin-top: 1rem;}
	ul.ul-list01 > li p{ padding-left: 1rem;}

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

	.tit-area { margin: 3rem 0 2rem;}

	.scroll-bx{height: 14rem;}

	.no-txt{ padding: 5rem 0; font-size: 1.3rem;}
	.no-txt b{ font-size: 2rem; margin-bottom: 1rem;}
	.no-txt i{ width: 10rem; margin: 0 auto 3rem;}

	.tbl-tsch{ padding: 1rem; display: block; margin-bottom: 3rem;}
	.tbl-tsch .itm{ flex: none; width: 100%;}
	.tbl-tsch .itm::after{ content:''; display: block ;clear: both;}
	.tbl-tsch .itm .select{ width: 49%; height: 34px; line-height: 34px;}
	.tbl-tsch .tbl-sch{ margin-top: 1rem;}
	.tbl-tsch .tbl-sch .select{ width: 100%; height: 34px; line-height: 34px;}
	.tbl-tsch .tbl-sch .inp-bx{ width: 100%; margin-top: 1rem;}
	.tbl-tsch .inp{ width: 100%; min-width: auto; height: 34px; line-height: 34px;}

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



	.gallery-list{ margin-left: 0;}
	.gallery-list .itm{ width: 100%; margin-left: 0;}
	.gallery-list .itm .desc{ padding: 1rem; height: auto;}
	.gallery-list .itm .desc .hd{ font-size: 1.8rem;}
	.gallery-list .itm .desc .bd{ margin-top: 1rem; height: 3.5rem;}
	.gallery-list .itm .desc .date{ margin-top: 1rem;}

	.eduVew-hd{ display: block; padding: 1rem;}
	.eduVew-hd .hd{ display: block; width: 100%; font-size: 1.6rem; padding-left: 3rem; background-size: 1.6rem; background-position: 0 1rem;}
	.eduVew-hd .bd{ display: block; width: 100%; margin-top: 1rem; font-size: 1.3rem; text-align: left; padding-left: 3rem;}

	.prof-list{ margin-top: -3rem;}
	.prof-list .itm{ width: 100%; display: block; margin: 3rem 0 0 0;}
	.prof-list .itm .thumb{ display: block; margin: 0 auto;}
	.prof-list .itm .thumb .btn{ margin-top: .4rem;}
	.prof-list .itm .desc{ padding: 1rem 0 0;}
	.prof-list .itm .desc .tx01{ font-size: 1.5rem;}
	.prof-list .itm .desc .tx01 b{ font-size: 1.8rem;}
	.prof-list .itm .desc ul{ margin-top: 1rem;}
	.prof-list .itm .desc ul li + li{  margin-top: .6rem;}

	.btnStrong { height: 50px; line-height: 50px;}
	.btnStrong span{font-size:1.5rem;height: 50px;line-height: 50px;}
	.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;}

	.faq-wr {padding:0 20px 30px;}
	.faq-wr dt{ padding: 2rem 4rem 2rem 5rem; font-size: 1.4rem;}
	.faq-wr dt i{ position: absolute; top: 1.5rem; left: 1rem; font-size: 1.8rem;}
	.faq-wr dt.active::after{ margin-top: -.2rem;}
	.faq-wr dd{ padding: 1rem 4rem 1rem 5rem}
	.faq-wr dd i{ position: absolute; left: 1rem; font-size: 1.8rem;}


	.file_wrap > .a_wrap {width: 70%;}

	table.list2 thead td { padding: 22px 10px;word-break: keep-all;}
	table.list2 td.left{padding-left:10px;}

	h2.h2-tit{font-size:2.2rem; }
	h2.h2-tit.ico{background: url(../images/h2-tit_ico.png)no-repeat center left 180px;}

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

	.btn-tc.three .btnStrong {min-width: 85px;}

	.locationBar ul li a{padding:0;}

}

@media screen and (max-width:640px){
	.photo_listW > ul > li { width: 100%; margin-left: 0;}
	.photo_listW > ul > li + li { margin-left: 0;}
	.btn-tc {display: flex;flex-direction: column;}
	.btn-tc a + a{margin-top:10px;}
	#wrap{ min-width: auto;}


	.panel_top{height:70px;}
	.panel_top ul{top:26px;}
	.panel_top ul > li{padding-left:0;background:none;}
	.panel_top ul > li:first-child:after{top:20px;}




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



	html{ font-size: 10px;}

	body{ font-size: 1.3rem;}

	input[type=text],
	input[type=password]{ height: 40px; line-height: 40px; padding: 0 10px; font-size: 1.3rem;}
	input[type=text], input[type="password"], input[type="search"], input[type="email"],
	input[type="url"], input[type="number"], input[type="tel"], select, textarea{padding: 0 10px;}

	select{ font-size: 1.4rem!important; height: 40px; line-height: 40px;}

	.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;}
	.contents{padding:50px 0 90px!important;}

	/*.sub-vis{height:220px;}*/
	.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;}


	.sub01 .sub-vis{ background-image: url(../images/sub_vis1_m.png);}
	.sub02 .sub-vis{ background-image: url(../images/sub_vis2_m.png);}
	.sub03 .sub-vis{ background-image: url(../images/sub_vis3_m.png);}
	.sub04 .sub-vis{ background-image: url(../images/sub_vis4_m.png);}
	.sub05 .sub-vis{ background-image: url(../images/sub_vis5_m.png);}
	.sub06 .sub-vis{ background-image: url(../images/sub_vis6_m.png);}

	.sub-tab .inBx{ width: 100%;}
	.sub-tab .inBx .swiper-wrapper{ display: flex;}
	.sub-tab .inBx .itm{ width: auto !important;}
	.sub-tab .inBx .itm + .itm{ margin-left: 0;}
	.sub-tab .inBx .itm a{ height: 4rem; line-height: 4rem; font-size: 1.3rem; padding: 0 1.5rem; white-space: nowrap;}
	.sub-tab .inBx .itm a::after{ height: 2px;}


	.sns_noti{margin-left:0px;}

	.call_text input{display:block;max-width:100%!important;}

	.bbs_search .inp-bx {width: 286px;}

	.locationBar.long {overflow-x: scroll;overflow-y: hidden;}

}




/* 600px 이하 */
@media screen and (max-width:599px) {
	table tbody td {font-size:1.4rem !important;}
	table tbody th {font-size:1.5rem !important;}
	table thead th {font-size:1.5rem !important;}
	table.list tbody td span.sub{font-size:1.2rem;}

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

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

	.paging a.first, .paging a.last {width:28px; height: 28px;}
	.paging a.next {width: 28px; height:28px; margin-left:0px;}
	.paging a.prev {width: 28px; height:28px; margin-right:0px;}
	.table_view_list {margin-left: -15px;}
	.table_view_list > li.fr {float: left !important}
	.table_view_list > li {margin-right: 15px; padding-left: 15px;}


	.photo_listW li {width:50%;}
	#searchstr {width: 100% !important;}
	.join_step {margin-bottom: 30px;}
	.join_step > ol > li .num {font-size: 14px;}
	.join_step > ol > li .txt {font-size:18px;}






}


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

	#footer .sitemap{width:80%}

	#header .inner h1.logo{width:120px;}
	#header .inner h1.logo2{left:130px;width:120px;}
	.language_box{right:55px}
	#footer address p > span:last-child{display:block;}
	#footer address span:nth-child(even){margin: 0;}
	#footer .right{margin-top:0;}
	#footer address span::before{display:none;}
	#footer address span:first-child:before{display:none;}
	#footer .policy span + span::before{top:6px;}
	#footer .address, #footer .address a{font-size:1.2rem;}
	#footer .policy a{font-size:1.3rem;}


	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;}
	.photo_listW > ul > li + li {margin-left: 0px;}

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

	.bbs_search {padding:40px 0 10px 0;}
	.bbs_search {margin-bottom:10px;}
	.bbs_search_in {padding:0px;}
	.bbs_search_in .select { position:relative; margin-bottom:5px; width:100%;}
	.bbs_search_in .btn_search { position:relative; display:block; margin:5px 0px 0px 0px; width:100%;}
	.bbs_search .two_col .btn_search {height:40px;}
	.bbs_search_in.two_col .two_cell {/*padding-left: 80px;*/ margin-bottom: 0px;}
	.bbs_search_in.two_col .two_cell .pa {font-size: 13px; }


	.list_photo li {padding:15px 0px;}
	.list_photo li > a {padding-left:130px; min-height:120px;}
	.list_photo li .pic {width:120px; height: 120px;}
	.list_photo li .name {padding:2px 13px;}
	.list_photo li .txt_t {font-size:15px; margin:5px 0px;}
	.list_photo li .txt {font-size:12px; line-height:18px; margin-top:2px; padding-left: 60px;}

	.view_sns li a {width:24px; }

	/*	.locationBar.long .location{white-space:nowrap; overflow-x: auto;overflow-y:hidden;}
        .locationBar.long .location li{display:inline-block;}
     */
	.xans-board-commentwrite span.ib {display:block !important; width:100%;}
	.xans-board-commentwrite span.ib label {display: inline-block; vertical-align: middle; min-width:70px;}
	table .w_cell { display:none;}
	table .w_date {width:30%;}
	.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;}

	#footer .address span:last-child{display:block;}
	#searchstr {width: 100% !important;}
	#footer .policy span + span{margin-left:18px;}
	#footer .left, #footer .center { width: 100%; }
	#footer .center { margin-top: 20px; }
	#footer .title { font-size: 18px; }
	#footer .border { height: 1px; margin: 8px 0; }
	#footer .copyright { margin-top: 5px; }
	#footer .tel { letter-spacing: -0.5px; }
	#footer .contact { width: 120px; }
	.footer_top ul li{width:50%;}
	.footer_top ul li:nth-child(1):after,
	.footer_top ul li:nth-child(3):after,
	.footer_top ul li:nth-child(5):after{display:none;}

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

	.bbs_search_in{width:90%;}
	.bbs_search .inp-bx{width:100%;}
	.bbs_search .inp-bx input{height: 40px;line-height: 40px;}
	.bbs_search .select{ margin-left: 0; height:40px;line-height: 40px;}

	select { background-position: center right 10px;}

	.bbs_search_in{height:auto;float:none;margin: 0 auto;}
	.bbs_search .inp-bx a.sch{background-size:20px;right:5px;}

}

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


	.locationBar.long .location {max-width: 40rem; width: 40rem;}
	.locationBar ul li a{padding: 0px;}

	.n_join a.chk_add{margin-left:0;margin-top:10px;}


}

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


	#header .inner h1.logo {width:180px;left: 5px;}
	#header .gnb_left{right: -60px;}

	#footer address, #footer address a{font-size:12px;}
	#footer .policy span + span{margin-left: 20px;}
	#footer .policy span + span::before{left:-12px;}

	.locationBar .location .bt {padding: 0 24px}

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

	#searchstr {width: 100% !important;}


	.file_wrap > .a_wrap {width: 65%;}

	.locationBar.three_depth .location{width:27%;}
	.locationBar.three_depth .location .bt::after{display:none;}

	.btn-tc.three .btnStrong { min-width: 70%;}
	.btn-tc > a { margin: 5px;}

	.locationBar ul li a { padding: 0 0;}

	table tbody td,
	table thead  th { font-size: 1.3rem!important;}

}



/************************************************
	width
************************************************/
.wid10 { width: 10%; }
.wid20 { width: 20%; }
.wid30 { width: 30%; }
.wid40 { width: 40%; }
.wid50 { width: 50%; }
.wid100 { width: 100%; }


.text_left { text-align: left;}
.text_center { text-align: center;}

/* 게시판반응형 */

@media screen and (max-width:1024px){
	.board-write tr  { flex-wrap: wrap; display: flex;}
	.board-write thead { background: #f7f7f7; padding: 25px; border-radius: 35px; display: block;}
	.board-write thead  th {margin: 0 5px 5px; flex: 0 0 auto; width: calc(33% - 10px); background: none; padding: 0; position: relative;}
	.board-write thead  th:nth-child(1) {display: none; flex: 0 0 auto;}
	.board-write tbody > tr {flex-wrap: wrap;}
	.board-write tbody > tr > td:nth-child(1) { display: none;}
	.board-write tbody > tr > td { border-top: 0; margin: 0 5px 5px; flex: 0 0 auto; width: calc(33% - 10px); height: auto; padding: 25px; position: relative}
	.board-write tbody > tr+tr { border-top: 1px solid #ddd;}

	.board-write  colgroup { display: none;}

}


@media screen and (max-width: 640px){
	.board-write { padding: 20px 10px}
	.board-write thead {  display: block; background: none; border-bottom: 2px solid #000; border-radius: 0;}
	.board-write thead  th {margin: 0 0 5px; width: auto; min-width: auto; display: inline-block; padding: 0 !important}
	.visit_board thead th:nth-child(2){width:100%;background: #ccc; border-radius: 5px; padding: 5px !important;}
	.visit_board thead th:nth-child(2)::after, .visit_board tbody > tr > td:nth-child(2)::after{content:""}
	.board-write thead  th:after { content:"|"; position: relative; margin: 0 3px;}
	.board-write thead  th.wid100:after,  .board-write thead  th.noafter:after { content:"";}
	.board-write thead  th.wid100 { background: #ccc; border-radius: 5px; padding: 5px !important; }
	.board-write thead  th:last-child:after { content:""}
	.board-write tbody > tr {  display: block; padding: 25px}
	.board-write tbody > tr > td { margin: 0 0 5px; width: auto; min-width: auto; display: inline-block; padding: 0 !important; font-size: 1.5rem !important}
	.visit_board tbody > tr > td:nth-child(2){width:100%;background: #ccc; border-radius: 5px; padding: 5px !important;}
	.board-write tbody > tr > td:after{content:"|"; position: relative; margin: 0 3px;}
	.board-write tbody > tr > td.wid100 { background: #ccc; border-radius: 5px; padding: 5px !important; }
	.board-write tbody > tr > td.wid100:after,  .board-write tbody > tr > td.noafter:after { content:""}
	.board-write tbody > tr > td:last-child:after { content:"";}
}

/* 2022-12-27 임준영 추가 css */
.photo_listW > ul > li + li{margin-left:23px;}
.photo_listW > ul > li:nth-child(5n){margin-left:0;}
@media screen and (max-width:1024px){
	.photo_listW > ul > li{width:calc((100% - 70px)/3);margin:10px !important;}
}
@media screen and (max-width:768px){
	.photo_listW > ul > li{width:calc((100% - 40px)/2);}
}
@media screen and (max-width:640px){
	.photo_listW > ul > li{width:100%;margin:0px !important}
	.photo_listW > ul > li + li{margin-top:10px !important}
}

/*2023-01-27 임준영 영어 css추가*/
#gnb > li > .eng_subDepth{
	left:0;transform:translateX(-25%)
}
.eng_inner #gnb>li+li{
	margin-left:30px
}

.eng_location{height:auto}
.eng_location ul{flex-wrap:wrap}
.eng_location ul li{text-align:center;padding:0 10px}
.eng_location ul li a{padding:0 10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; text-align: left;}
@media screen and (max-width:768px){
	.eng_location .location ul{height:auto}
}
.eng_contents .find_way img{width:100%}
.faq-wr dd span{font-family:'Noto Sans KR', Sans-serif !important}
@media screen and (max-width:400px){
	#header .inner h1.logo{width:110px;left:5px}
	#header .inner h1.logo2{width:110px;left:120px}
	#header .burger{right:5px}
	.language_box{right:40px}
}