@charset "utf-8";



/* --------------------------------------------
 * etc
/* ------------------------------------------ */
address,em	{font-style:normal;}
strong {font-weight:normal;}
hr				{display:none;}
img			{border:0;vertical-align:middle;}


/* --------------------------------------------
 * table
/* ------------------------------------------ */
table {width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;}
tbody, tfoot, thead, tr, th, td {word-break:break-all;}
caption {visibility:hidden;width:0;height:0;font-size:0;line-height:0;position:static;left:0;top:-999999px;}


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


/* --------------------------------------------
 * form
/* ------------------------------------------ */
button,
input[type=button],
input[type=submit],
input[type=reset] {cursor:pointer;width:auto;overflow:visible;vertical-align:middle;background:none;margin:0;padding:0;}
input[type="radio"],
input[type="checkbox"] {width:13px;height:13px;margin-top:-2px;padding:0;margin-right:5px;cursor: pointer;}
input[type="radio"]{border:1px solid #545454;border-radius:50%;-webkit-appearance: auto;-moz-appearance: auto;appearance: auto;}
input[type="password"]{font-family:'arial' !important;}
button::-moz-focus-inner {padding:0;border:0;}
select	{vertical-align:middle;font:12px,dotum;}
textarea	{resize:none;}
input,button,select,textarea {vertical-align:middle;margin:0;}

input.inf1 {margin:0;border:1px solid #ccc;font-size:12px;color:#222;font-family:'돋움','Dotum';background-color:#fff;height:28px;}
input.inf1::-ms-value {background-color:#fff;border:0;}
input.inf1::-webkit-file-upload-button {height:28px;border:0;}


/* --------------------------------------------
 * Common
/* ------------------------------------------ */
.reset		{margin:0 !important;padding:0 !important;}
.none		{display:none !important;}
.hidden		{visibility:hidden !important;width:0 !important;height:0 !important;font-size:0 !important;line-height:0 !important;position:absolute !important;left:0 !important;top:-999999px !important;}

.nbg		{background-image:none !important;}
.nbc		{background-color:none !important;}
.nbo		{border:none !important;}

.clear		{clear:both !important;}
.normal		{font-weight:normal !important;}

.inblock	{display:inline-block !important;}
.block		{display:block !important;}
.inline		{display:inline !important;}

.pr			{position:relative !important;}
.fw 		{font-weight:bold !important;}


/* --------------------------------------------
 * Align
/* ------------------------------------------ */
.al	{text-align:left !important;}
.ac	{text-align:center !important;}
.ar	{text-align:right !important;}
.vm	{vertical-align:middle !important;}
.vt	{vertical-align:top !important;}
.vb	{vertical-align:bottom !important;}
.vbs{vertical-align:baseline !important;}
.aj {text-align:justify !important;}


/* --------------------------------------------
 * Float
/* ------------------------------------------ */
.fl	{float:left !important;}
.fr	{float:right !important;}
.fn	{float:none !important;}


/* --------------------------------------------
 * Clearfix
/* ------------------------------------------ */
.cf:after {clear:both;display:block;content:"";}


/* --------------------------------------------
 * Margin
/* ------------------------------------------ */
.mt0 {margin-top:0px !important;} .mt5 {margin-top:5px !important;} .mt10 {margin-top:10px !important;} .mt15 {margin-top:15px !important;} .mt20 {margin-top:20px !important;} .mt25 {margin-top:25px !important;} .mt30 {margin-top:30px !important;} .mt35 {margin-top:35px !important;} .mt40 {margin-top:40px !important;} .mt45 {margin-top:45px !important;} .mt50 {margin-top:50px !important;} .mt55 {margin-top:55px !important;} .mt60 {margin-top:60px !important;}
.mr0 {margin-right:0px !important;} .mr5 {margin-right:5px !important;} .mr10 {margin-right:10px !important;} .mr15 {margin-right:15px !important;} .mr20 {margin-right:20px !important;} .mr25 {margin-right:25px !important;} .mr30 {margin-right:30px !important;} .mr35 {margin-right:35px !important;} .mr40 {margin-right:40px !important;} .mr45 {margin-right:45px !important;} .mr50 {margin-right:50px !important;} .mr55 {margin-right:55px !important;} .mr60 {margin-right:60px !important;}
.mb0 {margin-bottom:0px !important;} .mb5 {margin-bottom:5px !important;} .mb10 {margin-bottom:10px !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;} .mb40 {margin-bottom:40px !important;} .mb45 {margin-bottom:45px !important;} .mb50 {margin-bottom:50px !important;} .mb55 {margin-bottom:55px !important;} .mb60 {margin-bottom:60px !important;}
.ml0 {margin-left:0px !important;} .ml5 {margin-left:5px !important;} .ml10 {margin-left:10px !important;} .ml15{margin-left:15px !important;} .ml20 {margin-left:20px !important;} .ml25 {margin-left:25px !important;} .ml30 {margin-left:30px !important;} 
.ml35 {margin-left:35px !important;} .ml40 {margin-left:40px !important;} .ml45 {margin-left:45px !important;} .ml50 {margin-left:50px !important;} .ml55 {margin-left:55px !important;} .ml60 {margin-left:60px !important;}
.ml70 {margin-left:70px !important;} .ml76 {margin-left:76px !important;}


/* --------------------------------------------
 * Padding
/* ------------------------------------------ */
.pt0 {padding-top:0px !important;} .pt5 {padding-top:5px !important;} .pt10 {padding-top:10px !important;} .pt15 {padding-top:15px !important;} .pt20 {padding-top:20px !important;} .pt25 {padding-top:25px !important;} .pt30 {padding-top:30px !important;} .pt35 {padding-top:35px !important;} .pt40 {padding-top:40px !important;} .pt45 {padding-top:45px !important;} .pt50 {padding-top:50px !important;} .pt55 {padding-top:55px !important;} .pt60 {padding-top:60px !important;}
.pr0 {padding-right:0px !important;} .pr5 {padding-right:5px !important;} .pr10 {padding-right:10px !important;} .pr15 {padding-right:15px !important;} .pr20 {padding-right:20px !important;} .pr25 {padding-right:25px !important;} .pr30 {padding-right:30px !important;} .pr35 {padding-right:35px !important;} .pr40 {padding-right:40px !important;} .pr45 {padding-right:45px !important;} .pr50 {padding-right:50px !important;} .pr55 {padding-right:55px !important;} .pr60 {padding-right:60px !important;}
.pb0 {padding-bottom:0px !important;} .pb5 {padding-bottom:5px !important;} .pb10 {padding-bottom:10px !important;} .pb15{padding-bottom:15px !important;} .pb20 {padding-bottom:20px !important;} .pb25 {padding-bottom:25px !important;} .pb30 {padding-bottom:30px !important;} .pb35 {padding-bottom:35px !important;} .pb40 {padding-bottom:40px !important;} .pb45 {padding-bottom:45px !important;} .pb50 {padding-bottom:50px !important;} .pb55 {padding-bottom:55px !important;} .pb55 {padding-bottom:55px !important;}
.pl0 {padding-left:0px !important;} .pl5 {padding-left:5px !important;} .pl10 {padding-left:10px !important;} .pl15 {padding-left:15px !important;} .pl20 {padding-left:20px !important;} .pl25 {padding-left:25px !important;} .pl30 {padding-left:30px !important;} .pl35 {padding-left:35px !important;} .pl40 {padding-left:40px !important;} .pl45 {padding-left:45px !important;} .pl50 {padding-left:50px !important;} .pl55 {padding-left:55px !important;} .pl60 {padding-left:60px !important;}
.ptrbl{padding:5px !important;} .p0{padding:0 !important;}

/* --------------------------------------------
 * Width
/* ------------------------------------------ */
/* width size */
.w5 {width:5% !important;}
.w10 {width:10% !important;} .w11 {width:11% !important;} .w12 {width:12% !important;} .w13 {width:13% !important;} 
.w14 {width:14% !important;} .w15 {width:15% !important;} 
.w16 {width:16% !important;} .w17 {width:17% !important;} .w18 {width:18% !important;} .w19 {width:19% !important;} 
.w20 {width:20% !important;} 
.w25 {width:25% !important;} .w26 {width:26% !important;} .w27 {width:27% !important;} .w28 {width:28% !important;} 
.w29 {width:29% !important;} .w30 {width:30% !important;} .w33 {width:33% !important;} 
.w35 {width:35% !important;}
.w40 {width:40% !important;} .w42 {width:42% !important;} .w43 {width:43% !important;} .w44 {width:44% !important;} .w45 {width:45% !important;} 
.w46 {width:46% !important;} .w47 {width:47% !important;} .w48 {width:48% !important;}
.w50 {width:50% !important;} .w52 {width:52% !important;} 
.w55 {width:55% !important;}
.w60 {width:60% !important;} .w65 {width:65% !important;} .w70 {width:70% !important;} .w80 {width:80% !important;}
.w85 {width:85% !important;} .w90 {width:90% !important;} .w95 {width:95% !important;} .w100s{width:100% !important;}
/*.w100 {width:100% !important;} */

.w100{width:100px !important;}
.w200 {width:200px !important}
.w300 {width:300px !important;}
.w400 {width:400px !important}
.w500 {width:500px !important}
.w600 {width:600px !important}

/* --------------------------------------------
 * Font
/* ------------------------------------------ */
.fs10 { font-size:10px !important; } .fs11 { font-size:11px !important; } .fs12 { font-size:12px !important; } .fs13 { font-size:13px !important; } .fs14 { font-size:14px !important; } .fs15 { font-size:15px !important; } 
.fs16 { font-size:16px !important; } .fs17 { font-size:17px !important; } .fs18 { font-size:18px !important; } .fs19 { font-size:19px !important; } .fs20 { font-size:20px !important; } .fs21 { font-size:21px !important; } 
.fs22 { font-size:22px !important; } .fs23 { font-size:23px !important; } .fs24 { font-size:24px !important; } .fs25 { font-size:25px !important; } .fs26 { font-size:26px !important; } .fs27 { font-size:27px !important; }
.fs28 { font-size:28px !important; } .fs29 { font-size:29px !important; } .fs30 { font-size:30px !important; } .fs31 { font-size:31px !important; } .fs32 { font-size:32px !important; } .fs33 { font-size:33px !important; }
.fs34 { font-size:34px !important; } .fs35 { font-size:35px !important; } .fs36 { font-size:36px !important; } .fs37 { font-size:37px !important; } .fs38 { font-size:38px !important; } .fs39 { font-size:39px !important; }
.fs40 { font-size:40px !important; } .fs50 { font-size:50px !important; } .fs60 { font-size:60px !important; } .fs70 { font-size:70px !important; } .fs80 { font-size:80px !important; }
.fs90 { font-size:90px !important; } .fs100 { font-size:100px !important; }

/* --------------------------------------------
 * Form
/* ------------------------------------------ */
textarea {overflow-x:hidden;overflow-y:auto;padding:7px 3px 7px 12px;line-height:20px;background:#fff;color:#6e6e6e;width:100%;box-sizing:border-box;}
textarea.txtArea {border:1px solid #ccc;font-size:14px !important;}
input.intx1 {margin:0;border:1px solid #ccc;padding: 8px 10px 8px;font-size:12px;color:#6e6e6e;height: 12px;line-height: 12px;font-family:'돋움',dotum;}

/* --------------------------------------------
/* text ellipsis */
/* ------------------------------------------ */
.ellipsis {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


/* --------------------------------------------
/* input - placeholder */
/* ------------------------------------------ */
::-webkit-input-placeholder,
::-moz-placeholder,
:-moz-placeholder,
:-ms-input-placeholder,
.placeholder {color:#6e6e6e !important; }

[placeholder]:focus::-webkit-input-placeholder{color: transparent;}
[placeholder]:focus::-moz-placeholder{color: transparent;}
[placeholder]:focus:-moz-placeholder{color: transparent;}
[placeholder]:focus:-ms-input-placeholder {color: transparent;}


/* --------------------------------------------
 * contents left sy_cont
/* ------------------------------------------ */
#wrapper{background:#edf6ff;}
/*#container {overflow:hidden;clear:both;width:1100px;margin:0 auto 100px;padding:50px 0;}*/
#container {overflow:hidden;clear:both;/*width:640px;*/margin:0 auto 50px;padding:20px 0;}
/*#container .contents {position:relative;z-index:1; padding:50px 20px 70px;background:#fff;}*/
#container .contents {/*width:1200px;margin:0 auto;*/position:relative;z-index:1; padding:50px 20px 10px;background:#fff;}
#container .login{width:500px;margin:0 auto;padding-top:300px;}

/* --------------------------------------------
 * Section
/* ------------------------------------------ */
.sec{background:#fff;padding:20px;border:1px solid #dadce0;margin-bottom:20px;}
.sec .tit{font-size:15px;font-weight:bold;margin:25px 0 15px;}
.sec div.questDiv:first-child .tit{margin-top:0;}
.sec .list li{margin-bottom:10px;}
label{vertical-align: middle;display:inline-block;font-size:14px;margin-right:10px;margin-bottom:0;}
.sec .list li .intx{width:50%;margin-left:10px;border:1px solid #ccc;}

/* --------------------------------------------
 * Title
/* ------------------------------------------ */
.tit_box {position:relative;}
h2.tit {color:#000;font-size:30px;margin-bottom:25px;text-align: center;}
h3.tit {display:inline-block;padding:10px 20px;background:#005bac;color:#fff;border-radius: 10px 10px 0 0;margin-bottom:0;}

/* --------------------------------------------
 * Btn
/* ------------------------------------------ */
.btn_area {text-align:center;margin-top:30px;}
.btn_area a + a{margin-left:10px;}
a.btn_type {display:inline-block;background:#1e64ba;border-radius:2px;color:#fff !important;font-size:14px;padding:0 20px;height:40px;line-height:40px;text-align:center;font-weight:bold;}
a.btn_type.gray {background:#999;}
.btn_tbl{display:inline-block;}
a.btn_t1{display:inline-block;background:#666;border-radius:2px;color:#fff !important;font-size:13px;padding:5px;font-weight:bold;}

/* --------------------------------------------
 * Search
/* ------------------------------------------ */
.select_a1 {border:1px solid #ddd;color:#333;padding:5px 3px 5px 5px;height:33px;vertical-align:middle;}
.intx {border:1px solid #ddd;color:#333;font-size:13px;padding:0 10px;height:33px;width:100%;vertical-align:middle;text-align:left;box-sizing:border-box;}
.intt {border:1px solid #ddd;padding:0 10px;height:80px;box-sizing:border-box;}

.boardtop .board_search {text-align:right;}
.boardtop .board_search .btn_search{display:inline-block;height:33px;background:#1e64ba;border-radius:2px;color:#fff !important;font-size:13px;padding:0 20px;font-weight:bold;}

/* --------------------------------------------
 * board and Table
/* ------------------------------------------ */

.boardlist table {border-collapse:collapse; border-top:2px solid #005bac; border-bottom:1px solid #ddd;}
.boardlist table tr th {padding:11px 0 12px; height:22px; text-align:center;line-height:160%;vertical-align:middle; border-top:1px solid #ddd; border-right:1px solid #ddd; font-size: 14px;}
.boardlist table tr td {line-height:160%; vertical-align:middle; text-align:center; color:#333; border: 1px solid #ddd;border-width:1px 1px 0 1px;}
.boardlist table thead tr th {font-weight:700; color:#333;background:#f9f9f9;border-left:1px solid #ddd;}
.boardlist table tbody tr td {padding:10px 10px 13px 10px;}
.boardlist table tbody tr td a:hover {color:#005bac;text-decoration:underline;}
.boardlist table tbody tr th {padding:11px 0 12px; text-align:center; background:#f9f9f9;border-left:1px solid #ddd;}
.boardlist table tr th.borL0,
.boardlist table tr td.borL0 {border-left:0;}

.txta {width:100%;height:300px;resize:none;border:1px solid #ddd;color:#333;font-size:13px;padding:5px 10px;box-sizing:border-box;}
.days {text-align:center;}
.days a{display:inline-block;width:20px;height:20px;vertical-align:middle;}
.days .arr_l{background:url(../images/btn_arrow_01.png);background-size:100%;}
.days .arr_r{background:url(../images/btn_arrow_02.png);background-size:100%;}


/* --------------------------------------------
 * datepicker
/* ------------------------------------------ */
.ui-datepicker-trigger{margin-left:5px;}

/* --------------------------------------------
 * paging
/* ------------------------------------------ */
.paging {position:relative;width:100%;margin-top:30px;font-size:14px;line-height:16px;padding-top:1px;text-align:center;}
.paging .btn{display:inline-block;position:relative;left:0;top:0;width:40px;height:35px;vertical-align:middle;text-indent:-9999px;overflow:hidden;}
.paging .btn:before{content:'';display:inline-block;position:absolute;left:50%;top:50%;background-image:url(../images/btn_page_.gif);width:40px;height:35px;margin:-18px -20px;}
.paging .btn.first:before{background-position:0px 0px;}
.paging .btn.prev:before{background-position:-39px -0px;}
.paging .btn.next:before{background-position:-78px -0px;}
.paging .btn.last:before{background-position:40px -0px;}
.paging ul{display:inline-block;vertical-align:middle;}
.paging ul li{display:inline-block;}
.paging ul li a{display:inline-block;margin:0 7px 5px;color:#000;line-height:18px;}
.paging ul li.on a{border-bottom:1px solid #000;font-weight:bold;}


/* --------------------------------------------
 * survey
/* ------------------------------------------ */
.section-block{padding-bottom:0;}
.survey_event ul{font-size:0;/* margin-left:-35px; */display: grid;grid-template-columns:repeat(2, 1fr);gap: 35px;}
.survey_event ul > li{display:inline-block;width: 100%;}
.survey_event ul > li a{position:relative;display: flex;justify-content: space-between;flex: 1;}
.survey_event ul > li a img{width:100%;min-width: 0;}
.survey_event ul > li a .sticker{padding: 5px 10px;background:#c74f26;color:#fff;font-weight:bold;font-size:15px;z-index:1;order: 2; flex-shrink: 0;}

.survey_note{margin-bottom:20px;overflow:hidden;}
.survey_note dt{float:left;width:15%;padding:10px 30px;text-align:center;border-radius:30px;background:#e3e3e3;color:#000;font-size:15px;font-weight:bold;box-sizing:border-box;}
.survey_note dd{float:left;width:85%;margin:0;padding:0;padding:10px 30px 10px 10px;font-size:15px;box-sizing:border-box;margin-bottom:10px;}

.survey_box{width:100%;padding:20px;border:1px solid #e3e3e3;overflow:hidden;margin-bottom:10px;font-size:15px;}

.h2_sub{text-align:center;margin-top:13px;font-size:16px;}

/* --------------------------------------------
 * modal
/* ------------------------------------------ */
.btn_close {position: absolute;top: 10px;right: 40px;border-bottom: 0;}
.survey_modal_txt{font-size:15px;}
.survey_modal_txt span{color:red;}

@media screen and (max-width: 768px){
	.survey_event ul{
	    grid-template-columns: 1fr;
	    gap: 20px;
	}
}