@charset "utf-8";
/*
	max css var.1
	date : 2018-05-09
	name : design team koh won ji
	- response web size -
	pc : (w)1440px
	tablet : (w)1024px (가로모드), (w)768px (세로모드)@import url('max_parallax.css');
	mobile : (w)740px (가로모드) , (w)414px (세로모드)
*/

@import url('layout.css');
@import url('icono.min.css');
@import url('max_parallax.css');

html{width:100%;height:100%}body{width:100%;height:100%}.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{padding:0;margin:0;border:0;font-size:inherit;font-weight:inherit;vertical-align:baseline;background:initial;}body{line-height:1;font-family:'roboto','Nanum Barun Gothic',sans-serif;font-size:18px;color:#454545;letter-spacing:-.04em}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}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}.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}

* {font-size:16px;}
@media screen and (max-width: 1024px) {
	* {font-size:15px;}
}
@media screen and (max-width: 740px) {
	* {font-size:14px;}
}
@media screen and (max-width: 414px) {
	* {font-size:12px;}
}


/* input, textarea */
.max_it, .max_ttarea {border:1px solid #e1d8cd; border-radius:4px; 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 #e1d8cd; 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:18px;}

/* 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 #e1d8cd; 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 #e1d8cd; 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;}
}
/* button */
.max_submit, .max_lnk 
{display:inline-block; color:#0f1f2a; font-size:15px; position:relative; line-height:40px; padding:0 50px 0 14px; /*background:url("../image/common/bt_more.png") 100% -4px no-repeat;*/}
.max_submit:before, 
.max_lnk:before {content:''; width:40px; height:40px; border-radius:100%; background:#f3bf5d; position:absolute; top:0; left:0; z-index:-1;}
.max_submit i, .max_lnk i {display:inline-block; width:32px; height:2px; background:#0f1f2a; position:relative; top:2px; right:-16px;}
.max_submit i:before, .max_lnk i:before {content:''; width:15px; height:2px; background:#0f1f2a; position:absolute; bottom:5px; right:-2px; transform: rotate(45deg);}
.max_submit:hover:before, .max_lnk:hover:before {background:#e1d8cd;}

@media screen and (max-width: 1024px) {
	.max_checkit.checkit_label input[type="checkbox"] + label, .max_submit, .max_lnk {font-size:13px;}
}

/* title */
.tt1 {font-size:50px; font-weight:300; letter-spacing:-0.03em;}
.tt1 span {font-size:inherit; font-weight:400; color:inherit;}
.tt2 {font-size:30px; font-weight:300;}
.tt3 {font-size:24px; font-weight:300;}
@media screen and (max-width: 1440px) {
	.tt1 {font-size:40px;}
	.tt2 {font-size:28px;}
	.tt3 {font-size:22px;}
}
@media screen and (max-width: 740px) {
	.tt1 {font-size:30px;}
	.tt2 {font-size:24px;}
	.tt3 {font-size:20px;}
}
@media screen and (max-width: 414px) {
	.tt1 {font-size:20px;}
	.tt2 {font-size:18px;}
	.tt3 {font-size:16px;}
}
/* color */
.col_yellow {color:#bf9a18;}

.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}
.sound_only strong { font-size:0;}