@charset "euc-kr";
/*
	max css var.1
	date : 2018-05-09
	name : design team koh won ji
*/
@import url('https://fonts.googleapis.com/css?family=Nunito+Sans');
@import url("jquery.mCustomScrollbar.css");
@import url("main.css");
@import url("sub.css");
@import url("layout.css");


/* base */
*{margin:0;padding:0}html{overflow-y:scroll}body{width:100%;height:100%}ul,ol,li{list-style:none}img,hr{border:0}img{vertical-align:top;border:0}a{text-decoration:none;color:#222}a:visited{text-decoration:none;}a:active{text-decoration:none;}a:hover{text-decoration:none;color:#da2127;transition:all 0.4s ease}table{border-collapse:collapse;border-spacing:0;width:100%}table td img{vertical-align:middle}p,div,ul,li,dl,dt,dd,ol,a,em,strong,fieldset,textarea,input,select,span,table,th,td,address,cite,button,h1,h2,h3,h4,h5,h6{color:#666;font-family:'Nunito Sans',sans-serif;font-size:18px;font-weight:400;line-height:100%;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none}input{-webkit-appearance:none;-webkit-border-radius:0;vertical-align:middle}hr,caption{display:none}legend{position:absolute;height:0;font-size:0;line-height:0;overflow:hidden;text-indent:-20000px}address,cite,em{font-style:normal}fieldset{border:0;padding:0}label{cursor:pointer}button{cursor:pointer;font-size:0;border:0;background:0;display:block}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,nav,menu,nav,section,summary{display:block}mark{background:0}.skip{visibility:hidden;position:absolute;top:0;left:0}

input[type=checkbox]{ -webkit-appearance: checkbox;}

@media screen and (max-width: 740px) {
	p,div,ul,li,dl,dt,dd,ol,a,em,strong,fieldset,textarea,input,select,span,table,th,td,address,cite,h1,h2,h3,h4,h5,h6 {font-size:15px; transition:all 0.3s ease;}
}
@media screen and (max-width:425px) {
	p,div,ul,li,dl,dt,dd,ol,a,em,strong,fieldset,textarea,input,select,span,table,th,td,address,cite,h1,h2,h3,h4,h5,h6 {font-size:13px;}
}

/* browser_msg */
#max_browser_msg{width:100%;height:auto;background:#222;padding:15px;box-sizing:border-box;text-align:center;position:relative}#max_browser_msg p,#max_browser_msg mark{color:#fff;line-height:140%;font-size:12px;letter-spacing:0}#max_browser_msg mark{background:#f0bd41;color:#000;padding:0 5px}#max_browser_msg .bt_browser_upgrade{display:inline-block;font-size:12px;background:#fff;padding:5px 30px;margin:15px 0 0 0}#max_browser_msg .bt_close_browser{position:absolute;top:0;right:0;background:#fff;font-size:11px;padding:10px 10px}

/* skip */
#skip {position:absolute; top:0; left:0; z-index:105; width:auto;}
#skip a {display:block; width:1px; height:1px; margin-bottom:-1px; overflow:hidden; font-size:16px; background:#848688; color:#fff; white-space:nowrap; text-align:center;}
#skip a:focus, #skip a:active {width:auto; height:auto; padding:7px 10px;}

/* title set */
	.m_tt { font-size:40px; font-weight:300; color:#000; }
	@media screen and (max-width: 1024px) {
		.m_tt {font-size:36px;}
	}
	@media screen and (max-width: 740px) {
		.m_tt {font-size:25px;}
	}
	@media screen and (max-width: 320px) {
		.m_tt {font-size:20px;}
	}

/* button */
	.bt_more { display:inline-block; position:relative; border:2px solid #fff; font:700 13px 'roboto'; color:#fff; width:200px; height:50px; box-sizing:border-box; padding:15px 30px; text-align:left; }
	.bt_more i {display:inline-block; width:60px; height:2px; background:transparent; position:relative; top:-3px; right:0;}
	.bt_more i:before {content:''; width:15px; height:2px; background:inherit; position:absolute; bottom:5px; right:-2px; transform: rotate(45deg);}
	.bt_more i:after {content:''; width:15px; height:2px; background:inherit; position:absolute; bottom:-5px; right:-2px; transform: rotate(-45deg);}
	.bt_more:hover { background:#fff; }
	.bt_more:hover i { display:inline-block; width:60px; right:-70px; background:#da2127; transition:all 0.3s linear; }
	.bt_more:hover i:before { width:15px; background:inherit; }
	.bt_more:hover i:after { width:15px; background:inherit; }
	@media screen and (max-width: 736px) {
		.bt_more { width:180px; padding:15px 20px; }
		
	}
/* button : board */
	/* more */
	a.bo_more {display:block; width:100%; height:20px; position:relative; font-size:0;}
	a.bo_more:before {content:''; position:absolute; top:50%; left:50%; display:block; width:16px; height:2px; margin:-1px 0 0 -8px; background:#999; }
	a.bo_more:after {content:''; position:absolute; top:50%; left:50%; display:block; width:2px; height:16px; margin:-8px 0 0 -1px; background:#999;}
	a.bo_more:hover:before {background:#da2127}
	a.bo_more:hover:after {background:#da2127}
	/* back */
	.bt_area a {display:inline-block; position:relative; border:2px solid #fff; font:400 13px 'roboto'; color:#fff; background:#333; height:50px; box-sizing:border-box; border-radius:4px; padding:14px 30px; text-align:left;}
	.bt_area a:hover {background:#da2127; transition:all .3s;}

/* control */
.control { display:flex; align-items:center; }
.control p { width:21px; height:21px; line-height:21px; margin-right:1px; }
.control a { display:block; width:5px; height:5px; margin:8px auto; border-radius:100%; background:#fff; position:relative; font-size:0;}
.control a.current:after { content:''; width:20px; height:20px; border-radius:100%; border:1px solid #fff; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.control .bt_stop { background:url("../image/common/bt_stop.png") center no-repeat; font-size:0; width:20px; height:20px; }
.control .bt_play { background:url("../image/common/bt_play.png") center no-repeat; font-size:0; width:20px; height:20px; }

/* Drag */
::selection {background: rgba(188, 18, 24, 0.85); /* Safari */ color: #fff;}
::-moz-selection {background: rgba(188, 18, 24, 0.85); /* Firefox */ color: #fff;}

/* input, textarea */
.max_it, .max_ttarea {border:1px solid #d7d7d7; padding:10px; box-sizing:border-box;}

/* input : checkbox */
.max_checkit {position:relative;}
.max_checkit input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.max_checkit input[type="checkbox"] + label {display:inline-block; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; font-size:0;}
.max_checkit input[type="checkbox"] + label:before {content:''; display:inline-block; width:20px; height:20px; line-height:20px; margin:-2px 8px 0 0; text-align:center; vertical-align:middle; background:#fff; border:1px solid #d7d7d7; border-radius:4px;}
.max_checkit input[type="checkbox"]:checked + label:before {background:url("../image/common/max_lab_sel_24.png") center no-repeat #fff; border:1px solid #000;}
.max_checkit.checkit_label input[type="checkbox"] + label {font-size:15px;}

/* input : radio */
.max_radio {position:relative;}
.max_radio input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.max_radio input[type="radio"] + label {display:inline-block; position:relative; padding-left:30px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
.max_radio input[type="radio"] + label:before {content:''; position:absolute; top:0; left:0; width:20px; height:20px; text-align:center; background:#fff; border:1px solid #d7d7d7; border-radius:100%;}
.max_radio input[type="radio"]:checked + label:before {background:#fff; border:1px solid #000;}
.max_radio input[type="radio"]:checked + label:after {content:''; position:absolute; top:6px; left:6px; width:10px; height:10px; background:#000; border-radius:100%;}

/* select box */
.max_select {appearance:none; font-family:inherit; background:url("../image/common/max_lab_sel_24.png") no-repeat 98% 50% #fff; width:200px; height:42px; border:1px solid #d7d7d7; border-radius:4px; padding-left:10px; box-sizing:border-box;}
.max_select::-ms-expand {display:none;}
@media screen and (max-width: 740px) {
	.max_select {height:38px;}
}

/* knu table style */
	/* table st */
	.knu_tbl {margin-top:20px;}
	.knu_tbl table {border-top:2px solid #da2127;}
	.knu_tbl thead th {padding:14px 0; border-bottom:1px solid #666; color:#000; line-height:160%;}
	.knu_tbl tbody td {padding:14px; border-top:1px dashed #d7d7d7; line-height:140%; text-align:center;}
	.knu_tbl tbody td * {line-height: inherit}
	.knu_tbl tbody {border-bottom:1px solid #d7d7d7}
	@media screen and (max-width:740px){
		.knu_tbl tbody td {padding:10px}
	}
	.tbl_st01 td:first-child {text-align:center}
	.tbl_st02 td {text-align:center}
	/* board list */
	.tbl_head02 {margin-bottom:80px;}
	.tbl_head02 table {border-top:2px solid #da2127;}
	.tbl_head02 th,
	.tbl_head02 td {padding:14px 0; border-bottom:1px solid #d7d7d7;}
	/* layout st */
	.tbl_3 {margin-bottom:40px;}
	.tbl_3 table {border-top:2px solid #da2127;}
	.tbl_3 thead th {padding:14px 0; border:1px solid #d7d7d7; background:#f5f5f5;}
	.tbl_3 tbody th {padding:10px; border:1px solid #d7d7d7; background:#f5f5f5;}
	.tbl_3 tbody td {padding:10px; border:1px solid #d7d7d7; text-align:center; font-size:13px;}
	.tbl_3 tbody td * {font-size:1em; color:#000;}
	.tbl_3 tfoot td {padding:10px; border:1px solid #d7d7d7; text-align:center; background:#f4e3e3; font-size:13px;}
	.tbl_3 tbody td .black {color:#000}

	.tbl_3w {margin-bottom:40px; border-top:2px solid #da2127;}
	.tbl_3w tbody th {padding:14px 20px; border:1px solid #d7d7d7; background:#f5f5f5;}
	.tbl_3w tbody td {padding:14px 20px; border:1px solid #d7d7d7; text-align:left;}
	.tbl_3w tbody td * {font-size:1em; color:#000;}
	.tbl_3w tbody td .black {color:#000}

	.description { height:3em; line-height:140%; font-size:13px; text-align:center;}
	.gall_text_href {text-align:center}
	.gall_li {width:200px}
	@media screen and (max-width:768px){
		#bo_gall .gall_li {width:19%; min-height:auto; margin:0 3% 6%;}
		#bo_gall .gall_con .gall_href {margin:0 auto 10px}
		#bo_gall .gall_text_href a {font-size:13px; line-height:140%; word-break:keep-all;}
		.description {font-size:12px; line-height:140%; letter-spacing:-0.06em;}
	}
	@media screen and (max-width:425px){
		#bo_gall .gall_li {width:21%; min-height:auto; margin:0 2% 40px;}
		.description {font-size:11px; line-height:120%; letter-spacing:-0.06em;}
	}

/* a link */
	.bt_submit {display:inline-block; width:160px; padding: 10px 20px; text-align:center; font-size:13px; background:#da2127; border:1px solid #da2127; border-radius:3px; color:#fff; cursor:pointer;}
	.bt_list {display:inline-block; padding: 10px 20px; font-size:12px; text-align:center; background:#222; border:1px solid #222; border-radius:3px; color:#fff; cursor:pointer;}

/* page 20180724 */
	.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
	.pg {}
	.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#000;font-size:12px;letter-spacing:0;line-height:2.2em;vertical-align:middle}
	.pg a:focus, .pg a:hover {text-decoration:none}
	.pg_page {background:#e4eaec;text-decoration:none}
	.pg_start, .pg_prev { }
	.pg_end, .pg_next { }
	.pg_current {display:inline-block;margin:0 4px 0 0;background:#222;color:#fff;font-weight:normal;}
	@media screen and (max-width:768px){
		.pg_page, .pg_current {padding:0 4px}
		.pg_current {margin:0 2px 0 0}
	}

/* popup layer */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:970px;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_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}
	
/* È­¸é³¶µ¶±â »ç¿ëÀÚ¿ë */
#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}

.btn_dmax_server_content { color: #fff; font-size:13px; display: inline-block; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border: 1px solid #000; padding:10px 20px; text-decoration: none; background-color: #222; cursor: pointer;}
.ctt_admin { position:absolute; top:0; right:0;  }
.ctt_admin a { color: #fff; font-size: .75em; display: inline-block; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #da2127; padding: .5em 1em; text-decoration: none; background-color: #da2127; cursor: pointer; }

#hd_login_msg { display:none; }