@charset "utf-8";
/*
	max css var.3 / date : 2020-09-03 / modify : 2021-03-12 / name : koh won ji
	- response web size -
	pc : (w)1280px / tablet : (w)1024px / mobile : (w)568px (w)320px
*/

*{margin:0;padding:0}.skip,legend{position:absolute}a,abbr,address,article,aside,audio,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,header,hgroup,hr,html,i,iframe,img,ins,kbd,li,main,mark,nav,ol,output,p,pre,q,ruby,s,samp,section,small,span,strong,sub,summary,sup,tbody,td,tfoot,th,thead,time,tr,u,ul,var,video,button,input,textarea,select{padding:0;margin:0;border:0;font:inherit;vertical-align:baseline;box-sizing:border-box}body{line-height:1;font-family:'SCDream','Malgun Gothic',sans-serif;font-size:18px;font-weight:300; color:#444;letter-spacing:-.04em; word-break:keep-all}a{text-decoration:none;color:inherit}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,hr{display:none}legend{height:0;font-size:0;line-height:0;overflow:hidden;text-indent:-20000px}address,cite,em{font-style:normal}button,label{cursor:pointer}button{border:0;background:0 0;display:inline-block;font-size:inherit;letter-spacing:-.04em; outline:none}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:none;color:inherit}.skip{visibility:hidden;top:0;left:0}
a:hover {color:#dd232a !important; text-decoration:underline;}

@media screen and (max-width: 1600px) {
	body {font-size:16px;}
}
@media screen and (max-width: 900px) {
	body {font-size:15px;}
}

/* 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}
.sound_only{font-size:0px;}
/* skip navigation */
.skip_nav {position:relative; z-index:999;}
.skip_nav a {display:inline-block; position:absolute; top:-100px; left:-999px; border:1px solid #24242c; background:#31313b; color:#fff;}
.skip_nav a:focus, .skip_nav a:active {display:inline-block; top:0; left:0; cursor:pointer; zoom:1; padding:5px 8px 4px; margin-right:9px; background:#31313B; font-weight:normal; font-size:11px; line-height:1.4;}

/* form */
	.max_it {display:block; height:auto; padding:10px 0; font:inherit; letter-spacing:-0.04em; -webkit-appearance:none; -webkit-border-radius:0; outline:none; background-color:transparent;}
	input[type="password"] {background:url("../image/common/ico_pass_hide.png") 96% center no-repeat;}

	.max_ckit {position:relative;}
	.max_ckit input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
	.max_ckit input[type="checkbox"] + label {display:inline-block; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
	.max_ckit input[type="checkbox"] + label:before {content:''; display:inline-block; width:1.778em; height:1.778em; line-height:1.778em; margin:-2px 8px 0 0; text-align:center; vertical-align:middle; background:url("../image/common/ico_check.svg") center no-repeat #d7d7d7; background-size:.889em; border-radius:100%; box-sizing:border-box;}
	.max_ckit input[type="checkbox"]:checked + label:before {background-color:#181818;}
	.max_ckit.ckit_label input[type="checkbox"] + label {font-size:.889em;}

	.max_radio {display:inline-block; position:relative; line-height:24px;}
	.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 #666; 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%;}

	.max_tta {width:100%; height:auto; border-bottom:2px solid #d7d7d7; margin-top:16px; line-height:1.6;}
	.max_tta:focus {border-bottom:2px solid #1dac6a;}

/* selectbox */
	.max_select {width:auto; height:42px; padding:0 20px 0 10px; background:url("../image/common/ico_select.svg") 97% 50% no-repeat; background-size:24px; border:1px solid #d7d7d7; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; box-sizing:border-box; letter-spacing:-1px; font-size:inherit; outline:none;}
	.max_select::-ms-expand {display:none;}

/* icon */
	.max-ico {display:block; position:relative; /* overflow:hidden; */}
	.max-ico:before, .max-ico:after {content:''; display:block; position:absolute; box-sizing:border-box;}

	.i-sch {width:32px; height:32px;}
	.i-sch:before {width:20px; height:20px; border:2px solid currentColor; border-radius:100%; top:4px; left:4px;}
	.i-sch:after {width:2px; height:10px; background-color:currentColor; transform:rotate(-45deg); top:19px; left:22px;}

	.i-file {width:32px; height:32px; background:url("../image/common/ico_file.svg") center no-repeat; background-size:20px; font-size:0;}

	.i-arrow {width:24px; height:24px;}
	.i-arrow:before {width:14px; height:14px; border:2px solid currentColor; border-right-width:0; border-top-width:0; transform:rotate(-45deg); bottom:9px; left:5px;}

	.i-arr-top {width:32px; height:32px;}
	.i-arr-top:before {width:14px; height:14px; border:2px solid currentColor; border-left-width:0; border-bottom-width:0; transform:rotate(-45deg); top:8px; left:9px;}
	.i-arr-top:after {width:2px; height:20px; top:8px; left:15px; background-color:currentColor;}

	.i-menu {width:2.667em; height:2.667em;}
	.i-menu:before {width:2.222em; height:3px; background:currentColor; top:.44em; left:3px; box-shadow:0 .667em currentColor, 0 1.333em currentColor;}

	.i-stop {width:24px; height:24px;}
	.i-stop:before, .i-stop:after {height:16px; width:4px; background:currentColor; top:4px; left:6px;}
	.i-stop:after {left:14px;}

	.i-play {width:24px; height:24px;}
	.i-play:before {height:22px; width:2px; background:currentColor; top:3px; left:12px;}
	.i-play:after {width:16px; height:16px; border:2px solid currentColor; border-top-width:0; border-left-width:0; transform:rotate(-45deg); top:6px; left:5px;}

	.i-plus {width:16px; height:16px;}
	.i-plus:before, .i-plus:after {width:14px; height:2px; background:currentColor; top:7px; left:1px;}
	.i-plus:after {width:2px; height:14px; top:1px; left:7px;}

	.i-close {width:48px; height:48px;}
	.i-close:before, .i-close:after {width:40px; height:2px; background:currentColor; top:23px; left:4px; transform:rotate(-45deg);}
	.i-close:after {transform:rotate(45deg);}

	.i-blank {width:16px; height:16px; opacity:.5;}
	.i-blank:before {width:12px; height:12px; border:2px solid currentColor; border-top-width:3px; top:0; right:0;}
	.i-blank:after {width:12px; height:12px; border:2px solid currentColor; border-top:none; border-right:none; bottom:0; left:0;}

/* layout */
body {background-color:#f8f4f4;}
#max_wrap {width:100%; min-width:320px; height:auto; position:relative;}
#max_header {width:100%; height:auto; max-width:1920px; padding:0 128px; margin:0 auto; position:relative;}
#max_container {width:100%; max-width:1920px; margin:0 auto;}
#max_footer {width:100%; height:auto; max-width:1920px; padding:0 128px 3em; margin:0 auto; position:relative; background-color:#fff;}

@media screen and (max-width: 1600px) {
	#max_header {padding:0 96px;}
	#max_footer {padding:0 96px 3em;}
}
@media screen and (max-width: 1280px) {
	#max_header {padding:0 80px;}
	#max_footer {padding:0 80px 3em;}
}
@media screen and (max-width: 1279px) {
	#max_header {padding:0 4%;}
	#max_footer {padding:0 4% 3em;}
}

/* header */
#max_header .inner {width:100%; height:auto;}
#max_header .inner:after {content:''; display:block; clear:both;}

.logo {float:left; width:28%; height:128px; display:table;}
.logo a {display:table-cell; vertical-align:middle;}
.logo a img {max-width:100%;}

@media screen and (max-width: 1600px) {
	.logo {height:96px;}
}
@media screen and (max-width: 1280px) {
	.logo {height:72px;}
}
@media screen and (max-width: 1279px) {
	.logo {width:360px; height:auto; padding:19px 0;}
}
@media screen and (max-width: 900px) {
	#max_header .inner {height:64px; padding:10px 0;}
	.logo {width:210px; height:auto; padding:0;}
}

/* header : menu */
#lnb {float:left; width:calc(100% - 28%); text-align:right;}
#lnb > ul {width:100%; font-size:1.167em;}
#lnb > ul > li {display:inline-block; padding-right:4%; font-weight:400; text-transform:uppercase; position:relative;}
#lnb > ul > li .depth1-lnk {display:block; padding:53px 0; cursor:pointer;}
#lnb > ul > li .depth1-lnk:hover a {color:#dd232a;}
.bt-menu {width:128px; height:128px; padding:40px; background-color:#dd232a; color:#fff; position:fixed; top:0; right:0; z-index:3;}
.bt-menu:hover {background-color:#99171c}
@media screen and (max-width: 1600px) {
	#lnb > ul {font-size:1.125em;}
	#lnb > ul > li {padding-right:3.33%}
	#lnb > ul > li .depth1-lnk {padding:39px 0;}
	.bt-menu {width:96px; height:96px; padding:26px;}
}
@media screen and (max-width: 1280px) {
	#lnb > ul > li .depth1-lnk {padding:31px 0;}
	.bt-menu {width:80px; height:80px; padding:18px;}
}
@media screen and (max-width: 1279px) {
	#lnb {display:none;}
}
@media screen and (max-width: 900px) {
	.bt-menu {width:64px; height:64px; padding:13px;}
}

.full-menu {position:fixed; top:0; right:-400px; width:400px; height:100%; overflow-y:auto; background:#fff; box-shadow:0 0 20px 5px rgba(0,0,0,0.1); z-index:9999;}

.full-menu .member {width:100%; height:auto; background-color:#dd232a; color:#fff; display:table; text-align:center;}
.full-menu .member li {display:table-cell; width:50%; position:relative;}
.full-menu .member li:not(:nth-child(1)):before {content:''; display:block; width:1px; height:1em; background-color:rgba(255,255,255,.3); position:absolute; top:50%; left:0; transform:translateY(-50%);}
.full-menu .member li a {display:block; width:100%; height:auto; padding:1em 0;}
.full-menu .member li a:hover {color:#fff !important;}
.full-menu .member.knu-lnk {background-color:#f8f4f4; color:#444;}
.full-menu .member.knu-lnk li:not(:nth-child(1)):before {background-color:rgba(0,0,0,.3);}
.full-menu .member.knu-lnk li a:hover {color:#dd232a !important;}

.full-menu .f_quick_ser {width:100%; height:auto; background-color:#99171c; color:#fff;}
.full-menu .f_quick_ser .q_open {display:block; width:100%; height:auto; padding:1.25em; font-size:1.333em; font-weight:300; letter-spacing:0; text-transform:uppercase; position:relative;}
.full-menu .f_quick_ser .q_open span {font-weight:500;}
.full-menu .f_quick_ser .q_open .i-plus {position:absolute; top:1.4em; right:1.25em;}
.full-menu .f_quick_ser .q_open:hover {color:#fff !important;}
.full-menu .f_quick_ser .q_open.active .i-plus:after {display:none;}
.full-menu .f_quick_ser ul {width:100%; height:auto; background-color:#6b1014;}
.full-menu .f_quick_ser ul li:not(:nth-child(1)) {border-top:1px solid rgba(255,255,255,.1);}
.full-menu .f_quick_ser ul li a {display:block; padding:1.25em 2em;}
.full-menu .f_quick_ser ul li a:hover {color:#ffba00 !important; font-weight:500;}
.full-menu .f_nav {width:100%; padding:1.25em; font-size:1.111em;}
.full-menu .f_nav > li {width:100%; position:relative;}
.full-menu .f_nav > li > a {display:block; position:relative; padding:1.2em .8em; border-bottom:1px solid #e1e1e1;}
.full-menu .f_nav > li > a .i-plus {display:block; position:absolute; top:1.3em; right:.8em;}
.full-menu .f_nav > li .depth-2 {display:none; width:100%; height:auto; padding:1em; background-color:#f8f4f4; font-size:.8em;}
.full-menu .f_nav > li .depth-2 ul {width:100%; height:auto;}
.full-menu .f_nav > li .depth-2 ul li {display:block;}
.full-menu .f_nav > li .depth-2 ul li a {display:block; padding:.75em 1em;}
.full-menu .f_nav > li > a.active {background-color:#c48b3a; color:#fff; font-weight:500;}

.full-menu .f_nav > li > a.active .i-plus:after {display:none;}
.full-menu .f_nav > li > a.active:hover {color:#fff !important;}
@media screen and (max-width: 900px) {
	.full-menu {width:83.66%; right:-83.66%;}
	.full-menu .f_quick_ser ul {font-size:.889em;}
}
.bg_layer {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); z-index:999;}

/* quick */
#max_quick {width:128px; height:auto; position:fixed; top:128px; right:0; z-index:3; text-align:center;}
#max_quick ul {width:100%; height:inherit; font-size:.833em; color:#fff;}
#max_quick ul li {width:inherit; height:92px; background-color:#99171c; display:table;}
#max_quick ul li:not(:nth-child(1)) {border-top:1px solid rgba(255,255,255,.2);}
#max_quick ul li a { width:100%; height:100%; line-height:1.2;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;align-content: center;}
#max_quick ul li a:hover {color:#ffba00 !important;}
#max_quick .bt-quick-open {width:100%; height:128px; line-height:1.3; background-color:#6b1014; color:#fff; letter-spacing:.1em; text-transform:uppercase;}
#max_quick .bt-quick-open span {display:block; font-weight:500;}
#max_quick .bt-quick-open .i-arrow {margin:1em auto 0;}
#max_quick .bt-quick-open:hover {background-color:#99171c;}
#max_quick .bt-quick-close {display:block; width:100%; height:88px; padding:28px 0; background-color:#6b1014; color:#fff; font-size:0; text-align:center;}
#max_quick .bt-quick-close .i-arr-top {display:inline-block;}
@media screen and (max-width: 1600px) {
	#max_quick {display:none;}
}

/* footer */
.f-menu {width:100%; height:auto; padding-top:2em;}
.f-menu:after {content:''; display:block; width:100%; height:1px; background-color:#eee; margin-top:2em;}
.f-menu li {display:inline-block; font-weight:400;}
.f-menu li:not(:nth-child(1)) {padding-left:2.5%;}
.f-menu li:nth-child(2) {color:#dd232a;}

.f-box {width:100%; height:auto; padding-top:2em;}
.f-box:after {content:''; display:block; clear:both;}
.f-box p {float:left; width:28%;}
.f-box img {max-width:100%;}
.f-box .add-box {float:left; width:calc(100% - 28%); padding-left:3.33%; font-weight:400; font-size:.889em; letter-spacing:0; color:#5a5a5a;}
.f-box .add-box em {display:block; padding-bottom:1em; /* text-transform:uppercase; */}
.f-box .add-box em span {display:inline-block; width:32px;}
.f-box .add-box cite {display:block; font-size:.875em; padding-top:1.143em;}

.f-site {width:24%; height:auto; background-color:#eee; position:absolute; bottom:0; right:128px; color:#fff; font-size:.889em; font-weight:400;}
.f-site .bt-site {width:100%; height:4em; padding:0 1.778em; background-color:#5a5a5a; position:relative; text-align:left; color:inherit;}
.f-site .bt-site .i-plus {position:absolute; top:50%; right:1.778em; transform:translateY(-50%);}
.f-site .site-lst {display:none; width:100%; height:12.222em; overflow-y:auto; position:absolute; bottom:4em; right:0; z-index:1;}
.f-site .site-lst li:not(:nth-child(1)) {border-top:1px solid #3d3d3d;}
.f-site .site-lst li a {display:block; width:100%; height:4em; line-height:4em; padding:0 1.778em; background-color:#333;}
.f-site .site-lst li .i-blank {display:inline-block; vertical-align:middle; margin:-6px 0 0 4px;}

.util-menu {position:absolute; bottom:5.333em; right:128px; font-size:.889em; color:#999;}
.util-menu a {display:inline-block; vertical-align:middle; width:4em; height:4em; padding:.96em; border-radius:100%; border:1px solid #d7d7d7; text-align:center;}
.util-menu a:hover svg {fill:#c48b3a;}

@media screen and (max-width: 1600px) {
	.f-site, .util-menu {right:96px;}
}
@media screen and (max-width: 1280px) {
	.f-site, .util-menu {right:80px;}
}
@media screen and (max-width: 1279px) {
	.f-menu li {width:24.66%; text-align:center; padding-top:1em;}
	.f-menu li:not(:nth-child(1)) {padding-left:0;}
	.f-box p {display:none;}
	.f-box .add-box {float:none; width:100%; padding-left:0; line-height:1.4;}
	.f-site, .util-menu {right:4%;}
}
@media screen and (max-width: 900px) {
	#max_footer {padding:0 4%;}
	.f-menu li {width:31.33%; font-size:.867em;}
	.f-box .add-box {text-align:center; padding-bottom:3em;}
	.f-site {width:calc(100% - 8em); position:relative; top:0; right:0;}
	.util-menu {width:8em; bottom:0;}
	.util-menu a {display:block; float:left; border-radius:0; border-color:#5a5a5a; color:#5a5a5a; border-left:none;}
	.util-menu a svg {fill:#5a5a5a;}
}
@media screen and (max-width: 568px) {
	.f-menu li {width:49%;}
}
@media screen and (max-width: 320px) {
	.f-site {width:100%;}
	.util-menu {width:100%; position:relative; right:0;}
	.util-menu a {width:50%;}
	.util-menu a:nth-child(1) {border-left:1px solid #5a5a5a}
	.util-menu .i-arr-top {margin:0 auto;}
}

/* popup layer : SIR */
#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; left:50% !important; transform:translateX(-50%); background:#fff;z-index:1; box-shadow:0 0 10px rgba(0,0,0,.3); border-radius:16px; overflow:hidden;}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#fff;color:#181818;text-align:left;position:relative;border-top:1px solid #e5e5e5; font-weight:400; font-size:14px;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:20px;border:0;color:#181818}
.hd_pops_footer .hd_pops_reject {text-align:left}
.hd_pops_footer .hd_pops_close {position:absolute;top:0;right:0;border-left:1px solid #e5e5e5;}

@media screen and (max-width: 568px) {
	.hd_pops {width:90.66%; height:auto;}
	.hd_pops_con {width:100% !important; height:auto !important;}
}

/* new win : SIR */
.new_win {position:relative;padding-bottom:48px;}
.new_win .tbl_wrap {background-color: #fff; padding:0 20px}
.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}
.new_win .frm_info {font-size:0.92em;color:#919191}
.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {margin:20px 0;padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn {text-align:center;vertical-align:middle;}
.new_win .btn_close {cursor:pointer;background:#dcdcdc;height:45px;width:60px;overflow:hidden;cursor:pointer;text-align:center;}
.new_win .btn_submit {display:inline-block;vertical-align:top;border:0;background:#3a8afd;color:#fff;cursor:pointer;padding:0 20px;height:45px;}
.new_win .btn_submit:hover {background:#2375eb}

/* SIR base table */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec} 
.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:20px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px}
.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;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all}
.tbl_head01 tbody tr:hover td {background:#fafafa}
.tbl_head01 a:hover {text-decoration:underline}