@charset "utf-8";
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');

@font-face {
	font-family: KIMM_Bold;
	src: url(//fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/KIMM_Bold.woff2) format("woff2");
	font-weight: 700;
	font-style: normal
}

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family: 'Noto Sans KR', sans-serif;background:#fff}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: 'Noto Sans KR', sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family: 'Noto Sans KR', sans-serif;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family: 'Noto Sans KR', sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {
	color:#000;
	text-decoration:none;
}

a, button {
	outline:none;
}

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

input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}

input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
-webkit-box-shadow:  0 0 5px #9ed4ff;
-moz-box-shadow:  0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border: 1px solid #558ab7 !important;
}
.placeholdersjs { color: #aaa !important; }

.tb_wrap {
    border-radius: 10px;
    border: 1px solid #9DB5DD;
    overflow: hidden;
}

/* 레이아웃 크기 지정 */
#hd, #wrapper, #ft{min-width:1640px}

#hd_pop,
#hd_wrapper,
#tnb ul,
#gnb .gnb_wrap,
#container_wr,
#ft_wr{width:1300px}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}

/* 상단 레이아웃 */
#hd {border:0px;}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#hd_wrapper {position:relative;margin:0 auto;padding:10px 0;height:115px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {
	float:left;
	padding:0px;	
	/*
	-webkit-animation: rotateY 5s 10s infinite;
	animation: rotateY 10s 10s infinite;
	*/
	-webkit-animation: animateHeart 2.5s infinite;
	  animation: animateHeart 2.5s infinite;
}

@-webkit-keyframes rotateY {
  0% {
	-webkit-transform: rotateY(0deg);
			transform: rotateY(0deg);
  }
  20% {
	-webkit-transform: rotateY(360deg);
			transform: rotateY(360deg);
  }
  100% {
	  -webkit-transform: rotateY(360deg);
			  transform: rotateY(360deg);
  }
}
@keyframes rotateY {
  0% {
  	-webkit-transform: rotateY(0deg);
		  	transform: rotateY(0deg);
	}
	20% {
  	-webkit-transform: rotateY(360deg);
		  	transform: rotateY(360deg);
	}
	100% {
		-webkit-transform: rotateY(360deg);
				transform: rotateY(360deg);
	}
}

@-webkit-keyframes animateHeart {
  0% {
	-webkit-transform: scale(0.8);
  }
  5% {
	-webkit-transform: scale(0.9);
  }
  10% {
	-webkit-transform: scale(0.8);
  }
  15% {
	-webkit-transform: scale(1);
  }
  50% {
	-webkit-transform: scale(0.8);
  }
  100% {
	-webkit-transform: scale(0.8);
  }
}
@keyframes animateHeart {
  0% {
	transform: scale(0.8);
  }
  5% {
	transform: scale(0.9);
  }
  10% {
	transform: scale(0.8);
  }
  15% {
	transform: scale(1);
  }
  50% {
	transform: scale(0.8);
  }
  100% {
	transform: scale(0.8);
  }
}


