@charset "utf-8";
@import url('default.css');
@import url('content.css');
@import url('fonts.css');
@import url('bootstrap.min.css');
@import url('slick.css');
@import url('swiper.min.css');
@import url('jquery-ui.css');
@import url(https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);


/**************************************************************************************************************
	공통
**************************************************************************************************************/
/*
* { font-family: 'Spoqa Han Sans Neo', 'sans-serif'; }
*/

/***********************************************************************************
	Common
************************************************************************************/

html,body,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,fo7m,label,legend,input,button,textarea,select{margin:0;padding:0}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;margin:0;padding:0}
legend{display:block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;text-indent:-999em;white-space:nowrap; }
fieldset,img,table,caption,tbody,tfoot,thead,tr,th,td,button,hr{border:0 none}
img{vertical-align:middle; }
body li{*vertical-align:top}
ul, li, ol{list-style:none; padding:0; margin:0;}
table{border-collapse:collapse}
caption{overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
button{overflow:visible;border:0 none;cursor:pointer}
button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner {padding: 0;border: 0 none}
a { text-decoration:none; color:#000;  }
address,
em { font-style:normal }
body,input,select,textarea,button,h1,h2,h3,h4,h5,h6 { font-family:'Spoqa Han Sans Neo', sans-serif; font-size:14px; color: #000; text-decoration: none; font-weight:400;}
textarea,select { border:0;  border-radius:0; resize:none; box-shadow:none; -webkit-appearance:none; appearance:none; font-weight: normal;}
a:hover { text-decoration: none;}
body { -webkit-text-size-adjust: none; background:none; }
form { padding: 0; margin: 0; }
* {box-sizing: border-box; -webkit-box-sizing:border-box;}
::-ms-clear { display: none;}
select::-ms-expand { display:none; }
a,a:active,a:visited { text-decoration:none !important; }
strong { font-weight: 600;}
b { font-weight: 700;}
* { box-sizing: border-box; }
html { font-size:10px; }
img { max-width:100%; }
input::placeholder{
	color: #797676;
}

button:focus-visible{outline:2px dotted blue} 
.modules_contents .proc_read .doc_license a:focus-within{outline:2px dotted blue} 

.m0 { margin:0  !important }
.mb0 { margin-bottom:0  !important }
.mb3 { margin-bottom:3px !important }
.mb5 { margin-bottom:5px !important }
.mb10 { margin-bottom:10px !important }
.mb12 { margin-bottom:12px !important }
.mb15 { margin-bottom:15px !important }
.mb20 { margin-bottom:20px !important }
.mb25 { margin-bottom:25px !important }
.mb30 { margin-bottom:30px !important }
.mb35 { margin-bottom:35px !important }
.mb50 { margin-bottom:50px !important }
.mb40 { margin-bottom:40px !important }
.mb45 { margin-bottom:45px !important }
.mb60 { margin-bottom:60px !important }
.mb70 { margin-bottom:70px !important }
.mb80 { margin-bottom:80px !important }
.mb90 { margin-bottom:90px !important }
.mr40 { margin-right:40px !important }
.mr60 { margin-right:60px !important }
.ml5 { margin-left:5px !important }
.ml20 { margin-left:20px !important }
.mt10 { margin-top:10px !important; }
.mt30 { margin-top:30px !important; }
.pdt40 { padding-top:40px !important; }
.pb40 { padding-bottom:40px !important; }
.text-center { text-align:center !important }
.text-left { text-align:left !important }
.text-right { text-align:right !important }
/* Text */
.f10 { font-size:10px !important; }
.f12 { font-size:12px !important; }
.f13 { font-size:13px !important; }
.f14 { font-size:14px !important; }
.f16 { font-size:16px !important; }
.f20 { font-size:20px !important; }

.txt-blue { color: #0565f0 !important}
.txt-blue2 { color: #235ca9 !important}
.txt-blue3 { color: #124795 !important}
.txt-green { color: #3A8555 !important}
.txt-red { color: #ff4a4a !important}
.black { color: #000 !important;}
.gray { color: #606060 !important;}

.pink { color: #9f4999 !important; }
.red { color: #eb6959 !important; }
.orange { color: #9cc900 !important; }

.bold { font-weight: 700; }
.text-under { text-decoration: underline !important; }

.ib { display: inline-block; vertical-align: middle; }

::-webkit-input-placeholder { color: #bdbdbd;}
:-ms-input-placeholder {  color: #bdbdbd;}



/************************************************************************************************************************************************
	Datepicker
************************************************************************************************************************************************/
/* DatePicker */
.ui-datepicker {  border-radius: 5px !important;  padding: 20px !important;  border: 1px solid #e1e1e1;  }
.ui-datepicker .ui-datepicker-header {  background: none;  border: 0; }
.ui-datepicker .ui-datepicker-title,
.ui-datepicker th { font-size:12px; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {  background: none;  border: 0;  border-radius: 5px; font-size:12px;  }
.ui-state-default:hover {  background: #f5f5f5; }
.ui-datepicker-today a {  font-weight: 600; }
.ui-datepicker .ui-datepicker-prev {  left: 2px;  background: url("../img/common/ico_map_arr.svg") no-repeat 50% 50%;  cursor: pointer; transform: scaleX(-1)}
.ui-datepicker .ui-datepicker-next {  right: 2px;  background: url("../img/common/ico_map_arr.svg") no-repeat 50% 50%;  cursor: pointer; }
.ui-datepicker td span, .ui-datepicker td a {  text-align: center; }
.ui-state-active {  background: #ffdf00 !important; }


/***********************************************************************************************
	DROPDOWN
***********************************************************************************************/
.dropdown { position: relative;}
.dropdown .btn-drop { display: block; width:100%; height: 40px; background: #fafafa;border: 1px solid #e1e1e1; padding-left: 15px; font-size:14px; color: #000;text-align: left; }
.dropdown .btn-drop:before { content: ''; position: absolute; right:10px; top:0; width:24px; height: 38px; background:  url(../img/common/bu_select_family.svg) no-repeat right 50%; transition: all 0.5s ease; }
.dropdown-menu {  position: absolute;  top: -10000px;  left: 0;	right:0;   z-index: 1000;  text-align: left;  list-style: none;  background: #fafafa;  border: 1px solid #e1e1e1;	transition: opacity .6s,top 0s .6s,transform .6s,-webkit-transform .6s;	transform: translate3d(0,-5px,0); -webkit-transform: translate3d(0,-5px,0);	opacity:0;  }
.open > .dropdown-menu { top:39px; opacity:1; transition:opacity .6s,top 0s,transform .6s,-webkit-transform .6s; transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); }
.open.dropdown .btn-drop:before { transform: rotate(180deg); }
.dropdown-menu a { display: block; font-size:13px; color: #666; padding-left: 14px; line-height: 28px;  }
.dropdown-menu .active { font-weight: 600; color: #000; }
.open > .dropdown-menu {  display: block;}
.open > a {  outline: 0;}
.dropdown-menu-right {  right: 0;  left: auto;}
.dropdown-menu-left {  right: auto;  left: 0;}
.dropdown-header {  display: block;  padding: 3px 20px;  font-size: 12px;  line-height: 1.42857143;  color: #777;  white-space: nowrap;}
.dropdown-backdrop {  position: fixed;  top: 0;  right: 0;  bottom: 0;  left: 0;  z-index: 2;}
.pull-right > .dropdown-menu {  right: 0;  left: auto;}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {  content: "";  border-top: 0;  border-bottom: 4px dashed;}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {  top: auto;  bottom: 100%;  margin-bottom: 2px;}

body.overflow { overflow: hidden; }
/* .hidden { overflow:hidden; } */
.modal-backdrop {position: fixed; top:0; right:0; bottom:0; left:0; background:#000; z-index:7500; opacity:.7; filter:alpha(opacity=70);}
.modal {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:8000; overflow:auto; -webkit-overflow-scrolling:touch; outline:0; }
.modal-dialog {position:relative; width:auto;margin:0 auto;  padding:0 20px; margin-bottom: 20px;  }
.modal-content {position:relative; background-color:#fff; outline:none;  overflow:hidden; padding:0; }
.modal-header {  position: relative;}
.modal-header h4 { font-size:20px; font-weight: 600; line-height: 63px; height:64px; padding-left: 20px; border-bottom: 1px solid #e1e1e1  }
.modal-header h5 { font-size:16px; font-weight: 600; line-height: 63px; height:64px; padding-left: 20px;  }
.modal-header .btn-close {  width:64px; height: 100%; background: none; border: 0;  position: absolute; right:0; top:0; background: url(../img/common/ico_modal_close.svg) no-repeat 50% 50%; text-indent: -9999px; }
.modal-body { padding:20px; }
.modal-btns { text-align: center; padding:12px 0; border-top:1px solid #e1e1e1; }
.modal-btns button { margin:0 4px;}
.h5-modal { font-size:18px; margin-bottom: 10px; font-weight: 500;}
.modal-prv { padding:18px 20px; height: 86px; overflow: auto; font-size:14px; color: #606060; line-height: 1.7; background: #fafafa; border: 1px solid #e1e1e1; margin-bottom: 9px; }
.modal-txt { margin-bottom: 25px; }
.modal-basic .modal-body { padding-top:0; font-size:14px; color: #6b6b6b; line-height: 1.6; }
.modal-bottom button { font-size:14px; color: #606060; padding:0 25px; line-height: 32px; background: none; font-weight: 600;}
.modal-bottom .btn-modal1 { color: #0565f0; }

.bg-popup { position: fixed;left: 0;right:0;top:0;bottom:0;z-index:1000; background: rgba(0,0,0,0.5);}
.popup-wrap { position: fixed; left: 0;right:0;top:0;bottom:0;z-index:2000; background: rgba(0,0,0,0.5); }
.popup-wrap .popup-box { display: table; width:100%; height: 100%; }
.popup-wrap .popup-box .popup-content { display: table-cell; vertical-align: middle; padding:20px; }
.popup-wrap .popup-box .popup-content .popup { max-width:640px; margin: 0 auto;background: #fff; box-shadow:10px 10px 20px rgba(0,0,0,0.4); }
.popup .pop-body {position: relative;}
.popup .pop-body .btn-close { position: absolute; right:10px; top:24px; width:18px; height: 18px; background: url(../img/main/ico_key_close.svg) no-repeat 50% 50%; background-size:18px auto; text-indent: -9999px; text-align: left;  z-index:10;}
.popup .txt1 { font-size:1.6rem; line-height: 1.5; }
.popup .pop-btns { display: flex; justify-content: space-between;border-top:1px solid #ddd; }
.popup .pop-btns button {flex: 1; height: 50px; line-height: 49px; font-size:1.6rem; font-weight: 600;}
.popup .pop-btns button  + button { border-left: 1px solid #ddd;}
.pop-chk { display: flex; justify-content: space-between; align-items: center; padding: 9px 16px; }
.pop-chk a { font-size:14px; text-decoration: underline !important; }
.pop-chk .btn { width:74px; height: 32px; border: 1px solid #cfcfcf; border-radius:5px; font-size:14px ;color: #0565f0;  background: #fff; }
.popup .swiper-button-next, 
.popup .swiper-button-prev { width:36px; height: 36px; background:#fff url(../img/main/ico_slider_prev.svg) no-repeat 50% 50%; background-size:30px auto;  border: 1px solid #e1e1e1; text-indent: -9999px; border-radius:100%;  }
.popup .swiper-button-next { transform: scaleX(-1); }
.popup .qr { text-align: center; }
.popup .qr strong { display: block; padding: 22px 0; font-size:16px; color: /*#43b0f6*/#126397; border-bottom: 1px solid #e1e1e1;}
.popup .qr p { padding: 35px 0;}
.popup-wrap#PopupQrcode .popup-box .popup-content .popup { border-radius:10px;}
.popup-wrap#MobilePopupQrcode .popup-box .popup-content .popup { border-radius:10px;}


/****************************************************************************************************************************************
	Common
****************************************************************************************************************************************/
/* .hidden { position: absolute;left: -9999px; opacity:0; font-size:0; } */
.hidden{ position:absolute; overflow:hidden; width:1px; height:1px; margin:-1px; clip:rect(0, 0, 0, 0); }
#jump_menu	{ width: 100%; z-index: 9999999; }
#jump_menu h1	{ display: block; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; font-size: 0; position: absolute; }
#jump_menu ul, #jump_menu li	{ position: relative; padding: 0; margin: 0; list-style: none; }
#jump_menu a	{ position: absolute; z-index: -1; left: 0; top: -1000px; display: block; width: 100%; line-height: 45px; text-align: center; font-weight: bold; font-size: 20px; color: #fff; background-color: #3e6dbf; }
#jump_menu a:focus	{ top: 0; z-index: 99999; }

/* Form */
.txt-checkbox { position: absolute;left: -9999px; }
.txt-checkbox + span { display: inline-block; vertical-align: middle; min-width:50px; text-align: center; height: 40px; line-height: 38px; border:1px solid #e1e1e1; border-radius:40px; padding:0 13px; font-size:14px; transition: all 0.5s ease; cursor: pointer; }
.txt-checkbox:checked + span { border-color:#0565f0; color:#0565f0; }
.txt-checkbox:focus + span { border-color:#0565f0; }

.month-radios { display:flex; }
.radio-month { position: absolute;left: -9999px; }
.radio-month + span { display: inline-block; vertical-align: middle; width:48px; text-align: center; height: 48px; line-height: 46px; border:1px solid #cfcfcf;  font-size:16px; transition: all 0.5s ease; cursor: pointer; background: #fff;  margin-right:-1px; }
/*
.radio-month:checked + span { border-color:#0565f0; color:#0565f0; position: relative; z-index:2;}
.radio-month:focus + span { border-color:#0565f0; }
*/

.radio-month-focus{border-color:#0565f0; color:#0565f0; font-weight:700; position: relative; z-index:2; border: 2px dotted !important; line-height: 40px !important; }
.radio-month-on{border-color:#0565f0; color:#0565f0; font-weight:700; position: relative; z-index:2; border: 2px solid !important; line-height: 40px !important; }


.textarea { width:100%; height: 200px; vertical-align: middle; padding:10px 15px; border: 1px solid #e1e1e1; background: #fff; font-size:16px; -webkit-appearance:none;  transition: all 0.3s ease;}
.inp { width:100%; height: 48px; vertical-align: middle; padding-left: 15px; border: 1px solid #e1e1e1; background: #fff; font-size:16px; -webkit-appearance:none;  transition: all 0.3s ease;}
.inp.calendar { background-image: url(../img/common/ico_calendar.svg); background-repeat: no-repeat; background-position: right 12px center;}
.inp[readonly] { background: #f2f2f2; color: #606060;}
.select { width:100%; height: 48px; vertical-align: middle;padding:0 40px 0 15px; border: 1px solid #e1e1e1; background: #fff url(../img/common/bu_select_family.svg) no-repeat right 50%; background-position: right 12px center; font-size:16px; -webkit-appearance:none; transition: all 0.3s ease;}
.select2 { height: 42px; vertical-align: middle;padding:0 40px 0 15px; border-radius:4px; border: 1px solid #e1e1e1; background: #fff url(../img/common/bu_select_family.svg) no-repeat right 50%; background-position: right 8px center; font-size:14px; -webkit-appearance:none; transition: all 0.3s ease;}
.inp-srch { width:100%; height: 42px; vertical-align: middle;padding:0 40px 0 15px; border-radius:4px; border: 1px solid #e1e1e1; background: #fff ; font-size:14px; -webkit-appearance:none; transition: all 0.3s ease;}
.select1 { padding-right:23px; font-size:18px; height: 38px; border: 0; background: url(../img/main/bu_select1.svg) no-repeat right 50%; transition: all 0.3s ease;}
.inp:focus,
.select:focus,
.textarea:focus{ border:2px solid #0565f0; /*outline:none;*/ outline:2px dotted #000  }
.inp:disabled,
.select:disabled,
.textarea:disabled{ background-color: #fafafa; color: #909090; }


/* Label */
.status {  display: inline-block; vertical-align: middle; min-width:40px; height: 26px; line-height: 25px; text-align: center; background: #8f9bb3; border-radius:5px; font-size:14px; color: #444; font-weight: 500;color: #fff; padding:0 7px;}
.status + .status { margin-left: 5px; }
/*.status.status1 { background: #00b1a3; }
.status.status2 { background: #0565f0; }
.status.status3 { background: #48bb78; }
.status.status4 { background: #f6aa28; }
.status.status5 { background: #8c6afc; }
.status.status6 { background: #797676; }
.status.status7 { background: #909090; }
.status.status8 { background: #7b56b7; }
*/
/*24.11.19.웹접근성 수정*/
.status.status1 { background: #00b1a3; }
.status.status2 { background: #0565f0; }
.status.status3 { background: #028538; }
.status.status4 { background: #9f6402; }
.status.status5 { background: #7855eb; }
.status.status6 { background: #797676; }
.status.status7 { background: #909090; }
.status.status8 { background: #7b56b7; }


/* Icon */
.ico-cal { display: inline-block; vertical-align: middle;background: url(../img/common/ico_common_calendar.svg) no-repeat 0 0; width:16px; height: 16px; }
.ico-time { display: inline-block; vertical-align: middle;background: url(../img/common/ico_common_time.svg) no-repeat 0 0; width:16px; height: 16px; }
.ico-user { display: inline-block; vertical-align: middle;background: url(../img/common/ico_common_user.svg) no-repeat 0 0; width:16px; height: 16px; }

/* Button */
button { transition: all 0.3s ease;}
.btn-type0 { display: inline-block; vertical-align: middle; height: 48px; line-height: 47px; min-width:173px; padding:0 10px; background: /*#8f9bb3*/#6A758C; font-size:16px; font-weight: 500; color: #fff;text-align: center; transition: all 0.3s ease;}
.btn-type1 { display: inline-block; vertical-align: middle; height: 48px; line-height: 47px; min-width:173px; padding:0 10px; background: #0565f0; font-size:16px; font-weight: 500; color: #fff; text-align: center; transition: all 0.3s ease;}
.btn-type2 { display: inline-block; vertical-align: middle; height: 48px; line-height: 47px; min-width:173px; padding:0 10px; background: #f7f9fc; border: 1px solid #e1e1e1; font-size:16px; font-weight: 500; text-align: center; transition: all 0.3s ease;}
.btn-type3 { display: inline-block; vertical-align: middle; height: 48px; line-height: 47px; min-width:173px; padding:0 10px; background: #f40000; font-size:16px; font-weight: 500; color: #fff; text-align: center; transition: all 0.3s ease;}
.btn-type0:hover { background: #718096;}
.btn-type1:hover { background: #013785;}
.btn-type2:hover { background: #c5cee0; border-color:#e1e1e1;}
.btn-type3:hover { background: #cc1506;}

.btn-type0:disabled,
.btn-type1:disabled,
.btn-type2:disabled,
.btn-type3:disabled{ background: #f2f2f2; color: #bdbdbd; }

.btn-s { height: 42px; min-width:114px; line-height: 41px; border-radius:4px; font-size:14px; }

/* 작은버튼 */
.btn1 { display: inline-block; vertical-align: middle; height: 40px; line-height: 38px; min-width:84px; padding:0 15px; background: #fff; border: 1px solid #cfcfcf; font-size:14px; border-radius:5px; color: #000;text-align: center; transition: all 0.3s ease;}
.btn2 { display: inline-block; vertical-align: middle; height: 32px; line-height: 30px; min-width:84px; padding:0 15px; background: #fff; border: 1px solid #cfcfcf; font-size:14px; border-radius:5px; color: #0565f0;text-align: center; transition: all 0.3s ease;}
.btn3 { display: inline-block; vertical-align: middle; height: 32px; line-height: 30px; min-width:74px; padding:0 10px; background: #f7f9fc; border: 1px solid #e1e1e1; font-size:14px; color: #000;text-align: center; transition: all 0.3s ease;}
.btn4 { display: inline-block; vertical-align: middle; height: 40px; line-height: 38px; min-width:84px; padding:0 15px; background: #0054FF; border: 1px solid #0054FF; font-size:14px; border-radius:5px; color: #fff;text-align: center; transition: all 0.3s ease;}
.btn5 {  padding:0 15px; height: 42px; border: 1px solid #e1e1e1; background: #f7f9fc; font-size:14px; text-align: center; line-height: 40px;  vertical-align: middle;}
.btn6 {  padding:0 8px; height: 31px; border: 1px solid #e1e1e1; background: #fff; font-size:14px; text-align: center; line-height: 29px;  vertical-align: middle;}

.btn-download { display: inline-block; vertical-align: middle; padding: 0 11px 0 9px; background: #f7f9fc; border: 1px solid #e1e1e1; font-size:14px; line-height: 30px; height: 32px; }
.btn-download:before { content: ''; display: inline-block; vertical-align: middle; width:20px; height: 20px; background: url(../img/faci/ico_down.svg) no-repeat 0 0; margin:-2px 4px 0 0;}

.btn0 { display: inline-block; vertical-align: middle; height: 42px; line-height: 40px; min-width:140px; padding:0 10px; background: #8f9bb3; border: 1px solid #8f9bb3; font-size:14px; font-weight: 500; color: #fff; text-align: center; transition: all 0.3s ease;}
.btn-green { background: #48bb78; border-color:#48bb78;  }
.btn-blue { background: #0565f0; border-color:#0565f0; }
.btn-white { background: #f7f9fc; border-color:#e1e1e1; color: #718096; }


.inner { max-width:1200px; margin: 0 auto; }
#header { border-bottom: 1px solid #e1e1e1; }
#header .inner { height: 80px; display: flex; justify-content: flex-start; align-items: center; position: relative; /* padding:0 320px;*/ }
#header h1 { /*position: absolute;left: 0; top:0; */ }
#header div.50th_anniversary{padding-left:10px}
#header h1 a { display: block; background: url(../img/common/logo.png) no-repeat 0 50%; width:275px; height: 80px; text-indent: -9999px; }
#header .keyword { position: relative; }
#header .keyword { display: flex; align-items: center; }
#header .keyword h5 { font-size:18px; font-weight: 700; white-space: nowrap; margin-right:22px;  }
#header .keyword .swiper-container { flex: 1; width:100%;  }
#header .keyword .swiper-slide { width:auto !important; }
#header .keyword .swiper-slide a { font-size:18px; }
#header .keyword .control { position: absolute; right:-40px; top:0; display: flex; align-items: center; }
#header .keyword .control .swiper-button-next,
#header .keyword .control .swiper-button-prev { width:21px; height: 21px; position: static; background: url(../img/common/ico_top_slider_next.svg) no-repeat 0 0; margin: 0; color:rgba(255,255,255,0); font-size:0; }
#header .keyword .control .swiper-button-prev {transform: scaleX(-1); }
/*#header .menu { position: absolute; right:68px; height: 80px; top:0; display: flex; align-items: center; }*/
#header .menu { position: absolute; right:120px; height: 80px; top:0; display: flex; align-items: center; }
#header .menu a { font-size:16px; color: #909090; }
#header .menu a img {vertical-align: middle; margin:-3px 4px 0 0;}
#header .menu a + a { padding-left: 9px; margin-left: 9px; position: relative; }
#header .menu a + a:before { content: ''; position: absolute; left: 0; top:50%; width:1px; height: 18px; margin-top:-9px; background: #bdbdbd; }
#header .btn-m { display: none; }
#header .btn-qr { position: absolute; right:63px; width:35px; height: 37px; background: url(../img/common/ico_qrcode.svg) no-repeat  50% 50%; display: block; text-indent: -9999px;}
#header .btn-search { position: absolute; right:0; top:18px; width:44px; height: 44px; background: url(../img/common/ico_top_search.svg) no-repeat 0 0; text-indent: -9999px; }


.etc-box .keyword { position: relative; }
.etc-box .keyword { display: flex; align-items: center; }
.etc-box .keyword h5 { font-size:18px; font-weight: 700; white-space: nowrap; margin-right:22px;  }
.etc-box .keyword .swiper-container { flex: 1; width:100%;  }
.etc-box .keyword .swiper-slide { width:auto !important; }
.etc-box .keyword .swiper-slide a { font-size:18px; }
.etc-box .keyword .control { position: absolute; right:-5px; top:0; display: flex; align-items: center; }
.etc-box .keyword .control .swiper-button-next,
.etc-box .keyword .control .swiper-button-prev { width:21px; height: 21px; position: static; background: url(../img/common/ico_top_slider_next_w.svg) no-repeat 0 0; margin: 0; color:rgba(255,255,255,0); font-size:0; }
.etc-box .keyword .control .swiper-button-prev {transform: scaleX(-1); }
.etc-box .keyword .control .swiper-button-play { width:21px; height: 21px; position: static; background: url(../img/main/ico_banner_pause_white.png) no-repeat 0 0; margin: 0; color:rgba(255,255,255,0); font-size:0; }
.etc-box .keyword .control .swiper-button-play.start { background: url(../img/main/ico_banner_pause_white.png) no-repeat 0 0; }
.etc-box .keyword .control .swiper-button-play.stop {background: url(../img/main/ico_banner_start_white.png) no-repeat 0 0;}


#gnb { border-bottom: 1px solid #e1e1e1; position: relative; }
#gnb .bg-gnb { position: absolute;left: 0; top:68px; height: 0; right:0; background: #fff; border-top:1px solid #e1e1e1; z-index:100;  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);}
#gnb.active .bg-gnb { height: 375px; }
#gnb nav > ul { display: flex; justify-content:space-around; }
#gnb nav > ul li { flex: 1; text-align: center; position: relative; z-index:110;}
#gnb nav > ul li:hover .btn-dep1,
#gnb nav > ul li .btn-dep1:focus,
#gnb nav > ul li.active .btn-dep1  { color: #0565f0; }
#gnb nav > ul li:hover .btn-dep1:before,
#gnb nav > ul li .btn-dep1:focus:before,
#gnb nav > ul li.active .btn-dep1:before  { opacity:1; }
#gnb nav .btn-dep1 { display: block; line-height: 67px; height: 68px; font-size:22px; font-weight: 600; padding:0 25px;position: relative; transition: all 0.3s ease;}
#gnb nav .btn-dep1:before { content: ''; position: absolute;left: 0; right:0; bottom:0; height: 3px; background: #0565f0; opacity:0; transition: all 0.3s ease;}
#gnb nav .dep2 { display: none; position: absolute;left: 0; right:0; height: 375px; border-left: 1px solid #e1e1e1; padding-top:24px;  text-align: left; }
#gnb nav > ul > li:last-child .dep2 { border-right:1px solid #e1e1e1;}
#gnb nav .dep2 li { margin-top:10px; }
#gnb nav .dep2 li:first-child .btn-dep2 { font-size:16px; color: #000 !important; font-weight: 600; padding-bottom: 3px;}
#gnb nav .btn-dep2 { display: block; font-size:14px; color: #606060; line-height: 20px; padding-left: 16px; text-align: left; transition: all 0.3s ease; }
#gnb nav .btn-dep2.flip:after { content: ''; display: inline-block; vertical-align: middle; width:14px; height: 14px; background: url(../img/common/ico_gnb_dep2.svg) no-repeat 0 0; margin:-3px 0 0 5px;}
#gnb nav .btn-dep2:hover,
#gnb nav .btn-dep2:focus { color: #0565f0; font-weight: 600;}
#gnb.active nav .dep2 { display: block; }

#gnb-m { display: none; position: fixed;left: 0; top:0; width:100%; bottom:0; background: #fff;  z-index:9999; }
#gnb-m .head { height: 68px; display: flex; justify-content: space-between; align-items: center; background: #0565f0;  }
#gnb-m .head .btn-close { width:68px; height: 68px; background: url(../img/common/ico_m_gnb_close.svg) no-repeat 50% 50%; text-indent: -9999px; }
#gnb-m .head .right { display: flex; align-items: center; margin-right:15px; }
#gnb-m .head .btn-home { display: block;width:48px; height: 68px;background: url(../img/common/ico_m_gnb_home.svg) no-repeat 50% 50%; text-indent: -9999px; }
#gnb-m .head .btn-srch { display: block; width:48px; height: 68px;background: url(../img/common/ico_m_gnb_search.svg) no-repeat 50% 50%; text-indent: -9999px; }
#gnb-m .btns { display: flex; align-items: center; height: 48px; background: #fafafa; border-bottom: 1px solid #e1e1e1; padding-left: 20px;  }
#gnb-m .btns a { font-size:16px; color: #909090; }
#gnb-m .btns a + a { padding-left: 10px; margin-left: 8px; position: relative;}
#gnb-m .btns a + a img { height: 20px; vertical-align: middle; margin:-4px 4px 0 0;}
#gnb-m .btns a + a:before { content: ''; position: absolute;left: 0; top:50%; width:1px; height: 14px; margin-top:-7px; background: #bdbdbd; }
#gnb-m nav { position: absolute;left: 0; right:0; top:116px; bottom:0; overflow: auto; }
#gnb-m nav > ul > li { border-bottom: 1px solid #e1e1e1; }
#gnb-m nav .btn-dep1 { display: block; padding-left: 20px; height: 54px; line-height: 53px; font-size:16px; font-weight: 600;position: relative; }
#gnb-m nav .btn-dep1:before { content: '';position: absolute; right:10px; top:50%; width:24px; height: 24px; background: url(../img/common/ico_m_gnb_flip.svg) no-repeat 50% 50%; margin-top:-12px; transition: all 0.5s ease;}
#gnb-m nav .dep2 { display: none; border-top:1px solid #e1e1e1; background: #f7f9fc; }
#gnb-m nav .btn-dep2 { display: block; border-bottom: 1px solid #e1e1e1; font-size:15px; line-height: 47px; height: 48px; padding-left: 20px;position: relative;}
#gnb-m nav .btn-dep2.flip { background-image: url(../img/common/ico_flip.svg); background-position: 20px 50%; background-repeat: no-repeat; padding-left: 40px;  }
#gnb-m nav .btn-dep2.flip:before { content: '';position: absolute; right:13px; top:50%; width:18px; height: 18px; background: url(../img/common/ico_m_gnb_dep2.svg) no-repeat 50% 50%; margin-top:-9px; transition: all 0.5s ease;}
#gnb-m nav .dep2 > li.active .btn-dep2.flip:before { background:  url(../img/common/ico_m_gnb_dep2_off.png) no-repeat 50% 50%; }
#gnb-m nav .dep2 > li:last-child .btn-dep2 { border-bottom: 0; }

#gnb-m nav .dep3 { display: none; background: #eff4fb; }
#gnb-m nav .btn-dep3 { display: block; border-bottom: 1px solid #e1e1e1; font-size:15px; line-height: 47px; height: 48px; padding-left: 20px;position: relative;}
#gnb-m nav .btn-dep3.flip { background-image: url(../img/common/ico_flip.svg); background-position: 40px 50%; background-repeat: no-repeat; padding-left: 60px;  }
#gnb-m nav .btn-dep3.flip:before { content: '';position: absolute; right:13px; top:50%; width:18px; height: 18px; background: url(../img/common/ico_m_gnb_dep2.svg) no-repeat 50% 50%; margin-top:-9px; transition: all 0.5s ease;}
#gnb-m nav .dep3 > li.active .btn-dep3.flip:before { background:  url(../img/common/ico_m_gnb_dep2_off.png) no-repeat 50% 50%; }
/*#gnb-m nav .dep3 > li:last-child .btn-dep3 { border-bottom: 0; }*/

#gnb-m nav .dep4 { display: none; background: #eff4fb; }
#gnb-m nav .btn-dep4 { display: block; border-bottom: 1px solid #e1e1e1; font-size:15px; line-height: 47px; height: 48px; padding-left: 20px;position: relative; background-image: url(../img/common/ico_flip.svg); background-position: 60px 50%; background-repeat: no-repeat; padding-left: 80px;}




body.overflow { overflow: hidden; }

.btn-scrolltop { position: fixed; right:20px; bottom:-10px; width:52px;height: 52px; border-radius:100%; background: #000; box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.2); text-align: center; font-size:12px; color: #fff; z-index:100; opacity:0; transition: all 0.5s ease;}
.btn-scrolltop:before {content: ''; display: block; background: url(../img/common/ico_top.svg) no-repeat 0 0; width:16px; height: 10px; margin: 0 auto 3px; }
.btn-scrolltop.active { bottom:80px; opacity:1}
.h2-main { font-size:36px; font-weight: 600; margin-bottom: 10px; }

.main-wrap { }
.main1 { padding: 20px 0 5px; background: url(../img/main/bg_main1.png) no-repeat 50% 50%; background-size:cover; }
.main1 .inner { display: flex; justify-content: space-between; padding-bottom: 20px;}
.main1 .box1 {  }
.main1 .box1 {width:47.91%; display: flex; justify-content: space-between; flex-direction: column;}
.main1 .box2 {width:47.91%; }
 
.main1 .search-wrap { margin-bottom:10px }
.main1 .search-wrap .desc { font-size:20px; line-height: 1.5; font-weight: 500; margin-bottom: 17px; color: #fff;  }
.main1 .search-wrap .srch-box { position: relative; margin-bottom: 12px; }
.main1 .search-wrap .srch-box .inp-srch {width:100%; height: 68px; border-radius:10px; border: 2px solid #000; font-size:20px; padding:0 70px 0 24px; box-shadow:0 10px 10px 0 rgba(0,0,0,0.1);  }
.main1 .search-wrap .srch-box .btn-srch { position: absolute; right:0; top:0; width:60px; height: 100%; background: url(../img/main/ico_main_search.svg) no-repeat 50% 50%; }
.main1 .etc-box { display: flex; justify-content:  space-between; align-items: center; position: relative; }
/*
.main1 .etc-box .livekey { width:210px; background: url(../img/main/ico_main_keyword.svg) no-repeat 100% 50%; position: relative;}
*/

.main1 .etc-box .livekey { width:65%; position: relative;}




.main1 .etc-box .livekey .slider { height: 24px; overflow: hidden; }
.main1 .etc-box .livekey .item a{ display: block; }
.main1 .etc-box .livekey .item .num { display: inline-block;vertical-align: middle; width:22px; height: 22px; background: #0565f0; border: 1px solid #0350c0; border-radius:100%;  text-align: center;line-height: 20px; font-size:12px; font-weight: 600; color: #fff; }
.main1 .etc-box .livekey .item strong { font-size:16px; color: #fff; font-weight: 300; vertical-align: middle; margin-left: 7px; }
.main1 .etc-box .livekey .keys { display: none;position: absolute;left: 0; top:0; width:237px; padding:10px 14px; background: #fff; border-radius:10px; background: #fff; box-shadow:0 10px 10px 0 rgba(0,0,0,0.1); z-index:10;}
.main1 .etc-box .livekey .keys .item strong { color: #000; }
.main1 .etc-box .livekey .keys .item + .item { margin-top:8px; }
.main1 .etc-box .livekey:hover .keys {  display: block; }
.main1 .etc-box .livekey .keyword .swiper { width: 85%; margin-left: 0; }
.main1 .etc-box .detail-srch { }
.main1 .etc-box .detail-srch .btn-open { width:96px; height: 34px; border: 1px solid #0350c0; background: #0565f0; font-size:14px; color: #fff; border-radius:5px;  }
.detail-over { display: none; position: absolute;left: 0; top:0; right:0; background: #fff; border-radius:10px; background: #fff; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1); z-index:2; }
.detail-over .head h3 { height: 57px; line-height: 56px; padding-left: 20px; font-size:18px; font-weight: 600; border-bottom: 1px solid #e1e1e1;}
.detail-over .body { padding: 0 20px; }
.detail-over .body dl:after { display: block; content: ''; clear: both; }
.detail-over .body dl { padding:15px 0 7px; border-bottom: 1px solid #e1e1e1; }
.detail-over .body dl dt { float:left; width:70px; font-size:14px; color: #0565f0; font-weight: 600; }
.detail-over .body dl dd { overflow: hidden;   }
.detail-over .body dl dd .labels { display: flex; flex-wrap: wrap; }
.detail-over .body dl dd label { display: inline-block; vertical-align: middle; vertical-align: middle; flex: 0 1 auto ; padding:0 10px 8px 0;}
.detail-over .body dl:nth-child(n+4) dd label { padding-right:15px;}
.detail-over .body dl:first-child dd label { width:20%; flex:0 0 20%; }
.detail-over .body dl dd .checkbox + p { padding-left: 24px;}
.detail-over .body dl dd .checkbox + p span { font-size:13px; line-height: 1; letter-spacing: -1px;  }
.detail-over .body dl dd .checkbox + p em { top:0; }
.detail-over .btns { display: flex; justify-content: center; padding:25px  0 0 }
.detail-over .btns button { width:160px; height: 48px; background: #727780; font-size:16px; font-weight: 500; color: #fff; border: 0;margin:0 3px;}
.detail-over .btns .btn-search {background: #0565f0; }

.detail-over .btn-close { position: absolute; right:14px; top:16px; width:24px; height: 24px; background: url(../img/main/ico_key_close.svg) no-repeat 50% 50% ;}
.main1 .etc-box .detail-srch.active .detail-over { display: block; padding-bottom:25px;}


.main1 .sorts {  padding-top:44px; position: relative; }
.main1 .sorts > ul > li > a { position: absolute;left: 0; top:0;line-height: 27px; font-size:18px; color: #fff; font-weight: 300; }
.main1 .sorts > ul > li > a:before { content: ''; position: absolute;left: 0; right:0; bottom:-3px; height: 2px; background: #fff; opacity:0; }
.main1 .sorts > ul > li:nth-child(2) a { left: 16%; }
.main1 .sorts > ul > li:nth-child(3) a { left:32% }
.main1 .sorts > ul > li:nth-child(4) a { left:48% }
.main1 .sorts > ul > li:nth-child(5) a { left:64% }
.main1 .sorts > ul > li:nth-child(6) a { left:82% }
.main1 .sorts .list-box { display: none; padding: 14px 20px 8px; height: 185px; background: #fff; border-radius:10px; box-shadow:0 10px 10px 0 rgba(0, 0, 0, 0.1); overflow: auto; }
.main1 .sorts .list-box.type1 ul { display: flex; justify-content: space-between; }
.main1 .sorts .list-box.type1 ul li { width:calc(25% - 3px); }
.main1 .sorts .list-box.type1 ul li a { height: 150px; border-radius:5px; border: 1px solid #cfcfcf; display: flex; justify-content: center; align-items: center; flex-direction: column; font-size:16px;   }
.main1 .sorts .list-box.type1 ul li a:before { content: ''; display: block; width:32px; height: 32px; margin: 0 auto 9px; background: url(../img/main/ico_map1.svg) no-repeat 50% 50%; }
.main1 .sorts .list-box.type1 ul li a.active { border:2px solid #0565f0; color: #0565f0; font-weight: 600; }
.main1 .sorts .list-box.type1 ul li:nth-child(1) a:before { background-image: url(../img/main/ico_map1.svg);}
.main1 .sorts .list-box.type1 ul li:nth-child(2) a:before { background-image: url(../img/main/ico_map2.svg);}
.main1 .sorts .list-box.type1 ul li:nth-child(3) a:before { background-image: url(../img/main/ico_map3.svg);}
.main1 .sorts .list-box.type1 ul li:nth-child(4) a:before { background-image: url(../img/main/ico_map4.svg);}
.main1 .sorts .list-box.type2 ul { display: flex; flex-wrap: wrap; }
/*.main1 .sorts .list-box.type2 ul li { width:33.3333%; padding:5px 0 12px  }*/
.main1 .sorts .list-box.type2 ul li { width:33.3333%; padding:5px 0 16px  }
.main1 .sorts .list-box.type2 ul li a { font-size:14px; padding-left: 28px; background: url(../img/main/ico_main_top_build.svg) no-repeat 0 50%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.main1 .sorts .list-box.type2 ul li a.active {  color: #0565f0; font-weight: 600; background-image: url(../img/main/ico_main_top_build_active.svg)}
.main1 .sorts .list-box.type3 ul { display: flex; flex-wrap: wrap;margin:0 -3px; }
.main1 .sorts .list-box.type3 ul li { width:20%; padding: 3px; }
.main1 .sorts .list-box.type3 ul li a { display: block; height: 72px; border-radius:5px; border: 1px solid #cfcfcf; font-size:14px; text-align: center; line-height: 72px; }
.main1 .sorts .list-box.type3 ul li a.active { color: #0565f0; font-weight: 600; border: 2px solid #0565f0;}
.main1 .sorts .list-box.type4 ul { display: flex; flex-wrap: wrap; }
.main1 .sorts .list-box.type4 ul li { width:calc(25% - 0px); padding:3px 3px }
.main1 .sorts .list-box.type4 ul li a { height: 75px; border-radius:5px; border: 1px solid #cfcfcf; display: flex; justify-content: center; align-items: center; flex-direction: column; font-size:14px;  text-align: center; }
.main1 .sorts .list-box.type4 ul li a.active { color: #0565f0; font-weight: 600; border: 2px solid #0565f0;}
.main1 .sorts .list-box.type4 ul li a:before { content: ''; display: block; width:32px; height: 32px; margin: 0 auto 14px; background: url(../img/main/ico_sort1.svg) no-repeat 50% 50%; }
.main1 .sorts .list-box.type4 ul li:nth-child(1) a:before { background-image: url(../img/main/ico_sort1.svg)}
.main1 .sorts .list-box.type4 ul li:nth-child(2) a:before { background-image: url(../img/main/ico_sort2.svg)}
.main1 .sorts .list-box.type4 ul li:nth-child(3) a:before { background-image: url(../img/main/ico_sort3.svg)}
.main1 .sorts .list-box.type4 ul li:nth-child(4) a:before { background-image: url(../img/main/ico_sort4.svg)}
.main1 .sorts .list-box.type4 ul li:nth-child(5) a:before { background-image: url(../img/main/ico_sort4.svg)}
.main1 .sorts .list-box.type4 ul li:nth-child(8) a:before { background-image: url(../img/main/swim.png)}

.main1 .sorts .list-box.type5 ul { display: flex; flex-wrap: wrap;margin:0 -2px; }
.main1 .sorts .list-box.type5 ul li { width:25%; padding: 2px 3px; }
.main1 .sorts .list-box.type5 ul li a { display: block; height: 36px; border-radius:5px; border: 1px solid #cfcfcf; font-size:14px; text-align: center; line-height: 34px; }
.main1 .sorts .list-box.type5 ul li a.active { color: #0565f0; font-weight: 600; border: 2px solid #0565f0;}
.main1 .sorts .list-box.type6 ul { display: flex; justify-content: space-between; }
.main1 .sorts .list-box.type6 ul li { width:calc(33.333333% - 3px); }
.main1 .sorts .list-box.type6 ul li a { height: 155px; border-radius:5px; border: 1px solid #cfcfcf; display: flex; justify-content: center; align-items: center; flex-direction: column; font-size:16px;   }
.main1 .sorts .list-box.type6 ul li a:before { content: ''; display: block; width:32px; height: 32px; margin: 0 auto 14px; background: url(../img/main/ico_time1.svg) no-repeat 50% 50%; }
.main1 .sorts .list-box.type6 ul li:nth-child(1) a:before { background-image: url(../img/main/ico_time1.svg)}
.main1 .sorts .list-box.type6 ul li:nth-child(2) a:before { background-image: url(../img/main/ico_time2.svg)}
.main1 .sorts .list-box.type6 ul li:nth-child(3) a:before { background-image: url(../img/main/ico_time3.svg)}
.main1 .sorts > ul > li.active > a { font-weight: 500; }
.main1 .sorts > ul > li.active > a:before { opacity:1;  }
.main1 .sorts > ul > li.active .list-box { display: block; }

.main1 .banner_area {height: 345px; }
.main1 .top-banner {  margin-bottom: 24px; }
.main1 .top-banner .swiper-slide { height: auto; height: 310px; }
.main1 .top-banner a { display: block; overflow: hidden; height: 100%;}
.main1 .top-banner img { width:100%; height: 310px; /*object-fit: cover;*/ }
.main1 .top-banner .swiper { border-radius:10px; overflow: hidden; box-shadow:0 10px 10px 0 rgba(0,0,0,0.1); }
.main1 .top-banner .swiper:focus-within {border: 2px dotted #000000;}
.main1 .top-banner .controls { text-align: center; margin-top:13px; position:relative; }
.main1 .top-banner .controls  > div { display: inline-block; vertical-align: middle; height: 24px; }
/*.main1 .top-banner .controls .swiper-button-prev { background: url(../img/main/ico_banner_prev_white.png) no-repeat 50% 50%; width:24px; height: 24px; position: static; margin: 0; }
.main1 .top-banner .controls .swiper-button-next { background: url(../img/main/ico_banner_prev_white.png) no-repeat 50% 50%; width:24px; height: 24px; position: static; margin: 0; transform: rotate(180deg);}*/

.main1 .top-banner .controls .swiper-button-prev { background: url(../img/main/ico_banner_prev_white.png) no-repeat 50% 50%; width:24px; height: 24px; position: absolute; top:0; left:95px; margin: 0; }
.main1 .top-banner .controls .swiper-button-next { background: url(../img/main/ico_banner_prev_white.png) no-repeat 50% 50%; width:24px; height: 24px; position: absolute; top:0; right:150px; margin: 0; transform: rotate(180deg);}
.main1 .top-banner .controls .num  { font-size:14px; line-height: 24px; font-weight: 600; color: #fff; }
.main1 .top-banner .controls .btns button { width:24px; height: 24px; border: 0;   background: url(../img/main/ico_banner_pause_white.png) no-repeat 50% 50%; }
.main1 .top-banner .controls .btns .start { background-image: url(../img/main/ico_banner_start_white.png); }
.main1 .top-banner .controls .swiper-pagination { width:200px; height: 2px; background: rgba(255,255,255,0.2); position: static; margin: 0 10px;  }
.main1 .top-banner .controls .swiper-pagination .swiper-pagination-progressbar-fill { background: #fff;  }
.swiper-button-next:after,
.swiper-button-prev:after { display: none; }
.main1 .golink { background: #fff; border-radius:10px; box-shadow:0 10px 10px 0 rgba(0,0,0,0.1);   position: relative; overflow: hidden;}
.main1 .golink ul { display: flex; flex-wrap: wrap; padding:/*5px 25px*/5px 0 5px 30px; justify-content: space-around }
.main1 .golink ul li { /*width:25%;*/ text-align: center; position:relative;}
.main1 .golink ul li a { display: block; font-size:16px; font-weight: 600; padding:15px 0; width:100%}

.main1 .golink ul li a:before { content: ''; display: block; width:35px;  height: 40px; background:no-repeat; position:absolute; left:-35px; top:10px; background-size:80% } 
.main1 .golink ul li:nth-child(1) a:before { background-image: url(../img/common/ico_quick6.svg); }
.main1 .golink ul li:nth-child(2) a:before { background-image: url(../img/common/ico_quick4.svg); }
.main1 .golink ul li:nth-child(3) a:before { background-image: url(../img/common/ico_quick2.svg); }
.main1 .golink ul li:nth-child(4) a:before { background-image: url(../img/common/ico_quick3.svg); }


/* .main1 .golink ul li a:before { content: ''; display: block; margin-bottom: 9px; height: 40px; background: url(../img/main/ico_main_top1.png) no-repeat 50% 0;;} */
/* .main1 .golink ul li:nth-child(1) a:before { background-image: url(../img/main/ico_main_top1.png)} */
/* .main1 .golink ul li:nth-child(2) a:before { background-image: url(../img/main/ico_main_top2.png)} */
/* .main1 .golink ul li:nth-child(3) a:before { background-image: url(../img/main/ico_main_top3.png)} */
/* .main1 .golink ul li:nth-child(4) a:before { background-image: url(../img/main/ico_main_top4.png)} */
/* .main1 .golink ul li:nth-child(5) a:before { background-image: url(../img/main/ico_main_top5.svg)} */
/* .main1 .golink ul li:nth-child(6) a:before { background-image: url(../img/main/ico_main_top6.svg)} */
/* .main1 .golink ul li:nth-child(7) a:before { background-image: url(../img/main/ico_main_top7.svg)} */
/* .main1 .golink ul li:nth-child(8) a:before { background-image: url(../img/main/ico_main_top8.svg)} */
/* .main1 .golink ul li:nth-child(9) a:before { background-image: url(../img/main/ico_main_top9.svg)} */
/* .main1 .golink ul li:nth-child(10) a:before { background-image: url(../img/main/ico_main_top10.svg)} */
/* .main1 .golink ul li:nth-child(11) a:before { background-image: url(../img/main/ico_main_top11.svg)} */
/* .main1 .golink ul li:nth-child(12) a:before { background-image: url(../img/main/ico_main_top12.svg)} */
.main1 .golink .slick-prev { position: absolute;left: 10px; top:50%; width:24px; height: 24px; margin-top:-12px; background: url(../img/main/ico_slider_prev.svg) no-repeat 50% 50%; background-size:24px auto;text-indent: -9999px;}
.main1 .golink .slick-next { position: absolute;right: 10px; top:50%; width:24px; height: 24px; margin-top:-12px; background: url(../img/main/ico_slider_prev.svg) no-repeat 50% 50%; background-size:24px auto;text-indent: -9999px; transform: scaleX(-1);}


.main1 .top-banner .top1 a:before {
    content: '';
    display: block;
    margin-bottom: 9px;
    height: 40px;
    background: url(../img/main/ico_list_thum_on.svg) no-repeat 50% 0;
}
.main1 .top-banner .top2 a:before {
    content: '';
    display: block;
    margin-bottom: 9px;
    height: 40px;
    background: url(../img/main/ico_list_list_off.svg) no-repeat 50% 0;
}

.main2 { padding: 24px 0; background: #f5f9fc; }
.main2 .inner { display: flex; justify-content: space-between; }
.main2 .latest { flex:1; margin-right:50px; position: relative; padding-top:46px; min-width: 0; }
.main2 .latest h2 { position: absolute;left: 0; top:0; }
.main2 .latest h2 a { display: block; font-size:18px; font-weight: 400; line-height: 27px; position: relative;}
.main2 .latest h2 a:before { content: ''; position: absolute;left: 0; right:0; bottom:-3px; height: 2px; background: #000; opacity:0; transition: all 0.5s ease;}
.main2 .latest .list { display: none; padding: 0 20px; border: 1px solid #cfcfcf; background: #fff; border-radius:10px; }
.main2 .latest .list ul { height: 100%; padding-top: 5px; }
.main2 .latest .list ul li { border-bottom: 1px solid #e1e1e1; }
.main2 .latest .list ul li:last-child { border-bottom: 0; }
.main2 .latest .list ul li a { display: block; padding:13px 20px 13px 0 ; background: url(../img/main/ico_main_notice.svg) no-repeat right 50%; }
.main2 .latest .list ul li .subj { font-size:16px; width:100%; white-space: nowrap; /*line-height: 24px;*/ }
.main2 .latest .list ul li a .w1 { width: 87%; display: inline-block; overflow: hidden; text-overflow: ellipsis;}
.main2 .latest .list ul li a .w2 { width: 13%; display: inline-block; float: right;}

/* 공지사항 디자인수정*/
.main2 .latest .list ul li.notice_first .subj{position:relative; min-height: 90px }
.main2 .latest .list ul li.notice_first a span.w1{position:absolute; left:80px;}
.main2 .latest .list ul li.notice_first a span.w1 .loc{display:block}
.main2 .latest .list ul li.notice_first a span.w2{display:inline-block; border:2px solid #ddd; padding:7px; width:70px; height:65px; position:absolute; left:0; word-break: break-word; white-space: break-spaces; text-align:center; box-sizing: border-box}
.main2 .latest .list ul li.notice_first a span.w2.date em{font-size: 2em; display: block; font-weight: 600; color:#4b9bec}
.main2 .latest .list ul li.notice_first a span.w2.date i{font-size: .8em; display: block; font-style: normal; padding-top: 5px}

/*
.main2 .latest .list ul li a .subj { font-size:16px; white-space: nowrap; line-height: 24px; overflow: hidden; text-overflow: ellipsis;}
*/
.main2.latest .list ul li a p { font-size:12px; color: #909090; }
.main2 .latest .btn-more { display: none; position: absolute; right:0; top:0; padding: 0 12px 0 14px; height: 34px; line-height: 32px; font-size:14px; font-weight:600; color: #0565f0; background: #fff; border: 1px solid #cfcfcf; border-radius:5px;  }
.main2 .latest .article:nth-child(2) h2 { left: 83px; }
.main2 .latest .article:nth-child(3) h2 { left: 166px; }
.main2 .latest .article:nth-child(4) h2 { left: 249px; }
.main2 .latest .article.active h2 a { font-weight: 600; }
.main2 .latest .article.active h2 a:before{ opacity:1; }
.main2 .latest .article.active .list { display: block;}
.main2 .latest .article.active .btn-more { display: block;}
.main2 .banner-alert { width:30%; position: relative;}
.main2 .banner-alert h2 { font-size:18px; line-height: 27px; margin-bottom: 19px; font-weight: 600;}
.main2 .banner-alert .swiper { border-radius:10px; height: 216px;}
.main2 .banner-alert .swiper:focus-within {border: 2px dotted #000000;}
.main2 .banner-alert .swiper .swiper-slide{  height: auto; max-height: 216px;}
.main2 .banner-alert .swiper img { width:100%; height: 100%;  }
.main2 .banner-alert .control { position: absolute; right:0; top:0; display: flex; align-items: center; }
.main2 .banner-alert .control .swiper-pagination { position: static; font-size:14px; font-weight: 600; }
.main2 .banner-alert .control .swiper-button-prev { background: url(../img/main/ico_alert_banner_prev.svg) no-repeat 50% 50%; width:24px; height: 24px; position: static; margin: 0; }
.main2 .banner-alert .control .swiper-button-next { background: url(../img/main/ico_alert_banner_prev.svg) no-repeat 50% 50%; width:24px; height: 24px; position: static; margin: 0; transform: rotate(180deg);}
.main2 .banners1 { width:30%; display: flex; justify-content: space-between; flex-direction: column; }
.main2 .banners1 a { display: block; padding: 22px 24px; background: #fff; border-radius:10px; border: 1px solid #cfcfcf; }
.main2 .banners1 a strong { display: block; font-size:20px; margin-bottom: 3px; }
.main2 .banners1 a small { font-size:12px; line-height: 1.5; }
.main2 .banners1 a.b1 { background: #fff url(../img/main/ico_main_banner1.svg) no-repeat right 50%; background-position: right 28px  center;}
.main2 .banners1 a.b2 { background: #101626 url(../img/main/ico_main_banner2.png) no-repeat right 0; color: #fff;border:0;; }


.main3 { padding: 60px 0 70px; }
.main3 .inner { position: relative;}
.main3 .h2-main { margin-bottom: 22px;}
.main3 .h2-main strong { color: #0565f0; }
.main3 .section-wrap { padding-top:52px; position: relative; }
.main3 .section h3 { position: absolute;left: 0; top:0; }
.main3 .section h3 a { font-size:18px; display: block; line-height: 27px; position: relative; }
.main3 .section h3 a:before { content: ''; position: absolute;left: 0; right:0; bottom:-3px; height: 2px; background: #111; transition: all 0.5s ease;opacity:0; }
.main3 .section.section2 h3 { left: 190px; }
.main3 .section .slider { display: none; position: relative;  }
.main3 .section .slider .item a { display: block;}
.main3 .section .slider .item img { width:100%; vertical-align: top; position: absolute; left: 0; top:0; height: 100%; object-fit: cover; }
.main3 .section .slider .item .img { position: relative; padding-bottom: 95%; overflow: hidden; border-radius:10px; }
/*.main3 .section .slider .item .img .status { position: absolute; left: 12px; top:12px;  }*/
.main3 .section .slider .item .subj { font-size:18px; line-height: 1.56; color: #212121; margin:8px 0; overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;}
.main3 .section .slider .item .date { font-size:14px; color: #909090; }
.main3 .section .slider .swiper-button-prev,
.main3 .section .slider .swiper-button-next { width:52px; height: 52px; background:#fff url(../img/main/ico_slider_prev.svg) no-repeat 40% 50%; border: 1px solid #e1e1e1; border-radius:100%; top:32%; margin:0 -26px 0 0;}
.main3 .section .slider .swiper-button-next { transform: scaleX(-1);right:-52px; }
.main3 .section .slider .swiper-button-prev { left: -72px; }
.main3 .section .select-box { display: none; position: absolute; right:120px; top:-60px;}
.main3 .section .btn-more {display: none; position: absolute; right:0; top:-60px; width:90px; height: 38px; border: 1px solid #cfcfcf; border-radius:5px; font-size:16px; color: #0565f0; font-weight: 500; text-align: center; line-height: 36px; }
.main3 .section.active h3 a { font-weight: 600; }
.main3 .section.active h3 a:before { opacity:1; }
.main3 .section.active .slider { display: block; }
.main3 .section.active .select-box { display: block; }
.main3 .section.active .btn-more { display: block; }
.main3 .item { }
.main3 .item .img { display: block; position: relative; overflow: hidden; border-radius:10px; padding-bottom: 95%;}
.main3 .item .img img { vertical-align: middle; width:100%; position: absolute;left: 0; top:0; height: 100%; object-fit: cover; }
.main3 .item .img .status-box { position: absolute;left: 12px; top:12px; }
.main3 .item .head .loc { margin:10px 0 5px; font-size:12px; font-weight: 600;}
.main3 .item .head .loc.pink { color: #9f4999}
.main3 .item .head .loc.red { color: #eb6959}
.main3 .item .head .loc.orange { color: #9cc900}
.main3 .item .head h3 { font-size:18px; font-weight: 400; line-height: 1.6; overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; color: #212121; }
.main3 .item .foot { display: none; margin-top:10px; }
.main3 .item .foot p { font-size:14px; color: #606060; margin-bottom: 7px; }
.main3 .item .foot p > span + span { margin-left: 10px; padding-left: 10px;position: relative; }
.main3 .item .foot p > span + span:before { content: ''; position: absolute;left: 0; top:3px; bottom:3px; width:1px; background: #cfcfcf; }
.main3 .item .foot .key-box { position: relative;}
.main3 .item .foot .key-box .key span { display: inline-block; vertical-align: middle; padding:0 13px; height: 40px; line-height: 38px; border-radius:40px; border: 1px solid #e1e1e1; font-size:14px; color: #0565f0; }
.main3 .item .foot .key-box .price { position: absolute; right:0; top:-40px; font-size:20px; color: #000;  }


.main5 { padding: 70px 0; }
.main5 .section-wrap { padding-top:84px; position: relative;}
.main5 .swiper-slide {  text-align: center;font-size: 18px;background: #fff;   }
.main5 .swiper-slide ul { display: flex; flex-wrap: wrap; }
.main5 .swiper-slide ul li { width:50%; }
.main5 .swiper-slide .item { display: flex; justify-content: space-between; padding-bottom: 30px;}
.main5 .swiper-slide .item .img { width:240px; margin-right:20px; border-radius:10px; position: relative;  padding-bottom: 37%;overflow: hidden;border-radius:10px; }
.main5 .swiper-slide .item .img img {vertical-align: middle; width:100%; position: absolute;left: 0; top:0; height: 100%; object-fit: cover; }
.main5 .swiper-slide .item .img .status { left: 12px; top:12px; position: absolute; }
.main5 .swiper-slide .item .info { flex: 1; text-align: left; display: flex; justify-content: space-between; flex-direction: column;}
.main5 .swiper-slide .item .info .loc { font-size:16px; color: #9f4999; font-weight: 500;}

.main5 .swiper-slide .item .info h3 { font-size:20px; color: #212121; line-height: 1.5;font-weight: 500; overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 3; }
.main5 .swiper-slide .item .info .foot p { font-size:14px; color: #606060; margin-top:10px; }
.main5 .swiper-slide .item .info .foot p i { margin:-3px 5px 0 0;}
.main5 .swiper-slide .item .info .foot .view { font-size:14px; }

.main4 { padding: 75px 0 105px; position: relative;}
.main4:before { content: '';  position: absolute; left:0; top:0; bottom:0; width:33.75%; background: url(../img/main/bg_program.jpg) no-repeat right 50%;}
.main4 .inner { position: relative;}
.main4 .h2-main { margin-bottom: 3px; }
.main4 .h2-desc { font-size:18px; margin-bottom: 20px; }
.main4 .swiper{ height: 450px;  }
.main4 .swiper-slide { transition: all 0.5s ease; padding-top:200px; }
.main4 .swiper-slide-active { width:450px !important; padding-top:0;  }
.main4 .swiper-slide-active .info { left: 470px; width:720px; top:0; position: absolute; z-index:10;}
.main4 .swiper-slide-active .item { height: 100%; }
.main4 .swiper-slide-active .item .img { padding-bottom: 100%; }
.main4 .swiper-slide-active .item .info .loc { font-size:16px; margin:0 0 3px; }
.main4 .swiper-slide-active .item .info h3 { font-size:24px; font-weight: 600;}
.main4 .swiper-slide-active .item .foot { display: block; margin-top:3px; }
.main4 .swiper-slide-active .item .key-box { margin-top:15px; }
.main4 .item { }
.main4 .item .img { display: block; position: relative; overflow: hidden; border-radius:10px; padding-bottom: 95%;}
.main4 .item .img img { vertical-align: middle; width:100%; position: absolute;left: 0; top:0; height: 100%; object-fit: cover; }
.main4 .item .img .status-box { position: absolute;left: 12px; top:12px; }
.main4 .item .head .loc { margin:10px 0 5px; font-size:12px; font-weight: 600;}
.main4 .item .head .loc.pink { color: #9f4999}
.main4 .item .head .loc.red { color: #eb6959}
.main4 .item .head .loc.orange { color: #9cc900}
.main4 .item .head h3 { font-size:18px; font-weight: 400; line-height: 1.6; overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; color: #212121; }
.main4 .item .foot { display: none; margin-top:10px; }
.main4 .item .foot p { font-size:14px; color: #606060; margin-bottom: 7px; }
.main4 .item .foot p > span + span { margin-left: 10px; padding-left: 10px;position: relative; }
.main4 .item .foot p > span + span:before { content: ''; position: absolute;left: 0; top:3px; bottom:3px; width:1px; background: #cfcfcf; }
.main4 .item .foot .key-box { position: relative;}
.main4 .item .foot .key-box .key span { display: inline-block; vertical-align: middle; padding:0 13px; height: 40px; line-height: 38px; border-radius:40px; border: 1px solid #e1e1e1; font-size:14px; color: #0565f0; }
.main4 .item .foot .key-box .price { position: absolute; right:0; top:-40px; font-size:20px; color: #000;  }
.main4 .slider{position: relative;}

.main4 .slider .swiper-button-prev,
.main4 .slider .swiper-button-next { width:52px; height: 52px; background:#fff url(../img/main/ico_slider_prev.svg) no-repeat 40% 50%; border: 1px solid #e1e1e1; border-radius:100%; top:50%; margin:0 -26px 0 0;}
.main4 .slider .swiper-button-next { transform: scaleX(-1);right:-52px; }
.main4 .slider .swiper-button-prev { left: -72px; }
.main4 .slider .select-box {  position: absolute; right:150px; top:-50px;}
.main4 .slider .btn-more {  position: absolute; right:0; top:-50px; width:140px; height: 38px; border: 1px solid #cfcfcf; border-radius:5px; font-size:16px; color: #0565f0; font-weight: 500; text-align: center; line-height: 36px; }

.main5 .section .slider { display: none; }
.main5 .section .h2-main { position: absolute;left: 0; top:0; }
.main5 .section .h2-main a { font-weight: 400; line-height: 48px;position: relative; }
.main5 .section .h2-main a:before { content: ''; position: absolute;left: 0; right:0; bottom:-3px; height: 2px; background: #111; opacity:0; transition: all 0.5s ease;}
.main5 .section2 .h2-main { left: 160px;}
.main5 .section .select-box { display: none; position: absolute; right:120px; top:5px;}
.main5 .section .btn-more { display: none; position: absolute; right:0; top:5px; width:90px; height: 38px; border: 1px solid #cfcfcf; border-radius:5px; font-size:16px; color: #0565f0; font-weight: 500; text-align: center; line-height: 36px; }
.main5 .section.active .slider { display: block; }
.main5 .section.active .h2-main a { font-weight: 600; }
.main5 .section.active .h2-main a:before { opacity:1; }
.main5 .section.active .select-box,
.main5 .section.active .btn-more { display: block; }
.main5 .section .slider .swiper-button-prev,
.main5 .section .slider .swiper-button-next { width:52px; height: 52px; background:#fff url(../img/main/ico_slider_prev.svg) no-repeat 40% 50%; border: 1px solid #e1e1e1; border-radius:100%; top:50%; margin:0 -26px 0 0;}
.main5 .section .slider .swiper-button-next { transform: scaleX(-1);right:-52px; }
.main5 .section .slider .swiper-button-prev { left: -72px; }

.main6 { padding:20px 0 50px; position: relative; }
.main6:before { content: '';  position: absolute; right:0; top:0; bottom:0; width:33.75%; background: url(../img/main/bg_map.png) no-repeat left 50%; background-size:cover;}
.main6 .h2-desc { font-size:18px; }
.main6 .map-choice { display: flex; justify-content: space-between; }
.main6 .map-choice h3 { font-size:14px; font-weight: 600; color: #718096; margin-bottom: 12px; }
.main6 .map-choice .step1 { width:27.08333333333%; padding-top:75px; }
.main6 .map-choice .step1 .map { background: url(../img/main/img_map1.svg) no-repeat 0 0 / contain; }
.main6 .map-choice .step1 .map.map1 { background-image: url(../img/main/img_map1.svg?date=20231117);}
.main6 .map-choice .step1 .map.map2 { background-image: url(../img/main/img_map2.svg?date=20231117);}
.main6 .map-choice .step1 .map.map3 { background-image: url(../img/main/img_map3.svg?date=20231117);}
.main6 .map-choice .step1 .map img { max-width:100%;}
.main6 .map-choice .step1 h3 { margin-bottom: 48px; }
.main6 .map-choice .step2 { width:21.08333333333%; padding-top:75px; }
.main6 .map-choice .step2 .builds::-webkit-scrollbar-track { background: transparent; }
.main6 .map-choice .step2 .builds::-webkit-scrollbar-thumb { background: #ccc; border-radius:5px; }
.main6 .map-choice .step2 .builds::-webkit-scrollbar { width:5px;  }
.main6 .map-choice .step2 .builds { height:410px; overflow: auto; border-radius:5px; border: 1px solid #cfcfcf; background: #fff; padding: 10px 20px;  }
.main6 .map-choice .step2 .builds ul button { display: block; width:100%; line-height: 42px; font-size:16px; color: #000; text-align: left; background: none; background-position: right 50%; background-repeat: no-repeat;}
.main6 .map-choice .step2 .builds ul button.active { color: #0565f0; font-weight: 600; background-image:url(../img/main/ico_main_notice.svg); background-color:#fff  }
.main6 .map-choice .step3 { width:42.16666666667%; position: relative; }
.main6 .map-choice .step3 .swiper-slide ul li + li { margin-top:20px; }
/*
.main6 .map-choice .step3 .item { display: block; padding: 24px; border: 1px solid #cfcfcf; background: #fff; border-radius:10px; box-shadow:0 10px 10px 0 rgba(0, 0, 0, 0.05); }
*/
.main6 .map-choice .step3 .item { display: block; padding: 24px; border: 1px solid #cfcfcf; background: #fff; border-radius:10px; }
.main6 .map-choice .step3 .item h3 { font-size:18px; font-weight: 600; color:#212121; margin:5px 0 10px;  }
.main6 .map-choice .step3 .item .etc-box { display: flex; justify-content: space-between; align-items: flex-end;}
.main6 .map-choice .step3 .item .etc-box p { font-size:14px; color: #606060;  }
.main6 .map-choice .step3 .item .etc-box p + p { margin-top:5px; }
.main6 .map-choice .step3 .item .etc-box p i { margin:-3px 5px 0 0;}
.main6 .map-choice .step3 .item .etc-box .price { font-size:18px; color: #000; }
.main6 .map-choice .slider { position: relative; padding-bottom: 68px; }
.main6 .map-choice .slider .control { position: absolute;left: 0; bottom:0; }
.main6 .map-choice .slider .control .swiper-button-prev,
.main6 .map-choice .slider .control .swiper-button-next { width:52px; height: 52px; position: static; display: inline-block; vertical-align: middle; background:#fff url(../img/main/ico_slider_prev.svg) no-repeat 40% 50%; border: 1px solid #e1e1e1; border-radius:100%; margin:0 6px 0 0;}
.main6 .map-choice .slider .control .swiper-button-next { transform: scaleX(-1);right:-52px; }
.main6 .map-choice .slider .control .swiper-button-prev { left: -72px; }
.main6 .swiper-pagination { display: none; }

.main7 { padding: 44px 0; background: #FF6699; }


#footer { border-top:1px solid #e1e1e1;  padding:20px 0 50px; }
#footer .inner { padding-left: 0; position: relative;}
#footer .logo { position: absolute;left: 0; top:70px; }
#footer .info { margin-left: 320px; }
#footer nav { margin-bottom: 10px; }
#footer nav a { display: inline-block; vertical-align: middle; font-size:14px; color: #606060; font-weight: 600; margin-right:10px; }
#footer nav a:last-child { margin-right:0; }
#footer .etc { display: flex; justify-content: space-between; }
#footer .address { font-size:12px; color: #909090; line-height: 1.4; margin-bottom:50px;  }
#footer .address span { margin:0 15px; }
#footer .copyright { font-size:12px; color: #909090; }
#footer .banner p {display: inline-block; vertical-align: middle; text-align: center; padding: 72px 12px 0; font-size:12px; line-height: 1.4; color: #909090; background: url(../img/common/foot_banner1.png) no-repeat 50% 0; margin-top:10px }
#footer .banner p:nth-child(1) { background-image: url(../img/common/foot_banner4.png);}
#footer .banner p:nth-child(2) { background-image: url(../img/common/foot_banner1.png);}
#footer .banner p:nth-child(3) { background-image: url(../img/common/foot_banner3.png);}
#footer .banner p:nth-child(4) { background-image: url(../img/common/foot_banner5.jpg); margin-left:15px}
#footer .family { display: inline-block; margin-bottom: 15px; position: static; width:100%; height: auto; overflow: visible; }
/* #footer .family .btn-flip { width:204px; height: 40px; padding-left: 15px; border: 1px solid #e1e1e1; font-size:14px; color: #000; text-align: left; background: #fff } */
/* #footer .family .btn-flip:before { content: ''; position: absolute; right:7px; top:0; width:38px; height: 38px; background: url(../img/common/bu_select_family.svg) no-repeat right 50%;  } */
#footer .family .site-group{ position: relative; width: calc(25% - 16px); float:left; }
#footer .family .site-group::before { content: ''; position: absolute; right: 7px; top: 5px; width: 38px; height: 38px; background: url(../img/common/bu_select_family.svg) no-repeat right 50%; }
#footer .family .site-group + .site-group { margin-left: 10px; }
#footer .family .site-group-title a { position: relative; display: block; padding-left: 24px; font-size: 17px; line-height: 50px; font-weight: normal; border: 1px solid #cfcfcf; }
#footer .family .site-group-title button { width:100%; display: block; padding-left: 24px; font-size: 17px; line-height: 50px; font-weight: normal; border: 1px solid #cfcfcf; background: #ffffff; text-align:left; cursor: pointer;}
#footer .family .site-group.active .site-list { display: block; }
#footer .family .site-list { display: none; position: absolute; left: 0; right: 0; bottom: 50px; z-index: 100; overflow-y: auto; height: 200px; }
#footer .family .site-list .list-txt { display: inline-block; width: 95%; }
#footer .family ul { display: none; position: absolute;left: 0; right:0; bottom:40px; background: #fff; border: 1px solid #e1e1e1; z-index:10000; }
/*2023.11.16.웹접근성 포커스링 수정*/
#footer .family ul li{margin:2px}
#footer .family ul li a { display: block; line-height: 40px; padding-left: 15px; font-size:14px; color: #777; /*transition: all 0.5s ease;*/ }
#footer .family ul li a:hover { background: #f2f2f2; color: #000; }

.quick { position: fixed; right:20px; top:50%; transform: translateY(-50%); width:80px; background: #fff; border-radius:10px; box-shadow:0 0 10px 0 rgba(0,0,0,0.1); z-index:10; padding:0 9px; text-align: center; }
.quick a { display: block; text-align: center; font-size:12px; color: #000; padding: 10px 0; border-bottom: 1px solid #e1e1e1; text-align: center; }
.quick a:before { content: ''; display: block; width:auto; height: 30px; margin-bottom: 3px; background: url(../img/common/ico_quick1.svg) no-repeat 50% 0; }
.quick a.q1:before { background-image: url(../img/common/ico_quick1.svg);}
.quick a.q2:before { background-image: url(../img/common/ico_quick2.svg);}
.quick a.q3:before { background-image: url(../img/common/ico_quick3.svg);}
.quick a.q4:before { background-image: url(../img/common/ico_quick_bus2.svg);}
.quick .zoom { padding:10px 0; }
.quick .zoom .btns {  display: flex; justify-content: space-around;}
.quick .zoom .btns button { width:24px; height: 24px; background: url(../img/common/ico_quick_plus.svg) no-repeat 50% 50%; text-align: left; text-indent: -9999px; }
.quick .zoom .btns button:nth-child(2) { background-image: url(../img/common/ico_quick_minus.svg);}
.quick .zoom p { text-align: center; font-size:10px; color: #000; line-height: 1; margin:7px 0 3px; }
.quick .zoom .btn-reset { display: inline-block; vertical-align: middle; font-size:10px; height: 18px; line-height: 16px; color: #0565f0; border: 1px solid #e4e9f2; background: #fff; border-radius:5px; width:45px; text-align: center; }



/****************************************************************************************************************************************
	서브 공통
****************************************************************************************************************************************/
#container { margin-bottom: 130px; }
.sub-head { background: url(../img/class/bg_head.jpg) no-repeat 50% 50%; background-size:cover; margin-bottom: 15px;}
.sub-head .inner { height:200px; position: relative; display: flex; justify-content: center; align-items: center; }
.sub-head h2 { font-size:42px; font-weight: 700; color: #fff; }
.sub-head.sub-member { background-image: url(../img/member/bg_head.jpg); }
.sub-head.sub-mypage { background-image: url(../img/mypage/bg_head.jpg); }
.sub-head.sub-faci { background-image: url(../img/faci/bg_head.jpg); }
.sub-head.sub-compt,
/*.sub-head.sub-council{ background-image: url(../img/compt/bg_head.jpg); }*/
.sub-head.sub-council{ background-image: none; }
.sub-head.sub-about{ background-image: url(../img/about/bg_head.jpg); }
.sub-head.sub-about2{ background-image: url(../img/about/bg_head2.jpg); }
.sub-head.sub-parti{ background-image: url(../img/parti/bg_head.jpg); }
.sub-head.sub-welfare{ background-image: url(../img/welfare/bg_head.jpg); }
.sub-head.sub-alert{ background-image: url(../img/alert/bg_head.jpg); }
.sub-head.sub-search{ background-image: url(../img/search/bg_head.jpg); }
.sub-head .shares { position: absolute; right:0; bottom:20px; display: flex; align-items: center; }
.sub-head .shares > div  + div { margin-left: 15px; }
.sub-head .shares .btn-print { width:24px; height: 24px; background: url(../img/common/ico_share_print.svg) no-repeat 50% 50%;  text-indent: -9999px;}
.sub-head .shares .btn-sns { width:24px; height: 24px; background: url(../img/common/ico_share_sns.svg) no-repeat 50% 50%;  text-indent: -9999px;}
.sub-head .shares .sns { }
.sub-head .shares .sns .share-box { display: none; z-index:10; position: absolute; right:0; top:-3px; white-space: nowrap; transform: translateX(-10px); }
.sub-head .shares .sns .share-box a { width:30px;  display: inline-block; vertical-align: middle; }
.sub-head .shares .sns .share-box img { width:30px; height: 30px; flex:0 0 30px; }

.path { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 18px;}
.path a { font-size:12px; color: rgba(0,0,0,0.5); padding-left: 26px; background: url(../img/common/ico_path.svg) no-repeat 0 50%; }
.path a:first-child { padding-left: 0; background: none; }

.tabs1 { display: flex; justify-content: space-between; margin-bottom: 30px; }
.tabs1 p { flex: 1; }
.tabs1 p a { display: block; height: 62px; line-height: 60px; text-align: center; font-size:18px; color: #000; border: 1px solid #cfcfcf; margin-right:-1px; transition: all 0.5s ease;}
.tabs1 p a.active { border: 2px solid #0565f0; font-size:20px; font-weight:bold; color: #0565f0; z-index:2; position: relative; }
.tabs1 p a small { display: flex; justify-content: center; align-items: center; height: 100%; line-height: 1.3; font-size:14px;}
.tabs1.col4 { flex-wrap: wrap; margin-bottom: 30px; justify-content: flex-start; }
.tabs1.col4 p { width:25%; flex: 0 0 25%;  }
.tabs1.col4 p:nth-child(n+5) { margin-top:-1px;}
.tabs1.col5 { flex-wrap: wrap; margin-bottom: 30px; justify-content: flex-start; }
.tabs1.col5 p { width:20%; flex: 0 0 20%;  }
.tabs1.col5 p:nth-child(n+6) { margin-top:-1px;}


/*
.tabs2 { display:flex; }
.tabs2 a { line-height: 43px; font-size:18px; margin-right:24px; }
.tabs2 a.active{ font-weight: 600; border-bottom: 2px solid #000; z-index:2; position: relative; }
.tabs2.border-type { position: relative; margin-bottom: 35px;}
.tabs2.border-type:before { content: ''; position: absolute;left: 0; right:0; bottom:0; height: 1px; background: #e1e1e1;}
*/
.tabs2 { display:flex; padding:12px 20px 6px; background: #fafafa; border-bottom: 1px solid #e1e1e1; margin-bottom: 20px; justify-content: center; flex-wrap: wrap; }
.tabs2 a { line-height: 47px; padding:0 16px; margin-bottom: 6px; border-radius:47px; line-height: 45px; font-size:18px; border: 1px solid #d8dbe1; background: #fff;  margin-right:6px; }
.tabs2 a.active{ font-weight: 600; color: #fff; background: #0565f0; border-color:#0565f0; }
.tabs1 + .tabs2 { margin-top:-30px;}

.tabs3 { display: flex; justify-content: space-between; margin-bottom: 35px; }
.tabs3 p { flex: 1; }
.tabs3 p a { display: block; height: 48px; line-height: 46px; text-align: center;background: #fafafa; font-size:16px; color: #000; border: 1px solid #d8dbe1; margin-right:-1px; transition: all 0.5s ease;}
.tabs3 p a.active { border-color:#0565f0; background: #0565f0; color: #fff; z-index:2; position: relative; font-size: 18px; font-weight: bold;}


.h3 { font-size:28px; font-weight: 700; margin-bottom: 10px; padding-top:12px; }
.h3.border{ border-bottom: 2px solid #000; padding-bottom: 10px; margin-bottom: 30px;}
.h3 small { font-size:16px; font-weight: 400; }
.h3-head { display: flex;justify-content: space-between; align-items: flex-end; margin-bottom: 20px; }
.h3-head.center { align-items: center; 	}
.h3-head .h3 { margin-bottom: 0; }
.h3-head .filters { display: flex; align-items: center; }
.h3-head .filters .sort { display: flex; margin-left: 30px; }
.h3-head .filters .sort button { width:40px; height: 40px; border: 1px solid #e1e1e1; background: #fff url(../img/common/ico_list_list_off.svg) no-repeat 50% 50%; text-indent: -9999px; text-align: left; margin-left: -1px;  transition: all 0.3s ease; }
.h3-head .filters .sort button.active { border-color:#0565f0; position: relative; z-index:2; }
.h3-head .filters .sort .list-type { background-image: url(../img/common/ico_list_list_off.svg);}
.h3-head .filters .sort .list-type.active { background-image: url(../img/common/ico_list_list_on.svg);}
.h3-head .filters .sort .thum-type { background-image: url(../img/common/ico_list_thum_off.svg);}
.h3-head .filters .sort .thum-type.active { background-image: url(../img/common/ico_list_thum_on.svg);}

.h4 { font-size:20px; font-weight: 600; padding-left:32px; background: url(../img/common/ico_h4.svg) no-repeat 0 2px; margin-bottom: 30px; }
.h4-desc { padding-left: 32px; font-size:14px; color: #606060; margin-bottom: 10px;}
.h4.red { color: #ff4a4a; background-image: url(../img/common/ico_h4_red.svg)}
.h5 { font-size:18px; padding-left: 20px; font-weight: 500; position: relative; margin-bottom: 10px; }
.h5:before { content: ''; position: absolute;left: 7px; top:11px; width:4px; height: 4px; border-radius:100%; background: #0565f0; }
.h6 { color: #0565f0; font-weight: 600; font-size:16px; }
.h7 { font-size:16px; font-weight: 700; margin-bottom: 10px; }
.h8 { font-size:24px; font-weight: 700; margin-bottom: 12px; }
.h9 { font-size:14px; color: #8f9bb3; font-weight: 700; margin-bottom: 7px;}
.h10 { font-size:20px; font-weight: 600; margin-bottom: 10px;}

.text1 { font-size:15px; line-height: 1.6; color: #494949;  word-break: keep-all;}
.text2 { font-size:16px; line-height: 1.6; color: #212121; letter-spacing: -0.5px; word-break: keep-all;}
.text3 { font-size:14px; line-height: 1.6; color: #606060; }
.txt-list1 { margin-bottom: 40px; }
.txt-list1 p { padding-left: 20px; position: relative; font-size:15px; color: #494949; line-height: 1.5; margin-bottom: 5px; }
.txt-list1 p:before { content: ''; position: absolute;left: 7px; top:9px; width:4px; height: 4px; background: #0565f0; border-radius:100%; }
.txt-box1 { font-size:16px; line-height: 1.5; background: #f5f9fc; padding:24px; margin-bottom: 30px; }

/* Element */
.pdlr20 { padding-left:20px; padding-right:20px; }
.pdl32 { padding-left:32px;}

.flex { display: flex; justify-content: space-between; }
.flex.center { align-items: center; }

/* Scrollbar Custom */
.scrollbar::-webkit-scrollbar-track { background: transparent; }
.scrollbar::-webkit-scrollbar-thumb { background: #d8d8d8; border-radius:5px; }
.scrollbar::-webkit-scrollbar { width:5px;  }

/* Board */
.pagenate { text-align: center;margin:30px 0 45px; }
.pagenate div { display: inline-block; vertical-align: middle; }
.pagenate a { display: inline-block; vertical-align: middle; text-align: center; line-height: 34px; width:36px; height: 36px; font-size:14px;  color: #718096;  border-radius:100%; font-weight: 600; margin:0 2px;}
.pagenate a.active { font-weight: 600; color:#fff; background:#0565f0; }
.pagenate a.first,
.pagenate a.last{background: url(../img/common/ico_page_first.svg) no-repeat 0 0; }
.pagenate a.prev,
.pagenate a.next{background: url(../img/common/ico_page_prev.svg) no-repeat 0 0; }
.pagenate a.next { transform: rotate(180deg);}
.pagenate a.last { transform: rotate(180deg);}

/*  Table */
.table1 { margin-bottom: 35px;}
.table1 table { width:100%; border-collapse: collapse; border-top:1px solid #b7c2d8;  }
.table1 table tbody th { padding-left: 12px; font-size:14px; font-weight: 500; text-align: left; color: #718096; background: #f7f9fc; border-bottom: 1px solid #e4e9f2;  }
.table1 table tbody td { padding: 12px; font-size:14px;  border-bottom: 1px solid #e4e9f2;  }

.table2 table { width:100%; border-collapse: collapse;; }
.table2 table thead th { padding: 12px 5px; font-size:15px; color: #000; font-weight: 400; background: #fafafa; border: 1px solid #cfcfcf; word-break: keep-all;}
.table2 table tbody th { padding: 12px 5px; font-size:15px; color: #000; font-weight: 400; background: #fafafa; border: 1px solid #cfcfcf;word-break: keep-all; }
.table2 table tbody td { font-size:15px; line-height: 1.5; color: #494949; border: 1px solid #cfcfcf; text-align: center; padding:15px 5px; word-break: keep-all;}
.table2 table tbody td .ib{ text-align: left; }
.table2 table tbody td.text-left { padding-left:20px; padding-right:20px;}

.table3 { margin-bottom: 50px;}
.table3 table { width:100%; border-collapse: collapse; font-size:15px; color: #000; }
.table3 table thead th { padding: 8px 5px;  font-weight: 400; background: #fafafa; border: 1px solid #cfcfcf; word-break: keep-all;}
.table3 table tbody th { padding: 8px 5px; font-weight: 400; background: #fafafa; border: 1px solid #cfcfcf;word-break: keep-all; }
.table3 table tbody td { padding:8px 15px;  border: 1px solid #cfcfcf;word-break: keep-all;}
.table3 table tbody td .ib{ text-align: left; }
.table3 table tbody td.text-left { padding-left:20px; padding-right:20px;}

.table4  { width:100%; border-collapse: collapse; font-size:15px; color: #000; margin-bottom: 60px;  }
.table4  thead th { padding: 8px 5px;  font-weight: 400; background: #fafafa; border: 1px solid #cfcfcf; word-break: keep-all;}
.table4  tbody th { padding: 8px 5px; font-weight: 400; background: #fafafa; border: 1px solid #cfcfcf;word-break: keep-all; }
.table4  tbody td { padding:8px 15px;  border: 1px solid #cfcfcf;word-break: keep-all; text-align: center; color: #494949; }
.table4  tbody td ul li { padding-left:20px; text-align: left; position: relative;  }
.table4  tbody td ul li + li {margin-top:4px; }
.table4  tbody td ul li:before { content: ''; position: absolute;left: 7px; top:9px; width:4px; height: 4px; background: #0565f0; border-radius:100%; }
.table4  tbody td ul li li:before { background: #cfcfcf;}


.table-board { margin-bottom: 22px; }
.table-board table { width:100%; border-collapse: collapse; }
.table-board table thead th { height: 31px; background: #f7f9fc; border-bottom: 1px solid #d8dbe1; border-top:1px solid #d8dbe1; font-size:12px; color: #718096; font-weight: 700;}
.table-board table tbody td { text-align: center; font-size:14px; padding:15px 5px; border-bottom: 1px solid #d8dbe1; }
.table-board table tbody td img { vertical-align: middle; margin:3px 3px 0 0;}
.table-board table tbody td .td-tit { color:#909090;}
.table-board table tbody td .td-tit:after { content: ':'; display: inline;margin:0 4px; }
.table-board .none-text { color: #8f9bb3; }

.table-scroll { overflow: auto; }
.table-scroll > div { width:900px; }
.table-scroll > div.tabs2 { width:auto; }

.common-more { text-align: center; margin:30px 0 60px; }
.btn-common-more { display: inline-block; vertical-align: middle; width:215px;height: 42px; line-height: 40px; border: 1px solid #e1e1e1; border-radius:5px; background: #fff; font-size:16px; font-weight: 600; color: #0565f0; }


.description1 { font-size:14px; color: #909090; margin-bottom: 38px; line-height: 1.4;}
.description2 { font-size:16px; color: #606060; margin-bottom:12px;}
.description3 { font-size:14px; color: #212121; margin-bottom:40px; line-height: 1.5;}
.description4 { padding: 22px 24px; background: #f5f9fc;  margin-bottom: 30px; }
.description4 h4 { font-size:18px; font-weight: 600; margin-bottom: 5px; }
.description4 p { font-size:16px; line-height: 1.55; }
.btn-common-box { position: relative;min-height: 48px; margin-bottom:55px;}
.btn-common-box .center { text-align: center; }
.btn-common-box .center button + button { margin-left: 10px; }
.btn-common-box .right { position: absolute; right:0; bottom:0; }
.btn-common-box .btn-type1.mobile-full { width:335px;}

.hr1 { display: block; width:100%; height: 1px; margin:30px 0; background: #e1e1e1;}
.hr2 { display: block; width:100%; height: 1px; margin:30px 0; background: #000;}

.no-content { text-align: center; padding:100px 0; }
.no-content p { font-size:16px;  }
.no-content p:before { content: ''; display: block; width:36px; height: 36px; margin:0 auto 15px; background: url(../img/common/ico_no_content.svg) no-repeat 0 0; }

/* 모바일 하단 메뉴 */
.mobile-fixed-menu { display: none; height: 62px; }
.mobile-fixed-menu nav { position: fixed;left: 0; right:0; bottom:0; height: 62px; background: #fff; box-shadow:0 -5px 6px 0 rgba(0,0,0,0.05); z-index:100; display: flex; justify-content: space-between;}
.mobile-fixed-menu .swiper { position: fixed;left: 0; right:0; bottom:0; height: 62px; background: #fff; box-shadow:0 -5px 6px 0 rgba(0,0,0,0.05); z-index:100; display: flex; justify-content: space-between;}
.mobile-fixed-menu .swiper-wrapper { }
.mobile-fixed-menu .swiper-slide { flex: 0 0 20%; width:20%; text-align: center; font-size:10px; color: #000; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.mobile-fixed-menu .swiper-slide a {display: flex; width:100%; }
.mobile-fixed-menu a{ flex: 1; text-align: center; font-size:10px; color: #000; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.mobile-fixed-menu a:before {content: ''; display: block; width:24px; height: 24px; background: url(../img/common/ico_m.svg); margin: 0 auto 3px;}
.mobile-fixed-menu a.m0:before { background-image: url(../img/common/ico_m.svg);}
.mobile-fixed-menu a.m1:before { background-image: url(../img/common/ico_top_logout2.svg);}
.mobile-fixed-menu a.m2:before { background-image: url(../img/common/ico_nav1_off.svg);}
.mobile-fixed-menu a.m3:before { background-image: url(../img/common/ico_nav2_off.svg);}
.mobile-fixed-menu a.m4:before { background-image: url(../img/common/ico_nav3_off.svg);}
.mobile-fixed-menu a.m5:before { background-image: url(../img/common/ico_nav4_off.svg);}
.mobile-fixed-menu a.m6:before { background-image: url(../img/common/ico_nav5_off.svg);}

.mobile-fixed-menu a.m0.active:before { background-image: url(../img/common/ico_m.svg);}
.mobile-fixed-menu a.m1.active:before { background-image: url(../img/common/ico_top_logout2.svg);}
.mobile-fixed-menu a.m2.active:before { background-image: url(../img/common/ico_nav1_on.svg);}
.mobile-fixed-menu a.m3.active:before { background-image: url(../img/common/ico_nav2_on.svg);}
.mobile-fixed-menu a.m4.active:before { background-image: url(../img/common/ico_nav3_on.svg);}
.mobile-fixed-menu a.m5.active:before { background-image: url(../img/common/ico_nav4_on.svg);}
.mobile-fixed-menu a.m6.active:before { background-image: url(../img/common/ico_nav5_on.svg);}

/****************************************************************************************************************************************
	통합예약(class)
****************************************************************************************************************************************/
.class-search { padding: 38px 0; background: #fafafa; border-top:1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; margin-bottom: 55px; }
.class-search .section1 { display: flex; justify-content: space-between; margin-bottom: 9px;  }
.class-search .section1 .article{ width:calc(33.3333333% - 10px); }
.class-search .section1 .article h4 { line-height: 24px; padding-left: 25px; font-size:16px; font-weight: 600; background: url(../img/common/ico_sort_tit.svg) no-repeat 0 50%; margin-bottom: 10px; }
.class-search .section1 .article ul { height: 187px; overflow: auto; border: 1px solid #cfcfcf; background: #fff; padding:13px 0 ; }
.class-search .desc1 { font-size:16px; color: #909090; margin-bottom: 23px; }
.class-search .section2 { display: flex; justify-content: space-between; margin:0 -6px 38px;}
.class-search .section2 .article { margin:0 6px; flex: 1; }
.class-search .section2 .article h5 { font-size:14px; font-weight: 600; color: #6F747D; margin-bottom: 10px;}
.class-search .section2 .article .inp { width:100%; }
.class-search .section2 .article.last { flex:0.5;}
.class-search .btn-box { text-align: center;}
.class-search .btn-box button { margin:0 4px; }
.class-search.flip-type { margin-bottom: 0; background: #f2f2f2; border-bottom: 0; padding:30px 0;}
.class-search.flip-type2 { padding:30px 0;}
.class-search.flip-type .desc1 { margin-bottom: 0;}
.class-search.flip-type .flip-box,
.class-search.flip-type2 .flip-box{ margin-top:30px;}
.class-search .btn-search-flip  { background: none; text-align: left; }
.class-search .btn-search-flip .h3:after { content: ''; display: inline-block; vertical-align: middle; background: url(../img/common/ico_classsearch_flip.svg) no-repeat 0 0; width:28px; height: 28px; margin:-6px 0 0 10px; transform: rotate(180deg); transition: all 0.3s ease;}
.class-search .btn-search-flip .h3 { padding-top:0; margin-bottom: 0;}
.class-search .btn-search-flip.active .h3:after { transform: rotate(0); }

.radio-choice { position: absolute; appearance: none;}
.radio-choice + span { display: block; line-height: 36px; font-size:16px; position: relative; padding-left:20px; cursor: pointer; }
.radio-choice + span:before { content: ''; position: absolute; right:10px; top:0; bottom:0; width:30px; background: url(../img/common/ico_sortlist_chk.svg) no-repeat 50% 50%; transition: all 0.5s ease; transform: scale(0.3); opacity:0;  }
.radio-choice:checked + span { color: #0565f0; font-weight: 600; }
.radio-choice:checked + span:before { opacity:1; transform: scale(1); }
.radio-choice-focus {border: 2px solid #0565f0 !important; }

label { cursor: pointer; }
/*.radio { position: absolute;left: -9999px; }
.radio + p { display: inline-block; vertical-align: middle; padding-left: 27px; position: relative; }
.radio + p span { font-size:16px; color: #212121; }
.radio + p em { position: absolute; left: 0; top:2px; width:20px; height: 20px; border: 2px solid #cfcfcf; border-radius:100%;   transition: all 0.5s ease;}
.radio + p em:before { content: ''; position: absolute;left: 3px; top:3px; right:3px; bottom:3px; border-radius:100%; background: #0565f0; transition: all 0.5s ease; transform: scale(0.3); opacity: 0;}
.radio:checked + p em { border-color:#0565f0;}
.radio:checked + p em:before { opacity:1; transform: scale(1);}
.radio + p em:focus { border: 2px dotted #0565f0; }*/

/*2023.11.16 웹접근성*/
.radio + p { display: inline-block; padding: 15px 5px; margin-right:15px }


.checkbox { position: absolute; appearance: none; }
.checkbox + p { display: inline-block; vertical-align: middle; padding-left: 32px; position: relative; }
.checkbox + p span { font-size:16px; color: #212121; }
.checkbox + p em { position: absolute; left: 0; top:2px; width:20px; height: 20px; border: 2px solid #797676; border-radius:4px;   transition: all 0.5s ease;}
.checkbox + p em:before { content: ''; position: absolute;left: 3px; top:3px; right:3px; bottom:3px; border-radius:4px; background: url(../img/common/checkbox.png) no-repeat 50% 50%; transition: all 0.5s ease; transform: scale(0.3); opacity: 0;}
.checkbox:hover + p em { border: 2px dotted #0565f0; }
.checkbox:focus + p em { border: 2px dotted #0565f0; }
.checkbox:checked + p em { border-color:#0565f0;}
.checkbox:checked + p em:before { opacity:1; transform: scale(1);}


.program-list-thum {}
.program-list-thum ul { display: flex; flex-wrap: wrap; margin:0 -20px; }
.program-list-thum ul li { width:25%; padding:0 20px 40px; }
.program-list-thum ul li a { display: block; }
.program-list-thum ul li .img { position: relative; border-radius:10px; overflow: hidden; padding-bottom: 95%;  }
.program-list-thum ul li .img img { width:100%; vertical-align: top; position: absolute;left: 0; top:0; height: 100%; object-fit: cover; }
.program-list-thum ul li .img img.thum { border-radius:10px; border: 1px solid #e4e9f2; }
.program-list-thum ul li .img .status{  position: absolute;left: 12px; top:12px; }
.program-list-thum ul li .img .status-box {  position: absolute;left: 12px; top:12px; }
.program-list-thum ul li .img .status-box .status { position: static;}
.program-list-thum ul li .info .loc { font-size:16px; font-weight: 600; margin:7px 0 4px;  }
.program-list-thum ul li .info h3{  font-size:20px; line-height: 1.5; color: #212121; font-weight: 600; margin-bottom: 15px; overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; }
.program-list-thum ul li .info .foot p { font-size:14px; color: #606060; line-height: 1;  margin-bottom: 9px;}
.program-list-thum ul li .info .foot p i { vertical-align: middle; margin:-3px 5px 0 0;}
.program-list-thum ul li .info .foot .view { font-size:12px; }

.program-list ul { border-top:1px solid #000; }
.program-list ul li { border-bottom: 1px solid #e1e1e1; }
.program-list ul li a { display: block;padding:16px 0 16px 150px; position: relative; }
.program-list ul li a .status-box { position: absolute;left: 0; top:50%; margin-top:-13px;  }
.program-list ul li a .info {display: flex; justify-content: space-between;  align-items: center; }
.program-list ul li a .info .head { display: flex; flex-direction: column-reverse; }
.program-list ul li a .info .head h3 { font-size:16px; font-weight: 600; color: #212121; margin-bottom: 5px; }
.program-list ul li a .info .head .loc { font-size:14px;}
.program-list ul li a .info .foot { display: flex; align-items: center; }
.program-list ul li a .info .foot p { padding-left: 11px; margin-left: 11px; font-size:14px; color: #606060; position: relative; display: flex; align-items: center; }
.program-list ul li a .info .foot p:before{ content: ''; position: absolute; left: 0; top:3px; bottom:3px; width:1px; background: #bdbdbd;}
.program-list ul li a .info .foot p:first-child { padding-left: 0; margin-left: 0; }
.program-list ul li a .info .foot p:first-child:before { display: none; }
.program-list ul li a .info .foot p i { margin-right:6px; }

.class-detail-head { display: flex; justify-content: space-between; padding-bottom: 34px; margin-bottom: 34px; border-bottom: 1px solid #e1e1e1; }
.class-detail-head .img { width:430px; height: 430px; border: 1px solid #e4e9f2; background: #f5f9fc url(../img/common/empty_symbol.svg) no-repeat 50% 50%; position: relative; margin-right:50px }
.class-detail-head .img img { width:100%; height: 100%; }
.class-detail-head .img .date { position: absolute;left: 54px; right:54px; bottom:39px; text-align: center; line-height: 40px; border-radius:4px; background: rgba(0,0,0,0.8); font-size:14px; color: #fff; text-align: center; }
.class-detail-head .info { flex: 1; }
.class-detail-head .info h3 { font-size:36px; font-weight: 600; color: #212121; padding-bottom: 17px; margin-bottom: 27px; border-bottom: 2px solid #000; }
.class-detail-head .info .opt { }
.class-detail-head .info .opt dl:after {  display: block; content: ''; clear: both; }
.class-detail-head .info .opt dl { margin-bottom: 12px; font-size:16px; color: #212121; line-height: 1.4; }
.class-detail-head .info .opt dl dt { float:left; width:115px; font-weight: 600;}
.class-detail-head .info .opt dl dd { overflow: hidden; }

.pay-list1 { margin-bottom: 30px;}
.pay-list1 ul { border-top:1px solid #000; }
.pay-list1 ul li { border-bottom: 1px solid #e1e1e1; padding: 20px; }
.pay-list1 ul li .item { display: flex;justify-content: space-between; align-items: center; }
.pay-list1 ul li .item .info { display:flex; flex-wrap: wrap; }
.pay-list1 ul li .item .info dl { display: flex; font-size:14px; line-height: 1; padding-left: 10px; margin-left: 9px; position: relative;}
.pay-list1 ul li .item .info dl:before {content: ''; position: absolute;left: 0; top:50%; margin-top:-7px; height:12px;  width:1px; background: #bdbdbd; }
.pay-list1 ul li .item .info dl:first-child { padding-left: 0; margin-left: 0; }
.pay-list1 ul li .item .info dl:first-child:before {  display: none; }
.pay-list1 ul li .item .info dl dt { color: #909090;  margin-right:4px; } 
.pay-list1 ul li .item .info .divide { display: flex; padding-left: 10px; margin-left: 9px;position: relative; }
.pay-list1 ul li .item .info .divide:before {content: ''; position: absolute;left: 0; top:50%; margin-top:-7px; height:12px; width:1px; background: #bdbdbd; }
.pay-list1 ul li .item .info .divide:first-child { padding-left: 0; margin-left: 0;}
.pay-list1 ul li .item .info .divide:first-child:before {display: none; }
.class-introduce { padding:20px; border: 1px solid #e1e1e1; font-size:14px; line-height: 1.5; }

.class-recived { max-width:580px; margin: 60px auto; }
.result-msg { text-align: center;  margin-bottom: 55px; }
.result-msg .t1 { padding-top:80px; font-size:30px; font-weight: 600; margin-bottom: 18px; background: url(../img/common/ico_class_sended.svg) no-repeat 50% 0;}
.result-msg .t2 { font-size:16px; line-height: 1.5; color: #606060;}
.result-msg.border { padding: 47px 20px; border: 1px solid #e1e1e1; }
.result-msg.border .t1 { margin-bottom: 0;}

.search-type1 { padding: 22px 20px; background: #fafafa; border: 1px solid #e1e1e1; display:flex;justify-content: center; align-items: center; margin-bottom: 30px; }
.search-type1 h4 { font-size:16px; font-weight: 500; margin-right:30px; }
.search-type1 .select { width:480px; }
.search-type1 .btn-srch { width:100px; height: 48px; line-height: 46px; text-align: center; font-size:16px; border: 1px solid #cfcfcf; background: #fff; margin-left: 10px; }

.lecture-list {}
.lecture-list ul { border-top:1px solid #000;}
.lecture-list ul li { border-bottom: 1px solid #e1e1e1; padding: 15px; }
.lecture-list ul li .item { display: flex;justify-content: space-between; align-items: center; }
.lecture-list ul li .item.align-top { align-items: flex-start; }
.lecture-list ul li .item label + .info { margin-top:5px; }
.lecture-list ul li .item h5 + .info { margin-top:10px; }
.lecture-list ul li .item .head h5 { font-size:16px; color: #212121; }
.lecture-list ul li .item .info { display:flex; flex-wrap: wrap; align-items: center; }
.lecture-list ul li .item .info .loc { font-size:14px; color: #9f4999; font-weight: 500;}
.lecture-list ul li .item .info dl { display: flex; font-size:14px; line-height: 1; padding-right: 10px; margin-right: 9px; position: relative;}
.lecture-list ul li .item .info dl:before {content: ''; position: absolute;right: 0; top:50%; margin-top:-7px; height:12px;  width:1px; background: #bdbdbd; }
.lecture-list ul li .item .info dl:last-child { padding-right: 0; margin-right: 0; }
.lecture-list ul li .item .info dl:last-child:before {  display: none; }
.lecture-list ul li .item .info dl dt { color: #909090;  margin-right:4px; } 
.lecture-list ul li .item .info .divide { display: flex; padding-right: 10px; margin-right: 9px;position: relative; }
.lecture-list ul li .item .info .divide:before {content: ''; position: absolute;right: 0; top:50%; margin-top:-7px; height:12px; width:1px; background: #bdbdbd; }
.lecture-list ul li .item .info .divide:last-child { padding-right: 0; margin-right: 0;}
.lecture-list ul li .item .info .divide:last-child:before {display: none; }
.lecture-list ul li .item .bottom { margin-top:10px; }
.lecture-list ul li .item .bottom .price { font-size:16px; text-align: right; }
.lecture-list ul li .item .bottom .price strong { margin-left: 10px;}
.lecture-list ul li .item  .right .btn2 { white-space: nowrap; }
.lecture-list ul li .item  .right .btn1 { white-space: nowrap; height: 32px; line-height: 30px; padding:0 15px; min-width:74px; font-size:14px; }
.lecture-list ul li .item.check-type { padding-left: 50px; position: relative; }
.lecture-list ul li .item.check-type .checkbox + p {position: static; padding-left: 0;}
.lecture-list ul li .item.check-type .checkbox + p em { left: 5px; top:50%; margin-top:-10px; }

.lecture-list-price { padding: 15px 20px; background: #fafafa;  border-bottom: 1px solid #e1e1e1; text-align: right;  margin-bottom: 50px;}
.lecture-list-price > div{  display: inline-block; vertical-align: middle; }
.lecture-list-price dl { width:340px; margin: 0 auto; display: flex;justify-content: space-between; align-items: center; font-size:14px;  }
.lecture-list-price dl + dl { margin-top:8px; }
.lecture-list-price dl.total dt { font-size:20px; color: #0565f0; } 
.lecture-list-price dl.total dd { font-size:20px; font-weight: 600;} 

.form-box { border-top:1px solid #e1e1e1; margin-bottom: 40px; font-size:16px; }
.form-box.border-top-black { border-top-color:#000; }
.form-box .border-bottom-black { border-bottom-color:#000 !important; }
.form-box .section { display:flex;justify-content: space-between; padding:16px 0; min-height: 74px; border-bottom: 1px solid #e1e1e1; align-items: center;}
.form-box .section .article {width:calc(50% - 15px); }
.form-box .section.full .article { width:100%; }
.form-box .section.full2 {padding:10px 0; min-height: 54px;}
.form-box .section.full2 .article { width:100%; }
.form-box dl { display: flex; align-items: center; }
.form-box dl dt { width:100px; flex:0 0 100px; font-size:14px; font-weight: 500; color: #727780; }
.form-box dl dt.w120 { width:120px; flex:0 0 120px;}
.form-box dl dd { flex: 1; }
.form-box.type175 dl dt { width:175px; flex:0 0 175px; }
.form-box.type145 dl dt { width:145px; flex:0 0 145px; }
.form-box.type120 dl dt { width:120px; flex:0 0 120px; }
.form-box.type120 .textarea { height: 42px; }
.form-box .w100 { width:100%;}
.form-box .w180 { width:180px;}
.form-box .w300 { width:300px;}
.form-box .inp,
.form-box .select { height: 42px; }
.form-box .btn-type2 { height: 42px; min-width:80px; padding:0 10px; font-size:14px; line-height: 40px;}
.form-box .section.full dl { align-items: flex-start; }
.form-box .section.full dl dt { padding-top:10px;}
.form-box .section.full.type2 dl { display: block;  }
.form-box .section.full.type2 dl dt { margin-bottom: 7px; }
.form-box .txt a { color: #0565f0; font-size:14px; text-decoration: underline !important;}
.form-box .thum span { margin-right:4px; }
.form-box .thum img { width:64px; height: 64px; border-radius:5px; }
.form-box .radio-desc { display: inline-block; margin-left: 20px; font-size:14px; }
.form-box .sns-login { display: flex; align-items: center; flex-wrap: wrap;}
.form-box .sns-login p  { display: flex; align-items: center; margin-right:30px; }
.form-box .sns-login p img { width:30px; }
.form-box .sns-login p span { margin:0 14px 0 8px; font-size:14px; }


.date-box { display: flex;justify-content: space-between; align-items: center; max-width:330px; margin-bottom: 10px; }
.date-box .inp { flex: 1; }
.date-box span { flex:0 0 25px; font-size:14px; color: #8f9bb3; text-align: center; }

.file-upload { display: flex; flex-wrap: wrap; align-items: center; }
.file-upload .btn-file{  width:80px; height: 42px; border: 1px solid #e1e1e1; background: #f7f9fc; font-size:14px; text-align: center; line-height: 40px; margin-right:15px; }
.file-upload ul { display:flex; flex-wrap: wrap; }
.file-upload ul li { font-size:16px; margin-right:15px; }
.file-upload ul li .btn-del { width:24px; height: 24px;text-indent: -9999px; background: url(../img/common/ico_file_del.svg) no-repeat 0 0; }
.file-upload .desc { font-size:16px; color: #909090; }
.file-upload .tit2 { font-size:14px; color: #8f9bb3; font-weight: 500; margin-right:10px; }
.file { color:#1e90ff;  text-decoration: underline !important}
.file-desc { font-size:12px; line-height: 1.5; color: #606060; margin-top:10px;}

.file-upload-wrap { display: flex; align-items: center; }
.file-upload-wrap .inp-box { display: flex; align-items: center; }
.file-upload-wrap .inp-box .tit { font-size:14px; margin-right:10px; white-space: nowrap; }
.file-upload-wrap .inp-box .inp { width:180px; margin-right:10px; }
.file-upload-wrap + .file-upload-wrap { margin-top:10px; }
.file-upload-btns { margin-top:15px; }
.file-upload-btns button{  width:55px; height: 42px; border: 1px solid #e1e1e1; background: #f7f9fc; font-size:14px; text-align: center; line-height: 40px; margin-right:5px; }
.file-upload-btns .btn-del { color: #ff4a4a; }

.hp-box { width:240px; display:flex; align-items: center; }
.hp-box span {flex: 0 0 18px; width:18px; text-align: center; font-size:16px; color: #909090; }
.hp-box .select { padding-right:24px; background-position: right 50%; padding-left: 10px; }
.hp-box .select,
.hp-box .inp { width:68px;  }

.birth-wrap { display: flex; align-items: center; }
.birth-box { width:392px; display:flex; justify-content: space-between;  margin:0 -5px; }
.birth-box .select { flex: 1; margin:0 5px;  }
.birth-wrap .labels { margin-left: 15px;}
.birth-wrap .labels label { margin-right:15px;}

.id-box { width:370px; display:flex; align-items: center; }
.id-box span {flex: 0 0 20px; width:20px; text-align: center; font-size:16px; color: #909090; }
.mens-box { }
.mens-box .inp { width:60%;  }
.mens-box span { margin-left: 12px; }
.w80 { width:80%; }
.w310 { width:310px; }
.check1 { padding: 20px; text-align: center; border: 1px solid #e1e1e1; margin-bottom: 15px; }
.check1 .checkbox + p span { font-size:20px; font-weight: 700; }

.userid-box .inp-box { display: flex; }
.userid-box .inp-box .btn-type2 { margin-left: 10px; }
.form-desc { padding-top:4px; font-size:14px; color: #606060; line-height: 1.5; }
.pw-box  { display: flex; align-items: center; }
.pw-box .val  { font-size:14px; font-weight: 600; color: #727780; margin-left: 15px; }
.addr-box {}
.addr-box .addr1{ display: flex; margin-bottom: 7px; }
.addr-box .addr1 .inp { width:96px;  margin-right:7px;}
.addr-box .addr2 .inp { width:375px;  }
.addr-box .addr2 .inp + .inp { margin-left: 4px; }
.email-box { display:flex ;align-items: center; }
.email-box .inp { width:170px; }
.email-box .select { width:170px; }
.email-box span { width:28px; text-align: center; }
.email-box .inp-right { margin-left: 5px; }

.labels-box { display: flex; flex-wrap: wrap; }


.rent { display: flex; align-items: center; margin-bottom: 16px;   }
.rent strong { font-size:14px; font-weight: 600; color: #8f9bb3; }
.rent .chks { display: flex; align-items: center; margin-left: 20px; }
.rent .chks .radio + p em { top:0; }
.rent .chks .radio + p span { font-size:14px; margin-right:15px; }
.rent-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px;}
.rent-head .rent { margin-bottom: 0;}
.rent-head .guide { display: flex; align-items: center; padding:0 12px; height: 33px; border: 1px solid #e1e1e1; background: #fafafa; border-radius:33px; }
.rent-head .guide span { font-size:14px; }
.rent-head .guide span:before { content: ''; display: inline-block; vertical-align: middle; width:20px; height: 20px; background: url(../img/common/ico_cal_chk.svg) no-repeat 0 0; margin:-3px 4px 0 0; }
.rent-head .guide span:nth-child(2):before { background-image: url(../img/common/ico_cal_none.svg); }
.rent-head .guide span + span { margin-left: 12px;}

.rent-schedule-wrap { display: flex;justify-content: space-between;  border: 1px solid #e1e1e1; margin-bottom: 17px; }
.rent-schedule-wrap .table-wrap { width:44.33333333333%; padding-top:72px; position: relative; border-right:1px solid #e1e1e1; }
.rent-schedule-wrap .table-wrap .year { position: absolute;left: 0; top:0; right:0; height: 72px; display: flex; justify-content: space-between; align-items: center; padding:0 24px;  }
.rent-schedule-wrap .table-wrap .year  strong { font-size:24px; font-weight: 600;}
.rent-schedule-wrap .table-wrap .year button { width:30px; height: 30px; color: rgba(255,255,255,0); font-size:0; background: url(../img/common/ico_calendar_prev.svg) no-repeat 50% 50%; }
.rent-schedule-wrap .table-wrap .year button.btn-next { transform: scaleX(-1); }
.rent-schedule-wrap .table-wrap .table-calendar table { width:100%; height: 100%; }
.rent-schedule-wrap .table-wrap .table-calendar table thead th { height: 44px; background: #f5f9fc; text-align: center; font-size:16px; font-weight: 600; border-top:1px solid #e1e1e1;}
.rent-schedule-wrap .table-wrap .table-calendar table tbody td { border-right:1px solid #e1e1e1; border-top:1px solid #e1e1e1; background: #f5f9fc;  }
.rent-schedule-wrap .table-wrap .table-calendar table tbody td:last-child{ border-right:0; }
.rent-schedule-wrap .table-wrap .table-calendar table button { height: 57px; font-size:16px; width:100%;background: #fff;   }
.rent-schedule-wrap .table-wrap .table-calendar table button[disabled] { background: #f2f2f2; }
.rent-schedule-wrap .table-wrap .table-calendar table button.active {background: #0565f0; color: #fff; }
.rent-schedule-wrap .table-wrap .guide-box { position: absolute;left: 0; bottom:-50px; padding:0 14px; height: 33px; border: 1px solid #e1e1e1; display: flex; align-items: center; border-radius:33px; }
.rent-schedule-wrap .table-wrap .guide-box span { font-size:14px; }
.rent-schedule-wrap .table-wrap .guide-box span + span { margin-left: 12px; }
.rent-schedule-wrap .table-wrap .guide-box span:before { content: ''; display: inline-block; vertical-align: middle; width:14px; height: 14px; border: 1px solid #e1e1e1; background: #f2f2f2; margin:-2px 5px 0 0;}
.rent-schedule-wrap .table-wrap .guide-box span:nth-child(2):before { background: #fff;}
.rent-schedule-wrap .table-wrap .guide-box span:nth-child(3):before { background: #0565f0; border-color:#0565f0;}
.btn-box-schedule { text-align: right; }

.time-wrap { flex: 1; overflow: auto; height: 406px;}
.time-wrap ul li { height: 73px; padding: 14px 20px 14px 52px; border-bottom: 1px solid #e1e1e1; }
.time-wrap ul li:last-child { border-bottom: 0; }
.time-wrap ul li label { margin-left: -32px; }
.time-wrap ul li .info { display:flex; flex-wrap: wrap;  align-items: center; margin-top:8px; }
.time-wrap ul li .info dl { display: flex; font-size:14px; line-height: 1; padding-right: 10px; margin-right: 9px; position: relative;}
.time-wrap ul li .info dl:before {content: ''; position: absolute;right: 0; top:50%; margin-top:-7px; height:12px;  width:1px; background: #bdbdbd; }
.time-wrap ul li .info dl:last-child { padding-right: 0; margin-right: 0; }
.time-wrap ul li .info dl:last-child:before {  display: none; }
.time-wrap ul li .info dl dt { color: #909090;  margin-right:4px; } 
.time-wrap ul li .info .divide { display: flex; padding-right: 10px; margin-right: 9px;position: relative; }
.time-wrap ul li .info .divide:before {content: ''; position: absolute;right: 0; top:50%; margin-top:-7px; height:12px; width:1px; background: #bdbdbd; }
.time-wrap ul li .info .divide:last-child { padding-right: 0; margin-right: 0;}
.time-wrap ul li .info .divide:last-child:before {display: none; }
.time-wrap ul li .checkbox + p span { font-weight: 500; }
.time-wrap ul li .checkbox:checked + p span { color: #0565f0;}
.time-wrap ul li .checkbox[disabled] + p em { height: 2px; border: 0; background: #cfcfcf; top:10px;}

.build-info-wrap { display: flex; }
.build-info-wrap .img { width:300px; height: 300px; background: #f5f9fc url(../img/common/empty_symbol.svg) no-repeat 50% 50%; border: 1px solid #e4e9f2; margin-right:35px;  }
.build-info-wrap .img img { width:100%; height: 100%; }
.build-info-wrap .info { flex: 1; }
.build-info-wrap .info dl:after { display: block; content: ''; clear: both; }
.build-info-wrap .info dl { font-size:16px; line-height: 1.3;}
.build-info-wrap .info dl + dl { margin-top:15px;}
.build-info-wrap .info dl dt { float:left; width:115px; font-weight: 500; }
.build-info-wrap .info dl dd { overflow: hidden; }

.fullcalendar { border: 1px solid #e1e1e1;  margin-bottom: 55px; }
.fullcalendar .year {  height: 72px; display: flex; justify-content: space-between; align-items: center; padding:0 24px;  }
.fullcalendar .year strong { font-size:24px; font-weight: 600;}
.fullcalendar .year button { width:30px; height: 30px; color: rgba(255,255,255,0); font-size:0; background: url(../img/common/ico_calendar_prev.svg) no-repeat 50% 50%; }
.fullcalendar .year button.btn-next { transform: scaleX(-1); }
.fullcalendar .table-calendar table { width:100%; }
.fullcalendar .table-calendar table thead th { height: 44px; background: #f5f9fc; text-align: center; font-size:16px; font-weight: 600; border-top:1px solid #e1e1e1;}
.fullcalendar .table-calendar table tbody td { border-right:1px solid #e1e1e1; border-top:1px solid #e1e1e1;}
.fullcalendar .table-calendar table tbody td:last-child { border-right:0; }
.fullcalendar .table-calendar table tbody .td-in { padding: 10px 12px;}
.fullcalendar .table-calendar table tbody .day { font-size:16px; font-weight: 600; margin-bottom: 4px; }
.fullcalendar .table-calendar table tbody ul li { display: flex; justify-content: space-between; font-size:12px;  }
.fullcalendar .table-calendar table tbody ul li + li { margin-top:4px; }
.fullcalendar .table-calendar table tbody ul li img { width:16px;}
.fullcalendar .table-calendar table tbody .bg { background: #f2f2f2; }


/*********************************************************************************************************************************************************************
	회원
*********************************************************************************************************************************************************************/
.member-desc1 { text-align: center; font-size:16px; line-height: 1.6; margin-bottom: 35px; }
.login { max-width:1000px; margin: 0 auto; border: 1px solid #e1e1e1; display: flex; justify-content: space-between; }
.login .user { width:50%; }
.login h4 { text-align: center; padding: 40px 0 30px; font-size:20px; font-weight: 600; }
.login .user { padding:0 83px 55px; border-right:1px solid #e1e1e1; }
.login .user h5 { font-size:14px; color: #727780; font-weight: 600; margin-bottom: 3px; }
.login .user .btn-type1 { width:100%; }
.login .user .inp-box { margin-bottom: 23px; }
.login .user .inp-box .inp { width:100%; }
.login .user .nav { justify-content: center; display: flex; margin:13px 0 28px; }
.login .user .nav a { font-size:16px; color: #606060; padding:0 10px; position: relative;}
.login .user .nav a + a:before { content: ''; position: absolute;left: 0; top:50%; width:1px; height: 14px; background: #909090; margin-top:-7px;}
.login .user .sns h6 { text-align: center; position: relative; margin-bottom: 12px; }
.login .user .sns h6:before { content: ''; position: absolute;left: 0; right:0; top:50%; height: 1px; background: #cfcfcf; }
.login .user .sns h6 span { display: inline-block; vertical-align: middle; padding:0 12px;background: #fff; font-size:14px; color: #727780; font-weight: 600; position: relative; z-index:2;}
.login .user .sns div { text-align-last: center; }
.login .user .sns div a { margin:0 7px;}
.login .nouser { width:50%; padding:0 43px 40px; }
.login .nouser .hp-auth-box  { }
.hp-auth-wrap { max-width:460px; margin: 54px auto;}
.hp-auth-wrap .hp-auth-box { padding:50px 47px 40px;}
.hp-auth-box {  background: #f7f7f7; text-align: center; padding:47px 32px 40px; }
.hp-auth-box .tit{ font-size:18px; font-weight: 600; margin-bottom: 15px; }
.hp-auth-box .txt {font-size:14px; line-height: 1.5; color: #7C6F6E; margin-bottom: 35px; }
.hp-auth-box .btn-hp { width:100%; height: 48px; line-height: 46px; border: 1px solid #e1e1e1; background: #fff; border-radius:4px; font-size:16px; font-weight: 600; }
.hp-auth-box .btn-hp:before { content: ''; display: inline-block; vertical-align: middle; background: url(../img/member/ico_member_hp.svg) no-repeat 50% 50%; width:25px; height: 25px; margin:-3px 8px 0 0;}

.join-desc1 { text-align: center;margin-bottom: 44px; border-bottom: 1px solid #e1e1e1;padding-bottom: 44px; font-size:14px; line-height: 1.5; }
.join-step + .hr1 { margin-top:44px;}
.join-step { display: flex; justify-content: center; margin:44px 0 33px; }
.join-step ul { display: flex;justify-content: space-between; }
.join-step ul li {  }
.join-step ul li + li { padding-left: 40px;position: relative; }
.join-step ul li + li:before { content: ''; position: absolute;left: -2px; width:44px; top:48px; height: 1px; background: #d8d8d8; z-index:-1;}
.join-step ul li.on:before,
.join-step ul li.active:before{ background:#0565f0; }
.join-step ul li p { text-align: center; }
.join-step ul li p:before { content: '' ;display: block; width:96px; height: 96px; border: 1px solid #cfcfcf; border-radius:100%; background: #fff url(../img/member/ico_join_step2_off.svg) no-repeat 50% 50%; margin: 0 auto 8px; }
.join-step ul li p strong { display: block; font-weight: 400; font-size:18px; color: #606060; }
.join-step ul li.active p:before { background-color: #0565f0; border-color:#0565f0; }
.join-step ul li.active p strong { color: #0565f0; font-weight: 600; }
.join-step ul li:nth-child(1)  p:before{ background-image: url(../img/member/ico_join_step1_off.svg)}
.join-step ul li:nth-child(2)  p:before{ background-image: url(../img/member/ico_join_step2_off.svg)}
.join-step ul li:nth-child(3)  p:before{ background-image: url(../img/member/ico_join_step3_off.svg)}
.join-step ul li:nth-child(4)  p:before{ background-image: url(../img/member/ico_join_step4_off.svg)}
.join-step ul li:nth-child(5)  p:before{ background-image: url(../img/member/ico_join_step5_off.svg)}
.join-step ul li:nth-child(1).on p:before {  border-color:#0565f0; background-image: url(../img/member/ico_join_step1.svg)}
.join-step ul li:nth-child(2).on p:before {  border-color:#0565f0; background-image: url(../img/member/ico_join_step2.svg)}
.join-step ul li:nth-child(3).on p:before {  border-color:#0565f0; background-image: url(../img/member/ico_join_step3.svg)}
.join-step ul li:nth-child(4).on p:before {  border-color:#0565f0; background-image: url(../img/member/ico_join_step4.svg)}
.join-step ul li:nth-child(1).active p:before {  background-image: url(../img/member/ico_join_step1_on.svg)}
.join-step ul li:nth-child(2).active p:before {  background-image: url(../img/member/ico_join_step2_on.svg)}
.join-step ul li:nth-child(3).active p:before {   background-image: url(../img/member/ico_join_step3_on.svg)}
.join-step ul li:nth-child(4).active p:before {   background-image: url(../img/member/ico_join_step4_on.svg)}
.join-step ul li:nth-child(5).active p:before {   background-image: url(../img/member/ico_join_step5_on.svg)}

.join-step ul li.ic1  p:before{ background-image: url(../img/member/ico_join_step2_off.svg)}
.join-step ul li.ic1.active  p:before{ background-image: url(../img/member/ico_join_step2_on.svg)}
.join-step ul li.ic2  p:before{ background-image: url(../img/member/ico_join_step1_off.svg)}
.join-step ul li.ic2.active  p:before{ background-image: url(../img/member/ico_join_step1_on.svg)}
.join-step ul li.ic3  p:before{ background-image: url(../img/member/ico_join_step5_off.svg)}
.join-step ul li.ic3.active  p:before{ background-image: url(../img/member/ico_join_step5_on.svg)}

.join-step.type-compt ul li:nth-child(2):before { display: none; }
.join-step.type2 ul li strong { line-height:26px; height: 52px; display: flex; align-items: center;  justify-content: center; }

.join-txt1 { padding-left: 32px; font-size:18px; line-height: 1.5; color: #606060; margin-bottom: 30px;}

.join-type { display: flex; justify-content: space-between; border: 1px solid #e1e1e1; }
.join-type .box { width:50%; padding: 60px 10%; text-align: center; }
.join-type .box + .box { border-left: 1px solid #e1e1e1;}
.join-type .box h5 { font-size:18px; font-weight: 600; margin-bottom: 20px; }
.join-type .box h5:before { content: ''; display: block; height:65px; margin:0 auto 27px; background: url(../img/member/ico_join_type1.svg) no-repeat 50% 0; }
.join-type .box:nth-child(2) h5:before { background-image: url(../img/member/ico_join_type2.svg); }
.join-type .box .btn-type1{ width:100%; color: #fff; }

.join-agreeall { padding:30px 20px; background: #fafafa; border-top:1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; text-align: center; margin-bottom: 40px;}
.join-agreeall .checkbox + p span { font-size:20px; font-weight: 600; }
.agree-text { padding: 18px 20px; border: 1px solid #e1e1e1; font-size:16px; line-height: 1.5; margin-bottom: 12px; max-height:360px; overflow:auto; }
.agree-chk { margin-bottom: 45px; }
.agree-chk .checkbox + p span { color: #606060; }
.agree-text2 { padding-left: 14px; margin-bottom: 20px; }
.agree-text2 p {padding-left: 12px; position: relative; font-size:16px; line-height: 1.5; margin-bottom: 4px; }
.agree-text2 p:before {content: ''; position: absolute;left: 0; top:9px; width:4px; height: 4px; background: #0565f0; border-radius:100%; }

.join-end { max-width:400px; margin: 140px auto 60px; text-align: center; }
.join-end div { font-size:24px; line-height: 1.5; margin-bottom: 24px;}
.join-end div:before{ content: ''; display: block; background: url(../img/member/ico_join_end.svg) no-repeat 50% 0; height: 64px; width:64px; margin:0 auto 20px;}
.join-end p {font-size:14px; line-height: 1.5; color: #606060; margin-bottom: 24px; }
.join-end .btn-type1{ width:90%; display: block; margin: 0 auto; }

.find-id { max-width:358px; margin: 100px auto 60px; }
.find-id h4 { text-align: center; font-size:16px; margin-bottom: 18px; }
.find-id h4:before { content: ''; display: block; background: url(../img/member/ico_id_find.svg) no-repeat 0 0; width:40px; height: 40px; margin:0 auto 2px; }
.find-id .yourid { padding: 36px 10px; background: #f7f7f7; font-size:26px; color: #3366ff; font-weight: 600;  margin-bottom: 18px; text-align: center; }
.find-id .btns{  display: flex; justify-content: space-between; }
.find-id .btns a { width:45%; }

.member-out { text-align: center; padding: 40px 20px; background: #fafafa; border: 1px solid #e1e1e1; }
.member-out strong { display: block; font-size:20px; font-weight: 600; margin-bottom: 23px; }
.member-out .btn-type1 { width:335px; }

.member-card { text-align: center; }
.member-card .txt { font-size:16px; margin-bottom:20px; padding-top:30px; }
.member-card .box { max-width:320px; border-radius:10px; box-shadow:0 8px 10px 0 rgba(0, 0, 0, 0.09); background: #fff; border: 1px solid #e1e1e1;margin:0 auto; }
.member-card .box strong { display: block; padding:22px 0; font-size:16px; font-weight: 600; color: #43b0f6; border-bottom: 1px solid #e1e1e1; }
.member-card .box p { padding: 35px;}

.gate-wrap { width:100%; min-height: 100vh; display: table; vertical-align: middle; text-align: center; background: url(../img/gate/bg_gate.jpg) no-repeat 50% 50%; background-size:cover; }
.gate-box { display: table-cell; vertical-align: middle; }
.gate { max-width:528px; margin: 0 auto; border-radius:20px; background: #fff; box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.28); text-align: center; padding: 64px 20px 54px; }
.gate .txt  { font-size:20px; line-height: 1.5; margin:58px 0; font-weight: 600;}
.gate .btn-box { padding-top:178px; background: url(../img/gate/img_gate.svg) no-repeat 50% 0; margin-bottom: 45px;  }
.gate .btn-box a { display: block;margin: 0 auto; width:310px; height: 48px; border-radius:48px; background: #0565f0; text-align: center; font-size:16px; color: #fff; font-weight: 700; line-height: 47px;}
.gate .back a { display: block; margin: 0 auto; width:215px; height: 44px; border: 1px solid #cfcfcf; line-height: 42px; font-size:16px; color: #0565f0; font-weight: 600;border-radius:5px; }


/*********************************************************************************************************************************************************************
	운영시설안내
*********************************************************************************************************************************************************************/
.faci-introduce { max-width:1000px; margin: 0 auto; padding: 50px 0 380px; text-align: center; background-image: url(../img/faci/bg_introduce1.svg), url(../img/faci/bg_introduce2.png); background-repeat: no-repeat; background-position: 50% 0, 50% 100%; }
.faci-introduce.type2 { background-image: url(../img/faci/bg_introduce3.png), url(../img/faci/bg_introduce4.png);background-position: 50% 90px, 50% 100% }
.faci-introduce.type3 { background-image: url(../img/faci/bg_introduce5.png), url(../img/faci/bg_introduce6.png);background-position: 50% 0, 50% 100% }
.faci-introduce h4 { font-size:42px; font-weight: 700; color: #0565f0; line-height: 1.3; padding-bottom: 30px; margin-bottom: 25px; position: relative;}
.faci-introduce h4:before { content: ''; position: absolute; left: 50%; bottom:0; width:41px; height: 4px; background: #0565f0; margin-left: -20px;}
.faci-introduce .t1 { font-size:16px; font-weight: 700; color: #000; margin-bottom: 20px; }
.faci-introduce .t2 { font-size:15px; line-height: 1.6; color: #494949; word-break: keep-all; }

.faci-vision { padding-top:60px; text-align: center; }
.faci-vision img { max-width:100%; }
.faci-vision h4 { font-size:24px;  margin-bottom: 22px;  }
.faci-vision h4:after { content: ''; display: block; width:1px; height: 20px; background: #000; transform: rotate(45deg); margin: 12px auto 0; }
.faci-vision .img { margin-bottom: 70px; }
.vision-desc1 { font-size:15px; color: #282828; line-height: 1.6; padding:25px 30px; border: 1px solid #d8dbe1; text-align: left;  word-break: keep-all; } 

.faci-history { padding-left: 36px; position: relative;}
.faci-history:before { content: ''; position: absolute;left: 10px; top:5px; bottom:0; width:1px; background: #d8d8d8; }
.faci-history .section + .section { margin-top:70px; }
.faci-history h4 { font-size:30px; font-weight: 700; line-height: 1; position: relative; }
.faci-history h4:before {content: ''; position: absolute;left: -36px; top:6px; width:20px; height: 20px; background: url(../img/faci/ico_year.svg) no-repeat 0 0; }
.faci-history h5 { font-size:16px; color: #0565f0; font-weight: 700; margin-bottom: 8px; margin-top:18px; }
.faci-history p { font-size:14px; color: #606060; line-height: 1.4; padding-left: 18px; position: relative; margin-bottom: 5px;  }
.faci-history p:before { content: ''; position: absolute;left: 4px; top:8px; width:4px; height: 4px; border-radius:100%; background: #0565f0; }
.faci-history.type2 h4 { font-size:26px; padding-top:2px;  }

.board-head { display: flex;justify-content: space-between; align-items: center; margin-bottom: 17px;  }
.board-head .desc { font-size:15px; line-height: 1.6; color: #494949; }
.board-head .total { font-size:18px; }
.board-head .total strong { color: #0565f0; }
.board-head .search-box { display: flex; }
.board-head .search-box .box { display: flex; margin-left: 6px; }
.board-head .search-box .box .inp-box { position: relative; }
.board-head .search-box .box .inp-box .inp-srch { width:280px; margin-left: 6px; }
.board-head .search-box .box .inp-box .btn-srch { position: absolute; right:0; top:0; width:44px; height: 40px; background: url(../img/common/ico_board_search.svg) no-repeat 50% 50%; text-indent: -9999px; }
.board-head .search-box .box2 {  }
.board-head .search-box .box2 .select {margin-left:6px;}

.board-bottom { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;  }
.board-bottom .center .pagenate,
.board-bottom .center .common-more { margin: 0; }
.board-bottom.type2 { display: block; position: relative; text-align: center; }
.board-bottom.type2 .left { position: absolute;left: 0; top:0;}
.board-bottom.type2 .right { position: absolute;right: 0; top:0;}
.h3 + .board-view { margin-top:-1px;}
.board-view { border-top:1px solid #000; border-bottom: 1px solid #000; margin-bottom: 25px; }
.board-view img { max-width:100%; }
.board-view .head { padding: 17px 0; border-bottom: 1px solid #e1e1e1;  }
.board-view .head .loc { font-size:14px; font-weight: 600; margin-bottom: 5px; }
.board-view .head h4 { font-size:20px; line-height: 1.4; font-weight: 700; margin-bottom: 8px;  }
.board-view .head .info { display: flex; flex-wrap: wrap; }
.board-view .head .info dl { font-size:14px; display: flex; padding-right:10px; margin-right: 9px; position: relative; }
.board-view .head .info dl:before { content: ''; position: absolute; right:0; top:50%; width:1px; height: 14px; margin-top:-7px; background: #e1e1e1; }
.board-view .head .info dl:last-child:before { display: none; }
.board-view .head .info dl dt { color: #909090; margin-right:4px; }
.board-view .body { padding: 32px 0 90px; }
.board-view .files { }
.board-view .files ul li { padding:13px 0; display: flex; justify-content: space-between; align-items: center; border-top:1px solid #e1e1e1;  }
.board-view .files ul li .name-box .name{  font-size:14px; margin-bottom: 3px;  }
.board-view .files ul li .name-box .info{  font-size:12px; color: #606060; }
.board-view .files ul li .btns a { font-size:14px; color: #1e90ff; margin-left: 30px; }
.board-view .view-qna  {}
.board-view .view-qna  .article { padding-left:24px; position: relative; margin-bottom: 22px; }
.board-view .view-qna  .article .q { position: absolute;left: 0; top:0; font-size:14px; font-weight: 700; color: #0565f0; }
.board-view .view-qna  .article strong {color: #000; }
.board-view .view-qna  .article .txt { font-size:14px; color: #494949; line-height: 1.6; }

.board-desc { text-align: right; font-size:14px; font-weight: 700; color: #6B7790; margin-bottom: 7px; }

.scrap-list ul { display: flex; flex-wrap: wrap; margin:0 -15px 25px; padding-bottom: 15px; position: relative; }
.scrap-list.type2 ul:before { background: #e1e1e1; }
.scrap-list ul:before { content: ''; position: absolute;left: 15px; right:15px; bottom:0; height: 1px; background: #000; }
.scrap-list ul li { width:25%; padding:0 15px 24px; }
.scrap-list ul li a { display: block; }
.scrap-list ul li .img {border-radius:10px; overflow: hidden; position: relative; padding-bottom: 130%; }
.scrap-list ul li .img img { width:100%; height: 100%; position: absolute; left: 0; top:0;  }
.scrap-list ul li h4 { margin:8px 0 3px; font-size:16px; color: #212121; font-weight: 700; }
.scrap-list ul li .date { font-size:14px; color: #606060;}
.scrap-list ul li .item { display: block; }
.scrap-list ul li h5 { font-size:20px; color: #212121; font-weight: 700; margin:8px 0 5px; }
.scrap-list ul li .btns { display: flex; justify-content: space-between; margin:15px -5px 0;}
.scrap-list ul li .btns a { height: 42px; min-width:inherit; border:1px solid #0565f0; border-radius:5px; background: #0565f0; font-size:14px; color: #fff; font-weight: 600; text-align: center; line-height: 40px; flex: 1; margin:0 5px;  }
.scrap-list ul li .btns a.border { background: #fff; color: #0565f0; }

.faci-slider1 { position: relative; margin-bottom: 20px;}
.faci-slider1 img { width:100%; }
.faci-slider1 .control { position: absolute;left: 50%; bottom:15px; width:78px; height: 28px; border-radius:28px; background: rgba(0,0,0,0.5); display: flex; justify-content: center; align-items: center; font-size:12px; color: #fff;  margin-left: -39px; z-index:10; }
.faci-slider1 .control .swiper-pagination { position: static; width:auto; transform: translateY(-1px);  font-size:12px; font-weight: 400; }
.faci-slider1 .control .swiper-button-next, 
.faci-slider1 .control .swiper-button-prev { background: url(../img/common/ico_slider_next.svg) no-repeat 50% 50%; width:24px; height: 24px; opacity:1; position: static;	margin: 0; }
.faci-slider1 .control .swiper-button-prev { transform: scaleX(-1); }

.faci-builds { }
.faci-builds ul { display: flex; flex-wrap: wrap; margin:0 -10px;  }
.faci-builds ul li { padding:0 10px 15px; width: calc(100% / 4);}
.faci-builds ul li .item { }
.faci-builds ul li .item img { width:100%; border-radius:10px;  }
.faci-builds ul li .item .txt { font-size:14px; color: #212121; padding-top:5px; }

.rental-description { text-align:center; padding-top:118px; color: #212121; background: url(../img/faci/ico1.svg) no-repeat 50% 0; margin:40px 0 70px; }
.rental-description div { font-size:24px;  font-weight: 700; margin-bottom: 5px; line-height: 1.4; }
.rental-description p { font-size:16px; }
.rental-description2 { font-size:24px;color: #212121; line-height: 1.4; margin-bottom: 40px; }

.download-btns { display: flex; margin-bottom: 40px; }
.download-btns a { width:235px; margin-right:10px; height: 42px; line-height: 40px;  }

.rent-step {  margin-bottom: 40px; }
.rent-step ul { display: flex; align-items: center; flex-wrap: wrap; }
.rent-step ul li { padding-right:70px; position: relative;}
.rent-step ul li:before { content: ''; position: absolute; right:0; top:0; width:70px; height: 100%; background: url(../img/faci/ico_step_arr.svg) no-repeat 50% 50%; }
.rent-step ul li:last-child { padding-right:0;}
.rent-step ul li:last-child:before {display: none; }
.rent-step ul li .item { height: 110px; border: 1px solid #d8dbe1; text-align: center; width:200px; display: flex; justify-content: center; align-items: center; line-height: 1.7; font-size:15px; }

.map { height: 530px; background: #f2f2f2; margin-bottom: 40px; }

.parkings ul { display: flex; flex-wrap: wrap; margin:0 -10px; }
.parkings ul li { width:20%; padding:0 10px 20px;}
.parkings ul li .item img { width:100%;  border-radius:10px;}
.parkings ul li .item p { font-size:14px; color: #212121; padding-top:8px; }



/****************************************************************************************************************************************************************
	제안대회
****************************************************************************************************************************************************************/
.compt-nav { background: #f7f9fc; border-bottom: 1px solid #e1e1e1; }
.compt-nav .inner { height: 68px; text-align: center; }
.compt-nav h2 { background: url(../img/compt/tit_logo.png) no-repeat 0 50%; width:299px; flex:0 0 299px; height: 48px; text-indent: -9999px; }
.compt-nav nav a { font-size:20px; line-height: 67px; margin: 0 40px; }
.compt-nav nav a.active { color: #0565f0; font-weight: 700; }
.sub-head + .compt-nav { margin-top:-15px; margin-bottom: 20px;}

.h4-cpt { font-size:24px; font-weight: 700; color: #212121; margin-bottom: 17px; }
.compt-main { margin-bottom: 50px; }
.compt-main .banner img { width:100%;}
.compt-main .time-box { background: #faf5ea; padding: 30px 0;  }
.compt-main .time-box .inner { display: flex; justify-content: space-between; align-items: center; }
.compt-main .time-box .date { display: flex; align-items: center; }
.compt-main .time-box .date .time { padding-left: 43px; background: url(../img/compt/ico_date.svg) no-repeat 0 0; }
.compt-main .time-box .date .time .day { font-size:16px; color: /*#f6aa28*/#976102; font-weight: 700; margin-bottom: 5px;}
.compt-main .time-box .date .time .date { font-size:24px; color: #212121; font-weight: 700; }
.compt-main .time-box .date .count { padding: 14px 24px; border-radius:10px; background: #f6aa28; border: 1px solid #d78b08; font-size:18px; font-weight: 700; color: /*#fff*/ #5E4211;  margin-left: 40px;}
.compt-main .time-box .btns a { display: inline-block; vertical-align: middle; width:156px; height: 107px; box-shadow:0 6px 0 0 rgba(0, 0, 0, 0.08); border-radius:10px; background: #fff; border: 1px solid #d8dbe1; text-align: center; font-size:14px; color: #000;  padding-top:20px; margin-left: 10px; }
.compt-main .time-box .btns a p { padding-top:5px; }
.compt1 { display: flex; justify-content: space-between; margin-bottom: 70px;}
.compt1 .latest-box { flex: 1; width:55%; position: relative; }
.compt1 .latest-box ul li { border-bottom: 1px solid #f2f2f2;  position: relative; padding:14px 90px 14px 0; }
.compt1 .latest-box ul li a { display: block; font-size:16px; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.compt1 .latest-box ul li span { position: absolute; right:0; top:14px; font-size:14px; color: #909090;}
.compt1 .latest-box .more { position: absolute; right:0; top:0; font-size:16px; padding-right:27px; background: url(../img/compt/ico_more.svg) no-repeat right 50%; }
.compt1 .youtube { width:45%; margin-left: 25px; position: relative; }
.compt1 .youtube iframe { position: absolute;left: 0; width:100% !important; top:0;	 height: 100%;  }

.compt2 { padding-bottom: 70px;}
.compt2 .slider { position: relative;}
.compt2 .swiper-button-next, 
.compt2 .swiper-button-prev  { width:36px; height: 36px; background: url(../img/compt/ico_slider_next.svg) no-repeat 0 0; position: absolute; top:50%; margin-top:-18px;}
.compt2 .swiper-button-prev { left: -56px; transform: scaleX(-1);}
.compt2 .swiper-button-next { right: -56px;}

.cpt-list {margin:70px 0;}
.cpt-list ul { display: flex; flex-wrap: wrap; justify-content: center; }
.cpt-list ul li { width: 20%; margin:5px 20px;}

.cpt-list2 ul { display: flex; flex-wrap: wrap; margin:0 -15px; }
.cpt-list2 ul li { width:25%; padding:0 15px 30px; }

.cpt-item { display: block; }
.cpt-item .img { position: relative; }
.cpt-item .img img { vertical-align: middle; width:100%; }
.cpt-item .img .rank { position: absolute; left:0; top:19px; width:44px; height: 32px; background: url(../img/compt/label_rank.svg) no-repeat 0 0; font-size:13px; line-height: 30px; padding-left: 10px; color: #fff; font-weight: 600;}
.cpt-item .img .cong { position: absolute; left:0; top:19px; width:115px; height: 32px; background: url(../img/compt/label_cong.svg) no-repeat 0 0; font-size:13px; line-height: 28px; padding-left: 10px; color: #fff; font-weight: 500;}
.cpt-item .img .num { position: absolute; right:10px; bottom:10px; width:35px; height: 35px; background: url(../img/compt/num1.svg) no-repeat 0 0; text-indent: -9999px; }
.cpt-item .img .num.num1 { background-image: url(../img/compt/num1.svg);}
.cpt-item .img .num.num2 { background-image: url(../img/compt/num2.svg);}
.cpt-item .img .num.num3 { background-image: url(../img/compt/num3.svg);}
.cpt-item .img .num.num4 { background-image: url(../img/compt/num4.svg);}
.cpt-item h5 { font-size:20px; line-height: 1.5; color: #212121; font-weight: 700; margin:8px 0 10px; overflow: hidden;  text-overflow: ellipsis;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; white-space: nowrap;}
.cpt-item .heart { padding-left: 21px; background: url(../img/compt/ico_heart.svg) no-repeat 0 50%; font-size:14px; color: #ff4a4a; margin-bottom: 4px;  font-weight: 700;}
.cpt-item .user { padding-left: 21px; background: url(../img/compt/ico_user.svg) no-repeat 0 50%; font-size:14px; color: #606060; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cpt-item .like { padding-left: 21px; background: url(../img/common/ico_like.svg) no-repeat 0 50%; font-size:14px; color: #606060; }
.cpt-item .date {  font-size:14px; color: #909090; }
.cpt-item .btn-type1 { margin-top:22px; border-radius:5px; width:100%; }
.cpt-item .status { position: absolute;left: 12px; top:12px; }

.compt-foot { padding:30px 0 ; border-top:1px solid #e1e1e1;  }
.compt-foot .addr { display: flex; justify-content: space-between; font-size:14px; color: #909090; line-height: 1.6; margin-bottom: 35px;  }
.compt-foot .familes { overflow: hidden; }
.compt-foot .familes .article { float:left; margin-right:60px;  }
.compt-foot .familes .article dl { display: flex; align-items: center; margin-bottom: 16px; }
.compt-foot .familes .article dl dt { font-size:16px; font-weight: 700; margin-right:30px; }
.compt-agree-box { max-width:800px; margin: 0 auto; }
.compt-agree-box .agree-text { height: 340px; overflow: auto; margin-bottom: 14px; }
.compt-agree-box .agree { margin-bottom: 38px; text-align: center; }
.compt-agree-box .form-box { border: 0; max-width:490px;}
.compt-agree-box .form-box .section { padding:0; border: 0; min-height: inherit; margin-bottom: 10px;}
.compt-agree-box .form-box dl dd { display: flex; flex-wrap: wrap; justify-content: space-between;  }
.compt-agree-box .form-box dl dd .btn3 { height: 42px; flex: 1; margin-left: 10px;}
.compt-agree-box .form-box dl dd .num { width:240px; }
.compt-agree-box.type2 { padding:45px 20px; border: 1px solid #cfcfcf; max-width:100%; }
.compt-agree-box.type2 .form-box { max-width:354px; margin: 0 auto; }
.compt-agree-box.type2 .mb30 .btn-s { border-radius:0; }


.compt-end { max-width:800px; margin: 0 auto 40px; padding:60px 70px; background: #f7f9fc; border: 1px solid #cfcfcf; }
.compt-end h4 { text-align: center; font-size:28px; font-weight: 700; margin-bottom: 50px; }
.compt-end p { font-size:15px; line-height: 1.5; color: #494949; padding-left: 16px; position: relative; letter-spacing: -1px;}
.compt-end p:before{ content: ''; position: absolute;left: 0; top:7px; width:4px; height: 4px; background: #0565f0; border-radius:100%; }

.compt-end2 { max-width:100%; margin: 0 auto 40px; padding:30px 70px; background: #f7f9fc; border: 1px solid #cfcfcf; }
.compt-end2 h4 { text-align: center; font-size:28px; font-weight: 700; margin-bottom: 20px; }
.compt-end2 p { font-size:15px; line-height: 1.5; color: #494949; padding-left: 16px; position: relative; letter-spacing: -1px;}
.compt-end2 p:before{ content: ''; position: absolute;left: 0; top:7px; width:4px; height: 4px; background: #0565f0; border-radius:100%; }

.compt-writed { max-width:552px; margin: 130px auto 0; }
.compt-writed h4 { text-align: center; font-size:24px; font-weight: 700; margin-bottom: 23px; }
.compt-writed .box { padding: 19px 25px; background: #f7f9fc; border: 1px solid #cfcfcf; margin-bottom: 15px; }
.compt-writed .box dl:after { display: block; content: ''; clear: both; }
.compt-writed .box dl { font-size:14px; margin-bottom: 6px; }
.compt-writed .box dl dt { float:left; width:68px; font-weight: 700; color: #718096; }
.compt-writed .box dl strong { color: #0565f0; }
.compt-writed .box .desc { font-size:14px; color: #494949; }
.compt-writed .form-box dl dd { display: flex; flex-wrap: wrap; justify-content: space-between;  }
.compt-writed .form-box dl dd .btn3 { height: 42px; flex: 1; margin-left: 20px;}

.compt-receipt { max-width:335px; margin: 120px auto; }
.compt-receipt h4 { font-size:20px; line-height: 1.5; font-weight: 700; margin-bottom:30px;  }
.receipt-desc1 { text-align: center; font-size:14px; line-height: 1.6; color: #606060; }

.compt-introduce { max-width:840px; margin: 0 auto; }
.compt-introduce .img { margin-bottom: 30px;}
.compt-introduce .step ul { display: flex; flex-wrap: wrap; }
.compt-introduce .step ul li { padding-right:62px;  text-align: center; position: relative; margin-bottom: 15px;}
.compt-introduce .step ul li:before { content: ''; position: absolute; right:0; top:33px; width:62px; height: 32px; background: url(../img/compt/ico_step_arr.svg) no-repeat 50% 50%; }
.compt-introduce .step ul li:last-child { padding-right:0;}
.compt-introduce .step ul li:last-child:before { display: none; }
.compt-introduce .step ul li dl:before { content: ''; display: block; width:96px; height: 96px; border: 1px solid #cfcfcf; border-radius:100%; background: url(../img/compt/ico_step1.svg) no-repeat  50% 50%; margin: 0 auto; }
.compt-introduce .step ul li dl dt { font-size:18px; margin:8px 0 5px;}
.compt-introduce .step ul li dl dd { font-size:14px; color: #282828; letter-spacing: -1px;line-height: 1.2; }
.compt-introduce .step ul li:nth-child(1) dl:before { background-image: url(../img/compt/ico_step1.svg);}
.compt-introduce .step ul li:nth-child(2) dl:before { background-image: url(../img/compt/ico_step2.svg);}
.compt-introduce .step ul li:nth-child(3) dl:before { background-image: url(../img/compt/ico_step3.svg);}
.compt-introduce .step ul li:nth-child(4) dl:before { background-image: url(../img/compt/ico_step4.svg);}
.compt-introduce .step ul li:nth-child(5) dl:before { background-image: url(../img/compt/ico_step5.svg);}
.compt-introduce .step ul li  dl.ic1:before { background-image: url(../img/compt/ico_step3.svg);}
.compt-introduce .step ul li  dl.ic2:before { background-image: url(../img/compt/ico_step2.svg);}
.compt-introduce .step ul li  dl.ic3:before { background-image: url(../img/compt/ico_step1.svg);}
.compt-introduce .step ul li  dl.ic4:before { background-image: url(../img/member/ico_join_step1.svg);}
.compt-introduce .step ul li  dl.ic5:before { background-image: url(../img/compt/ico_step5.svg);}

.vote-wrap { max-width:840px; margin: 0 auto; }
.vote-wrap .slider { position: relative; margin-bottom: 15px; border-radius:10px; overflow: hidden; }
.vote-wrap .slider .swiper-button-prev,
.vote-wrap .slider .swiper-button-next { width:52px; height: 52px; background:#fff url(../img/main/ico_slider_prev.svg) no-repeat 40% 50%; border: 1px solid #e1e1e1; border-radius:100%; top:50%; margin:-26px 0 0 0;}
.vote-wrap .slider .swiper-button-next { transform: scaleX(-1);right:14px; }
.vote-wrap .slider .swiper-button-prev { left: 14px; }
.vote-wrap .slider img { width:100%; }
.vote-wrap .title { padding-bottom: 17px; margin-bottom: 30px; border-bottom: 1px solid #e1e1e1; position: relative; }
.vote-wrap .title h4{  font-size:24px; font-weight: 700; color: #212121; margin-bottom: 8px; line-height: 1.4; }
.vote-wrap .title .heart { padding-left: 21px; background: url(../img/compt/ico_heart.svg) no-repeat 0 50%; font-size:14px; color: #ff4a4a; margin-bottom: 4px;  font-weight: 700;}
.vote-wrap .title .user { padding-left: 21px; background: url(../img/compt/ico_user.svg) no-repeat 0 50%; font-size:14px; color: #606060; }
.vote-wrap .title .btn-type1 { position: absolute; right:0; bottom:17px; min-width:183px; border-radius:5px;}
.cheer { }
.cheer textarea{ width:100%; height: 95px; margin-left: 0; font-size:14px;  }
.cheer .btns { margin-top:8px; display: flex; justify-content: space-between; margin-bottom: 15px; }
.cheer .btns .inp { width:240px;  font-size:14px;}
.cheer .btns .btn-type2 { min-width:122px; height: 42px; font-size:14px; line-height: 40px; margin-left: 10px; }
.cheer .list {  }
.cheer .list .article { padding:15px 20px; background: #f7f9fc; margin-bottom: 8px; }
.cheer .list .article .name { position: relative; font-size:12px; font-weight: 700; color: #0565f0; margin-bottom: 3px;  }
.cheer .list .article .name span { position: absolute; right:0; top:0; font-weight: 400; color: #909090; }
.cheer .list .article .text { font-size:14px; line-height: 1.4; }
.cheer .btn-box { text-align: right; margin-top:30px; padding-top:15px;border-top:1px solid #e1e1e1; }
.vote-cong { max-width:870px; margin: 50px auto; }
.vote-cong .title { text-align: center; margin-bottom: 65px; margin-bottom: 45px; border-bottom: 1px solid #d8d8d8; }
.vote-cong .youtube-box { display: flex; justify-content: space-between; margin-bottom: 45px; }
.vote-cong .youtube-box .mv { width:49%; padding-bottom: 30%; position: relative;}
.vote-cong .youtube-box .mv iframe { position: absolute;left: 0; top:0; width:100%; height: 100%;}

/*********************************************************************************************************************************************************************
	청소년의회
*********************************************************************************************************************************************************************/
.council-main { }
.council-main .slider-wrap {  background: url(../img/council/bg_banner.svg) no-repeat 50% 50%; background-size:cover; }
.council-main .slider { max-width:1280px; margin: 0 auto; position: relative; }
.council-main .slider .swiper{ }
.council-main .slider .swiper-slide { height: 677px; position: relative; }
.council-main .slider .swiper-slide .item .txt1 { padding:177px 0 13px; font-size:20px; color: #e9d273; font-weight: 700;position: relative; z-index:2; }
.council-main .slider .swiper-slide .item .txt2 { font-size:60px; font-weight: 700; color: #fff; line-height: 1.2; position: relative; z-index:2;}
.council-main .slider .swiper-slide .item .img { position: absolute; right:20px; top:50%; transform: translateY(-50%); }
.council-main .slider .swiper-slide .item .img img{ box-shadow:20px 20px 0 #ffe4ac; }
.council-main .slider .swiper-pagination { display: none; }
.council-main .slider .control { font-size:0; position: absolute;left: 0; bottom:177px; display: flex;}
.council-main .slider .swiper-button-next, 
.council-main .slider .swiper-button-prev { display: inline-block; vertical-align: middle; width:36px; height: 36px; border: 1px solid #fff; position: static; margin: 0; background: url(../img/council/ico_banner_next.svg) no-repeat 50% 50%; }
.council-main .slider .swiper-button-prev  { margin-right:-1px; transform: scaleX(-1); }

.council-nav { background: #f7f9fc; border-bottom: 1px solid #e1e1e1; margin-bottom: 30px;  }
.council-nav .inner { height: 68px; text-align: center; display: flex; justify-content: space-between;  align-items: center; }
.compt-main .council-nav .inner { justify-content: center; }
.compt-main .council-nav nav a:first-child{ margin-left: 0; }

.council-nav h2 { background: url(../img/council/tit_logo.png) no-repeat 0 50%; width:299px; flex:0 0 299px; height: 48px; text-indent: -9999px; }
.council-nav nav a { font-size:20px; line-height: 67px; margin-left: 50px;  }
.council-nav nav a.active { color: #0565f0; font-weight: 700; }
.council-nav  .btn-back { display: inline-block; padding: 0 18px 0 11px; height: 46px; line-height: 44px; border: 1px solid #cfcfcf; border-radius:5px; font-size:16px; background: #fff; white-space: nowrap;}
.council-nav  .btn-back:before { content: ''; display: inline-block; vertical-align: middle; background: url(../img/common/ico_back.svg) no-repeat 0 0 ; width:24px; height: 24px; margin:-3px 5px 0 0;}
.council-nav nav .swiper a { margin-left: 0;  }
.council-nav nav .swiper .swiper-slide { width:auto !important; }

.sub-head + .council-nav { margin-top:-15px; margin-bottom: 20px;}
.sub-head + .council-nav nav { flex: 1; margin-left: 85px; padding:0 50px; position: relative;}
.council-nav nav .swiper-button-next, 
.council-nav nav .swiper-button-prev { width:28px; height: 28px; opacity:1; background: url(../img/common/ico_council_nav_prev.svg) no-repeat 50% 50%; }
.council-nav nav .swiper-button-prev { left: 0; top:50%; margin-top:-14px; }
.council-nav nav .swiper-button-next { right: 0; top:50%; margin-top:-14px; transform: scaleX(-1);  }

.council-btns  { display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 34px; margin-bottom: 34px; border-bottom: 1px solid #cfcfcf;  }
.council-btns a { display: flex; align-items: center; width:24%; height:60px; line-height: 58px; border-radius: 10px;  box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.08);  border: solid 1px #d8dbe1; font-size:16px; font-weight: 700; }
.council-btns a:before { content: ''; display: inline-block; vertical-align: middle; width:36px; height: 36px; background: url(../img/council/ico_btn1.svg) no-repeat 50% 50%; margin:0 12px 0 15px;}
.council-btns a.b2:before { background-image: url(../img/council/ico_btn2.svg)}
.council-btns a.b3:before { background-image: url(../img/council/ico_btn3.svg)}
.council-btns a.b4:before { background-image: url(../img/council/ico_btn4.png)}

.council1 { display: flex; justify-content: space-between; margin-bottom: 35px;}
.council1 .latest-box { width:calc(50% - 25px);  position: relative; }
.council1 .latest-box ul li { border-bottom: 1px solid #f2f2f2;  position: relative; padding:11px 0; }
.council1 .latest-box ul li a { display: block; font-size:16px; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.council1 .latest-box ul li span { position: absolute; right:0; top:14px; font-size:14px; color: #909090;}
.council1 .more { position: absolute; right:0; top:0; font-size:16px; padding-right:27px; background: url(../img/compt/ico_more.svg) no-repeat right 0; }

.council1 .gallery-box { width:calc(50% - 25px);  position: relative; }
.council1 .gallery-box .slider2 { position: relative;}
.council1 .gallery-box img { max-width:100%; }
.council1 .gallery-box .swiper-button-next, 
.council1 .gallery-box .swiper-button-prev  { width:36px; height: 36px; background: url(../img/compt/ico_slider_next.svg) no-repeat 0 0; position: absolute; top:50%; margin-top:-18px;}
.council1 .gallery-box .swiper-button-prev { left: 10px; transform: scaleX(-1);}
.council1 .gallery-box .swiper-button-next { right: 10px;}
.council-foot { padding:30px 0 0; border-top:1px solid #e1e1e1;  }
.council-foot .addr {  font-size:14px; color: #909090; line-height: 1.6;  }
.compt-introduce.full { max-width:100%;}
.compt-introduce.full ul li dl dt { font-weight: 800; }
.compt-introduce.full ul li dl dd a { color: #1e90ff; text-decoration: underline !important; }
.council-descbox { padding: 15px 20px; background: #fafafa; border: 1px solid #cfcfcf; margin-bottom: 25px; }
.council-descbox .txt-list1 { margin-bottom: 0; }
.vote-list { margin-bottom: 30px;  }
.vote-list ul li { margin-bottom: 20px;  }
.vote-list ul li .item { display: flex; border: 1px solid #d8dbe1; }
.vote-list ul li .item .info-box { flex: 1; background: #f5f9fc; position: relative; padding: 20px;  }
.vote-list ul li .item .info-box .num { position: absolute;left: -1px; top:-1px; padding:0 7px; height: 26px; line-height: 25px; background: #0565f0; font-size:14px; font-weight: 700; color: #fff;}
.vote-list ul li .item .info-box .photo { float:left; width:130px; margin-right:18px; }
.vote-list ul li .item .info-box .name { overflow: hidden; font-size:16px; color: #212121; line-height: 1.4; margin-bottom: 17px;  }
.vote-list ul li .item .info-box .name strong { display: block; font-size:24px; margin-bottom: 4px; }
.vote-list ul li .item .info-box .txt { font-size:14px; color: #494949; line-height: 1.5; overflow: hidden; }
.vote-list ul li .item .info-box .txt pre{white-space: pre-line; }
.vote-list ul li .item .info-box .txt h4 { font-size:14px; color: #718096; margin-bottom: 7px; }
.vote-list ul li .item .info-box .txt ol li { margin-bottom: 4px; padding-left: 14px; text-indent: -14px;  }
.vote-list ul li .item .choice { flex:0 0 170px; border-left: 1px solid #d8dbe1; display: flex; justify-content: center; align-items: center; }
.voted { padding-top:90px; background: url(../img/council/ico_voted.svg) no-repeat 50% 0; text-align: center; margin-top:75px;  }
.voted h4 { font-size:30px; font-weight: 700; margin-bottom: 4px; }
.voted p { font-size:16px; color: #606060; margin-bottom: 38px; }
.legislative .banner { margin-bottom: 40px; }

/*********************************************************************************************************************************************************************
	재단소개
*********************************************************************************************************************************************************************/
.about { display: flex; justify-content: space-between; }
.about h4 { flex:0 0 530px; font-size:48px; line-height: 1.4; font-weight: 700; letter-spacing: -1px; background: url(../img/about/img_about1.png) no-repeat 0 270px }
.about .txt-box { font-size:15px; line-height:1.6; color: #494949; }
.about .txt-box div{  font-size:16px; font-weight: 700; }
.about.about2 h4 { background-image: url(../img/about/img_about2.jpg)}
.brief { display: flex; justify-content: space-between;}
.brief .box { width:48%; }
.brief .h4 {margin-bottom: 7px; }
.brief .txt-list1 p { font-size:14px; color: #606060; line-height: 1.45; }
.content_pagemaker .h4 { margin-bottom: 8px; }
.img-org { text-align: center; margin-bottom: 90px; }
.about-intro { padding-top:40px;  }
.about-intro.type2 { max-width:780px; margin: 0 auto; }
.about-intro .intro { text-align: center; padding-top:120px; background: url(../img/about/ico1.svg) no-repeat 50% 0; }
.about-intro .intro h4 { font-size:42px; color: #0565f0; font-weight: 700; line-height: 1.2; margin-bottom: 15px; }
.about-intro .intro .t1 { font-size:18px; line-height: 1.5; margin-bottom: 60px; }
.about-intro .intro .t2 { font-size:18px; line-height: 1.5; margin-bottom: 10px; color: #909090;  }
.about-intro .intro .hst { text-align: right; font-size:14px; color: #909090; line-height: 1.6; margin-bottom: 40px;}
.about-intro .intro h5 { font-size:18px; font-weight: 700; margin-bottom: 10px; text-align: left; }
.about-intro .intro .t3 { font-size:16px; line-height: 1.6; color: #494949; margin-bottom: 25px;text-align: left; }
.about-intro .intro-box { padding: 20px 30px; background: #f5f9fc; font-size:16px; line-height: 1.5; margin-bottom: 40px; letter-spacing: -0.5px; }
.about-intro .intro-box p + p { margin-top:8px; }
.about-intro .table2 tbody td { padding-left: 20px; }
.faci-vision.type2 { max-width:800px; margin: 0 auto;}


.parti-advice { max-width:782px; margin: 0 auto; padding:30px 0; }
.parti-advice .box { padding: 40px 48px 50px; background: #fcf6f5; border-radius:57px; margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center; }
.parti-advice .box { font-size:28px; font-weight: 800; line-height: 1.3;  word-break: keep-all;}
.parti-advice .box.box1 p { margin-left: 40px; }
.parti-advice .btns { display: flex; justify-content: center; }
.parti-advice .btns a { width:204px;  height: 85px; border-radius:22px; background: #8f9bb3; font-size:18px; font-weight: 500; text-align: center; line-height: 84px; color: #fff; margin:0 5px; }
.parti-advice .btns a:before { content: ''; display: inline-block; vertical-align: middle; background: url(../img/welfare/ico_user.svg) no-repeat 0 0; width:32px; height: 32px; margin:-4px 8px 0 0;}
.parti-advice .btns a.b2 { background: #0565f0; }
.parti-advice .btns a.b2:before { background-image: url(../img/welfare/ico_users.svg); }

.member-list { border-top:1px solid #e1e1e1; margin-bottom: 40px; }
.member-list .section { border-bottom: 1px solid #e1e1e1; overflow: hidden; display: flex; }
.member-list .section .article { width:50%; padding: 18px 20px; border-right:1px solid #e1e1e1; }
.member-list .section .article + .article { border-right:0; }
.member-list .section .article .name { font-size:14px; color: #909090; margin-bottom: 7px;  }
.member-list .section .article .name strong { font-size:18px; color: #000; margin-right:8px; }
.member-list .section .article dl:after { display: block; content: ''; clear: both; }
.member-list .section .article dl { font-size:14px; color: #494949; }
.member-list .section .article dl + dl { margin-top:6px; }
.member-list .section .article dl dt{  float:left; width:65px; color: #718096;  }
.member-list .section .article dl dd { overflow: hidden; }

.survey-wrap { max-width:690px; margin: 0 auto; }
.survey-wrap .tit { font-size:24px; font-weight: 700; margin-bottom: 15px; }
.survey-wrap .info { margin-bottom: 28px; padding-bottom: 25px; border-bottom: 1px solid #e1e1e1;  }
.survey-wrap .info dl { font-size:16px; line-height: 1.3;  margin-bottom: 5px;  }
.survey-wrap .info dl:after { display: block; content: ''; clear: both; }
.survey-wrap .info dl dt { float:left; width:85px; color: #5175bd; font-size:14px; font-weight: 600; }
.survey-wrap .info dl dd { overflow: hidden; }
.survey-wrap .desc { padding-bottom: 25px; margin-bottom: 25px;border-bottom: 1px solid #e1e1e1;  }
.survey-wrap .desc .h4 { font-size:18px; font-weight: 400;  margin-bottom: 5px; }
.survey-wrap .desc .txt { padding-left: 32px; font-size:14px; color: #909090; line-height: 1.5; }
.survey-wrap .article  {margin-bottom: 28px; padding-bottom: 25px; border-bottom: 1px solid #e1e1e1; }
.survey-wrap .article .tit2{ padding-left: 32px; font-size:20px; color: #212121; position: relative; margin-bottom: 10px; }
.survey-wrap .article .tit2 em { position: absolute;left: 0; top:2px; width:24px; height: 24px; border-radius:100%; border: 1px solid #e4e9f2; background: #f7f9fc; text-align: center; line-height: 22px; font-size:12px; color: #718096; font-weight: 600;}
.survey-wrap .article .re { padding-left: 32px; }
.survey-wrap .article .checkbox + p em,
.survey-wrap .article .radio + p em { top:0; }
.survey-wrap .article .checkbox + p span { font-size:14px; }
.survey-wrap .article .radio + p span { font-size:14px; }
.survey-wrap .article .result { padding-left: 32px; }
.survey-wrap .article .result h6 { font-size:14px; color: #0565f0; font-weight: 600; margin-bottom: 13px}
.survey-wrap .article .result .bar-box { padding-left: 20px;  margin-bottom: 15px;}
.survey-wrap .article .result .bar-box .head { display: flex; justify-content: space-between; font-size:14px; color: #292929; margin-bottom: 7px;}
.survey-wrap .article .result .bar-box .head p { padding-left: 18px; position: relative; transform: translateX(-18px);}
.survey-wrap .article .result .bar-box .head p:before { content: ''; position: absolute;left: 6px; top:8px; width:4px; height: 4px;background: #0565f0; border-radius:100%; }
.survey-wrap .article .result .bar-box .bar { height: 8px; border-radius:8px; background: #f2f2f2; overflow: hidden; position: relative;}
.survey-wrap .article .result .bar-box .bar em { position: absolute;left: 0; top:0; bottom:0; border-radius:8px; background: #0565f0;}

.quiz1 { max-width:630px; margin: 0 auto; }
.quiz1 .banner { margin-bottom: 30px; }
.quiz1 h4 { text-align: center; font-size:19px; color: #0565f0; font-weight: 600; margin-bottom: 15px; }
.quiz1 ol { text-align: center; margin-bottom: 45px;  }
.quiz1 ol li { padding-bottom: 34px; margin-bottom: 15px; font-size:18px; color: #282828; font-weight: 600; background: url(../img/expo/ico_step.svg) no-repeat 50% 100%; }
.quiz1 ol li:last-child { padding-bottom: 0; margin-bottom: 0; background: none; }
.quiz1 ol li span { font-size:14px; font-weight: 400; }
.quiz1 .btn-go { display: inline-block; vertical-align: middle; width:300px; height: 64px; line-height: 63px; border-radius:63px; background: #0565f0; font-size:20px; font-weight: 600; color: #fff;text-align: center; }
.quiz1 .desc { padding: 20px; background: #fafafa; margin-top:45px;}
.quiz1 .desc p { padding-left: 20px; position: relative; font-size:15px; color: #494949; line-height: 1.3; }
.quiz1 .desc p + p { margin-top:8px;}
.quiz1 .desc p:before { content: ''; position: absolute;left: 6px; top:7px; width:4px; height: 4px;background: #0565f0; border-radius:100%; }

.quiz2 {max-width:710px; margin: 0 auto; }
.quiz2 h4 { text-align: center; font-size:22px; font-weight: 600; margin-bottom: 45px;}
.quiz2 h4  p { margin-top:25px; }
.quiz2 .box { border: 5px solid #f2f2f2; position: relative; padding: 27px 10px; text-align: center; margin-bottom: 50px;  }
.quiz2 .box .label { position: absolute;left: 17px; top:-23px; width:70px; height: 70px; border-radius:100%; background: #797676; text-align: center; line-height: 66px; border: 2px solid #797676;  font-size:16px; color: #fff; font-weight: 600;}
.quiz2 .box .label.good { background: #fff; border-color:#0565f0; color: #0565f0;}
.quiz2 .box .label.bad { background: #fff; border-color:#ff4a4a; color: #ff4a4a;}
.quiz2 .box .num { font-size:24px; font-weight: 700; margin-bottom: 10px; }
.quiz2 .box .txt { font-size:18px; margin-bottom: 30px; }
.quiz2 .box .ox button { width:90px; height: 42px; text-align: left; text-indent: -9999px; border:0; border-radius:42px; background: #f2f2f2 url(../img/expo/ico_o.svg) no-repeat 50% 50%; margin:0 4px; }
.quiz2 .box .ox button.btn-o { background-image: url(../img/expo/ico_o.svg);}
.quiz2 .box .ox button.btn-x { background-image: url(../img/expo/ico_x.svg);}
.quiz2 .box .ox button.btn-o.active,
.quiz2 .box .ox button.btn-o.red{ background-image: url(../img/expo/ico_o_white.svg);}
.quiz2 .box .ox button.btn-x.active,
.quiz2 .box .ox button.btn-x.red{ background-image: url(../img/expo/ico_x_white.svg);}
.quiz2 .box .ox button.active {background-color: #0565f0;}
.quiz2 .box .ox button.red {background-color: #ff4a4a;}
.quiz2 .box .desc { margin-top:16px; font-size:12px; color: #ff4a4a; }

.slider-common1 { }
.slider-common1 .slider { max-width:740px; margin: 0 auto; position: relative; }
.slider-common1 .slider .swiper-slide img { width:100%; border-radius:15px;  }
.slider-common1 .slider .swiper-button-prev,
.slider-common1 .slider .swiper-button-next { width:52px; height: 52px; position: absolute; top:50%; margin-top:-26px; background:#fff url(../img/main/ico_slider_prev.svg) no-repeat 40% 50%; border: 1px solid #e1e1e1; border-radius:100%; }
.slider-common1 .slider .swiper-button-next { transform: scaleX(-1);right:-65px; }
.slider-common1 .slider .swiper-button-prev { left: -65px; }
.slider-common1 .slider .swiper-button-next {  }
.slider-common1 .slider .swiper-pagination { display: none; position: absolute;left: 0; right:0; bottom:15px; text-align: center; }
.slider-common1 .slider .swiper-pagination-bullet { width:6px; height: 6px; background: #fff;  transition: all 0.5s ease;margin:0 3px; }
.slider-common1 .slider .swiper-pagination-bullet-active { background: #fff; }

.title1 { text-align: center; font-size:22px; line-height: 1.4; margin-bottom: 65px; }
.stra { padding:40px; border: 1px solid #e1e1e1; position: relative;}
.stra h4 { position: absolute;left: 50%; top:-24px; height: 48px; line-height: 47px; width:170px; margin-left: -86px; text-align: center; font-size:18px; color: #fff; font-weight: 600; background: #0565f0; }

.comment-wrap { }
.comment-wrap h5 { font-size:20px; font-weight: 700; margin-bottom: 15px; }
.comment-wrap ul { border-top:1px solid #e1e1e1; }
.comment-wrap ul li { padding: 14px 0; border-bottom: 1px solid #e1e1e1;}
.comment-wrap ul li .item { position: relative;}
.comment-wrap ul li .item .name{  font-size:14px; font-weight: 700; margin-bottom: 3px; }
.comment-wrap ul li .item .date{  font-size:12px;  color: #8f9bb3; margin-bottom: 7px; }
.comment-wrap ul li .item .txt { font-size:16px; line-height: 1.5; }
.comment-wrap ul li .btns { position: absolute; right:0; top:0; }
.comment-wrap ul li .btns a { margin-left: 15px; }
.comment-wrap .write-box { margin:20px 0;}
.comment-wrap .write-box .name { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;  }
.comment-wrap .write-box .name strong { font-size:14px; font-weight: 700; }
.comment-wrap .write-box .name .btn-up { padding:0 15px; height: 30px; line-height: 29px; border-radius:4px; background: #0565f0; font-size:14px; color: #fff; font-weight: 600; }
.comment-wrap .write-box .textarea { height: 140px; border-color:#e1e1e1; }
.ico-modify { display: inline-block; vertical-align: middle; width:25px; height: 25px; background: url(../img/common/ico_modify.svg) no-repeat 50% 50%; }
.ico-delete { display: inline-block; vertical-align: middle; width:25px; height: 25px; background: url(../img/common/ico_delete.svg) no-repeat 50% 50%; }

.faq { margin-bottom: 30px;}
.faq ul li { border: 1px solid #e1e1e1; background: #fafafa; margin-bottom: 10px; transition: all 0.5s ease; }
.faq ul li .q { width:100%; line-height: 1.5;  border: 1px solid #e1e1e1; padding:12px 50px 12px 15px; font-size:16px; background: #fafafa; text-align: left; border: 0;transition: all 0.5s ease; position: relative;}
.faq ul li .q:before { content: ''; position: absolute; right:15px; top:14px; background: url(../img/common/ico_m_gnb_flip.svg) no-repeat 50% 50%; width:24px; height: 24px; transition: all 0.5s ease; }
.faq ul li .a { display: none; font-size:14px; line-height: 1.6; color: #454545; padding:0 15px 20px;  }
.faq ul li.active { background: #fff; }
.faq ul li.active .q { background: #fff; }
.faq ul li.active .q:before { transform: rotate(180deg); }

.total-search { background: #fafafa; border-top:1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding: 30px 0 38px; margin-bottom: 50px; }
.total-search .search-area { display: flex; align-items: center; position: relative;}
.total-search .search-area h4 {font-size:16px; font-weight: 600; margin-right:22px; }
.total-search .search-area .inp-box { flex: 1; position: relative; }
.total-search .search-area .inp-box .inp { width:100%; height: 54px; }
.total-search .search-area .inp-box .btn-srch { position: absolute; right:0; top:0; height: 100%; width:64px; background: url(../img/search/ico_search.svg) no-repeat 50% 50%; }
.total-search .search-area .btn-flip { position: absolute;left: 50%; bottom:-60px; padding:0 17px 0 15px; height: 43px; background: #0565f0; font-size:16px; color: #fff; font-weight: 500; border-radius:43px; border: 0; z-index:10;  transform: translateX(-50%);}
.total-search .search-area .btn-flip:before { content: ''; background: url(../img/search/ico_search_flip.svg) no-repeat 0 0; width:31px; height: 31px; display: inline-block; vertical-align: middle; margin:-3px 2px 0 0;transition: all 0.5s ease; transform:rotate(180deg);}
.total-search .search-area .btn-flip.active:before { transform:rotate(0); }
.total-search .detail-over { position: static; display: none; margin-top:38px;box-shadow:none; border:0; border-radius:0; background: none;  }
.total-search .detail-over .body { padding:30px 20px 5px; background: #fff; border: 1px solid #cfcfcf; display: flex; flex-wrap: wrap; }
.total-search .detail-over .body dl { position: relative; flex:1 1 auto;}
.total-search .detail-over .body dl:first-child dd label { width:auto; flex:0 1 auto; }
.total-search .detail-over .body dl dd label { margin-right:20px; }
.total-search .detail-over .body dl:last-child { border-bottom: 0; }
.total-search .detail-over .body dl:nth-child(1),
.total-search .detail-over .body dl:nth-child(2),
.total-search .detail-over .body dl:nth-child(3) { flex:0 0 100%; }
.total-search .detail-over .body dl:nth-child(n+7) { border-bottom: 0; }
.total-search .detail-over .body dl:nth-child(6):before,
.total-search .detail-over .body dl:nth-child(8):before,
.total-search .detail-over .body dl:nth-child(9):before { content: ''; position: absolute;left: -13px; top:50%; width:2px;background: #0565f0; height: 16px; margin-top:-8px; }
/*********************************************************************************************************************************************************************
	DEV
*********************************************************************************************************************************************************************/
/*중원청소년수련관*/
.SUNGNAM01 {color: #e85697 !important}
/*수정청소년수련관 #a8cc07*/
.SUNGNAM02 {color: #929B46 !important}
/*양지동청소년문화의집 #24c5a8*/
.SUNGNAM03 {color:  #249A7E !important}
/*청소년상담복지센터 #a28ccc*/
.SUNGNAM04 {color: #A28BC1 !important}
/*분당서현청소년수련관 #f7a507 */
.SUNGNAM05 {color: #BF7A02 !important}
/*분당정자청소년수련관 #43b0f6*/
.SUNGNAM06 {color: #438ECE !important}
/*분당판교청소년수련관*/
.SUNGNAM07 {color: #ce69c7 !important}
/*은행동청소년문화의집*/
.SUNGNAM08 {color: #eb6958 !important}
/*분당야탑청소년수련관*/
.SUNGNAM09 {color: #e42e2f !important}

/*중원청소년수련관*/
.document_category_srl3 {color: #e85697 !important; font-size:16px;margin:8px 0 3px;}
/*수정청소년수련관*/
.document_category_srl2 {color: #929B46 !important; font-size:16px;margin:8px 0 3px;}
/*양지동청소년문화의집*/
.document_category_srl8 {color: #249A7E !important; font-size:16px;margin:8px 0 3px;}
/*청소년상담복지센터*/
.document_category_srl69 {color: #A28BC1 !important; font-size:16px;margin:8px 0 3px;}
/*분당서현청소년수련관*/
.document_category_srl4 {color: #BF7A02 !important; font-size:16px;margin:8px 0 3px;}
/*분당정자청소년수련관*/
.document_category_srl5 {color: #438ECE !important; font-size:16px;margin:8px 0 3px;}
/*분당판교청소년수련관*/
.document_category_srl6 {color: #ce69c7 !important; font-size:16px;margin:8px 0 3px;}
/*은행동청소년문화의집*/
.document_category_srl9 {color: #eb6958 !important; font-size:16px;margin:8px 0 3px;}
/*분당야탑청소년수련관*/
.document_category_srl7 {color: #e42e2f !important; font-size:16px;margin:8px 0 3px;}
/*재단, 기타*/   
.document_category_srl41 {color: #9f4999 !important;; font-size:16px;margin:8px 0 3px;}
.document_category_srl81 {color: #9f4999 !important;; font-size:16px;margin:8px 0 3px;}
.document_category_srl10 {color: #9f4999 !important;; font-size:16px;margin:8px 0 3px;}
.document_category_srl11 {color: #9f4999 !important;; font-size:16px;margin:8px 0 3px;}



/* 조직도 */
	.orgGroup {width:745px;height:605px;padding: 0;position:relative; margin:40px 0; background:url(../img/about/organ_bg.png) no-repeat 0 118px; margin: 0 auto 70px;}
	.orgGroup ul {padding:0; margin:0;}
	.orgGroup ul.orgUl {padding:0;margin:0;position: absolute;width: 100%;height: 100%;}
	.orgGroup ul li {list-style:none;}
	.orgGroup ul li span {display:inline-block; text-align:center; font-weight:bold; box-sizing:border-box; position:absolute;}
	.orgGroup ul li span a {color:#fff;}

	.orgDep01 {width:118px; height:118px; border-radius:50%; background-color:#fff; border:8px solid #3476b3; line-height:102px; font-size:19px; position:absolute; top:0; left:235px;}

	/*대표이사*/
	.orgDep02_1 {width:93px; height:93px; border-radius:50%; background-color:#fff; border:6px solid #009fe8; line-height:81px; font-size:17px; top:137px; left:249px;}
	.orgDep02_1 a {color:#000 !important;}

	/*이사회, 감사실*/
	.orgDep02_2, .orgDep03_1, .orgDep03_2 {width:117px; height:39px; background-color:#0D6FCB; color:#fff; line-height:39px;}
	.orgDep02_2 {top:166px; left:40px; background-color:#0652e9;}
	.orgDep03_1 {top:226px; left:28px; width:140px;}
	.orgDep03_2 {top:226px; right:208px;}

	/*전략경영본부, 청소년사업본부*/
	.orgDep04_1, .orgDep04_2 {width:140px; height:39px; line-height:39px; background-color:#123f9d; top:294px; color:#fff;}
	.orgDep04_1 {left:28px;}
	.orgDep04_2 {right:197px;}

	/*전략경영본부 하위*/
	.orgDep05_left {position:absolute; top:384px; overflow:hidden; background:none !important;}
	.orgDep05_left > li {display:inline-block; float:left;}
	.orgDep05_left > li:nth-child(2) {margin:0 8px;}
	.orgDep05_left > li > ul {margin-top:28px; overflow: hidden; background:none;}
	.orgDep05_left > li > ul > li {float:left;}
	.orgDep05_left > li > ul > li:nth-child(2) {/* float:right; */ margin-left:4px;}
	.orgDep05_left .orgDep05 {width:60px; height:50px; border:2px solid #2f5597; line-height:20px; position: relative !important; font-size:15px; line-height:15px; padding-top:8px; background-color:#fff;}
	.orgDep05_left .orgDep05 a {color:#000;}
	.orgDep05_left .orgDep06 {width:28px; height:143px; writing-mode: vertical-lr; -webkit-writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -o-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; -epub-writing-mode: vertical-rl; font-size:13px; line-height:28px; text-align:center; background-color:#367cd1; color:#fff; float:left;}
	.orgDep05_left .orgDep06 a {color:#fff;}

	/*청소년사업본부 하위*/
	.orgDep05_right {position:absolute; top:384px; right: 0}
	.orgDep05_right li {display:inline-block; float:left; margin-left:3px;}
	.orgDep05_right li > ul {position: relative; overflow: hidden; background-color:#447dc2;}
	.orgDep05_right li > ul li {float:left;}

	.orgDep05_right .orgDep05 { color:#fff; background-color:#2f5597; position: relative !important; font-weight:normal;}
	.orgDep05_right .orgDep05_1 {width:35px; height:221px; writing-mode: vertical-lr; -webkit-writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -o-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; -epub-writing-mode: vertical-rl; line-height:35px; letter-spacing:3px; font-size:14px;}
	.orgDep05_right .orgDep05_2 {width:52px; min-height:78px; line-height:14px; padding-top:10px; font-size:12px;}

	.orgDep05_right > li > ul > .orgDep06 {width:17px; height:143px; writing-mode: vertical-lr; -webkit-writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -o-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; -epub-writing-mode: vertical-rl; line-height:17px; font-size:12px; color:#fff; margin:0; text-align:center; letter-spacing: 2px;}

	.orgDep05_right > li > ul > li:nth-child(2),.orgDep05_right > li > ul > li:nth-child(3) {border-left:1px solid #fff; box-sizing: border-box;}
.orgDep05_right > li > ul > .orgDep06 a {color:#fff;}





.mobile { display: none; }
@media all and (max-width:1380px) {
	.main3 .section .slider .swiper-button-prev, .main3 .section .slider .swiper-button-next,
	.main4 .slider .swiper-button-prev, .main4 .slider .swiper-button-next,
	.main5 .section .slider .swiper-button-prev, .main5 .section .slider .swiper-button-next {display: none; }
	.main4 .swiper-slide-active .info { width:660px; }
	
	/* 제안대회 */
	.compt2 .swiper-button-prev,
	.compt2 .swiper-button-next {  display: none; }
	.compt-nav nav a { margin-left: 20px; font-size:18px; }
	
	
	
	
}
@media all and (max-width:1200px) {
	.inner { padding-left: 20px; padding-right:20px; }
	#header h1 {left: 20px; }
	#header .btn-search { right:20px; }
	#header .keyword { display: none; }
	#gnb nav .btn-dep1 { font-size:18px; }
	.council-btns a { letter-spacing:-1px; font-size:15px; }
	.total-search .detail-over .body { display: block; }
	.total-search .detail-over .body dl:nth-child(5):before, .total-search .detail-over .body dl:nth-child(7):before, .total-search .detail-over .body dl:nth-child(8):before { display: none; }
	.total-search .detail-over .body dl:nth-child(n+6) { border-bottom:1px solid #e1e1e1;}
	.total-search .detail-over .body dl:last-child { border-bottom: 0;}
	
	.quick { display: none; }
}



/* 반응형 분기 */
@media all and (max-width:1024px) {
	
	.mobile { display: block; }
	/*.pc { display: none; }*/
	.pc { display: none; }
	.pc1 { display: block; }
	
	body {  word-break: keep-all; }
	
	.main1 .etc-box .livekey {
	    width: 250px;
	    /* background: url(../img/main/ico_main_keyword.svg) no-repeat 100% 50%; */
	    position: relative;
	}
	.main1 .etc-box .div-pc {display:none;}
	.main1 .etc-box .livekey .keyword .swiper { width: 78%; margin-left: 0; }
	.mb60 { margin-bottom: 30px !important}
	
	.modal-header h4 { font-size:18px; }
	.h5-modal { font-size:16px; margin-bottom: 6px; }
	.modal-prv { font-size:1px; }
	.modal-btns { display: flex; justify-content: space-between; margin:0 -5px; padding:20px; }
	.modal-btns button { flex: 1; margin:0 5px;min-width: inherit; font-size:14px; }
	.check1 { padding:14px 20px; text-align: left; }
	.check1 .checkbox + p span { font-size:16px; }
	
	.f14 { font-size:12px !important; }
	.f16 { font-size:14px !important; }
	.h3 { font-size:20px; }
	.h3 small { font-size:13px; }
	.h3-head .filters .sort { margin-left: 5px; }
	text2  { font-size:14px; }
	
	.ml20 { margin-left: 10px !important; }
	
	.status { font-size:12px; }
	.dropdown.mb25 { margin-bottom: 15px !important; }
	.dropdown.mb50 { margin-bottom: 25px !important; }
	
	.mobile-fixed-menu { display: block; }
	#header .inner { height: 68px; padding: 0; }
	#header .menu { display: none; }
	#header h1 a { width:240px; height: 68px; background-size:auto 28px; }
	#header .btn-search { top:50%; width:37px; height: 37px; background-size:37px; margin-top:-18px;}
	#header .btn-m { position: absolute; right:100px; width:35px; height: 37px; background: url(../img/common/ico_m.svg) no-repeat  50% 50%; display: block; text-indent: -9999px;}
	.btn-mobile-menu { position: absolute; right:100px; width:35px; height: 37px; background: url(../img/common/ico_m.svg) no-repeat  50% 50%; display: block; text-indent: -9999px;}
	#header .btn-qr { position: absolute; right:63px; width:35px; height: 37px; background: url(../img/common/ico_qrcode.svg) no-repeat  50% 50%; display: block; text-indent: -9999px;}
	#gnb { display: none; }
	.main1 { padding:26px 0 36px; }
	.main1 .inner { display: block; padding-bottom: 0; }
	
	.main1 .banner_area {height: 240px; }
	
	.main1 .box1 { display: block; margin-bottom: 0;width:auto;}
	.main1 .search-wrap,
	.main1 .sorts { width:auto; margin-bottom: 16px; }
	.main1 .box2 { margin-bottom: 0; flex-direction: column-reverse; display: flex; width:auto; }
	.main1 .top-banner .swiper-slide { height: 200px; }
	.main1 .top-banner a img { height: 200px; }
	.main1 .top-banner,
	.main1 .golink { width:100%}
	.main1 .golink { height: auto; margin-bottom: 15px; }
	.main1 .search-wrap .desc { font-size:14px; margin-bottom: 10px; }
	.main1 .search-wrap .srch-box .inp-srch { height: 58px; font-size:16px; padding-left: 20px; }
	.main1 .top-banner .controls .swiper-pagination { width:100px; }
	.main1 .sorts { margin-bottom: 15px; }
	.main1 .sorts > ul > li > a { font-size:15px; }
	.main1 .sorts .list-box { height: auto; }
	.main1 .sorts .list-box.type1 ul li a { font-size:14px; height:80px;}
	.main1 .sorts .list-box.type2 ul li { width:50%; }
	.main1 .sorts .list-box.type2 ul li a { font-size:12px; }
	.main1 .sorts .list-box.type3 ul li a { display: flex; height: 48px; justify-content: center; align-items: center; font-size:12px; line-height: 1.2;}
	.main1 .sorts .list-box.type4 ul { flex-wrap: wrap; }
	.main1 .sorts .list-box.type4 ul li { width:calc(33.3333% - 6px); margin:0 3px 6px;}
	.main1 .sorts .list-box.type5 ul li { width:20%; }
	.main1 .sorts .list-box.type6 ul li a { font-size:14px; }
	
	.main1 .golink ul li { width:50%; text-align:left; padding-left:40px}
	.main1 .golink ul li a { font-size:14px; }
	.main1 .golink ul li a:before { height: 32px; background-size:auto; left:0 }
	
	.main1 .sorts .list-box.type6 ul li a {height: 100px;}
	
	
	.main2 .inner { display: block; }
	.main2 .latest { width:100%; margin-bottom: 40px; }
	.main2 .banner-alert { width:auto;  margin-bottom: 40px; }
	.main2 .banners1 { width:auto; }
	.main2 .latest h2 a { font-size:17px; }
	.main2 .latest .list ul li a .subj { font-size:14px; }
	.main2 .banners1 a.b1 { margin-bottom: 12px; }
	
	.main2 .latest .list ul {
	    height: auto;
	    padding-top: 5px;
	}
	.main2 .latest .list ul li {
	    border-bottom: 1px solid #e1e1e1;
	    padding-bottom: 20px;
	}
	
	.main2 .latest .list ul li a .w1 {
	    width: 100%;
	    display: inline-block;
	    overflow: hidden;
	    line-height:24px;
	    text-overflow: ellipsis;
	}
	.main2 .latest .list ul li a .w2 {
	    width: 100%;
	    display: inline-block;
	    float: left;
	}	
	.main2 .latest .list ul li .subj {
	    font-size: 14px;
	    width: 100%;
	    white-space: nowrap;
	    line-height: 24px;
	}
	.main2 .latest .list ul li.notice_first .subj{position:relative; min-height: 65px }
	
	.main2 .latest .article:nth-child(2) h2 {
	    left: 68px;
	}
	.main2 .latest .article:nth-child(3) h2 {
	    left: 136px;
	}
	.main2 .latest .article:nth-child(4) h2 {
	    left: 204px;
	}	
	
	.h2-main { font-size:24px; }
	.select1 { font-size:14px; background-size:auto 16px;}
	.main3 .section .select-box { right:0; }
	.main3 .section .more { text-align: center; }
	.main3 .section.active .btn-more { position: static; display: inline-block; vertical-align: middle; font-size:14px; }
	.main3 .section .swiper-wrapper { flex-wrap: wrap; width:auto; margin:0 -7px; }
	.main3 .section .swiper-slide { width:50%; height: auto; padding:0 7px 22px; }
	.main3 .section .swiper-slide:nth-child(n+5) { display: none; }
	.main3 .section .slider .item .subj { font-size:14px; line-height: 1.5; -webkit-line-clamp: 3; }
	.main3 .section .slider .item .date { font-size:12px; }
	
	.main4 { padding:90px 0 0;}
	.main4:before { width:auto; right:0; bottom:inherit; height: 380px;}
	.main4 .h2-desc { font-size:14px; margin-bottom: 17px;}
	.main4 .slider .select-box { display: none; }
	.main4 .slider .more { text-align: center; }
	.main4 .slider .btn-more {  position: static; display: inline-block; vertical-align: middle; font-size:14px;  }
	.main4 .swiper { height: auto; }
	.main4 .swiper-slide { padding-top:0; }
	.main4 .swiper-wrapper { flex-wrap: wrap; margin:0 -7px; width:auto; }
	.main4 .swiper-slide { width:50%; height: auto; padding:0 7px 22px; }
	.main4 .swiper-slide:nth-child(n+6) { display: none; }
	.main4 .swiper-slide:first-child { width:100%; }
	.main4 .swiper-slide:first-child .item .foot { display: block; }
	.main4 .swiper-slide:first-child .item .head h3 { font-size:16px; font-weight: 600; }
	.main4 .item .foot p { font-size:12px; }
	.main4 .item .head h3 { font-size:14px;-webkit-line-clamp: 3;  }
	.main4 .item .foot .key-box { display: flex; justify-content: space-between; align-items: flex-end;  }
	.main4 .item .foot .key-box .price { position: static; font-size:16px; }
	
	.main5 .section-wrap { padding-top:60px; }
	.main5 .section .h2-main a { font-size:18px; }
	.main5 .section2 .h2-main { left: 90px; }
	.main5 .section .swiper-wrapper { flex-wrap: wrap; height: auto; }
	.main5 .section .swiper-slide { width:100%; }
	.main5 .section .swiper-slide ul { margin:0 -7px;}
	.main5 .section .swiper-slide ul li { width:50%; height: auto; padding:0 7px 22px; }
	.main5 .swiper-slide ul { }
	.main5 .swiper-slide ul li { width:auto; }
	.main5 .swiper-slide .item { display: block; padding-bottom: 0;}
	.main5 .swiper-slide .item .img { width:auto; margin:0; padding-bottom: 95%;}
	.main5 .swiper-slide .item .info .loc { font-size:12px; margin-top:7px; }
	.main5 .swiper-slide .item .info h3 { font-size:14px;  -webkit-line-clamp: 2;  }
	.main5 .swiper-slide .item .info .foot p { font-size:11px; letter-spacing: -0.5px; margin-top:5px;}
	.main5 .swiper-slide + .swiper-slide { display: none; }
	.main5 .section .select-box { right:0; }
	.main5 .section .more{ text-align: center; }
	.main5 .section.active .btn-more{  position: static; display: inline-block; vertical-align: middle; font-size:14px;  }
	
	.main6 { padding-bottom: 0; }
	.main6:before { width:auto; left: 0; top:inherit; bottom:0; height: 345px; }
	.main6 .h2-main { text-align: center; }
	.main6 .h2-desc { text-align: center; font-size:14px; margin-bottom: 30px; }
	.main6 .map-choice { display: block; }
	.main6 .map-choice .step1,
	.main6 .map-choice .step2 { display: none; }
	.main6 .map-choice .step3 { width:auto; }
	.main6 .mobile-choice { margin-bottom: 12px;}
	.main6 .mobile-choice .choice { position: relative; margin-bottom: -1px;}
	.main6 .mobile-choice .choice .btn-flip { width:100%; height: 60px; border: 1px solid #d8dbe1; padding-left: 20px; text-align: left; font-size:16px; color: #000; font-weight: 600; background: #fff; }
	.main6 .mobile-choice .choice .btn-flip:before { content: ''; position: absolute; right:0; top:0; height: 100%; width:40px; background: url(../img/common/bu_select_family.svg) no-repeat 50% 50%; transition: all 0.5s ease; }
	.main6 .mobile-choice .choice .btn-flip span { color: #0565f0; }
	.main6 .mobile-choice .choice ul { display: none; position: absolute;left: 0; right:0; top:59px; background: #fff; z-index:10; border: 1px solid #d8dbe1; padding:10px 0; max-height: 250px; overflow: auto; }
	.main6 .mobile-choice .choice ul button { font-size:14px; color: #000; line-height: 40px; padding-left: 20px; width:100%; background: none; text-align: left;  }
	.main6 .mobile-choice .choice.active .btn-flip:before { transform: rotate(180deg); }
	.main6 .mobile-choice .choice.active ul { display: block; }
	.main6 .map-choice .step3 .swiper-slide ul li + li { margin-top:10px; }
	.main6 .map-choice .step3 .item { padding:20px; }	
	.main6 .map-choice .step3 .item h3 { font-size:14px; margin:3px 0 5px; }	
	.main6 .map-choice .step3 .item .etc-box p { font-size:12px; }
	.main6 .map-choice .step3 .item .etc-box .price {font-size:16px; }
	.main6 .map-choice .slider .control { display: none; }
	.main6 .swiper-pagination { display: block; text-align: center; position: static;padding-top:10px;}
	.main6 .swiper-pagination-bullet { width:6px; height: 6px; background: #fff;  transition: all 0.5s ease;margin:0 3px; }
	.main6 .swiper-pagination-bullet-active { background: #fff; }
	
	.detail-over {  position: fixed; top:inherit; bottom:0; z-index:1000; height: 70vh; border-radius:0; }
	.detail-over .btn-close { top:12px; }
	.detail-over .body {position: absolute;left: 0;top:48px; right:0; bottom:48px; overflow: auto; }
	.detail-over .body dl dt { float:none; width:auto; margin-bottom: 7px;}
	.detail-over .body dl:first-child dd label { width:auto; flex:0 1 auto; padding-right:15px;}
	.detail-over .in { padding-bottom: 48px; }
	.detail-over .head h3 { height: 48px; line-height: 47px; font-size:16px;  }
	.detail-over .btns { position: absolute;left: 0; right:0; bottom:0; display: flex; justify-content: space-between; padding: 0; }
	.detail-over .btns button { flex: 1;  width:auto; margin:0;}
	
	.total-search { padding:25px 0 30px; margin-bottom: 35px; }
	.total-search .search-area h4 { font-size:15px; margin-right:15px;}
	.total-search .search-area .inp-box .inp { height: 45px; }
	.total-search .search-area .inp-box .btn-srch { width:60px; }
	.total-search .detail-over .in { padding-bottom: 0;}
	.total-search .detail-over .body { position: static; }
	.total-search .detail-over .btns { position: static;margin-top:15px; padding:0 20px;}
	.total-search .detail-over { height: auto; margin-left: -20px; margin-right:-20px; }
	.total-search .detail-over .body { border-left: 0; border-right:0; }
	.total-search .detail-over .body dl dd label { margin-right:10px;}
	
	.main1 .etc-box .detail-srch .bg-over { display: none; position: fixed;left: 0; top:0; right:0; bottom:0; background: rgba(0,0,0,0.6); z-index:900;}
	.main1 .etc-box .detail-srch.active .bg-over { display: block; }
	
	#footer {padding: 0px 0 50px;}
	#footer .inner  {padding: 0 30px; }
	#footer .logo { position: static;}
	#footer .logo img { height: 28px; }
	#footer .info { margin-left: 0; }
	#footer nav { margin:10px 0 10px; }
	#footer nav a { font-size:12px; margin:0 20px 4px 0;}
	#footer .etc { display: block; }
	#footer .address { margin-bottom: 15px; }
	#footer .banner { margin-top:25px;}
	#footer .family { display: block; position: relative; margin-top:20px; }
	#footer .family .site-group { width: auto; float: none;}
	#footer .family .site-group + .site-group { margin: 5px 0; }
	
	.w80 { width:100%;}
	.inp { height: 42px; font-size:14px; }
	.select { height: 42px; font-size:14px;  }
	.textarea { font-size:14px; }
	
	
	.pdlr20 { padding-left: 0; padding-right:0; }
	.h4 { font-size:18px; margin-bottom: 15px; }
	.h5 { font-size:16px; margin-bottom: 10px; }
	.h7 { font-size:14px; margin-bottom: 10px; }
	.tabs1 p a.active {line-height: 35px; font-size:15px; }
	.tabs1 p a {height:42px; line-height: 40px; font-size:14px; }
	.tabs1 p a small { font-size:13px;}
	.tabs1.col4 p { width:50%; flex:0 0 50%; margin-bottom: -1px;margin-top:0 !important;  }
	.tabs1.col5 p { width:50%; flex:0 0 50%; margin-bottom: -1px;margin-top:0 !important;  }
	.tabs2 a { line-height: 33px; font-size:16px; margin-right:12px;}
	.description1 { font-size:12px; margin-bottom: 30px; }
	.description2 { font-size:12px; margin-bottom: 7px; }
	.common-more { margin:20px 0 35px;}
	.btn-common-more { font-size:14px; }
	
	.path a { font-size:11px; }
	.sub-head .inner { height: 122px; justify-content: flex-start; }
	.sub-head h2 {font-size:24px;}
	.sub-head .shares { right:20px; bottom:12px; }
	
	.class-detail-head { display: block; margin-bottom:40px; padding-bottom: 5px; }
	.class-detail-head .img { width:auto; height: 330px; margin-right:0; margin-bottom: 15px;  }
	.class-detail-head .img .date { left: 5%; right:5%; bottom:20px; font-size:12px; line-height: 36px; }
	.class-detail-head .info h3 { font-size:24px; line-height: 1.5; padding-bottom: 12px; margin-bottom: 16px; }
	.class-detail-head .info .opt dl { font-size:14px; margin-bottom: 10px; }
	.class-detail-head .info .opt dl dt { width:40%; }
	
	.class-search { padding:20px 0;margin-bottom: 30px;}
	.class-search .section1 { display:block; }
	.class-search .section1 .article { width:auto; margin-bottom: 15px;}
	.class-search .desc1 { font-size:12px;  margin-bottom: 20px;}
	.class-search .section2 { display: block; margin:0;}
	.class-search .section2 .article { margin: 00  0 15px;}
	.month-radios label { flex: 1; }
	.radio-month + span { display: block; width:auto; }
	.class-search .btn-box { display: flex; justify-content: space-between; margin:0 -5px; }
	.class-search .btn-box button { flex: 1; width:auto; margin:0 5px; min-width:inherit;}
	
	.program-list-thum ul { margin:0 -5px; }
	.program-list-thum ul li { width:50%; padding:0 5px 25px;}
	.program-list-thum ul li .img .status { left: 10px; top:10px;}
	.program-list-thum ul li .info .loc { font-size:12px; }
	.program-list-thum ul li .info h3 { font-size:14px;  margin-bottom: 10px;}
	.program-list-thum ul li .info .foot p { font-size:11px; letter-spacing: -0.5px;}
	.program-list-thum ul li .info .foot p i { margin:-2px 2px 0 0;}
	
	.program-list ul li a { padding:14px 0; }
	.program-list ul li a .status-box { position: static;margin: 0 0 9px;}
	.program-list ul li a .info { display: block; }
	.program-list ul li a .info .foot { display: block; }
	.program-list ul li a .info .foot p:before { display: none;}
	.program-list ul li a .info .foot p { margin-left: 0; padding-left: 0; margin-top:8px; }
	.program-list ul li a .info .foot .view { font-size:12px; }
	
	.rent-schedule-wrap { display: block; border: 0; }
	.rent-schedule-wrap .table-wrap { width:auto; border: 1px solid #e1e1e1; margin-bottom: 70px;}
	.rent-schedule-wrap .table-wrap .table-calendar table button { height: 49px; font-size:14px; }
	.rent-schedule-wrap .table-wrap .table-calendar table thead th { font-size:14px; }
	.time-wrap { height: 460px;border: 1px solid #e1e1e1;}
	.time-wrap ul li { height: auto; }
	.time-wrap ul li .info {margin-top:0;}
	.time-wrap ul li .info dl { margin-top:6px;}
	.time-wrap ul li .info .divide:before { display: none; }
	.btn-box-schedule { text-align: center; }
	
	.build-info-wrap { display: block; }
	.build-info-wrap .img { width:auto; height: auto; min-height: 300px;margin-right:0; margin-bottom: 20px;  }
	
	.pay-list1 ul li { padding:14px 0 14px 32px; }
	.pay-list1 ul li .item { display: block; }
	.pay-list1 ul li .item .head { margin-bottom: 6px;}
	.pay-list1 ul li .item .head label { margin-left: -32px; }
	.pay-list1 ul li .item .info .divide { padding-left: 0; margin-left: 0; }
	.pay-list1 ul li .item .info .divide + .divide { margin-top:7px; }
	.pay-list1 ul li .item .info .divide:before { display: none; }
	.btn-common-box { margin-bottom: 32px; }
	.btn-common-box .center button,
	.btn-common-box .center a { width:100%; }
	.btn-common-box .center button + button {margin-left: 0; margin-top:5px; }
	.btn-common-box .center.type2 { display: flex; justify-content: space-between; margin:0 -5px; }
	.btn-common-box .center.type2 button { flex: 1; margin:0 5px;min-width: inherit;}
	.btn-common-box .right { position: static;; margin-top:14px; text-align: right;  }
	
	.lecture-list ul li  { padding-left: 0; padding-right:0;}
	.lecture-list ul li .item { display: block; }
	.lecture-list ul li .item.check-type { padding-left: 30px; }
	.lecture-list ul li .item.check-type .checkbox + p em { left: 0; top:12px;}
	.lecture-list ul li .item .info { display: block; }
	.lecture-list ul li .item .info .divide + .divide { margin-top:7px; }
	.lecture-list ul li .item .info .divide:before { display: none; }
	.lecture-list ul li .item .right { text-align: right; }
	.lecture-list ul li .item .right .btn2,
	.lecture-list ul li .item .right .btn1 { margin-top:16px;}
	.lecture-list ul li .item .right > .info { margin-top:7px;}
	.lecture-list ul li .item .bottom .price { font-size:18px; }
	
	
	.result-msg { margin-bottom: 30px;}
	.result-msg .t1 { padding-top:60px; background-size:50px auto; margin-bottom: 12px; font-size:24px; }
	.result-msg .t2 { font-size:14px; }
	
	.search-type1 { margin:0 -20px 35px; padding-top:14px; padding-bottom: 14px; border-right:0; border-left: 0; display: block; }
	.search-type1 h4 { font-size:14px; margin:0 0 4px; }
	.search-type1 .btn-srch { display: none; }
	.search-type1 .select { width:100%;}
	
	.form-box { margin-bottom: 25px; font-size:14px; }
	.form-box .section { flex-direction: column; justify-content: center; align-items: flex-start;  padding:10px 0; min-height: 62px; }
	.form-box .section .article { width:100%; }
	.form-box .section .article + .article { padding-top:10px; margin-top:10px; border-top:1px solid #e1e1e1;}
	.form-box dl dt { flex:0 0 100px;}
	.form-box.type145 dl dt { width:100px; flex:0 0 100px;}
	.form-box .radio-desc { margin-left: 0; margin-top:7px;font-size:13px; }
	.form-box .sns-login { display: block; }
	.form-box .sns-login p + p { margin-top:8px; }
	
	.date-box .inp { font-size:13px; padding-left: 8px; background-position: right 5px center;background-size:20px auto; }
	.date-box2 button { width:100%; margin-top:5px; }
	
	.file-upload ul li { font-size:12px; margin-right:3px;}
	.file-upload .desc { font-size:13px; }
	.file-upload-wrap { flex-wrap: wrap; }
	.file-upload-wrap .inp-box .tit { margin-bottom: 5px; }
	.file-upload-wrap .inp-box { display: block; }
	.file-upload-wrap .inp-box .inp { width:100%; margin-bottom: 5px;  }
	.file-upload-wrap .file-upload { display: block; }
	.file-upload .tit2 { margin:8px 0 3px; }
	
	.select, .hp-box { width:100%; }
	.hp-box .select, .hp-box .inp { width:100%; }
	.id-box { width:auto; }
	
	.lecture-list-price { text-align: left; }
	.lecture-list-price > div { display: block; }
	.lecture-list-price dl { width:auto; }
	
	.rent-head { flex-direction: column; }
	.rent-head .guide { margin-top:10px;}
	.fullcalendar-scroll { overflow: auto; }
	.fullcalendar-scroll .fullcalendar { width:900px; }
	
	.table1.responsive table { display: block; }
	.table1.responsive table colgroup { display: none; }
	.table1.responsive table tbody {display: flex; flex-wrap: wrap;}
	.table1.responsive table tbody tr {display: flex; flex-wrap: wrap; width:100%;}
	.table1.responsive table tbody tr th { width:38%; padding:10px; }
	.table1.responsive table tbody tr td { width:62%; padding:10px; }
	
	.table3 table { font-size:13px; }
	.table3 table thead th {padding:5px 3px; }
	.table3 table tbody th,
	.table3 table tbody td{padding:5px 3px; }
	
	.table4 { font-size:12px; }
	.table4 thead th {padding:5px 3px; }
	.table4 tbody th,
	.table4 tbody td{padding:5px 3px; word-break: break-all; }
	.table4 tbody td ul li { padding-left: 8px;}
	.table4 tbody td ul li:before { top:7px; left: 2px; width:3px; height: 3px;}
	
	.description3 { font-size:13px; margin-bottom: 25px;}
	.description4 { padding:12px; margin-bottom: 20px; }
	.description4 h4 { font-size:16px; }
	.description4 p { font-size:13px; }
	
	/* 홀수라 반응형 처리 불가.
	.fullcalendar .table-calendar table { display: block; }
	.fullcalendar .table-calendar table colgroup { display: none; }
	.fullcalendar .table-calendar table thead { display: none; }
	.fullcalendar .table-calendar table tbody { display: flex; flex-wrap: wrap;} 
	.fullcalendar .table-calendar table tr{ display: flex; flex-wrap: wrap; }
	.fullcalendar .table-calendar table td { width:50%; }
	*/
	
	.checkbox + p span { font-size:14px; }
	.radio + p span { font-size:14px; }
	/*********************************************************************************************************************************************************************
	회원
	*********************************************************************************************************************************************************************/
	.agree-text2 p { font-size:14px; }
	.form-box .w180,
	.form-box .w300 { width:100%; }
	.member-out .btn-type1 { width:100%; }
	.member-out strong { font-size:16px; }
	.member-desc1 { font-size:14px; margin-bottom: 30px;word-break: keep-all;}
	.login { display: block; }
	.login .user { width:auto; padding:0 20px 25px;  }
	.login h4 { padding:25px 0; font-size:18px; }
	.login .user .nav a { font-size:14px; }
	.login .nouser { width:auto; border-top:1px solid #e1e1e1; padding:0 20px 25px;}
	.hp-auth-box .tit { font-size:16px; }
	.hp-auth-box .txt { font-size:12px; margin-bottom: 20px; }
	.hp-auth-box .btn-hp { font-size:14px; }
	.join-desc1 { font-size:12px; margin-bottom: 25px; padding-bottom: 25px; }
	.join-desc1 br { display: none; }
	
	.join-step ul li {  }
	.join-step ul li + li { padding-left: 15px; }
	.join-step ul li + li:before { top:25px; width:34px;}
	.join-step ul li p:before { width:50px; height: 50px; background-size:20px auto; }
	.join-step ul li p strong { font-size:10px; }
	.join-txt1 { font-size:14px; margin-bottom: 20px; }
	.join-type { display: block; }
	.join-type .box { width:auto; padding: 24px 15%; }
	.join-type .box + .box{ border-left: 0; border-top:1px solid #e1e1e1;}
	.join-type .box h5:before { margin-bottom: 15px; }
	.join-type .box h5 { font-size:16px; }
	.join-type .box .btn-type1 { font-size:14px; }
	.join-step.type2 ul li strong { height: 32px; line-height: 16px;}
	.join-step.type2 + .hr1 { margin-top:20px; }
	.join-agreeall { padding:20px; }
	.join-agreeall .checkbox + p { text-align: left; }
	.join-agreeall .checkbox + p span { font-size:16px; }
	.h4-desc { font-size:12px; }
	.form-desc { font-size:12px; }
	.birth-wrap { display: block; }
	.birth-wrap .labels { margin:8px 0 0;}
	.birth-box { width:auto; display: flex; flex-wrap: wrap; margin: 0;  }
	.birth-box .select { width:calc(50% - 5px); flex: 0 1 auto; margin: 0; }
	.birth-box .select:last-child { margin-top:10px;}
	.pw-box { display: block; }
	.pw-box .val { margin:8px 0; font-size:12px; }
	.addr-box .addr2 .inp { width:100%; }
	.addr-box .addr2 .inp + .inp { margin-left: 0; margin-top:7px;}
	.email-box { flex-wrap: wrap; }
	.email-box .inp { width:45%; }
	.email-box .select { width:45%;}
	.email-box span { width:10%; }
	.email-box .inp-right { margin-left: 0; flex: 1;padding-top:7px; }
	.email-box .inp-right .inp { width:100%; }
	.labels-box .mr40 { margin-right:15px !important; margin-bottom: 10px;}
	.labels-box .mr40:last-child { margin-bottom: 0; }
	.w310 { width:100%; }
	
	.join-end {margin:70px 0 50px; }
	.join-end div { font-size:20px; }
	.join-end .btn-type1 { width:100%;}
	.hp-auth-wrap { margin:30px auto; }
	.find-id { margin:60px auto; }
	.find-id .btns a { min-width: inherit !important;  width:49%; }
	
	.text1 { font-size:13px; }
	.table2 table thead th,
	.table2 table tbody th,
	.table2 table tbody td { padding:7px 3px; font-size:12px; }
	
	.gate-box { padding:0 25px; }
	.gate { padding:30px 20px;}
	.gate h1 img { height: 28px; }
	.gate .txt { font-size:16px; margin:40px 0; }
	.gate .btn-box { background-size: 270px auto; padding-top:140px; margin-bottom: 25px; }
	.gate .btn-box a { width:90%;}
	
	/*********************************************************************************************************************************************************************
		운영시설안내
	*********************************************************************************************************************************************************************/
	.board-head { display: block; margin-bottom: 20px; }
	.board-head .total { margin-bottom: 10px; }
	.table-board { border-top:1px solid #e1e1e1; }
	.table-board table thead { display: none; }
	.table-board table,
	.table-board table tbody,
	.table-board table tr,
	.table-board table tr td{ display: block;  text-align: left; border: 0; padding: 2px 0; }
	.table-board table tr { padding:15px 0; border-bottom: 1px solid #e1e1e1; }
	.table-board .subj { font-size:16px; }
	.table-board table tbody td .td-tit { display: inline;}
	.board-head .search-box { display: block; }
	.board-head .search-box > .select2 { width:100%; }
	.board-head .search-box .box { margin-left: 0; margin-top:5px; }
	.board-head .search-box .box .select2 { width:35%;margin-right:6px; }
	.board-head .search-box .box .inp-box { flex: 1;  }
	.board-head .search-box .box .inp-box .inp-srch { width:100%; margin-left: 0;}
	.board-head .search-box .box2 { display: flex; justify-content: space-between; margin:0 -3px;}
	.board-head .search-box .box2 .select2 { flex: 1; margin:0 3px;}
	
	.board-view .head h4 { font-size:16px; }
	.board-view .head .info dl  {font-size:12px; }
	.board-view .files ul li { display: block; }
	.board-view .files ul li .btns { margin-top:10px; }
	.board-view .files ul li .btns a { margin-left: 0; margin-right:5px; font-size:13px; }
	
	.board-bottom { flex-wrap: wrap; }
	/*
	.board-bottom .left { width:40%; }
	.board-bottom .center { width:59%; }
	*/
	.board-bottom .left { width:0%; }
	.board-bottom .center { width:100%; }
	.board-bottom .right { width:100%; text-align: center; margin-top:25px;}
	.board-bottom .left .select2 { width:100%; }
	.board-bottom .center .btn-common-more { width:100%; }
	.board-bottom.type2 .center { width:auto; }
	.board-bottom.type2 .left { position: static;}
	.board-bottom.type2 .right { position: static;}
	
	.scrap-list ul { margin:0 -5px 20px; }
	.scrap-list ul:before { left: 5px; right:5px; }
	.scrap-list ul li { width:50%; padding:0 5px 20px; }
	.scrap-list ul li h4 { font-size:14px; }
	.scrap-list ul li h5 { font-size:15px; }
	.scrap-list ul li .date { font-size:11px; letter-spacing: -0.5px;}
	.scrap-list ul li .date  .ico-cal { vertical-align: middle; margin:-3px 4px 0 0}
	.scrap-list ul li .btns a { height: 35px; line-height: 32px; font-size:12px; }
	
	.faci-introduce { padding:30px 0 200px; background-size:100% auto; }
	.faci-introduce h4 { font-size:24px; }
	.faci-introduce .t2 { font-size:14px; }
	.rental-description { background-size:60px auto; padding-top:70px;  margin:30px 0;}
	.rental-description div { font-size:16px; word-break: keep-all; }
	.rental-description p { font-size:14px; }
	.rental-description2 { font-size:18px; margin-bottom: 25px;}
	
	.flex { flex-wrap: wrap; }
	.flex .right { margin-top:10px; }
	.txt-list1 p { padding-left: 18px; font-size:13px;}
	.download-btns { flex-wrap: wrap; }
	.download-btns .btn-download { margin-bottom: 5px; }
	.rent-step ul li { padding-right:30px; margin-bottom: 10px;  } 
	.rent-step ul li:before { width:30px; background-size:20px auto; }
	.rent-step ul li .item { width:120px; height: 90px; font-size:13px; }
	.faci-vision h4 { font-size:20px; margin-bottom: 15px; }
	.faci-vision h4:after { height: 14px; margin-top:7px; }
	.faci-vision .img { margin-bottom: 45px;}
	.faci-history h4 { font-size:25px; }
	.faci-history.type2 h4 { font-size:23px; }
	.faci-history h4:before { top:3px; }
	.faci-history h5 { font-size:15px; }
	.faci-history p { font-size:13px; }
	.faci-builds ul { margin:0 -5px; }
	.faci-builds ul li { width:50%; padding:0 5px 15px; }
	.faci-builds ul li .item .txt { font-size:13px; }
	.parkings ul { margin:0 -5px; }
	.parkings ul li { width:50%; padding:0 5px 15px; }
	.parkings ul li .item p { font-size:13px; }
	.map { height: 250px; margin-bottom: 30px; }
	.agree-text { padding:12px 15px; font-size:14px; max-height: 200px;}
	
	#container { margin-bottom: 60px;}
	/*********************************************************************************************************************************************************************
		제안대회
	*********************************************************************************************************************************************************************/	
	.compt-nav .inner { display: block; height: auto;}
	.compt-nav nav { display: flex; flex-wrap: wrap; padding:10px 0;}
	.compt-nav nav a  {font-size:16px;  width:33.33333%; margin: 0; line-height:45px; }
	.compt-main .time-box { padding:30px 0 20px;}
	.compt-main .time-box .inner { display: block; }
	.compt-main .time-box .date { display: block; }
	.compt-main .time-box .date .time { background-size:24px auto; padding-left: 30px;}
	.compt-main .time-box .date .time .day { font-size:14px; }
	.compt-main .time-box .date .time .date { font-size:20px; margin-bottom: 10px; }
	.compt-main .time-box .date .count { padding: 0; height: 46px; line-height: 44px; font-size:16px; text-align: center; width:80%; margin-left: 30px;}
	.compt-main .time-box .btns {margin-top:30px;}
	.compt-main .time-box .btns a { display: flex; align-items: center; height:56px; line-height: 54px; font-size:16px; padding-top:0; width:100%;  margin-bottom: 18px; margin-left:0;}
	.compt-main .time-box .btns a img { width:32px; margin:0 11px 0 18px;}
	.compt-main .time-box .btns a p { padding: 0; }
	.compt1 { display: block; }
	.h4-cpt { font-size:18px;  margin-bottom: 10px;}
	.compt1 .latest-box .more{ font-size:14px; padding-right:20px; background-size:16px auto; }
	.compt1 .latest-box ul li { padding: 12px 0; position: relative; }
	.compt1 .latest-box ul li span { position: static; display: block; padding-top:1px; }
	.compt1 .youtube { width:auto; padding-bottom: 65%; margin:40px 0 0 ;}
	.compt2 { padding-bottom: 30px}
	.compt2 .slider  { margin:0 -20px; }
	.compt2 .slider .swiper { padding:0 20px;}
	.compt2 .slider .swiper-slide { width:270px !important; }
	.compt-foot .addr { display: block; }
	.compt-foot .addr .right { margin-top:10px;}
	.compt-foot .addr .right span { display: block; }
	.compt-foot .addr .right .pc { display: none; }
	.compt-foot .familes .article dl dt { font-size:13px; margin-right:20px;}
	.compt-foot .familes .article dl dd img{ height: 28px; }
	.compt-agree-box .agree-text { height: 200px; font-size:14px;}
	.join-step.type-compt { margin:20px 0 ;}
	.join-step.type-compt ul li + li:before { top:30px;}
	.join-step.type-compt ul li p:before { width:60px; height: 60px; background-size:30px auto;}
	.join-step.type-compt ul li p  strong { font-size:12px; }
	.compt-end { padding:20px; }
	.compt-end h4 { font-size:20px; margin-bottom: 25px; }
	.compt-end p { font-size:13px; }

	.compt-end2 { padding:20px; }
	.compt-end2 h4 { font-size:20px; margin-bottom: 25px; }
	.compt-end2 p { font-size:13px; }

	.compt-writed { margin-top:30px;}
	.compt-writed .box { padding:15px 20px; }
	.compt-writed .form-box dl dd .btn3 { margin-left: 0; margin-top:5px;}
	.compt-receipt { margin:30px 0;}
	.compt-receipt h4 { font-size:16px; margin-bottom: 20px;}
	.compt-introduce .step ul { display: block; }
	.compt-introduce .step ul li { padding-right:0; text-align: left; height: 116px;}
	.compt-introduce .step ul li dl { padding-left: 100px; position: relative; padding-top:16px; }
	.compt-introduce .step ul li dl:before { margin: 0; position: absolute; left: 0; top:0; width:80px; height: 80px;  background-size:36px auto; }
	.compt-introduce .step ul li:before { right: inherit; left: 10px; bottom:0; top:inherit; transform: rotate(90deg); background-size:25px auto;}
	.compt-introduce .step ul li dl dd br { display: none; }
	.compt-introduce.full .step ul li dl { padding-top:5px; }
	.compt-agree-box .form-box dl dd .btn3 { margin-left: 0; margin-top:5px; }
	.compt-agree-box .form-box dl dd .num { width:100%; }
	.cpt-list ul li { margin-bottom: 30px;width:100%;} 
	.vote-wrap .slider .swiper-button-prev, .vote-wrap .slider .swiper-button-next { width:40px; height: 40px; background-size:40px auto;}
	.vote-wrap .title h4 { font-size:20px; }
	.vote-wrap .title .btn-type1 { position: static; width:100%; margin-top:10px; }
	.vote-cong .youtube-box { display: block; }
	.vote-cong .youtube-box .mv{ width:100%; margin-bottom: 15px; padding-bottom: 60%;}
	.cpt-list2 ul { display: block; margin: 0; }
	.cpt-list2 ul li { width:100%; padding: 0; margin-bottom: 30px;}
	
	/*********************************************************************************************************************************************************************
		청소년의회
	*********************************************************************************************************************************************************************/	
	.council-main .slider .swiper-slide { height:auto;  }
	.council-main .slider .swiper-slide .item {padding:30px 20px 40px; }
	.council-main .slider .swiper-slide .item .img { position:  static; transform: translateY(0); padding-right:20px;  }
	.council-main .slider .swiper-slide .item .txt1 { padding:35px 0 5px; font-size:14px; }
	.council-main .slider .swiper-slide .item .txt2 { font-size:25px; }
	.council-main .slider .control { display: none; }
	.council-main .slider .swiper-pagination  { display: block; }
	.council-nav .inner  { height: auto; display: block; }
	.council-nav h2 { display: none; }
	.council-nav nav { display: flex; flex-wrap: wrap; padding:10px 0; justify-content: center; }
	.council-nav nav a  {font-size:16px;  width:33.33333%; margin: 0; line-height:45px; }
	.council-nav .btn-back { margin-top:15px;}
	
	.council-nav nav .swiper-button-prev,
	.council-nav nav .swiper-button-next { display: none; }
	.sub-head + .council-nav nav { display: block;  padding: 0; margin-left: 0; }
	.sub-head + .council-nav nav .swiper-wrapper { flex-wrap: wrap; justify-content: center; }
	.sub-head + .council-nav nav .swiper-wrapper .swiper-slide { width:33.33333% !important; }
	.sub-head + .council-nav nav .swiper-wrapper .swiper-slide a { width:auto; }
	
	.council-btns a { width:100%; margin-bottom: 10px; }
	.council1 { display: block; }
	.council1 .latest-box { width:auto; margin-bottom: 40px; }
	.council1 .gallery-box { width:auto; }
	.council1 .gallery-box .slider2 .swiper { padding:0 20px; margin:0 -20px;}
	.council1 .gallery-box .slider2 .swiper-slide { width:180px !important;  }
	.compt-agree-box.type2 { padding:20px; }
	.council-descbox { padding: 15px; }
	.vote-list ul li .item { display: block; }
	.vote-list ul li .item .choice { height: 55px; border:0; border-top:1px solid #d8dbe1; }
	.vote-list ul li .item .info-box .photo { margin-bottom: 15px;}
	.vote-list ul li .item .info-box .txt { clear: both; }
	.voted { margin-top:40px; }
	.voted h4  {font-size:25px; }
	.voted p { font-size:14px; }
	.legislative .banner { margin:-2px -20px 40px; }
	
	/*********************************************************************************************************************************************************************
		재단소개
	*********************************************************************************************************************************************************************/	
	.about { display: block; }
	.about h4 { font-size:30px; padding-bottom: 240px;background-position: 0 100%; }
	.about .txt-box { padding-top:20px; }
	.brief { display: block; }
	.brief .box { width:auto; }
	.about-intro .intro { padding-top:100px; background-size:70px auto; }
	.about-intro .intro h4 { font-size:30px; }
	.about-intro .intro .t1 { font-size:15px; margin-bottom: 30px; }
	.about-intro .intro .t2 { font-size:15px; }
	.about-intro .intro .hst { font-size:13px; margin-bottom: 25px; }
	.about-intro .intro h5 { font-size:16px; }
	.about-intro .intro .t3 { font-size:14px; }
	.about-intro .intro-box { padding:15px; font-size:14px; margin-bottom: 25px; }
	.about-intro .table2 tbody td { padding:3px 5px; }
	.faci-vision.type2 { padding-top:30px; }
	
	.h3-head { position: relative; flex-wrap: wrap; }
	.h3-head .filters { width:100%; }
	.h3-head .filters .sort { position: absolute; right:0; top:0; }
	.h3-head .filters .select1 { padding-left: 0; }
	
	.member-list .section { display: block; }
	.member-list .section .article { width:auto; border-right:0; border-bottom: 1px solid #e1e1e1;  }
	.member-list .section .article + .article { border-bottom: 0; }
	
	.quiz2 h4 { font-size:18px; }
	.quiz2 h4 p img { max-width:70%; }
	.quiz2 h4 p img.mobile { display: inline; }
	.quiz2 .box .label { left: 10px; width:60px; height: 60px; line-height: 54px; font-size:15px; }
	.quiz2 .box .txt { font-size:16px; margin-bottom: 25px; }
	
	.slider-common1 .slider .swiper-slide { width:100% !important; } 
	.slider-common1 .slider .swiper-slide img { border-radius:10px; }
	.slider-common1 .slider .swiper-pagination { display: block; bottom:5px;  }
	.slider-common1 .slider .swiper-button-prev, .slider-common1 .slider .swiper-button-next { display: none; }
	
	.stra { padding:50px 30px 30px; }
	.stra h4 { font-size:16px; height: 40px; line-height:39px; width:150px; margin-left: -75px; top:-20px; }
	
	.faq ul li .q { padding:8px 30px 8px 10px; font-size:13px; }
	.faq ul li .q:before { top:6px; right:7px; }
	.faq ul li .a { font-size:13px; }
	.comment-wrap h5 { font-size:16px; margin-bottom: 10px; }
	.comment-wrap ul li .item .txt { font-size:13px; }
	.quiz1 .btn-go { width:240px; height: 55px; line-height: 54px; font-size:18px; }
	.quiz1 .desc p { font-size:14px; }
	
	.parti-advice { padding-top:0;}
	.parti-advice .box { display: block; padding:30px 25px; }
	.parti-advice .box.box1 p { margin:10px 0 0; font-size:23px; text-align: center; }
/*	.parti-advice .box.box2 div { font-size:23px; margin-bottom: 15px;}*/
	.parti-advice .box.box2 div { font-size:17px; margin-bottom: 15px;}
	.parti-advice .btns { justify-content: space-between; }
	.parti-advice .btns a { width:48%; margin: 0; height: 73px; line-height: 72px;  }
	
	
	/*조직도*/
	.orgGroup {width:480px; height:1270px; margin:0 auto; background:url(../img/about/organ_bg_m.png) no-repeat center 57px;}
	.orgGroup > ul {text-align: center;}
	.orgGroup ul li span {position:relative;}
	.orgGroup ul li ul {background:none;}
	.orgGroup ul li br { display:none !important; }

	/*이사장*/
	.orgDep01{position:relative; top:0; left:auto;}

	/*대표이사*/
	.orgDep02_1 {left:auto; top:22px;}

	/*이사회, 감사실*/
	.orgDep02_2, .orgDep03_2 {width:93px;/* height:39px; background-color:#0D6FCB; color:#fff; line-height:39px;*/}
	.orgDep02_2 { position: absolute !important; top: 166px; left: 0;}
	.orgDep03_1 { position: absolute !important; top: 233px; left: 0; width:140px;}
	.orgDep03_2 { position: absolute !important; top: 233px; right: 0;}
	
	/*전략경영본부, 청소년사업본부*/
	.orgDep04_1, .orgDep04_2 {width:140px; height:39px; line-height:39px; background-color:#123f9d; top:294px; color:#fff;}
	.orgDep04_1 {position: absolute !important; left: 0; top: 306px;}
	.orgDep04_2 {position: absolute !important; right: 0; top: 306px;}

	/*전략경영본부 하위*/

	.orgDep05_left {top:360px; }
	.orgDep05_left > li {display:block; width:140px; float: none;}
	.orgDep05_left > li:nth-child(2) {margin:8px 0;}
	.orgDep05_left > li > ul {margin-top:0; overflow: hidden;}
	.orgDep05_left .orgDep05 {width: 140px; height: 35px; float: none; padding: 0; line-height: 35px; border-bottom: 1px solid #fff;}
	.orgDep05_left .orgDep06 {width:140px; height:30px; writing-mode: inherit; -webkit-writing-mode:inherit; -moz-writing-mode: inherit; -o-writing-mode:inherit; -ms-writing-mode: inherit; -epub-writing-mode: inherit; font-size:13px; line-height:30px; text-align:center; background-color:#367cd1; color:#fff; float:left; border-bottom:1px solid #fff;}
	.orgDep05_left > li > ul > li:nth-child(2){margin-left:0;}

	/*청소년사업본부 하위*/
	.orgDep05_right {top:360px;}
	.orgDep05_right li {display:block; float:none; margin-left:3px; width:140px; margin-top:8px;}
	.orgDep05_right li:first-child {margin-top:0;}
	.orgDep05_right li > ul {position: relative; overflow: hidden; background-color:#447dc2 !important;}
	.orgDep05_right li > ul li {float:none;}

	.orgDep05_right .orgDep05 { color:#fff; background-color:#2f5597; position: relative !important; font-weight:normal;}
	.orgDep05_right .orgDep05_1 {width:140px; height:35px; writing-mode: inherit; -webkit-writing-mode:inherit; -moz-writing-mode: inherit; -o-writing-mode:inherit; -ms-writing-mode: inherit; -epub-writing-mode: inherit; line-height:35px; letter-spacing:0; font-size:13px;}
	.orgDep05_right .orgDep05_2 {width:140px; min-height:35px; line-height:14px; line-height: 35px; font-size:12px; padding:0;}

	.orgDep05_right > li > ul > .orgDep06 {width:140px; height:17px; writing-mode: inherit; -webkit-writing-mode:inherit; -moz-writing-mode: inherit; -o-writing-mode:inherit; -ms-writing-mode: inherit; -epub-writing-mode: inherit; line-height:17px; font-size:11px; color:#fff; margin:0; text-align:center; letter-spacing: 0; border-bottom:1px solid #fff;}

	.orgDep05_right > li > ul > li:nth-child(2),.orgDep05_right > li > ul > li:nth-child(3) {border:none; border-bottom:1px solid #fff;}
	
	
	.sub_group{padding-left:5%;}
	.sub_group .sub_g_title{margin-left:0;}
	.sub_group .sub_group_form ul li select{width:51%;}
	.sub_group .sub_group_form ul li input[type="text"]{width:50%;}
	.sub_group .sub_group_form ul li{margin-top:5px;}
	
	
	/*조직도*/
	.orgGroup {width:320px; margin:0 auto;}
	.orgGroup > ul {background:url(../img/about/organ_bg_m.png) no-repeat center 57px; text-align: center;}
	.orgGroup ul li span {position:relative;}
	.orgGroup ul li ul {background:none;}

	/*이사장*/
	.orgDep01{position:relative; top:0; left:auto;}

	/*대표이사*/
	.orgDep02_1 {left:auto; top:22px;}

	/*이사회, 감사실*/
	.orgDep02_2, .orgDep03_2 {width:93px;/* height:39px; background-color:#0652e9; color:#fff; line-height:39px;*/}
	.orgDep02_2 { position: absolute !important; top: 166px; left: 0;}
	.orgDep03_1 { position: absolute !important; top: 233px; left: 0; width:140px;}
	.orgDep03_2 { position: absolute !important; top: 233px; right: 0;}

	/*전략경영본부, 청소년사업본부*/
	.orgDep04_1, .orgDep04_2 {width:140px; height:39px; line-height:39px; background-color:#123f9d; top:294px; color:#fff;}
	.orgDep04_1 {position: absolute !important; left: 0; top: 306px;}
	.orgDep04_2 {position: absolute !important; right: 0; top: 306px;}

	/*전략경영본부 하위*/

	.orgDep05_left {top:360px; }
	.orgDep05_left > li {display:block; width:140px; float: none;}
	.orgDep05_left > li:nth-child(2) {margin:8px 0;}
	.orgDep05_left > li > ul {margin-top:0; overflow: hidden;}
	.orgDep05_left .orgDep05 {width: 140px; height: 35px; float: none; padding: 0; line-height: 35px; border-bottom: 1px solid #fff;}
	.orgDep05_left .orgDep06 {width:140px; height:30px; writing-mode: inherit; -webkit-writing-mode:inherit; -moz-writing-mode: inherit; -o-writing-mode:inherit; -ms-writing-mode: inherit; -epub-writing-mode: inherit; font-size:13px; line-height:30px; text-align:center; background-color:#367cd1; color:#fff; float:left; border-bottom:1px solid #fff;}
	.orgDep05_left .orgDep06 a {color:#fff;}


	/*청소년사업본부 하위*/
	.orgDep05_right {top:360px;}
	.orgDep05_right li {display:block; float:none; margin-left:3px; width:140px; margin-top:8px;}
	.orgDep05_right li:first-child {margin-top:0;}
	.orgDep05_right li > ul {position: relative; overflow: hidden; background-color:#447dc2 !important;}
	.orgDep05_right li > ul li {float:none;}

	.orgDep05_right .orgDep05 { color:#fff; background-color:#2f5597; position: relative !important; font-weight:normal;}
	.orgDep05_right .orgDep05_1 {width:140px; height:35px; writing-mode: inherit; -webkit-writing-mode:inherit; -moz-writing-mode: inherit; -o-writing-mode:inherit; -ms-writing-mode: inherit; -epub-writing-mode: inherit; line-height:35px; letter-spacing:0; font-size:13px;}
	.orgDep05_right .orgDep05_2 {width:140px; min-height:35px; line-height:14px; line-height: 35px; font-size:12px; padding:0;}

	.orgDep05_right > li > ul > .orgDep06 {width:140px; height:17px; writing-mode: inherit; -webkit-writing-mode:inherit; -moz-writing-mode: inherit; -o-writing-mode:inherit; -ms-writing-mode: inherit; -epub-writing-mode: inherit; line-height:17px; font-size:11px; color:#fff; margin:0; text-align:center; letter-spacing: 0; border-bottom:1px solid #fff;}

	.orgDep05_right > li > ul > li:nth-child(2),.orgDep05_right > li > ul > li:nth-child(3) {border:none; border-bottom:1px solid #fff;}
	
	.orgDep05_right > li > ul > .orgDep06 a {color:#fff;}
	
	
	
	
	
}
@media all and (max-width:768px){
	
	#header h1 {left:5px}
	#header h1 a {width:160px;     background-size: auto 20px;}
	#header  img{height:20px}
	#header .btn-m {right:80px}
	#header .btn-qr {right:53px}
	
	.main4 .swiper { height: auto; }
	.main4 .swiper-slide { padding-top:0; }
	.main4 .swiper-wrapper { flex-wrap: wrap; margin:0 -7px; width:auto; }
	.main4 .swiper-slide { width:50%; height: auto; padding:0 7px 22px; }
	.main4 .swiper-slide:nth-child(n+6) { display: none; }
	.main4 .swiper-slide:first-child { width:100%; }
	.main4 .swiper-slide:first-child .item .foot { display: block; }
	.main4 .swiper-slide:first-child .item .head h3 { font-size:16px; font-weight: 600; }
	.main4 .item .foot p { font-size:12px; }
	.main4 .item .head h3 { font-size:14px;-webkit-line-clamp: 3;  }
	.main4 .item .foot .key-box { display: flex; justify-content: space-between; align-items: flex-end;  }
	.main4 .item .foot .key-box .price { position: static; font-size:16px; }
	
	
	.main1 .top-banner .controls .swiper-button-prev { left:10%;  }
  .main1 .top-banner .controls .swiper-button-next {right:calc(10% + 50px);}
	
}