@charset "utf-8";
/* modify : 2021-11-18 / name : koh won ji */
*{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:'Outfit','SHSN','Malgun Gothic',sans-serif;font-size:18px;font-weight:400;color:#111;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;color:inherit;}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:#df3555 !important;}
:root {--main-color:#df3555;}

::placeholder { color: #000; font-size: .9rem;  opacity: .6; /* Firefox */}

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


/* body {overflow: overlay !important; }
body .main-wrap::-webkit-scrollbar {width: 0;}
body::-webkit-scrollbar{    width: 10px; }
body::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,0.1);
}
body::-webkit-scrollbar-thumb {
    background-color: var(--main-color);
} */


.mgt10 {margin-top:10px;}   .mgt20 {margin-top:30px;}   .mgt30 {margin-top:30px;}   .mgt40 {margin-top:40px;}   .mgt50 {margin-top:50px;}
.mgt60 {margin-top:60px;}   .mgt70 {margin-top:70px;}   .mgt80 {margin-top:80px;}   .mgt90 {margin-top:90px;}   .mgt100 {margin-top:100px;}
.mgt110 {margin-top:110px;} .mgt120 {margin-top:120px;} .mgt130 {margin-top:130px;} .mgt140 {margin-top:140px;}  .mgt150 {margin-top:150px;}

.mgb10 {margin-bottom:10px;}   .mgb20 {margin-bottom:30px;}   .mgb30 {margin-bottom:30px;}   .mgb40 {margin-bottom:40px;}   .mgb50 {margin-bottom:50px;}
.mgb60 {margin-bottom:60px;}   .mgb70 {margin-bottom:70px;}   .mgb80 {margin-bottom:80px;}   .mgb90 {margin-bottom:90px;}   .mgb100 {margin-bottom:100px;}
.mgb110 {margin-bottom:110px;} .mgb120 {margin-bottom:120px;} .mgb130 {margin-bottom:130px;} .mgb140 {margin-bottom:140px;}  .mgb150 {margin-bottom:150px;}

/* form */
.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; font-size:0;}
.max_ckit input[type="checkbox"] + label:before {content:''; display:inline-block; width:1.5rem; height:1.5rem; line-height:1.5rem; margin:-2px 8px 0 0; vertical-align:middle; background:url("../image/common/ico_check.svg") center / 1rem no-repeat #797979;}
.max_ckit input[type="checkbox"]:checked + label:before {background-color:var(--main-color);}
.max_ckit.ckit_label input[type="checkbox"] + label {font-size:1rem;}

/* icon */
.max-ico {display:block; position:relative;}
.max-ico:before, .max-ico:after {content:''; display:block; position:absolute; box-sizing:border-box;}
.i-sch {width:20px; height:20px;}
.i-sch:before {width:14px; height:14px; border:2px solid currentColor; border-radius:100%; top:1px; left:1px;}
.i-sch:after {width:2px; height:8px; background-color:currentColor; transform:rotate(-45deg); top:11px; left:14px;}
.i-arrow {width:16px; height:16px;}
.i-arrow:before {width:10px; height:10px; border:2px solid currentColor; border-right-width:0; border-top-width:0; transform:rotate(-45deg); bottom:6px; left:3px;}
.i-arrow_R {width:16px; height:16px;}
.i-arrow_R:before {width:10px; height:10px; border:2px solid currentColor; border-right-width:0; border-top-width:0; transform:rotate(225deg); bottom:6px; left:3px;}

.i-more {width:3.625rem; height:1rem;}
.i-more:before {width:1rem; height:1rem; border:2px solid currentColor; border-left-width:0; border-bottom-width:0; border-top-width:0; transform:rotate(-45deg); top:5px; right:3px;}
.i-more:after {width:3.625rem; height:2px; background-color:currentColor; top:.813rem; left:0;}
.i-menu {width:24px; height:24px;}
.i-menu:before {width:24px; height:2px; background-color:currentColor; top:4px; left:4px; box-shadow:0 8px currentColor, 0 16px currentColor;}
.i-plus {width:16px; height:16px;}
.i-plus:before, .i-plus:after {width:14px; height:2px; background:currentColor; top:6px; left:0;}
.i-plus:after {width:2px; height:14px; top:0; left:6px;}
.i-home {width:24px; height:24px;}
.i-home:before {width:22px; height:11px; border:2px solid currentColor; border-top:0; bottom:1px; left:1px;}
.i-home:after {width:16px; height:16px; border-top:2px solid currentColor; border-right:2px solid currentColor; top:4px; left:4px; transform:rotate(-45deg);}
.i-home i {display:inline-block; width:4px; height:4px; border-radius:4px; background:currentColor;}
.i-close {width:24px; height:24px;}
.i-close:before, .i-close:after {width:24px; height:2px; background:currentColor; top:11px; left:0; transform:rotate(-45deg);}
.i-close:after {transform:rotate(45deg);}


/* button */
.bt-lnk {display:inline-block; width:12.5rem; padding:1.25rem 2rem; font-size:.938rem; border:1px solid; border-radius:1.25rem; text-align:left; position:relative;}
.bt-lnk, .bt-lnk:after {transition:all .3s; overflow:hidden;}
.bt-lnk:before, .bt-lnk:after {content:''; background-color:var(--main-color); position:absolute; z-index:-1;}
.bt-lnk:hover {border-color:var(--main-color); color:#fff !important;}

.bt-lnk:after {width:0; height:0; top:50%; left:50%;}
.bt-lnk:hover:after {width:100%; height:100%; top:0; left:0;}


#max_store_wrap {width: 100%; max-width:1280px; margin:10rem auto 5rem; }


/* title */
.max_tt {font-size:3rem; text-transform:uppercase; letter-spacing:-2px; text-align:center;} /* main title */
.max_stt {font-size:3rem; font-weight: bold;text-transform:uppercase; text-align:center; letter-spacing:-2px;} /* sub page title */
/* .max_stt:after {content:''; display:block; width:6px; height:6px; margin:14px auto; background-color:#000; border-radius:50px;} */
.max_stitle {margin-bottom:10px;} /* page sub text */
.max_stitle.type1 { font-size:20px; font-weight:normal; }



/* 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 #ccc; box-sizing:border-box;border-radius:100%;}
.max_checkit input[type="checkbox"]:checked + label:before {border:1px solid #ddd;border-radius:100%;}
.max_checkit input[type="checkbox"]:checked + label:after {content:''; display:block; width:8px; height:8px; background-color:#d50855; position:absolute; top:4px; left:6px;border-radius:100%;}

.max_checkit.checkit_label input[type="checkbox"] + label {font-size: .9rem;}
.max_member_form_label.max_member_form_label_agree_for_all_M {font-size: .9rem;}
.max_member_form_label.max_member_form_label_agree_for_all_B {font-size: .9rem;}

/* input : book mark */
.bookmark {position:relative;}
.bookmark input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.bookmark 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;}
.bookmark input[type="checkbox"] + label:before {content:''; display:block; width:24px; height:24px; line-height:24px; vertical-align:middle; background:url("../image/common/maxmall_ui_lab_24.png") -24px -96px no-repeat;}
.bookmark input[type="checkbox"]:checked + label:before {background:url("../image/common/maxmall_ui_lab_24.png") 0 -96px no-repeat;}

/* 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 #ccc; 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, 
.product_option_select
,.product_optionadd_select{-webkit-appearance:none; -moz-appearance:none; appearance:none; background:url("../image/common/max_lab_sel_24.png") no-repeat 98% 50%; width:200px; height:40px; border:1px solid #ddd; padding-left:10px; box-sizing:border-box; border-radius:0; font-size:12px;}
.max_select::-ms-expand, 
.product_option_select::-ms-expand {display:none;}


/* button */
.bt_control {display:block; width:48px; height:48px; background-repeat:no-repeat; background-position:center; background-color:#fff; border:1px solid #000; box-sizing:border-box; font-size:0; position:absolute; top:0; z-index:1;}
.bt_control.prev {background-image:url("../image/common/ico_arr_left.png");}
.bt_control.next {background-image:url("../image/common/ico_arr_right.png");}

.max_btns{width:100%; height:auto; text-align:center; margin:60px 0 0 0;}
.bt_more { text-align:center; }
.bt_more a{display:inline-block; height:auto; padding:17px 40px; border:1px solid #000; color:#000;}
.bt_more a:hover {border:1px solid #f57218; transition:all 0.3s ease; color:#f57218;}

.bt_link {display:inline-block; height:auto; padding:13px 40px; border:1px solid #000; color:#000; font-size:15px;}
.bt_link:hover {background:#000; color:#fff;}

.bt_link_line {display:inline-block; height:auto; padding:13px 40px; border:1px solid #ccc; font-size:13px; color:#000;}
.bt_link_line:hover {border:1px solid #459ad0; color:#459ad0;}

.link_w {border:1px solid #fff; color:#fff;}
.link_w:hover {background:#fff; color:#000;}

.bt_type1, 
.bt_type2 {display:inline-block; border:1px solid #444; background:#fff; color:#444; width:200px; /*height:50px;*/ font-size:15px; padding:15px 0; }
.bt_type1 {border:1px solid #000; background:#000; color:#fff;}

.bt_type_s {display:inline-block; height:auto; padding:13px 15px; background:#fff; border:1px solid #000; font-size:13px; color:#000; cursor:pointer; border-radius:0;-webkit-appearance:none;}
.bt_type_s:hover {background:#000; color:#fff;}
.bt_type_s.orange {border:1px solid #459ad0; color:#459ad0;}
.bt_type_s.orange:hover {background:#459ad0; color:#fff;}
.bt_type_s.super_s {padding:7px 15px; font-size:12px;}



/* tabmenu */
.maxskin_tab {display:flex; justify-content:center; }
.maxskin_tab li {display:flex; justify-content:center; align-items:center;}

.maxskin_tab.type1 i {}
.maxskin_tab.type1 li:before { content:''; width:24px; height:24px; display:block; background:url("../image/common/maxmall_ui_lab_24.png") 0 -72px no-repeat; margin:0 20px; }
.maxskin_tab.type1 li:first-child:before {width:0;}
.maxskin_tab.type1 li a,
.maxskin_tab.type1 span {text-transform:uppercase; font-weight:700; letter-spacing:.05em;}
.maxskin_tab.type1 li a:hover,
.maxskin_tab.type1 li a.active,
.maxskin_tab.type1 li a.active span { color:#ffae00; }

.maxskin_tab.type2 li {margin: .5rem;}
.maxskin_tab.type2 li a {width: 100%; text-align: center; font-size: 1rem; display:block; padding:14px 48px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.maxskin_tab.type2 li a:hover,
.maxskin_tab.type2 li a.active,
.maxskin_tab.type2 li a.on {color:#fff; background:#000; border-radius:50px;}

.maxskin_tab.type3 {border-bottom:1px solid #e1e1e1;}
.maxskin_tab.type3 li {width:25%; text-align:center;}
.maxskin_tab.type3 li a {display:block; width:100%; height:auto; padding:20px 0; color:#797979;}
.maxskin_tab.type3 li a.active,
.maxskin_tab.type3 li a.on {color:#fff; background-color:#000; font-weight:500;}

.max_tab_box {clear:both; width:100%;}

/* icon */
.ico_btstyle1, 
.ico_btstyle2 {font-size:13px; background:#71615a; color:#fff; display:inline-block; padding:5px 10px;}
.ico_btstyle1 {background:#459ad0;}

/* table */
.max_table{width:100%; height:auto; border-top:1px solid #000;}
.max_table table{width:100%;}
.max_table tbody th{background:#f7f7f7; border-bottom:1px solid #e5e5e5; text-align:left; padding:15px; width:15%; line-height:130%; color:#000;}
.max_table tbody td{border-bottom:1px solid #e5e5e5; padding:15px; line-height:130%; color:#797979;}

.max_table_b{width:100%;}
.max_table_b thead th{border-top:1px solid #000; border-bottom:1px solid #000; text-align:center; padding:15px 0; color:#222; font-weight:500; vertical-align:middle;}
.max_table_b thead th:first-child {border-left:1px solid #000;}
.max_table_b thead th:last-child {border-right:1px solid #000;}
.max_table_b tbody th{text-align:center; border-bottom:1px solid #e5e5e5;padding:20px;vertical-align:middle;}
.max_table_b tbody td{border-bottom:1px solid #e5e5e5; padding:20px;vertical-align:middle;}

.max_table_c {width:100%;}
.max_table_c tbody th{text-align:center; border-bottom:1px solid #e5e5e5; width:20%;}
.max_table_c tbody td:last-child {width:auto; color:#797979; text-align:left; line-height:130%;}
.max_table_c tbody td{border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; padding:15px; color:#000; text-align:center; width:15%;}




/* agreebox */
.agreebox {color:#797979; margin-top:50px; font-size:1rem}
.agreebox h2{font-weight:bold; color:#222; margin-top:30px;}
.agreebox p{padding:10px 0; line-height:140%;}
.agreebox ol{padding:10px 0;}
.agreebox ol li{padding:2px 0; line-height:140%; }

/* policybox */
.policybox {color:#797979; margin-top:50px; font-size:1rem;} 
.policybox p{line-height:140%;}
.policybox .policymenu{border:2px solid #444; background:#fff; padding:20px; margin:15px 0; width:auto; height:auto; display:block; overflow:hidden;}
.policybox .policymenu .tappolicy{float:left; width:50%;}
.policybox .policymenu .tappolicy li{line-height:190%;}
.policybox dl dt{font-weight:bold; color:#222; margin-top:30px;}
.policybox dl dd{padding:10px 0; line-height:140%;}
.policybox dl dd ol > li{list-style-type:decimal; margin:10px 0 0 20px; line-height:140%;}
.policybox dl dd ul > li{list-style-type:square; margin:10px 0 10px 20px; line-height:140%;}




@media screen and (max-width: 1300px) {
	#max_store_wrap {max-width:100%;}
	
}
@media screen and (max-width: 1024px) {
	#max_store_wrap {max-width:100%; margin:10rem 5% 0;width: auto;}
}
@media screen and (max-width: 768px) { 
		/* tabmenu */
	.maxskin_tab {flex-wrap : wrap; }
	.maxskin_tab li {flex-basis:25%;}

	#max_store_wrap {margin-top:1rem; margin-bottom:4rem;}
	.max_stt{font-size: 2rem;margin-bottom:30px;}
		
}
@media screen and (max-width: 568px) { 

	


	.max_table_b {width:600px; overflow-x: scroll; }
	.bt_type1, .bt_type2 {width: 50%;}
	.policybox .policymenu .tappolicy {width: 100%;}

}


/* popup */
.max_popup_cloase_bar {display:flex; font-size:1rem;}
.max_popup_cloase_bar p {padding:1rem; width:60%;}
.max_popup_cloase_bar button {display:inline-block; padding:1rem; width:40%; background-color:#f5f5f5}