.hd_sch_wr{position:absolute;top:25px;left:50%;width:430px;margin-left:-215px;}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch{border:2px solid #556ada;background:#fff;border-radius:5px;overflow:hidden}
#hd_sch #sch_stx {padding-left:10px;height:40px;width:376px;border:0;border-right:0;float:left;font-size:1.25em}
#hd_sch #sch_submit {height:40px;border:0;background:#fff;color:#253dbe;width:50px;float:left;cursor:pointer;font-size:18px}

#sbn_side{position:absolute;top:20px;right:0}

#tnb {border-bottom:1px solid #3a3637;background:#231f20; padding: 8px 0;}
#hd_wrapper .notice-wrap {max-width: 500px;margin: 24px 0 0 120px;zoom: 1; color:white; float:left;}
#hd_wrapper .noti {display: flex; justify-content: start; align-items: center;}
#hd_wrapper .noti .noti-mark {background-color:#378D25; font-size:12px; padding: 4px 10px; margin-right:10px; font-weight: bold; border-radius:5px}


#tnb h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#tnb ul {margin:0 auto;zoom:1}
#tnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {float:right;border-left:1px solid #ddd;margin-bottom:-1px;font-size:0.92em}
#tnb a {display:inline-block;padding:0 10px;color:#646464;line-height:35px}
#tnb a:focus, #tnb a:hover {color:#253dbe;background:#fafafa}
#tnb .tnb_admin a{color:#ff0000;}
#tnb .tnb_left{float:left}
#tnb .tnb_left a{padding:0 14px}
#tnb .tnb_cart{border-right:1px solid #ddd;}
#tnb .tnb_community{border-right:1px solid #ddd}
#tnb .tnb_community i{font-size:15px}
#tnb .tnb_community{background:#e7e7e7;font-weight:bold;}
#tnb .tnb_community:focus, #tnb .tnb_community:hover {color:#333;border-bottom:0}
#tnb .tnb_community a{color:#253dbe;border-bottom:1px solid #e7e7e7}

#hd_qnb{float:right;margin-top:20px}
#hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_qnb li{float:left;font-size:1.083em;line-height:15px;position:relative;text-align:center;margin:0 10px}
#hd_qnb li span {display:block;margin-top:5px;font-size:0.92em}
#hd_qnb li a{display:block}
#hd_qnb li i{display:inline-block;width:40px;line-height:40px;border-radius:25px;background:#fff;text-align:center;margin:0;color:#fff}
#hd_qnb .visit .visit-num{display:inline-block;line-height:18px;padding:0 5px;border-radius:10px;background:#f04e00;color:#fff;font-size:10px;position:absolute;top:0;right:0}
#hd_qnb li .fa-question{background:#e83a5f;font-size:20px}
#hd_qnb li .fa-question:hover{background:#e41b45}
#hd_qnb li .fa-comments{background:#82c13f;font-size:16px}
#hd_qnb li .fa-comments:hover{background:#5aa708}
#hd_qnb li .fa-users{background:#f0ba00;font-size:15px}
#hd_qnb li .fa-users:hover{background:#f06f00}
#hd_qnb li .fa-history{background:#8522c4;font-size:15px}
#hd_qnb li .fa-history:hover{background:#6700a9}

#hd_wrapper .hd_rank ._box ul li {display:flex;align-items: center;}
#hd_wrapper .hd_rank ._box ul li img {width:15px; margin: 0 5px;}

/* 메인메뉴 */
#gnb{position:relative}
#gnb h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap{margin:0 auto;position:relative}
#gnb #gnb_1dul {
	font-size:1.083em;padding: 0;background:#253dbe;zoom:1;
	/*
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow:  0 1px 3px rgba(0,0,0,0.3);
	box-shadow: 0 1px 3px rgba(0,0,0,0.3)
	*/
}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli{float:left;line-height:54px;padding:0 15px;position:relative;font-family: KIMM_Bold, sans-serif;font-size: 1.125rem;}
#gnb .gnb_1dli.on {box-shadow: 0 -5px #fff inset; animation: glow 0.5s ease-in-out infinite alternate;}
@-webkit-keyframes glow {
  from {
	filter:drop-shadow(0 0 0px #fff0)
  }
  to {
	filter:drop-shadow(0 0 10px #fff)
  }
}
#gnb .gnb_1dli:hover > a {color:#fffc;}
#gnb .gnb_1dli:not(.right):hover{box-shadow: 0 -5px #fffc inset;
    /* background:#1a30a7;
-webkit-transition: background-color 2s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out; */
}

.gnb_1dli .bg{display:none;width:10px;height:10px;overflow:hidden;background:url(../img/gnb_bg2.gif) no-repeat 50% 50%;text-indent:-999px}
.gnb_1da {display:inline-block;font-weight:bold;color:#FFF8;text-decoration:none;}
.gnb_1dli.on .gnb_1da{color:#fff;}
.gnb_2dli{border-top:1px solid #b7bece}
.gnb_2dli:first-child{border:0}
.gnb_2dul {display:none;position:absolute;top:55px;min-width:140px;background:white;padding: 0; left: 50%; 
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
-moz-box-shadow:  0 1px 5px rgba(0,0,0,0.1);
box-shadow: 0 1px 5px rgba(0,0,0,0.1);}
.gnb_2da {display:block;padding:0 10px;line-height:40px;color:#5a5a5a;text-align:center;text-decoration:none; font-weight:bold;}
a.gnb_2da:hover{background:#e70d09; color: #FFF;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.3s ease-out;}

.gnb_1dli_air .gnb_2da {}
.gnb_1dli_on .gnb_2da {}
.gnb_2da:focus, .gnb_2da:hover {color:#fff}
.gnb_1dli_over .gnb_2dul {display:block; margin-left:-70px;}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0}
.gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em;color:#fff}
.gnb_wrap .gnb_empty a{color:#fff;text-decoration:underline}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a{color:#6f6d6d}

#gnb .gnb_menu_btn{background:#fec942;color:#FFF;height:54px;border:0;font-size:18px;display:flex;align-items:center; }
#gnb .gnb_menu_btn span {font-size:12px; margin-right: 10px;}
#gnb .gnb_close_btn{background:none;border:0;}
#gnb .gnb_close_btn span {font-size:12px; margin-right: 8px; color:#FFF;}
#gnb .gnb_mnal{padding:0;position: absolute; right:400px;}
#gnb .gnb_mnal.right {color:#fff; font-weight:bold;}
#gnb .gnb_mnal.right span:first-of-type {margin:0 10px;}
#gnb .gnb_mnal.right span.under {color: #319ade;}
#gnb .gnb_mnal.right span.up {color: #e74d39;}
#gnb .gnb_mnal.right1 {right:165px;}
#gnb .gnb_mnal.right2 {right:0;}

#gnb_all{display:none;position:absolute;width:100%;z-index:99;top:55px;}
#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
 .gnb_al_ul_wrapper {background:#fff;padding:45px 20px 60px 20px;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
-moz-box-shadow:  0 2px 5px rgba(0,0,0,0.2);
box-shadow: 0 2px 5px rgba(0,0,0,0.2);}
#gnb_all .gnb_al_ul {max-width:1300px; margin: 0 auto; height:254px;}
#gnb_all .gnb_al_li{background:#fff;float:left;min-width:11.1%;padding:5px; border-left:1px solid #dee2eb; height:100% }
#gnb_all .gnb_al_li:last-child {border-right:1px solid #dee2eb;}
#gnb_all .gnb_al_li .gnb_al_a{font-size:1.083em;padding:0 10px 10px 10px;display:block;position:relative;font-weight: bold;}
#gnb_all .gnb_al_li li {padding-left:12px;line-height:2em;margin-bottom:10px;}
#gnb_all .gnb_al_li li i{color:#9ca6cc}
#gnb_all .gnb_al_li li a{color:#555; font-size:14px;}

/* 중간 레이아웃 */
#wrapper{}
#container_wr:after {display:block;visibility:hidden;clear:both;content:""}
#container_wr {z-index:5;margin:0 auto;height:100%;zoom:1}
#aside {float:right;padding:0;/*background: #e7ebf3; height: 100%; border: 1px solid #adbfd2;*/margin:10px 0}

#container {z-index:4;position:relative;float:left;min-height:500px;height:auto !important;margin:20px 5px 0 0;height:500px;font-size:1em;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:1.333em;margin:0 auto;font-weight:bold;}
#container_title span{margin:0 auto 10px;display:block;line-height:30px;}
/*.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}*/
.lt_wr{width:49%}
/* .lt_wr:nth-child(2n+1){clear:both} */
.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}
._list {padding: 0 20px;}
._list > li {padding: 3px 0;}
._list > li > a {display:block; width: 402px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}

/* 하단 레이아웃 */
#ft {border-top:1px solid #d5d5d5;background:#fff;padding-bottom:30px;margin:0 auto;text-align:center}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft_wr {margin:0 auto;position:relative; min-height:250px; margin-bottom:30px;}
#ft_link{padding:15px 0;border-bottom:1px solid #eee}
#ft_link a{display:inline-block;padding:0 8px;line-height:1.083em;font-weight:bold}
#ft_catch{margin:20px 0 10px}
#ft_copy{color:#555;font-size:0.92em}
#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #361A52;color:#361A52;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5); border-radius:10px}
#top_btn:hover {border-color:#361A52 ;background:#361A52;color:#fff}

/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove  .win_desc {text-align:center;display:block}
#copymove  .tbl_wrap{margin:20px }
#copymove  .win_btn{padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {width:60px;height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha2.png') no-repeat 0 0 ;  vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* ckeditor 태그 기본값 */
#bo_v_con ul{display: block;list-style-type: disc;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40px;}
#bo_v_con ol{display: block;list-style-type: decimal;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40px;}
#bo_v_con li{display: list-item;}

/* 버튼 */
a.btn,.btn{}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle;}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:right} /* 서식단계 진행 */

.btn_submit {border:0;background:#231f20;color:#fff;cursor:pointer;border:0}


a.btn_cancel {display:inline-block;background:#fff;color:#231f20;text-decoration:none;vertical-align:middle;border: 1px solid #dfe3ec;}
button.btn_cancel {display:inline-block;background:#fff;color:#231f20;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#231f20;color:#fff;
}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:40px;border:0;background:#3c3c3c;border-radius:5px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;background:#fff;color:#231f20;text-decoration:none;vertical-align:middle;border: 1px solid #dfe3ec;}
.btn_b01:hover, .btn_b01:hover {background:#231f20;color: #fff;}
a.btn_b02,.btn_b02 {display:inline-block;background:#231f20;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle;}
a.btn_b02:hover, .btn_b02:hover {background:#231f20}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
/* a.btn_admin,.btn_admin {display:inline-block;background:#d13f4a;color:#fff;text-decoration:none;vertical-align:middle} */ /* 관리자 전용 버튼 */


/*컬러*/
.color_1 {background:#169dd6}
.color_2 {background:#14d53d}
.color_3 {background:#3814ff}
.color_4 {background:#7520c5}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing: 0 5px;}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:10px 0;font-weight:normal;text-align:center;border-bottom:1px solid  #9DB5DD;border-left:1px solid #9DB5DD;background:linear-gradient(#E5E7F1, #C7CDE6);height:40px}
.tbl_head01 thead th:first-child {border-left:0; width:60px}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;border-top:1px solid #9DB5DD;line-height:1.4em;height:60px;word-break:break-all; padding-left:10px; padding-right:10px;}
.tbl_head01 tbody tr:hover td{background:#fafafa;}
.tbl_head01 a:hover {text-decoration:underline}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;padding:5px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px;}

.full_input{width:100%}
.half_input{width:49.5%}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*기본 리스트*/
.list_01 li{border:1px solid #9DB5DD;margin:3px 0;padding:8px 10px;list-style:none;position:relative;}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover{background:#f9f9f9}
.list_01 li.empty_li{text-align:center;padding:20px 0;color:#666}
/*폼 리스트*/
.form_01 h2{margin:0 0 10px;font-size:1.167em}
.form_01 li{margin:10px 0}
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 li .right_input{float:right}
.form_01 textarea{height:100px;width:100%}
.form_01 .frm_label{display:inline-block;width:130px}

/* 자료 없는 목록 */
/* .empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;color:#666;text-align:center} */
#faq_wrap {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;color:#666;text-align:center;background: #fff;}


/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png')  !important;background-repeat:no-repeat   !important;background-position:right top  !important; border-radius:10px; border:1px solid #9DB5DD; background-color:rgba(255,255,255,0.5)}

/* 테이블 항목별 정의 */
.td_board {width:80px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:60px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:80px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}
.td_num2 {padding-left:20px; text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {position:relative;}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.25em;height:50px;line-height:30px;padding:10px 20px;background: linear-gradient(#17061D, #361A52);color:#fff;}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
/* .new_win .win_ul {border-right:1px solid #dfe6e7;} */
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li{float:left;width:33.333%;text-align:center;}
.new_win .win_ul li:not(:first-of-type){border-left:none;}
.new_win .win_ul li a{display:block;padding:13px 0; width:92%; height:auto; margin:auto; font-size:14px}
.new_win .win_ul .selected{position:relative;z-index:5}
.new_win .win_ul .selected a { border-color: rgba(255,255,255,0.5);box-shadow: inset 8px 6px 10px rgb(94 145 237 / 20%), inset -6px -6px 10px #fff !important; color: #5585D9;background: #E8EEF9;}

.new_win .win_desc {margin:5px 10px;font-size:0.92em;color:#3598db;}
.new_win .frm_info{font-size:0.92em;color:#3598db}
.new_win .win_total{text-align:right;margin:20px 0 0}
.new_win .win_total span{display:inline-block;line-height:30px;font-size:0.92em;color:#4e546f;padding:0 10px;}
.new_win .new_win_con{margin:20px;}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn{text-align:right}
.new_win .btn_close {position:absolute;top:0;right:0;height:50px;width:50px;background:url(../img/close_btn.gif) no-repeat 50% 50%;border:0;text-indent:-999px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:40px;font-weight:bold;font-size:1.083em;float:right; border:1px solid #9DB5DD}

/* 검색결과 색상 */
.sch_word {color:#00c4ac}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
.sv_wrap .sv:before{content: "";position: absolute;top: -6px;left: 15px;width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #333 transparent;}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0  10px;line-height:30px;width:100px;font-weight:normal;color:#bbb }
.sv_wrap .sv a:hover{background:#000;color:#fff}
.sv_member{color:#333}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:30px 0 ;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.pg {}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#f3f3f3;border:1px solid #bbbcc3; margin-right:13px;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none; margin-right:13px;}
.pg_page:last-child { margin-right:10px;}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb;}
.pg_start::after {
	content:"<<";
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	text-indent:0;
}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_prev::after {
	content:"<";
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	text-indent:0;
}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_end::after {
	content:">>";
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	text-indent:0;
}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_next::after {
	content:">";
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	text-indent:0;
}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#fafafa}

.pg_current {
	display: inline-block;
    height: 30px;
    font-size: 14px;
	border-color: rgba(255,255,255,0.5);
    box-shadow: inset 8px 6px 10px rgb(94 145 237 / 20%), inset -6px -6px 10px #fff !important;
    color: #5585D9;
    background: #E8EEF9;
	width: 30px;
    line-height: 2;
	border-radius:5px;
}

.pg_page {
	display: inline-block;
    height: 30px;
    line-height: 2;
    font-size: 14px;
	border-radius: 5px;
    box-shadow: 4px 4px 6px rgb(91 145 237 / 18%), -4px -4px 6px #fff !important;
    background: linear-gradient(283deg, #f5f6f8, #eceef4);
    border-color: rgba(255,255,255,0.5);
    color: #455D88;
	position:relative;
}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}


/* 각게시판 카테고리 */
#container2{float: right;width: 48%;position: relative;}
.tabs{height: 45px;}
.tabin{height: 200px;}
.tabin li{position: absolute;top: 0px;width: 100%;float: left;}
.lat{width:100%;height:100%}

/* 새글 스킨 (latest)공통*/
.lat1 {position:relative;overflow:hidden;/* border: 1px solid #c6cacc */;background:#fff;height:100%}
.lat1 .lat_title {display:block;padding:0 20px;line-height:45px;font-size:1.083em;border-bottom:1px solid #e2e2e2;color:#253dbe;background:#fcfcfc}
.lat1 .lat_title a{color:#253dbe;display:inline-block;position:relative}
.lat1 .lat_title a:after{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#253dbe;content:''}

.lat1 li {position:relative;line-height:18px;position:relative}
.lat1 li:before{}
.lat1 li a:hover{color:#a22121}
.lat1 li .fa-heart{color:#ff0000;}
.lat1 li .fa-lock{display: inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #4f818c;background: #cbe3e8;text-align: center;border-radius: 2px;font-size: 12px;border:1px solid #a2c6ce}
.lat1 li .new_icon{display:inline-block;width: 16px;line-height:16px;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;border-radius: 2px;}
.lat1 li .hot_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius: 2px;}
.lat1 li .fa-caret-right{color:#bbb}
.lat1 .lt_date{position:absolute;top:3px;right:0;color:#888}
.lat1  .empty_li{line-height:145px ;color:#666;text-align:center;padding:0;}
.lat1  .empty_li:before{background:none;padding:0}
.lat1 .lt_cmt{background:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;
-webkit-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
-moz-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);}
.lat1 .lt_more {position:absolute;top:11px;right:10px;display:block;width:25px;line-height:25px;color:#aaa;border-radius:3px;text-align:center;}
.lat1 .lt_more:hover{color:#777}

/*  */
.tabs>li{float: left;width:20%;height: 100%;padding: 14px 12px 0 12px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;
background: #f8f8f8;font-weight: bold;color: #000;cursor: pointer;text-align: center;}
.tablist{float: left;height: 100%;padding: 14px 12px 0 12px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #f8f8f8;
font-weight: bold;color: #000;cursor: pointer;text-align: center;}
#container2 .lat_title{display:none}
.tabin>li{ margin-top: 0px;display:none}
.tabin .tabon{display:block}


/* 고객센터->FAQㅊ */
.bo_tit{}
.tit_info{text-align:center;display:none;border-top:1px dotted #e5e5e5}

/* 게시판 분류 리스트(공통)*/
.table_list{overflow: hidden;position: relative;margin: 0px 0 8px;}
.table_list ul{width:100%; display:flex; justify-content: space-between;}
.table_list li{width:20%;height:50px;float:left;}
.table_list li:last-child{border-right:none;}
.table_list a{display: block;background: #f3f2f7;line-height: 50px;cursor: pointer;text-align: center;text-decoration: none;height:100%}
.table_list .table_list_on{border: 0;background-color: #231f20;color: #fff;}
.noti_tb_list {padding:20px 0}
.noti_tb_list .nue_style {
	margin:auto;
	font-size:14px;
}

.table_list2{overflow: hidden;position: relative;padding:20px 0; margin: 0px 0 8px;}
.table_list2 ul{width:100%;height: 50px; display:flex; justify-content: space-around;}
.table_list2 li{width:25%;height:48px;float:left;}
.table_list2 li:last-child{border-right:none;}
.table_list2 a{display: block;background: #f3f2f7;line-height: 50px;cursor: pointer;text-align: center;text-decoration: none;height:100%; width:95%; margin:auto; font-size:14px;}
.table_list2 .table_list_on{border:0;background-color: #231f20;color: #fff;}

#gall_ul:after{content:"";clear:both;display:block}
.search_wrap {overflow:hidden;position:relative}
.select_st1 {float:left;}
#bo_sch {float:left; padding-top:10px}
.search_box { position: relative; float:left;}
.bo_fx{float:right;overflow:hidden}
.btn_bo_user {padding:10px 0; float:right}
.btn_bo_user li {
	display:inline-block;
	height: 34px;
    padding: 0 6px;
	vertical-align:top;
}
.btn_bo_user li:last-child {
	padding-right:0
}

.btn_bo_user li .nue_style {
	width: 84px;
    height: 30px;
	border: 1px solid #9EB5DE;
}

.btn_bo_user li a.nue_style {
	display:inline-block;
	text-align:center;
	padding:5px;
}

/* 게시판 분류 EVENT */
.chkcaname:after{content:"";display:block;clear: both;}
.tbl_wrap table{border-left:0;border-right:0}
body .bo_notice td{background:#f5f6fa !important;border-bottom: 1px solid #9DB5DD !important;}
body .bo_notice td:first-child {text-align:center}
body .bo_notice:last-child td {border-bottom:0 !important;}

/* 커뮤니티 -> 겔러리 */
.gall_row .col-gn-4{height:294px;margin-bottom:5px}

#bo_gall .gall_con{width:100%;height:100%}
#bo_gall .gall_img{height:211px;border-bottom: 0;margin-top:12px}
#bo_gall .gall_img a{height:100%}
#bo_gall .gall_img img{}
#bo_gall .gall_img .no_image {height:100%;line-height: 211px;}
#bo_gall .gall_info{position:absolute;right:40px;background:none;/* bottom: 30px; */}

#bo_list:after{content:"";display:block;clear: both;}


/* 이벤트 페이지 */
/* 갤린더 선택 */
.calendar{width:100%;clear:both}
.calendar:after{content:"";clear:both;display:block}
.calendar>div{width:50%;float:left}
.check .stamp{border-radius:50%}

/* 포토게시판 다른글 이미지 사이즈 */

/*banner*/
.po_box{height:40px;line-height:40px;display:none}
.write_div:after{content:"";display:block;clear:both}
/* */
.left_box{float:right;}
.left_box:after{content:"";display:block;clear:both}
#latest_photo img{}
.lt_wr:after{content:"";display:block;clear:both}



/* 메인 렝킬 박스 */
.rank_box{width:858px;height:173px}

/* 임시태그 */
	.bld{text-indent:-9999px; overflow:hidden;width:1px;height:1px }
   #aside {margin:10px 0;width:100%}

/* 로그인 페이지 설정 */
#ol_before .ol_wr{border: none; position: relative;}
#ol_id{margin-bottom: 10px;width: 74%;height:36px;}
#ol_pw{width: 74%;height:39px;height:39px;}
#ol_submit {width:82px;height:84px; background: linear-gradient(#FF8886, #E70D09); color:#fff; position:absolute; top: 20px; right:20px; border-radius:10px;}
#ol_submit:hover {background:linear-gradient(#FF83BD, #FE2D5C);}
#ol_svc{width:100%}
#ol_auto {padding: 8px 0px 0 5px;}


.half_input{width:100%}
#fregisterform{background: #f3f2f7;padding:29px;}
#register_form {background: none;padding: 0;}
#fregisterform .form_01 div{margin: 0 0 5px;}
.btn_confirm{margin-top:30px}
.form_01 h2{margin:0}
.form_01 li:first-child{margin-top:0}
.private{text-align:center;color:red;text-decoration:underline;}
.join_box_login{height:92px;padding-top:32px;border-top:1px solid #b7bece}
.join_box_login>span{display:block;text-align:center}
.join_box_login>a{display:block;text-align:center;color:red;text-decoration:underline;}
#fregisterform .btn_confirm .btn_submit{width:100%; background: #231f20 !important;}


/*  신규게시물 순위*/
.lt_list{padding-top:5px;}
.lt_list_text{text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;display: block; width: 170px;float:left}
.num_text{margin-left:5px;width:30px;display: block;float: left;text-align: center;position:relative;}
.num_text:before{content:"";display:block;clear:both;width:15px;height:20px;border: 1px solid red;position:absolute;top:0;left:0;border-right:0;border-radius: 50% 0 0 50% }
.num_text:after{content:"";display:block;clear:both;width:15px;height:20px;border: 1px solid red;position:absolute;top:0;right:0;border-left:0;border-radius:0 50% 50% 0}

/* 메인페이지  게임 렝킹박스 */
.game_rank{position: relative;margin-bottom: 10px;width:858px;height:173px}
.game_rank_btn{position: absolute;top: 0;width: 314px;height: 173px;padding-top: 20px;}
.game_rank_btn>li{width: 78px;height: 72px;float: left;}
.game_rank_btn a{display: block;width: 100%;height: 100%;background-position: center;}
.game_rank_list{position: absolute;top: 0;right: 0;width:545px;height:173px}
.game_rank_btn li .rank_on{}

.game_rank_btn li:nth-child(1) a{background: url(/data/images/rank/rank_01_off.png) no-repeat}
.game_rank_btn li:nth-child(2) a{background: url(/data/images/rank/rank_02_off.png) no-repeat}
.game_rank_btn li:nth-child(3) a{background: url(/data/images/rank/rank_03_off.png) no-repeat}
.game_rank_btn li:nth-child(4) a{background: url(/data/images/rank/rank_04_off.png) no-repeat}
.game_rank_btn li:nth-child(5) a{background: url(/data/images/rank/rank_05_off.png) no-repeat}
.game_rank_btn li:nth-child(6) a{background: url(/data/images/rank/rank_06_off.png) no-repeat}
.game_rank_btn li:nth-child(7) a{background: url(/data/images/rank/rank_07_off.png) no-repeat}
.game_rank_btn li:nth-child(8) a{background: url(/data/images/rank/rank_08_off.png) no-repeat}

.game_rank_btn li:nth-child(1) .rank_on1{background: url(/data/images/rank/rank_01_on.png) no-repeat !important}
.game_rank_btn li:nth-child(2) .rank_on2{background: url(/data/images/rank/rank_02_on.png) no-repeat !important}
.game_rank_btn li:nth-child(3) .rank_on3{background: url(/data/images/rank/rank_03_on.png) no-repeat !important}
.game_rank_btn li:nth-child(4) .rank_on4{background: url(/data/images/rank/rank_04_on.png) no-repeat !important}
.game_rank_btn li:nth-child(5) .rank_on5{background: url(/data/images/rank/rank_05_on.png) no-repeat !important}
.game_rank_btn li:nth-child(6) .rank_on6{background: url(/data/images/rank/rank_06_on.png) no-repeat !important}
.game_rank_btn li:nth-child(7) .rank_on7{background: url(/data/images/rank/rank_07_on.png) no-repeat !important}
.game_rank_btn li:nth-child(8) .rank_on8{background: url(/data/images/rank/rank_08_on.png) no-repeat !important}

.game_rank_btn li:nth-child(1):hover a{background: url(/data/images/rank/rank_01_on.png) no-repeat}
.game_rank_btn li:nth-child(2):hover a{background: url(/data/images/rank/rank_02_on.png) no-repeat}
.game_rank_btn li:nth-child(3):hover a{background: url(/data/images/rank/rank_03_on.png) no-repeat}
.game_rank_btn li:nth-child(4):hover a{background: url(/data/images/rank/rank_04_on.png) no-repeat}
.game_rank_btn li:nth-child(5):hover a{background: url(/data/images/rank/rank_05_on.png) no-repeat}
.game_rank_btn li:nth-child(6):hover a{background: url(/data/images/rank/rank_06_on.png) no-repeat}
.game_rank_btn li:nth-child(7):hover a{background: url(/data/images/rank/rank_07_on.png) no-repeat}
.game_rank_btn li:nth-child(8):hover a{background: url(/data/images/rank/rank_08_on.png) no-repeat}

.ir {text-indent: -9999px; overflow: hidden;width:1px;height:1px}
/* 이벤트 calendar  */
.calendar table {width:100%;border-spacing: 0;border-collapse: collapse;}
.calendar table td,.calendar table th {border:1px solid #D5D9EA;border-top: 0;}
.calendar table th {color:#fff;font-weight:bold;font-size:12px;background-color:rgba(0,0,0,0.5);height:30px;vertical-align:middle;}
.calendar table th:first-child {border-left: 0;}
.calendar table th:last-child {border-right: 0;}
.calendar table td {padding:20px 10px;width:137px;
    /* height:157px*/}
.calendar table td:first-child {border-left: 0;}
.calendar table td:last-child {border-right: 0;}
.calendar table tr:last-child td {border-bottom: 0;}
.calendar table td.sun {color:#e74d39;}
.calendar table #month {border:none;text-align:center;padding:0;position:relative;}
.calendar table .month_wrap {color:#231f20;font-size:20px;padding-bottom:30px;}
.calendar table .month_wrap .month {font-size:50px;font-weight:bold;margin-right:5px;}
.calendar table thead .prev,
.calendar table thead .next {position:absolute;left:50%;top:10px;}
.calendar table thead .prev {margin-left:-200px;}
.calendar table thead .next {margin-left:200px;}
.calendar table thead .per_wrap {position:absolute;right:0;bottom:15px;text-align:right;}
.calendar table thead .per_wrap .tit {font-size:13px;}
.calendar table thead .per_wrap .per {font-size:25px;}
.calendar table td.check .stamp {/*background:url(../images/img_calendar-check.png) center center no-repeat;*//*스탬프 모양 이미지 추가시 작동*/
	background:red !important;margin:0 auto;}
.calendar .calendar_desc {font-size:15px;color:#666;margin-top:10px;}
.calendar .calendar_desc .pink {color:#e74d39;}
#calendarBody {background-color: #fff;}
#calendarBody td .stamp{width:100px;height:100px;background:#eee;border-radius:50%;line-height:100px;text-align:center;font-size:20px;color:#fff;margin: 0 auto;}

/* 메인 _2dan_bbs 섹션 */
._2dan_bbs {padding-bottom:31px;}
._2dan_bbs ul > li > img {margin-bottom: 5px;}
._2dan_bbs ul > li > span {overflow: hidden;width: 200px;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;}
._2dan_bbs ul.recommend > li > span {overflow: hidden;width: 200px;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;}
._2dan_bbs ul.recommend > li > span.category {color: #808080;margin-top: 3px;}

._2dan_bbs a:hover {cursor:pointer; text-decoration:underline;}

/* 로그인 후 aside_info ol */
#ol_after ._etc th em {display: inline-block !important; border-radius: 3px; padding: 0 4px !important; color: white;}
#ol_after ._etc th:first-of-type em {background: #319ade; border:1px solid #319ade !important;}
#ol_after ._etc th:first-of-type span {color: #319ade;}
#ol_after ._etc th:nth-of-type(2) em {background: #ee1311; border:1px solid #c50f0e !important;}
#ol_after ._etc th:nth-of-type(2) span {color: #e81212;}
#ol_after ._etc th:nth-of-type(3) em {background: #abad28; border:1px solid #a19f24 !important;}
#ol_after ._etc th:nth-of-type(3) span {color: #8a8b49;}
#ol_after ._etc th:last-of-type em {background: #e74d39; border:1px solid #e74d39 !important;}
#ol_after ._etc th:last-of-type span {color: #e74d39;}

/* aside_sp */
#aside .aside_sp ._head >a {float:right; font-size:12px; margin-left: 16px;}
#aside .aside_sp ._head >a._on {color:#e74d39; text-decoration: underline;}
#aside .aside_sp ._list {padding:unset; margin: unset;}
#aside .aside_sp ._list ul li {font-weight:bold;display:flex; justify-content:space-between;align-items: center; padding:12.5px 13px; border-bottom:1px solid #dee2eb;}
#aside .aside_sp ._list li p {color:#5d5d5d;}
#aside .aside_sp ._list li span.up  {color:#e74d39;margin-left:16px;}
#aside .aside_sp ._list li span.under  {color:#319ade;margin-left:16px;}
#aside .aside_sp ._list:last-of-type li span:first-of-type {color:#5d5d5d;}
#aside .aside_sp ._list:last-of-type li:last-of-type {border-bottom: unset !important;}

#aside .aside_sp.cast {}
#aside .aside_sp.cast ._head {background-color: white;}
#aside .aside_sp.cast a {display:flex;}
#aside .aside_sp.cast a p {margin-right: 7px}
#aside .aside_sp.cast a p.repl {color:#e74d39;}
#aside .aside_sp.cast a p.tit {text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;display: block; width: 298px;}



/* chart */
#chart-container .chart-wrapper {border:1px solid #dee2eb;margin: 7px 0;}
#chart-container .chart-wrapper .chart-tap {height:55px; border-bottom:1px solid #dee2eb;background-color:#ffffff; cursor: pointer;}
#chart-container .chart-wrapper .chart-tap ul {display: flex;justify-content: space-around;align-items: center;height: 100%;}
#chart-container .chart-wrapper .chart-tap ul li {color: #737373;width: 100%;height:100%;line-height: 55px;text-align: center;border-right:1px solid #dee2eb;}
#chart-container .chart-wrapper .chart-tap ul li:last-of-type {border-right:none;}
#chart-container .chart-wrapper .chart-tap ul li._on {color: #ffffff;background-color:#231f20;}
#chart-container .chart-wrapper > p {font-size: 15px; text-align:center;padding: 13px 0;}
#chart-container .chart-wrapper > p .red {color: #e62626;}
#chart-container .chart-wrapper .chart {height: 297px;background-color:#ffffff;border-top:1px solid #dee2eb;}
#chart-container .chart-wrapper .chart .chart-box {width:50%;}
#chart-container .chart-wrapper .chart .bar-chart-wrapper {border-right:1px solid #dee2eb;}
#chart-container .chart-wrapper table {width: 100%; background-color: white; border-collapse: collapse;}
#chart-container .chart-wrapper table tr {text-align: center;}
#chart-container .chart-wrapper table tr td, #chart-container .chart-wrapper table tr th {border:1px solid #dee2eb; font-weight:normal;}
#chart-container .chart-wrapper table tr td:first-of-type, #chart-container .chart-wrapper table tr th:first-of-type {border-left:none !important}
#chart-container .chart-wrapper table tr td:last-of-type, #chart-container .chart-wrapper table tr th:last-of-type {border-right:none !important}
#chart-container .chart-wrapper table tr:last-of-type td {border-bottom:none !important}
#chart-container .chart-wrapper table tr.subTitle th {background-color: #FCFCFC;}
#chart-container .chart-wrapper .content tr:nth-of-type(odd) {background-color: #f1f1f1;}
#chart-container .chart-wrapper table tr td {color:#5f6164; font-weight:bold;}
#chart-container .chart-wrapper table tr td .sp-over {font-size: 50px;color: #1ba9de; margin-top: -10px; margin-bottom: -6px;}
#chart-container .chart-wrapper table tr td .sp-under {font-size: 50px;color: #df2425; margin-top: -10px; margin-bottom: -6px;}
#chart-container .chart-wrapper table tr td .sp-odd {margin:0 auto;background-color: #1ba9de; width:30px; height:30px;border-radius:50%; text-align: center; line-height: 30px; color:white;}
#chart-container .chart-wrapper table tr td .sp-even {margin:0 auto;background-color: #df2425; width:30px; height:30px;border-radius:50%; text-align: center; line-height: 30px; color:white;}
#chart-container .chart-wrapper table tr td .sp-ball_bg {margin:0 auto;background-color: #f9d646; width:30px; height:30px;border-radius:50%; text-align: center; line-height: 30px;}
#chart-container .chart-wrapper .analysis-table {width:100%; border:none;}

/* sub-page tap */
.sub-titleBox {max-width:96%; margin:20px auto 20px;}
/* .sub-titleBox {border: 1px solid #dee2eb; margin-bottom: 8px; border-radius:5px; overflow:hidden}
.sub-titleBox a {border:unset !important;border-left: 1px solid #dee2eb !important; margin-left: unset !important;font-size:12.1px; color:#5C5760}
.sub-titleBox a:first-of-type {border-left:none !important;}
.sub-titleBox a:first-child {}
.sub-titleBox a.on {background:linear-gradient(#F7BC61, #C38527); !important;} */

#bo_btn_top #bo_list_total, #bo_sch, #bo_cate a {border-radius: unset !important;}
#bo_btn_top {overflow:hidden; display:flex; align-items:center;justify-content: space-between; border:1px solid #9DB5DD; border-radius:10px; margin-bottom:20px; padding: 0 15px; min-height:40px;}

#bo_list_total { float:left}

#aside a {position:relative;}
.quick_menu {
    position: absolute;
	left:0px;
    z-index: 2;
    background: #fff;
    border: 1px solid #999;
	border-radius:5px;
	overflow:hidden;
}
.quick_menu li {
    padding: 7px 15px;
    border-top: 1px solid #ddd;
    width: 120px;
}
.quick_menu li.tit {
    border-top: 0px;
    background: #333;
    color: #fff;
}
.quick_menu li.sub:hover {
    background: #999;
    color: #fff;
}
._hd_rank_box {display:inline-block; text-align:right; margin-left:30px;}
._hd_rank_box img {width:20px; margin-right: 5px;}
._hd_rank_box a {color:#000; font-weight:bold;font-family: KIMM_Bold, sans-serif;}

#ft_copy ._txt ._txt_best {
    color: #c34534;
    font-weight: bold;
}
#ft_copy ._txt ._txt_tit {
    color: #000;
    line-height: 30px;
}

.form_01 ul {
	margin-top: 30px;
}

.new_win_con .form_01 ul li {height:auto}
.popup_st {background:#f3f2f8; height:100vh}
#memo_view_contents { padding:20px 15px; border:1px solid #9DB5DD; border-radius:10px; margin-top:30px; margin-bottom:20px }
.memo_name { float:left; width:60%}
.memo_name a {display:block}
.memo_datetime {float:right; width:40%; text-align: right;}
.record_summary_wrapper {margin-bottom:20px}
.mypage_wrapper .tb_wrap:first-child {margin-bottom:20px}
.mypage_wrapper .tb_wrap:nth-child(2) {margin-bottom:20px}

/* 오픈챗 규정 */
.aside_minchat ._cont>._head #btnRule {position:absolute; right:27px; bottom:-30px;z-index: 99;}
.aside_minchat ._cont>._head ._rule {
	position:absolute; 
	right:27px;
    top: 80px;
    z-index: 99;
	text-align:right;
}
.aside_minchat ._cont>._head ._rule .btn_rule {
	background: #0268ba;
    color: #FFF;
    border: 0;
    padding: 3px 8px 5px;
    border-radius: 5px;
}
.aside_minchat ._cont>._head ._rule .guide_text {
	background: rgb(2 104 186 /94%);
	padding: 3px 3px 3px 10px;
	border-radius:5px;
	margin-top: 6px;
	display:none;
}
.aside_minchat ._cont>._head ._rule .guide_text>div {
	text-align:left;
	color: #FFF;
	max-height: 360px;
    overflow-y: auto;
	line-height: 2;
	padding:5px 8px 5px 0;
}
.aside_minchat ._cont>._head ._rule .guide_text>div::-webkit-scrollbar {
    width: 6px;
  }
.aside_minchat ._cont>._head ._rule .guide_text>div::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,0.4);
	border-radius:10px;
  }
.aside_minchat ._cont>._head ._rule .guide_text>div::-webkit-scrollbar-track {
    background-color: none;
  }
.aside_minchat ._cont>._head ._rule:hover {
	left:10px
}
.aside_minchat ._cont>._head ._rule:hover .guide_text {
	display:block;
}



.main_explain_title_wrap{
	margin-top: 50px;
}


.main_explain_title{
	position: relative;
	padding: 10px 40px;
	display: inline-block;
	border-radius: 10px;
	font-size: 16px;
	font-weight: bold;
	background: #9ab0d8;
	color: #fff;
	word-break: break-all;
	line-height: 1.4;
	z-index: 1;
	box-shadow: 4px 4px 6px rgba(91, 145, 237, 0.18), -4px -4px 6px #fff !important;
}


.main_explain_con {
	background-color: #eee;
	padding: 35px 20px;
	border-radius: 10px;
	margin-top: 10px;
	font-size: 0.85rem;
	background: linear-gradient(#EEEFF6, #F5F7FC);
	cursor: pointer;
	box-shadow: 4px 4px 6px rgba(91, 145, 237, 0.18), -4px -4px 6px #fff !important;
	color:#888;
}

.main_explain_con .top{
	font-size: 0.75rem;
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 30px;
	border-color: rgba(255, 255, 255, 0.5);
	box-shadow: inset 8px 6px 10px rgba(94, 145, 237, 0.2), inset -6px -6px 10px #fff !important;
	color: #888888;
	background: #E8EEF9;
}

.main_explain_con p{
	margin-bottom: 30px;
}

.main_explain_con .top p{
	margin-bottom: 0;
}