@charset "utf-8";
/*
	max css var.2
	date : 2019-01-04
	name : design team koh won ji
	- response web size -
	pc : (w)1440px
	tablet : (w)1024px (가로모드)
	tablet&mobile : (w)1023px (tablet 세로, mobile 가로) - 768, 800, 896
	mobile : (w)414px (세로모드)
	- scroll page size -
	(w)1023px
*/

@import url('../font/webfont.css');
@import url('layout.css');

.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:inherit;vertical-align:baseline}body{line-height:1;font-family:'Roboto','Malgun Gothic',sans-serif;font-size:18px;color:#797979;letter-spacing:-.04em}a{text-decoration:none;color:inherit}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}th,td{vertical-align:middle}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}

@media screen and (max-width: 1440px) {
	body {font-size:16px; transition:all .4s ease;}
}
@media screen and (max-width: 740px) {
	body {font-size:14px;}
}

.hidden_c {display:none;}

/* 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}

/* icon css */
.max-ico {display:block; position:relative; overflow:hidden; transition:all .4s ease;}
/* arrow bottom */
.ico-arr-btm {width:23px; height:23px;}
.ico-arr-btm:before {content:''; width:11px; height:11px; display:block; border:2px solid #fff; border-right-width:0; border-top-width:0; transform:rotate(-45deg); position:absolute; bottom:8px; left:5px;}
/* arrow bottom small */
.ico-arr-btm.small {width:15px; height:9px;}
.ico-arr-btm.small:before {content:''; width:7px; height:7px; display:block; border:2px solid #fff; border-right-width:0; border-top-width:0; transform:rotate(-45deg); position:absolute; bottom:3px; left:3px;}
/* arrow top */
.ico-arr-top {width:23px; height:23px;}
.ico-arr-top:before {content:''; width:11px; height:11px; display:block; border:2px solid #fff; border-left-width:0; border-bottom-width:0; transform:rotate(-45deg); position:absolute; top:8px; left:5px;}
/* arrow top */
.ico-arr-top.small {width:15px; height:10px;}
.ico-arr-top.small:before {width:7px; height:7px; top:3px; left:3px;}
/* arrow left, prev */
.ico-arr-left {width:20px; height:20px;}
.ico-arr-left:before{content:''; width:11px; height:11px; display:block; border:2px solid #fff; border-right-width:0; border-bottom-width:0; transform:rotate(-45deg); position:absolute; top:3px; left:7px;}

.ico-prev {width:31px; height:16px;}
.ico-prev:before, .ico-prev:after {content:''; display:block; position:absolute;}
.ico-prev:before {width:15px; height:15px; border:2px solid #333; border-left-width:0; border-right-width:0; border-bottom-width:0; transform:rotate(-45deg); top:5px; left:5px;}
.ico-prev:after {width:28px; height:2px; background:#333; top:13px; left:1px;}

/* arrow right, next */
.ico-arr-right {width:20px; height:20px;}
.ico-arr-right:before {content:''; width:11px; height:11px; display:block; border:2px solid #fff; border-left-width:0; border-top-width:0; transform:rotate(-45deg); position:absolute; top:3px; left:3px;}

.ico-next {width:31px; height:16px;}
.ico-next:before, .ico-next:after {content:''; display:block; position:absolute;}
.ico-next:before {width:15px; height:15px; border:2px solid #333; border-left-width:0; border-bottom-width:0; border-top-width:0; transform:rotate(-45deg); top:7px; right:5px;}
.ico-next:after {width:28px; height:2px; background:#333; top:13px; left:0;}

/* close */
.ico-close {width:24px; height:24px;}
.ico-close:before, .ico-close:after {content:''; height:2px; width:24px; display:block; background:#fff; border-radius:10px; position:absolute; top:16px; left:0px; transform:rotate(-45deg);}
.ico-close:after {transform:rotate(45deg);}

/* more button */
.bt_more {display:inline-block; background:#222; color:#fff; padding:17px 34px; overflow:hidden; position:relative; transition:all .4s ease;}
.bt_more:hover {background:#fff; color:#222;}
.bt_more:before, .bt_more:after {content:''; position:absolute; top:0; right:0; width:0; height:2px; background:#222; transition:400ms ease all;}
.bt_more:after {right:inherit; top:inherit; left:0; bottom:0;}
.bt_more:hover:before, .bt_more:hover:after {width:100%; transition:800ms ease all;}

.bt_more.brown {background:#c9ae91;}
.bt_more.brown:hover {background:#fff; color:#b49777;}
.bt_more.brown:before, .bt_more.brown:after {background:#c9ae91;}

/* open */
.ico-open {width:20px; height:20px;}
.ico-open:before, .ico-open:after {content:''; height:20px; width:2px; display:block; background:#222; position:absolute; top:0; left:9px;}
.ico-open:after {height:2px; width:20px; top:9px; left:0;}

/* close */
.ico-hidden {width:20px; height:20px;}
.ico-hidden:before {content:''; height:2px; width:20px; display:block; background:#222; position:absolute; top:9px; left:0px;}

@media screen and (max-width: 740px) {
	.ico-prev:before {width:12px; height:12px; top:2px; left:4px; border-color:#fff;}
	.ico-prev:after {width:24px; top:8px; background:#fff;}

	.ico-next:before {width:12px; height:12px; top:3px; right:9px; border-color:#fff;}
	.ico-next:after {width:24px; top:8px; background:#fff;}
}

/* 팝업레이어 */
#hd_pop, #hd_wrapper, #tnb ul, #gnb .gnb_wrap, #container_wr, #ft_wr {width:1200px}
#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}
.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}