@charset "utf-8";
/*
	max css var.3 / date : 2021-01-25 / modify : 2021-03-02 / name : hyemin kim _ dmax
	- response web size -
	pc : (w)1280px / tablet : (w)1024px / mobile : (w)568px (»çÀÌÆ®¿¡ µû¶ó ±âÁØ º¯°æ ½Ã ¼öÁ¤)
*/

*{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{font: inherit;padding:0;margin:0;border:0;vertical-align:baseline;box-sizing:border-box}body{font-size:1em;font-family:'Roboto','NotoKR','Malgun Gothic', dotum, sans-serif;letter-spacing:-0.05em;line-height:1;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;font: inherit;background:0 0;display:inline-block;letter-spacing:-.04em}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:none;color:inherit}.skip{visibility:hidden;top:0;left:0}
/* 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}

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

		/*üũ¹Ú½º Ä¿½ºÅÒ*/
	.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; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
	.max_ckit input[type="checkbox"] + label:before { content: ''; position: absolute; left: 0; top: -4px; width: 21px; height: 21px; text-align: center; background: #fff; border: 1px solid #ccc; border-radius:3px; }
	.max_ckit input[type="checkbox"] + label:active:before, .checks input[type="checkbox"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
	.max_ckit input[type="checkbox"]:checked + label:before { background: #fff; border-color: #ccc; }
	.max_ckit input[type="checkbox"]:checked + label:after { content: ''; position: absolute; top: 2px; left: 6px; width: 9px; height: 9px; background: #006f76; border-radius: 0; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); }


	/*¶óµð¿À¹öÆ° Ä¿½ºÅÒ*/
	input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
	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; }
	input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: -4px; width: 21px; height: 21px; text-align: center; background: #fff; border: 1px solid #ccc; border-radius: 100%; }
	input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } 
	input[type="radio"]:checked + label:before { background: #fff; border-color: #ccc; }
	input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 2px; left: 6px; width: 9px; height: 9px; background: #006f76; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); }



/* üũ¹Ú½º */
.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box {position:relative}
.chk_box input[type="checkbox"] + label {position:relative;color:#676e70; text-align:Center;   line-height: 30px; display: inline-table;vertical-align: middle;}
.chk_box input[type="checkbox"] + label:hover {color:#676e70}
.chk_box input[type="checkbox"] + label span {float:left;width:30px;height:30px;display:inline-block;margin-right:10px;text-align: center;background:#ddd url(../img/chk.png) no-repeat 50% 50%;}
.chk_box input[type="checkbox"]:checked + label {color:#000}
.chk_box input[type="checkbox"]:checked + label span {background:url(../img/chk.png) no-repeat 50% 50% #ae875e;}
.write_div .chk_box input[type="checkbox"] + label, .write_div .chk_box input[type="checkbox"] + label {padding-left:30px; line-height:23px;}
.write_div .chk_box input[type="checkbox"] + label span, .write_div .chk_box input[type="checkbox"] + label span {position:absolute;top:2px;left:0;width:20px;height:20px;display:block;margin:0;background:#ddd url(../img/chk.png) no-repeat 50% 50%;;}
.write_div .chk_box	input[type="checkbox"]:checked + label:before { background: #fff; border-color: #ccc; }
.write_div .chk_box	input[type="checkbox"]:checked + label:after { content: ''; position: absolute; top: 2px; left: 0px; width: 20px; height: 20px; background: #AE875E url(../img/chk.png) no-repeat 50% 50%;  box-shadow:none; }

.chk_box	input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.chk_box	input[type="radio"] + label { display: inline-block;  margin-right:20px; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.chk_box	input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: -4px; width: 24px; height: 24px; text-align: center; background: #ddd url(../img/chk.png) no-repeat 50% 50%;; border: 1px solid #ccc; border-radius: 100%; }
.chk_box	input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } 
.chk_box	input[type="radio"]:checked + label:before { background: #fff; border-color: #ccc; }
.chk_box	input[type="radio"]:checked + label:after { content: ''; position: absolute; top: -4px; left: 0px; width: 24px; height: 24px; background: #AE875E url(../img/chk.png) no-repeat 50% 50%;     border: 1px solid #AE875E; border-radius: 100%; box-shadow:none; }







	.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:200px; height:42px; padding-left:10px; background:url("../image/common/ico_select.png") 93% 50% #fff no-repeat; background-size:8px; 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;}
	.max_select::-ms-expand {display:none;}
	.max_select:focus {border-bottom:2px solid #1dac6a;}

/* icon */
	.max-ico {display:block; position:relative; /* overflow:hidden; */}
	.max-ico:before, .max-ico:after {content:''; display:block; position:absolute; box-sizing:border-box;}
	.ico-new {font-size: 15px; right: 8px;}

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

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

	.arr-btm-small {width:16px; height:16px;}
	.arr-btm-small:before {width:6px; height:6px; border:2px solid currentColor; border-right-width:0; border-top-width:0; transform:rotate(-45deg); bottom:6px; left:5px;}

	.ico-arrow {width:16px; height:16px;}
	.ico-arrow:before {width:8px; height:8px; border:1px solid currentColor; border-right-width:0; border-top-width:0; transform:rotate(-45deg); bottom:7px; left:4px;}

	.ico-more {width:32px; height:32px;}
	.ico-more:before {width:8px; height:8px; border:2px solid currentColor; border-left-width:0; border-top-width:0; transform:rotate(-45deg); top:12px; right:5px;}
	.ico-more:after {width:24px; height:2px; background-color:currentColor; top:15px; left:3px;}

	.ico-menu {width:32px; height:32px;}
	.ico-menu:before {width:30px; height:2px; background:currentColor; top:4px; left:4px; box-shadow:0 10px currentColor, 0 20px currentColor;}

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


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

	.ico-plus {width:24px; height:24px;}
	.ico-plus:before, .ico-plus:after {width:20px; height:3px; background:currentColor; top:8px; left:0;}
	.ico-plus:after {width:3px; height:20px; top:0; left:9px;}

	.ico-close {width:32px; height:32px; font-size:0;}
	.ico-close:before, .i-close:after {width:26px; height:1px; background-color:currentColor; top:15px; left:3px; transform:rotate(-45deg);}
	.ico-close:after {transform:rotate(45deg);}

	.ico-blank {width:24px; height:24px;}
	.ico-blank:before, .i-blank:after {width:12px; height:12px; border:1px solid currentColor; background-color:#fff; top:4px; left:4px;}
	.ico-blank:after {top:8px; left:8px;}

	.ico-mouse {width:48px; height:48px;}
	.ico-mouse:before {width:26px; height:40px; border:2px solid currentColor; border-radius:50px; top:4px; left:11px;}
	.ico-mouse:after {width:4px; height:8px; background-color:currentColor; border-radius:50px; top:16px; left:22px;}
	
	.ico-arr-prev {width:24px; height:24px;}
	.ico-arr-prev:before {width:12px; height:12px; border:1px solid currentColor; border-bottom-width:0; border-right-width:0; transform:rotate(-45deg); top:6px; left:8px;}
	.ico-arr-next {width:24px; height:24px;}
	.ico-arr-next:before {width:12px; height:12px; border:1px solid currentColor; border-top-width:0; border-left-width:0; transform:rotate(-45deg); top:6px; left:8px;}

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

	.ico-close.middle25 {width:25px; height:25px;}
	.ico-close.middle25:before, .ico-close.middle25:after {width:25px; height:2px; top:15px; left:8px;}

	.ico-close.small16 {width:16px; height:16px;}
	.ico-close.small16:before, .ico-close.small16:after {width:10px; height:2px; top:7px; left:3px;}

	.ico-arr-more {width:40px; height:30px;}
	.ico-arr-more:before {width:12px; height:12px; border:2px solid currentColor; border-left-width:0; border-top-width:0; border-bottom-width:0; transform:rotate(-45deg); top:7px; right:6px;}
	.ico-arr-more:after {width:35px; height:2px; background-color:currentColor; top:12px; left:0px;}



#max_wrap {position: relative;}
/*header area*/
#max_header {width:100%; height:100px; display:block; z-index:2; position:fixed; top:0; left:0; z-index:99;border-bottom:1px solid rgba(255,255,255,0.5);background:rgba(0,0,0,0.1);  -webkit-transition-duration:0.4s;
  -webkit-transition-timing-function:ease; transition-duration:0.4s;  transition-timing-function:ease;}
#max_header .inner {position: relative; width:1400px; margin: 0 auto;}
#max_header .logo_area {position:absolute; left:0; width: 100px; height: 100px; z-index:11;} 
#max_header .logo_area h1 {width:100px; height:100px; background:url(../image/common/logo.png) no-repeat center; }
#max_header .logo_area h1 a {font-size: 0; display: block; width:100%; height:100%;}
#max_header .menu_area {width:80%; margin: 0 auto;}


/*header area*/
#max_header2 {width:100%; height:100px; display:block; z-index:2; position:fixed; top:0; left:0; z-index:99;background:#ae875e; }
#max_header2 .inner {position: relative; width:1400px; margin: 0 auto;}
#max_header2 .logo_area {position:absolute; left:0; width: 100px; height: 100px; z-index:11;} 
#max_header2 .logo_area h1 {width:100px; height:100px; background:url(../image/common/logo.png) no-repeat center; }
#max_header2 .logo_area h1 a {font-size: 0; display: block; width:100%; height:100%;}
#max_header2 .menu_area {width:80%; margin: 0 auto;}
.MAIN_container {margin-top: 145px;}

	.nav-wrap {width:82.8125%; height:auto; color:#fff;}
	.nav-wrap nav {width:100%; height:auto; position:absolute; top:0;  z-index:10; font-weight:500; text-align:center;}
	.nav-wrap nav > ul {position:relative; margin-left:-150px;}
	.nav-wrap nav > ul > li {display:inline-block;}
	.nav-wrap nav > ul > li > a {position: relative; display:block; height:100px; line-height: 100px; margin:0 15px; color:#fff; font-size:18px;font-weight: 300;}
	.nav-wrap nav > ul > li > .adm_color{display:block; padding:.5em 0; margin:0 .75em; color:#15489f; border:1px solid #15489f; background-color:#fff; padding:4px 10px 4px 10px; border-radius:10%;}
	.nav-wrap nav > ul > li > .adm_color:hover {color:#fff; background-color:#15489f; border:1px solid #15489f;} 
	.nav-wrap nav > ul > li > a:hover {color:#fdc78f; font-weight:500;}
	.nav-wrap nav > ul > li > a:hover::before {content:''; position: absolute;width:100%; height:3px; bottom:0; background: #fdc78f;}
	.nav-wrap nav > ul > li > .active {color:#2f2317; font-weight:500;}
	.nav-wrap nav > ul > li > .active::before {content:''; position: absolute;width:100%; height:3px; bottom:0; background: #2f2317;}
	.nav-wrap nav .snb {display:none; position:absolute; width:100%; top:100px;background: rgb(47 35 23 / 64%);
    left:50%; transform: translate(-50%, 0);/* display:flex; */ font-weight:400; font-size:16px;font-weight: 200; color:#878e92;}
	#max_header2  .nav-wrap nav .snb {display:block; position:absolute; width:100%; top:100px;background:#2f2317; left:50%; transform: translate(-50%, 0);/* display:flex; */ font-weight:400; font-size:16px;font-weight: 200; color:#878e92;}
	.nav-wrap nav ul li:nth-child(1) .snb {padding-right:500px;}
	.nav-wrap nav ul li:nth-child(2) .snb {padding-right:0px;}
	.nav-wrap nav ul li:nth-child(3) .snb {padding-left: 140px;}
	.nav-wrap nav ul li:nth-child(4) .snb {padding-left:180px;}
	.nav-wrap nav ul li:nth-child(5) .snb {padding-left:250px;}
	.nav-wrap nav ul li:nth-child(6) .snb {padding-left:430px;}
	.nav-wrap nav ul li:nth-child(7) .snb {padding-left:420px;}
	.nav-wrap nav ul li:nth-child(8) .snb {padding-left:590px;}
	.nav-wrap nav ul li:nth-child(9) .snb {padding-left:700px;}
	.nav-wrap nav ul li:nth-child(10) .snb {padding-left:620px;}
	
	.nav-wrap nav .snb {float:left;}
	.nav-wrap nav .snb a {display:inline-block; padding:16px .75em;color:#fff;}
	.nav-wrap nav .snb a.active {color: #ff8400; font-weight: 500;}
	.nav-wrap nav .snb a:hover {color:#AE875E; font-weight:400;} 
	.nav-wrap nav .snb li .active:before {opacity:1;}
	.nav-wrap nav .depth1 .btn_pc_dep1.active .snb {display:block;}
	.nav-wrap nav .depth1 .btn_pc_dep1.active .snb ul{}
	.nav-wrap nav .depth1 .btn_pc_dep1.active .snb ul  li {display: inline;}
	.nav-wrap nav .btn_pc_dep1.active .lnb_depth2 {z-index:2;}
	.nav-wrap nav .btn_pc_dep1.active .lnb_depth2 ul {}
	.nav-wrap nav .btn_pc_dep1.active .lnb_depth2 ul li {	display: inline-block;}
	.noactive {display: block;}
	.nav-wrap .bt-menu {position:absolute; top:2.778em; right:2.778em; z-index:10; outline:none;}
	.nav-wrap .bt-menu .max-ico {font-size:0;}
	.nav-wrap .bt-menu .i-close:before,
	.nav-wrap .bt-menu .i-close:after {height:4px;}

	.bt_sitemap {display:inline-block; position:absolute; right:0; top:0; width:32px; height:100px; margin-left:30px;font-size:0; z-index:11;}
	.bt_sitemap > i {position:absolute; top:50%; right:50%;transform:translate(33%, -50%); color:#fff;}
	 .gnb {position:absolute; top:0; right:50px;z-index:11;}
	 .gnb li {float:left; padding:0 5px; margin-top:31px;} 
	 .gnb li.event {margin-top:36px; margin-left:12px;}
	 .gnb li a {width:100%; height:100%; display:block;}
	.down {
	  background:#ae875e !important; border-bottom:0 !important; 
	  -webkit-transition-timing-function:ease;
	  transition-duration:0.2s;
	  transition-timing-function:ease;
	}
	.down .nav-wrap nav .snb  {background:#2f2317 !important;} 

/* header : sub menu */
#max_header .sub_head .logo_area a {background:url("../image/common/logo.png") no-repeat center; background-size:100%; } 
#max_header .sub_head  #menu ul > li > a { color:#000;}
#max_header .sub_head .bt_sitemap > i { color:#006f76;}
#max_header .sub_head #menu ul > li:hover > a {color:#006f76;}

/* header : full menu */
.fullmenu {display:none; width:100%; height:100%; position:fixed; top:0; left:0; z-index:999;}
.fullmenu:before {content:''; display:block; width:100%; height:100%; background:#F5F2EC; position:absolute; top:0; left:0;}
.fullmenu .box {width:1280px; height:auto; padding:2em; position:absolute; top:50%; left:50%;transform: translate(-50%, -50%); background-color:#f5f2ec; color:#181818; overflow-y:auto;}
.fullmenu .box .full_lnb > li {float:left; width:16%; margin-right:4%; min-height:300px; margin-bottom:100px;}
.fullmenu .box .full_lnb > li:nth-child(5n) {margin-right:0;}
.fullmenu .box .full_lnb > li:nth-child(n+6) {margin-bottom:0;}
.fullmenu .box .full_lnb > li > a {font-size: 22px;padding:20px 0; border-bottom:1px solid #e7ddd0;display: block; }
.fullmenu .box .full_lnb > li:hover > a {color:#ae875e; border-bottom:1px solid #ae875e;position: relative;	}
.fullmenu .box .full_lnb > li:hover > a::before {content:'';position: absolute; top:0; width:100%; height:3px; background: #ae875e;}
.fullmenu .box .full_lnb > li > ul[class^="sub_menu"] {margin-top:20px;}
.fullmenu .box .full_lnb > li > ul[class^="sub_menu"] > li {margin:15px 0; font-size: 18px; font-weight: 200;}
.fullmenu .box .full_lnb > li > ul[class^="sub_menu"] > li a {display: block;}
.fullmenu .box .full_lnb > li > ul[class^="sub_menu"] > li a::before{display: none;}
.fullmenu .box .full_lnb > li > ul[class^="sub_menu"] > li a:hover {color:#ae875e; font-weight: 300;border:0;}
.fullmenu .box .bt_sitemap_close {position:absolute; top:0; right:0;}

/* footer */
.max_footer {width:100%; background:#1c1c1c; color:#aaa;} 
.max_footer .inner {width:1280px; margin: 0 auto; text-align:center; padding:40px 0;} 
.max_footer .f-menu {position:relative; overflow:hidden; display:inline-block; text-align:center; border-bottom:1px solid #333; width: 100%; padding:16px 0;}
.max_footer .f-menu li {display:inline-block; padding: 0 1.067em; position: relative;}
.max_footer .f-menu li:nth-child(1) a {color:#ae875e; font-weight:400;}
.max_footer .f-menu li:before {content:''; display:block; width:1px; height:14px; background-color:#616161; position:absolute; top:0; left:0;}
.max_footer .f-menu li:nth-child(1):before {display:none;}
.max_footer .f-menu li a {color:#fff; font-weight:200;}
.max_footer .inner address {padding:40px 0 10px; font-weight:200;} 
.max_footer .inner address em {margin:2px 0; display: block;}
.max_footer .inner address span {display: inline-block; padding: 0 1.067em; position: relative;}    
.max_footer .inner address span:before {content:''; display:block; width:1px; height:14px; background-color:#616161; position:absolute; top:0; left:0;}
.max_footer .inner address span:nth-child(1):before {display:none;}
.max_footer .inner cite {font-weight:200;} 

/* quick */
#quick {position:fixed; top:0px; right:0px; z-index:999999;}
#quick .quick_btn {position:absolute; top:auto;bottom:50%;  transform: translate(0%, 50%); right:92px;  width:40px; height:160px; background-color:#fff; font-size:0; cursor:pointer;}
.quick_btn.on {background:url("../image/common/quick_bar_open.png") center no-repeat; background-size:cover;} 
.quick_btn.off {background:url("../image/common/quick_bar_close.png") center no-repeat; background-size:cover;} 
.quickconbox {float:left; position:relative; width:92px; background:#fafafa; cursor:pointer;}  
.quickconbox > div { top:0px; left:0px; width:92px; height:100px;}
.quickconbox > div a {width:100%; height:100%; display:block; text-align:center; padding-top:65px;}
.quickconbox .tit {background:#1c1c1c; color:#fff; text-align:center; padding:2em 0; line-height: 120%;}
.quickconbox .kakao {background:#fafafa url("../image/common/quick_ico1.png") center 30% no-repeat; top:100px;} 
.quickconbox .consult {background:#fafafa url("../image/common/quick_ico2.png") center 30% no-repeat; top:200px;}
.quickconbox .map {background:#fafafa url("../image/common/quick_ico3.png") center 30% no-repeat; top:300px;}
.quickconbox .tel {background:#fafafa url("../image/common/quick_ico4.png") center 30% no-repeat;top:400px;}
.quickconbox .event {background:#fafafa url("../image/common/quick_ico5.png") center 30% no-repeat;top:400px;}
.quickconbox .face {background:#fafafa url("../image/common/quick_ico6.png") center 30% no-repeat;top:400px;}
.quickconbox .kakao:hover {background:#eee url("../image/common/quick_ico1_over.png") center 30% no-repeat; top:100px;} 
.quickconbox .consult:hover {background:#eee url("../image/common/quick_ico2_over.png") center 30% no-repeat; top:200px;}
.quickconbox .map:hover {background:#eee url("../image/common/quick_ico3_over.png") center 30% no-repeat; top:300px;}
.quickconbox .tel:hover {background:#eee url("../image/common/quick_ico4_over.png") center 30% no-repeat;top:400px;}
.quickconbox .event:hover {background:#eee url("../image/common/quick_ico5_over.png") center 30% no-repeat;top:400px;}
.quickconbox .face:hover {background:#eee url("../image/common/quick_ico6_over.png") center 30% no-repeat;top:400px;}
/* mobile m_quick */
#m_quick {display:none; width:60px; height:auto; position:fixed; bottom:5em; right:1.067em; z-index:99;}
#m_quick button {width:60px; height:60px; padding:20px; border-radius:100%; background:#AE875E url(../image/common/quick_docter.png)no-repeat center; background-size:cover;font-size:0; color:#fff; outline:none;    box-shadow: 0px 5px 7px rgb(0 0 0 / 35%);}
#m_quick .q-open {}
#m_quick .q-layer {width:144px; height:auto; position:fixed; bottom:-100%; right:1.067em; opacity:0; z-index:999; text-align:right; transition:bottom .3s linear;}
#m_quick .q-layer ul {width:100%; height:auto; overflow:hidden;}
#m_quick .q-layer ul li {width:100%; height:auto; margin-bottom:10px;}
#m_quick .q-layer ul li a {display:block; width:100%; height:60px; position:relative; color:#fff;}
#m_quick .q-layer ul li a .icon {display:block; float:right; width:60px; height:60px; border-radius:100%; background-color:#b78039; background-repeat:no-repeat; background-position:center;}
#m_quick .q-layer ul li a span {display:block; width:52%; position:absolute; top:50%; left:0; transform:translateY(-50%); font-weight:400; text-align:right;}
#m_quick .q-layer ul li.ql-facebook a .icon {background-image:url("../image/common/ico_fb.png"); background-size:35px;}
#m_quick .q-layer ul li.ql-insta a .icon {background-image:url("../image/common/ico_insta.png"); background-size:35px;}
#m_quick .q-layer ul li.ql-bef a .icon {background-image:url("../image/common/ico_face.png"); background-size:35px;}
#m_quick .q-layer ul li.ql-map a .icon {background-image:url("../image/common/ico_map.png"); background-size:35px;}
#m_quick .q-layer ul li.ql-advice a .icon {background-image:url("../image/common/ico_advice.png"); background-size:35px;}
#m_quick .q-layer ul li.ql-kakao a .icon {background-image:url("../image/common/ico_kakao.png"); background-size:35px;}
#m_quick .q-layer ul li.ql-tel a .icon {background-image:url("../image/common/ico_tel.png"); background-size:35px;}
#m_quick .q-close {background:#fff; color:#000; padding:14px;}
#m_quick .q-close i{transform:translate(-15%, -15%);}
#m_quick .q-close .i-close:before,
#m_quick .q-close .i-close:after {width:24px; height:2px;}
#m_quick.open:after {content:''; display:block; width:100%; height:100%; background-color:rgba(0,0,0,0.8); position:fixed; bottom:0; right:0; z-index:99;}
#m_quick.open .q-layer {bottom:5em; opacity:1; display:block;}

#m_under_quick {display: none;position:fixed; bottom:0;z-index:9; width:100%;}
#m_under_quick ul li {width:50%; float:left;}
#m_under_quick ul li a {display: block; text-align: center;padding:20px 0;}
#m_under_quick ul li:first-child a{background: #b78039;color:#fff;}
#m_under_quick ul li:last-child a{background: #eee;}

#ps_menu {position:fixed;  bottom:0; z-index:1; width:100%;background:rgba(0,0,0,0.85);text-align: center;display: block;}
#ps_menu ul {display: inline-flex; }
#ps_menu ul li {float:left;  border-right:1px solid rgba(255,255,255,0.3);display: flex;}
#ps_menu ul li:first-child {border-left:1px solid rgba(255,255,255,0.3);}
#ps_menu ul li a {width:200px; padding: 20px 0 15px; display: inline-block;	color:#fff;font-weight: 400; font-size: 1.1em	}
#ps_menu ul li a:hover {background:#bd9974; }
#ps_menu ul li a span {display: inline-block; width:25px; height:25px; margin-right:10px;}
#ps_menu ul li a .talk { background:url(../image/common/ico_talk_35w.png) no-repeat center;background-size:1.2em;vertical-align:middle;}
#ps_menu ul li a .adv { background:url(../image/common/ico_advice_35w.png) no-repeat center;background-size:1.2em;vertical-align:middle;}
#ps_menu .admin_Btn {color:#666;position: absolute;left:10px;bottom:10px;font-size: 0.7em;	}

.admin_menu {position: fixed; right:0; bottom:0;display: block;z-index:1;}
.admin_menu ul li {float:left;color:#fff; background:#000;padding:10px 20px;}
.admin_menu ul li:first-child {background:#b78039;}
.admin_menu ul li a {display: block;}

.admin_menu ul li:hover {background:#b78039;}



#bt_top {position:fixed; bottom:0px; right:0px;z-index:3;}
#bt_top a {display:block; width:60px; height:60px; border-radius:2px; padding:18px 0;  background:#000; box-sizing:border-box; text-align:center; text-decoration:none; color:#fff;}
#bt_top a i {display:block; position:relative; width:10px; height:5px; margin:0 auto;}
#bt_top a i:before {content:''; height:0; width:0; display:block; border:5px transparent solid; border-top-width:0; border-bottom-color:#AE875E;}
#bt_top a span {display:block; font:normal 13px 'verdana'; line-height:1; margin-top:10px;}


@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

@media screen and (max-width: 768px) {
#ps_menu {display: none;}
.admin_menu {display: none;}
#m_quick {display:block;} 
#m_under_quick {display: block;}

#max_header .logo_area h1, #max_header2 .logo_area h1 {background-size:70px}
.MAIN_container {margin-top:90px;}

}



/*sub visual*/
#s_vis_wrap {position: relative; width:100%; }
#s_vis_wrap.s_bg1 {background:url(../image/common/svis_bg1.jpg) no-repeat center;background-size:cover;}
#s_vis_wrap.s_bg2 {background:url(../image/common/svis_bg2.jpg) no-repeat center;background-size:cover;}
#s_vis_wrap .inner {width:1280px; margin:0 auto;}
#s_vis_wrap .svis_area {padding:130px 0 60px; }
#s_vis_wrap .svis_area .sv_title {color:#fff;}
#s_vis_wrap .svis_area .sv_title > mark {font-size: 0.95em;letter-spacing:0.05em; }
#s_vis_wrap .svis_area .sv_title .sv_titbox {margin-top:50px; padding:30px 0;position: relative;}
#s_vis_wrap .svis_area .sv_title .sv_titbox::before {content:''; position: absolute; top:0; left:0; width:20px; height:2px; background: #fff;transform: rotate( -45deg );}
#s_vis_wrap .svis_area .sv_title .sv_titbox > span {font-size:1.2em;display: block; font-weight: 200;margin-bottom:10px;}
#s_vis_wrap .svis_area .sv_title .sv_titbox > h3 {font-size:2em;}
#s_vis_wrap .sv_menu_area {width:100%; display:inline-block;}
#s_vis_wrap .sv_menu_area ul {display:flex;}
#s_vis_wrap .sv_menu_area ul li {float:left; width:16.5%;}
#s_vis_wrap .sv_menu_area ul li a {line-height:70px; font-size:0.95em; display: block;text-align: center;	background-color:rgba(0,0,0,0.2); border:1px solid rgba(255,255,255,0.5); border-left:0; color:#fff;}
#s_vis_wrap .sv_menu_area ul li:first-child a {border-left:1px solid rgba(255,255,255,0.5); }
#s_vis_wrap .sv_menu_area ul li.active a {background:#fff;color:#e57200;font-weight: 500;}
#s_vis_wrap .sv_title_area {padding-top:130px;text-align: center;position: relative;z-index:1;}
#s_vis_wrap .sv_title_area::before {content:''; position: absolute; top:0; left:0; width:3000px; height:100%; background:#fff;z-index:-1; transform:translate(0%, 0%);}
#s_vis_wrap .sv_title_area > mark {color:#ae875e;display: block; margin-bottom:20px; font-size:1.1em;font-weight: 500;letter-spacing:0.03em; }
#s_vis_wrap .sv_title_area > h3 { color:#333;font-size:2.2em;font-weight: 600;}


/*mobile sub menu*/
.snb_warp {width:100%; height:auto; position:relative; bottom:0; left:0; z-index:10; display: none; justify-content:center;}
.snb_warp:before {content:''; display:block; width:20%; height:64px; opacity:0; background-color:#323971; position:absolute; bottom:0; right:0; z-index:-1; transition:width .4s;}
.snb_warp > div {width:50%; height:auto; position:relative;}
.snb_warp div p {background-repeat:no-repeat; background-position:90% 50%; position:relative;}
.snb_warp div p > a {display:block; width:100%; height:40px; line-height:40px; padding:0 20px; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;font-size: 0.9em;}
.snb_warp div p > i {position:absolute; top:12px; right:15px;}
.snb_warp div ul {display:none; width:100%; height:auto; position:absolute; top:40px; left:0;}
.snb_warp div ul li {width:100%; height:auto;}
.snb_warp div ul li a {display:block; width:100%; height:100%; padding:15px 20px; position:relative;color:#fff;}
.snb_warp .depth_one p {background-color:#ceac89; color:#fff;}
.snb_warp .depth_one ul {background:#fff;box-shadow:1px 7px 10px rgba(0,0,0,0.1);}
.snb_warp .depth_one ul li a {color:#333;}
.snb_warp .depth_one ul li a:hover {color:#f5c009;}
.snb_warp .depth_one ul li .current {background:#c5a37f; color:#fff;}
.snb_warp .depth_one ul li .current:hover {color:#fff;}
.snb_warp .depth_two p {background-color:#f5e5d5; color:#181818;}
.snb_warp .depth_two p i:before {}
.snb_warp .depth_two ul {  overflow-y:auto; background:#fff; color:#666; box-shadow:1px 7px 10px rgba(0,0,0,0.1);}
.snb_warp .depth_two ul li a {color:#333;}
.snb_warp .depth_two ul li a:hover {color:#f5c009;}
.snb_warp .depth_two ul li .current {color:#fff; background-color:#c5a37f;}
.snb_warp .depth_two ul li .current:hover {color:#fff;}
@media screen and (max-width: 768px) {
.snb_warp { display:flex;  bottom: inherit; position: fixed;  top: 50px; }
}


#max_board_wrap {width:1280px; margin:70px auto ;}

 ._agree {}
 ._agree h3 {margin-bottom:20px; font-size: 1.2em; font-weight: 600;}
 ._agree dl {border-top:1px solid #ddd; padding-top:20px ; }
 ._agree dt {font-weight:500; margin-bottom:10px;font-size:1em; }
 ._agree dd { font-weight: 300; line-height:150%; margin-bottom:30px;font-size:0.95em;color:#333;}
 ._agree dd ul {margin:5px 0;}
 ._agree dd ul li {padding-left:15px; font-size: 0.9em;color:#777;}


/* ================================================ */

@media screen and (max-width: 1024px) {
	#max_board_wrap {width:100%;} 
	/* header : full menu */
	.fullmenu:before {background:rgba(0,0,0,0.5);}
	.fullmenu .box {width:50%; height:100%; top:0; left:50%; margin-right:0; overflow-y:scroll; padding: 2em;  transform: translate(0%, 0%);}
	.fullmenu .box .m_tt {padding-left:0;}
	.fullmenu .box .full_lnb > li {float:none; width:100%; min-height:100%; padding: 0;margin:0;}
	.fullmenu .box .full_lnb > li > .sub_menu {}
	.fullmenu .box .full_lnb > li > a{font-size:1.2em;padding:15px 0;}
	.fullmenu .box .full_lnb > li > ul[class^="sub_menu"] {padding: 10px 0; border-bottom: 1px solid #ddd;  margin: 0;}
	.fullmenu .box .full_lnb > li > ul[class^="sub_menu"] > li {margin:10px 0;font-size: 1em;}
	
	.fullmenu .box .full_lnb > li:last-child > .sub_menu li {float:none; width:100%;}
	.fullmenu .box .bt_sitemap_close { padding: 10px; width: 50px; display: block; height: 50px; background: #b78039; color: #fff;}
	.fullmenu .box .bt_sitemap_close > i {top: 0; position: absolute;  left: 0;font-size: 0;}
	.fullmenu .box .bt_close_area {width:100%; background: #ddd;;}

}

/*¸ð¹ÙÀϹöÀü*/
@media screen and (max-width: 768px) {

#max_header .inner, #max_header2 .inner, #contents .inner, .max_footer .inner {width:100% !important;}
#max_header, #max_header2 {height:50px;}
#max_header .logo_area, #max_header2 .logo_area {width:100%; height:50px;}
#max_header .logo_area h1, #max_header2 .logo_area h1 {width:100%; height:50px;}
.nav-wrap nav {display: none;}
.fullmenu .box {width:80%; left:0%;}
.fullmenu .box .m_tt {font-size:1.3em;}
.actionType3 {display: block !important;}
#quick {display: none;}
.bt_sitemap {left:0; height:50px;}
.gnb {right:20px;}
.gnb li.event {margin-top:12px;}
.gnb li.event img {width:25px;}
.gnb_fb, .gnb_is, .gnb_ut {display: none;}
.actionType3 {display: block ;}
.max_footer .f-menu li a{font-size:0.9em;}
.max_footer .inner {padding:40px 0 100px;}
.max_footer h2 img {width:35%;}
.max_footer .inner address {font-size:0.9em;}
.max_footer .inner address span {margin-bottom:1em;line-height:150%;}
.max_footer .inner cite {font-size:0.7em}

#s_vis_wrap  {background-image: none !important;}
#s_vis_wrap .inner {width:100%;}
#s_vis_wrap .svis_area {display: none;}
#s_vis_wrap .sv_menu_area {display: none;}
#s_vis_wrap .sv_title_area {padding-top: 80px;}
#s_vis_wrap .sv_title_area::before {display: none;}
#s_vis_wrap .sv_title_area > mark {font-size:0.8em;}
#s_vis_wrap .sv_title_area > h3 {font-size:1.5em}
}

@media screen and (max-width: 600px) {
.fullmenu .box .full_lnb > li > .sub_menu li a {font-size:0.9em;}
}







.site_info { display: block; width:100%;padding:80px 0;}
.site_info .inner {width:1280px; margin:0 auto;}
.site_info h3.stt {font-size: 2em;font-weight: 600; border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:30px; }
.site_info p {padding:20px; background: #f5f5f5;font-size: 1em; font-weight: 200;	line-height: 150%; margin-bottom:50px;}
.site_info .clause-wrap {width:100%; height:auto;}
.site_info .clause-wrap dt {font-weight:500; font-size:1.25em;}
.site_info .clause-wrap dd {color:#555; line-height:1.4; padding:1em 0 3em;}
.site_info .clause-wrap dd ul {width:100%; height:auto; margin:1em 0;}
.site_info .clause-wrap dd ul li {color:#555;    margin: 6px 0;}
.site_info .clause-wrap dd ul li ul {margin-top:0;}
.site_info .clause-wrap dd ul li ul li {padding-left:10px;padding-top:0; font-size:0.85em;color:#888;}
.site_info .clause-wrap dd ul li ul li::before{display: none;}
.site_info .clause-wrap dd ul li:before {content:'-'; display:inline-block; vertical-align:middle; padding-right:.25em;}
.site_info .clause-wrap dd ol {}
.site_info .clause-wrap dd ol li:not(:nth-child(1)) {margin-top:.5em;}
.site_info .clause-wrap dd ol li ol {margin:.5em 2em;}
.site_info .clause-wrap dd > .lst-dec {margin:1em 1.25em;}
.site_info .clause-wrap dd .lst-dec li {list-style:decimal;}

.site_info .clause-wrap dd table {width: 100%;margin:10px 0;}
.site_info .clause-wrap dd table th {background: #eee;padding:10px 0;}
.site_info .clause-wrap dd table td {border-bottom:1px solid #ddd;text-align: center;padding:10px 0; width: 25%;}


@media screen and (max-width: 768px) { 
.site_info .inner  {width: auto; margin:0 5%;font-size:0.9em;}
}