@charset "utf-8";
@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
:root{
    --margin-half: 20px;
	--margin-half-half: calc(var(--margin-half) / 2);
    --margin: calc(var(--margin-half) * 2);    /* 40*/
    --margin-x2: calc(var(--margin-half) * 4); /* 80*/
    --margin-x3: calc(var(--margin-half) * 6); /*120*/
    --margin-x4: calc(var(--margin-half) * 8); /*160*/
    --margin-x5: calc(var(--margin-half) * 10);/*200*/
    --margin-x6: calc(var(--margin-half) * 12);/*240*/
    --margin-x7: calc(var(--margin-half) * 14);/*280*/
}
/****************************** RESET ******************************/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:none 0}
body{font-family:'NanumGothic', 'Malgun Gothic','맑은 고딕','돋움', 'dotum','굴림', 'gulim';font-size:14px;color:#666;line-height:1.2;}
select,input,img,li,button,textarea{vertical-align:middle;text-align:left;font-family:'NanumGothic', 'Malgun Gothic','맑은 고딕','돋움', 'dotum','굴림', 'gulim';}
input{margin:0;padding:0}
form legend,table caption{width:0;height:0;font-size:0;text-indent:-9999px;line-height:0}
img,fieldset,iframe{border:0 none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
table,div{border-collapse:collapse;border-spacing:0;table-layout:fixed;}
table{width:100%;word-break:break-all;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
ul,li,ol{list-style-type:none}
li,p,dt,dd,div,span{white-space:normal}
button{*overflow:visible;border:0 none;padding:0;margin:0;background:transparent;cursor:pointer;}
button::-moz-focus-inner{border:0;padding:0}
a{text-decoration:none;color:#666;outline:none}
a:hover {text-decoration:none;}
label{cursor:pointer}
button,select,option,input,textarea{outline:none}
::-webkit-input-placeholder { color:#888; }
::-moz-placeholder { color:#888; } /* firefox 19+ */
:-ms-input-placeholder { color:#888; } /* ie */
input:-moz-placeholder { color:#888;}

/****************************** global class ******************************/
/* none */
.bg_none{background:none !important}
.pad_none{padding:0 !important}
.mar_none{margin:0 !important}
.bor_none{border:0 none !important}
.over_h{overflow:hidden !important}
/* align */
.txt_left{text-align:left !important}
.txt_center{text-align:center !important}
.txt_right{text-align:right !important}
/* float */
.floatL{float:left !important}
.floatR{float:right !important}
.float_a{display:block !important;float:left !important}
.list_float{overflow:hidden !important}
.list_float li{float:left !important}
/* font */
.font12{font-size:12px !important}
.font13{font-size:13px !important}
.font14{font-size:14px !important}
.font16{font-size:16px !important}
.bold{font-weight:bold !important}
.normal{font-weight:normal !important}
.underline{text-decoration:underline !important}
/* color */
.blk{color:#000 !important}
/* ellipsis */
.ellWrap{width:100%}
.ellipsis,.ellipsisList li{display:block;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap}
/* margin */
.mgt5{margin-top:5px !important}
.mgt10{margin-top:10px !important}
.mgt20{margin-top:20px !important}
.mgt30{margin-top:30px !important}
/* display */
.in{display:inline !important}
.blind{position:absolute;top:-9999px;overflow:hidden;width:0 !important;height:0 !important;padding:0 !important;line-height:0 !important;border:0 !important;margin:0 !important;}

.inipay_modal{left:0 !important}

/****************************** layout class ******************************/
/* initialize */
body{overflow-y:auto;}

/* header top banner */
#adbanner {width:100%;overflow:hidden;text-align:center;}
#adbanner > div {width:1100px;margin:0 auto;position:relative;}
#adbanner > div > div {width:1920px;margin-left:-410px;text-align:center;}
#adbanner .close {position:absolute;right:0;top:50%;margin-top:-19px;}

/* header */
#header{}
#header .header_scroll {display:none;}
#header .header_inner {width:1400px;margin:0 auto;}
#header_logo_area {position:relative;}
#header_logo_area h1{float:left;padding:43px 0 34px;}
#header_logo_area .lnb{position:absolute;top:9px;right:0;font-family:'돋움','dotum';}
#header_logo_area .lnb li{float:left;padding-right:8px;margin-left:6px;font-size:11px;background:url(../imgs/global/bul_lnb.gif) right 2px no-repeat;letter-spacing:-1px}
#header_logo_area .lnb li em {display:none;}
#header_logo_area .lnb a{color:#888}
#header_logo_area .right_box {float:right;padding:39px 0 18px;overflow:hidden;}
#header_logo_area .search_box {float:left;width:195px;border-bottom:solid 1px #e8e8e8;position:relative;padding:18px 0 10px;height:21px;}
#header_logo_area .search_box input{float:left;width:165px;height:21px;font-weight:bold;line-height:21px;border: 0 none}
#header_logo_area .search_box button{float:right;padding-right:2px;}
#header_logo_area .right_box .banners {float:right;margin-left:15px;}
#header_logo_area .fixed_menu {display:none;}
#header_gnb_area{border-top:solid 1px #000;}
#header_gnb_area .header_inner {overflow:hidden;position:relative;}
#header_ctg_area {position:absolute;bottom:0;left:0;margin-left:0;background:#f5f5f5;border-left:solid 1px #d9d9d9;border-right:solid 1px #d9d9d9;width:58px;height:29px;text-align:center;padding:15px 0}
#header_gnb_area .gnb{overflow:hidden;float:left;padding-left:60px;}
#header_gnb_area .gnb li{float:left;}
#header_gnb_area .gnb li a img{ display: none; }
#header_gnb_area .sub_gnb{overflow:hidden;float:right;}
#header_gnb_area .sub_gnb li{float:left;}
/* total category */
#header_total_ctg{position:absolute;left:0;margin-top:1px;width:100%;background-color:#fff;border-bottom:solid 1px #000;z-index:20;display:none;overflow:auto;height: 700px;}
#header_total_ctg .close{position:absolute;left:50%;top:-60px;margin-left:-550px;background:#f5f5f5;border-left:solid 1px #d9d9d9;border-right:solid 1px #d9d9d9;width:58px;height:29px;text-align:center;padding:15px 0}
#header_total_ctg ul{overflow:hidden;background:url(../imgs/global/totalCate_bg.png) 40px top repeat-y;width:1180px;margin:0 auto;padding-bottom:20px;}
#header_total_ctg ul li{float:left;padding:0 20px 0 40px;width:140px;}
#header_total_ctg ul li a{display:block;padding:4px 0;font-size:12px;font-weight:normal;text-decoration:none}
#header_total_ctg ul li a strong{color:#000;font-size:13px;padding-bottom:10px;}

#header {position:fixed; left:0; top:0; z-index:9999999; width: 100%; height: 80px; transition: all 250ms linear; }
#header:before{ position: absolute; content: ''; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 80px; background: rgba(255, 255, 255, .85); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .15); }
#header #header_logo_area {padding:20px 0; display: flex; align-items: center; justify-content: space-between; column-gap: var(--margin-x2); }
#header #header_logo_area h1 {float:left;padding:0; width: 240px; }
#header #header_logo_area h1.short_logo{ display:none; }
#header #header_logo_area h1 img{ display: block; width: 100%; margin-left: -15px; }
#header #header_logo_area h1.short_logo img{ margin-left: 0;  max-width: 150px; min-width: 100px;width: 30vw;height: auto;/* 더 작은 화면에서는 로고 크기 더욱 줄이기 */}
#header.fixed_header #header_logo_area .lnb{top:26px;}
#header.fixed_header #header_logo_area .lnb li {display:none;}
#header.fixed_header #header_logo_area .lnb li.member,
#header.fixed_header #header_logo_area .lnb li.cart {display:block;width:27px;height:29px;padding:0;margin:0;margin-left:18px;text-indent:-999em;position:relative;}
#header.fixed_header #header_logo_area .lnb li.member {background:url(../imgs/global/icon_member.png) left top no-repeat;}
#header.fixed_header #header_logo_area .lnb li.cart {background:url(../imgs/global/icon_cart.png) left top no-repeat;}
#header.fixed_header #header_logo_area .lnb li em {display:block;text-indent:0em;position:absolute;bottom:0;right:0;width:18px;height:18px;background:url(../imgs/global/bg_topLnb.png) left top no-repeat;color:#fff;text-align:center;line-height:18px;}
#header.fixed_header #header_logo_area .right_box {float:right;padding:0;margin-right:97px;}
#header.fixed_header #header_logo_area .search_box {padding:0;padding-top:7px;}
#header.fixed_header #header_logo_area .banners {display:none;}
#header #header_logo_area .nav_con{ display: flex; align-items: center; justify-content: space-between; width: 75%; }
#header #header_logo_area .nav_con .icon{ display: none; }
#header.fixed_header #header_logo_area .fixed_menu {display:block;overflow:hidden;}
#header #header_logo_area .gnb li{ display: inline-block; padding: 0 var(--margin-half); margin-top: 3px; }
#header #header_logo_area .gnb li a{ color: #111; font-size: 15px; font-family: 'GmarketSansMedium'; }
#header #header_logo_area .gnb li a.channel_btn{ cursor: pointer; }
#header #header_logo_area .gnb li a img{ display: none; }
#header #header_logo_area .login_con{ display: flex; gap: var(--margin-half); }
#header #header_logo_area .login_con a.btn_link{ padding: var(--margin-half-half) var(--margin-half); }
#header #header_logo_area .login_con a.btn_link span.btn_text{ font-size: 15px; font-family: 'GmarketSansMedium'; margin-top: 3px; }
#header #header_logo_area .login_con a.join_btn{}
#header #header_logo_area .login_con a.join_btn span.btn_text{ color: #fff; }
#header #header_logo_area .login_con a.login_btn{ box-shadow: inset 0 0 0 1px #7028dc, 0 4px 12px -4px rgba(0, 0, 0, .15); }
#header #header_logo_area .login_con a.login_btn:hover{ box-shadow: inset 0 0 0 1px #7028dc, 0 3px 9px -3px rgba(112, 40, 220, .5); }
#header.fixed_header #header_gnb_area {border:none 0;}
#header.fixed_header #header_gnb_area .gnb,
#header.fixed_header #header_gnb_area .sub_gnb {display:none;}
#header.fixed_header #header_ctg_area {position:fixed;top:21px;left:50%;margin-left:-550px;background:#fff;border:none 0;padding:0;}
#header.fixed_header #header_total_ctg .close {position:fixed;top:21px;left:50%;margin-left:-550px;background:#fff;border:none 0;padding:0;}

/* footer */
#footer{clear:both;background:#fff;font-family:'GmarketSansMedium';color:#111;font-size:12px;}
#footer a {color:#111;}
#footer .footer_inner {width:1400px;margin:0 auto;}
#footer .footer_menu{background:#fff;border-top:solid 1px #f0f0f0;}
#footer .footer_menu .footer_inner {overflow:hidden;line-height:21px;}
#footer .footer_menu .menu {width:750px;float:left;margin-left:-15px;padding:12px 0;border-right:solid 1px #f0f0f0;}
#footer .footer_menu .menu li{float:left;padding-right:16px;margin-left:15px;background:url(../imgs/global/bul_footer_menu.gif) right 5px no-repeat;line-height:21px;}
#footer .footer_menu .notice {width:340px;float:right;overflow:hidden;padding:12px 0;}
#footer .footer_menu .notice span,
#footer .footer_menu .notice a {display:block;}
#footer .footer_menu .notice span {width:36px;float:left;color:#000;font-weight:bold;}
#footer .footer_menu .notice .link {color:#444;width:240px;float:left;}
#footer .footer_menu .notice .more {width:30px;float:right;}
#footer .footer_content{clear:both;border-top:solid 1px #f0f0f0;padding:35px 0;}
#footer .footer_content .footer_inner {overflow:hidden;}
#footer .footer_content .company_info {}
#footer .footer_content .company_info h6 {margin-bottom: var(--margin-half); width: 240px; }
#footer .footer_content .company_info h6 a img{ width: 100%; display: block; margin-left: -15px; }
#footer .footer_content .company_info address {line-height: 2em; color: #111; font-size: 13px; letter-spacing: -0.2px; }
#footer .footer_content .company_info address strong {color:#444;}
#footer .footer_content .company_info address span {color:#a9a9a9;padding:0 10px;}
#footer .footer_content .customer_info {float:left;border-right:solid 1px #e2e2e2;border-left:solid 1px #e2e2e2;width:220px;padding:0 25px 0 30px;}
#footer .footer_content .customer_info h6 {font-size:12px;color:#444;font-weight:bold;}
#footer .footer_content .customer_info .tel {font-family:'Malgun Gothic','맑은 고딕','돋움',dotum;font-size:28px;color:#444;font-weight:bold;}
#footer .footer_content .customer_info .link {line-height:14px;margin-top:9px;}
#footer .footer_content .customer_info .link a {color:#000;}
#footer .footer_content .customer_info .link span {color:#c3c3c3;padding:0 10px;}
#footer .footer_content .customer_info .time_box {overflow:hidden; line-height:18px;margin-top:6px;}
#footer .footer_content .customer_info .time_box span {float:left; width:159px;}
#footer .footer_content .customer_info .time_box span.time {width:57px; margin-right:4px;}
#footer .footer_content .amark {float:left;width:240px;padding-left:20px;}
#footer .footer_content .amark li {float:left; margin-right:20px;}

/* quick bar */
#quick_bar{position:absolute;visibility:hidden;width:100px;z-index:16; display: none; }
#quick_bar .todays_list{width:98px;padding:15px 0 5px;border:1px solid #dbdbdb;background-color:#fff;text-align:center}
#quick_bar .todays_list .titles{display:block;text-align:center;font-size:13px;line-height:18px;}
#quick_bar .todays_slide{width:80px;margin:0 auto;display:none;padding:25px 0;position:relative;}
#quick_bar .todays_slide .todays_container{position:relative;border-top:1px solid #ededed;border-bottom:1px solid #ededed;}
#quick_bar .todays_slide .todays_container ul{position:absolute;left:0;top:0}
#quick_bar .todays_slide .todays_container li{width:80px;height:80px;border-bottom:1px solid #fff}
#quick_bar .todays_slide .todays_container li img{width:100%;height:100%}
#quick_bar .todays_slide .todays_container a{margin-bottom:0}
#quick_bar .todays_slide .todays_pagination a{display:block;position:absolute}
#quick_bar .todays_slide .todays_pagination a.prev{top:0;left:0}
#quick_bar .todays_slide .todays_pagination a.next{bottom:0;left:1px}
#quick_bar .todays_slide .todays_pagination strong{color:#f2740d}
#quick_bar .todays_slide .todays_pagination .pageDisabled{opacity:0.4;filter:alpha(opacity=40)}
#quick_bar .banner{margin-top:5px}

/* 하단 모바일 버전으로 보기 */
.go_mobile{clear:both;background:#444;text-align:center;margin-top:10px}
.go_mobile a{display:block;color:#fff;font-size:53px;padding:37px 0}

/* container */
#container{position:relative;width:100%;overflow:hidden;text-align:center;min-height:540px;margin:0; padding-top: 80px; }
#container_inner {width:1400px; text-align:left;margin:0 auto;}
#container_inner:after {content:''; display:block; clear:both;} /* 왼쪽메뉴 없을 때 */

/* contents */
#contents{float:right;width:870px;text-align:left;margin-top:30px;} /* 왼쪽메뉴 있을 때 */
#contents100 {width:100%;text-align:left;} /* 왼쪽메뉴 없을 때 */

/* lnb_area */
#lnb {float:left;width:200px;margin-top:30px;}
#lnb .title {padding:18px 0 14px;border:1px solid #dfdfdf;background:#f5f5f5;font-size:18px;color:#999;line-height:28px;text-align:center;}
#lnb .title strong {font-size:24px;color:#000;}
#lnb .lnb_navigation {padding:10px 20px;margin-top:-1px;border:1px solid #dfdfdf;}
#lnb .lnb_navigation a {border-top:1px solid #ededed;}
#lnb .lnb_navigation .depth1 li div,
#lnb .lnb_navigation .depth1 li a {display:block;padding:14px 0 13px;font-size:16px;font-weight:bold;color:#444;line-height:18px;background:url(../imgs/global/lnb_arrow.png) 97% 22px no-repeat;}
#lnb .lnb_navigation .depth1 .depth2 li a {display:block;font-size:13px;font-weight:normal;color:#666;background:none;}
#lnb .lnb_banner {margin-top:20px;}
#lnb .myinfo_box {padding:0 8px 8px;margin-top:-1px;border:1px solid #dfdfdf;border-top:0 none;background:#f5f5f5;}
#lnb .myinfo_box .inbox {padding:0 12px;border:1px solid #eee;background:#fff;font-size:12px;}
#lnb .myinfo_box .inbox p {padding:14px 0 8px;border-bottom:1px solid #eee;color:#000;text-align:center;line-height:14px;}
#lnb .myinfo_box .inbox .infolist {padding:12px 0 4px;}
#lnb .myinfo_box .inbox .infolist dl {overflow:hidden;margin-bottom:8px;line-height:14px;}
#lnb .myinfo_box .inbox .infolist dl dt {float:left;width:40%;}
#lnb .myinfo_box .inbox .infolist dl dd {float:right;width:60%;color:#222;text-align:right;}
#lnb .csinfo_box {padding:0 8px 8px;margin-top:-1px;border:1px solid #dfdfdf;border-top:0 none;background:#f5f5f5;}
#lnb .csinfo_box p {padding:14px 12px;border:1px solid #eee;background:#fff;font-size:12px;color:#000;text-align:center;line-height:18px;}


/****************************** common class ******************************/
/* navigation */
.navigation { display: none; width:1920px;margin-left:-410px;text-align:center;border-bottom:solid 1px #f3f3f3;}
.navigation ul{width:1100px;margin:0 auto;overflow:hidden;padding:8px 0;}
.navigation li{float:left;line-height:30px;font-size:12px;background:url(../imgs/global/bul_navi.png) left center no-repeat;padding-left:14px;margin-left:9px;height:30px;font-weight:bold;color:#000;}
.navigation li.home{background:none;padding:0;margin:0;}
.navigation li a {color:#000;}
.navigation li strong {text-decoration:underline;}
	/* category navi */
.navigation button.ctg{height:20px;border:solid 1px #ccc;font-size:11px;color:#666;padding:0 35px 0 8px;margin:0;line-height:14px;background:url(../button/navi_category_btn.gif) #fff right top no-repeat}
.navigation li div{position:absolute;top:0px;z-index:10;display:none}
.navigation li div ol{background:#fff;border:solid 2px #aaa;margin-top:22px}
.navigation li div ol:after{content:" ";display:block;clear:both}
.navigation li div ol li{padding:10px 20px 10px 15px;background:none;border-right:solid 1px #ddd}
.navigation li div ol li.last{border-right:none}
.navigation li div ol li a{color:#444;display:block;line-height:18px}
.navigation li div ol li a:hover{color:#ca1818}
.navigation li div ol li a.on{font-weight:bold;color:#ca1818}

/* title */
.pagetitle {margin-bottom:30px; padding-bottom:15px; font-size:30px; font-weight:bold; letter-spacing:-0.05em; color:#000; border-bottom:1px solid #000;}
.pagetitle span {margin-left:15px; font-size:14px; font-weight:normal; color:#666;}
.subtitle {margin:40px 0 10px;font-size:20px;color:#000;font-weight:bold;line-height:30px;}
.subtitle span {padding-left:15px;font-size:13px;color:#666;font-weight:normal;}

/* list_style */
.list_type_disc {padding-left:20px;}
.list_type_disc li {list-style-type:disc;list-style-position:outside;line-height:22px;font-size:13px}

/* paging */
.paging{overflow:hidden;text-align:center;margin-top:30px;}
.paging ul {display:inline-block;}
.paging ul li{float:left; width:32px; margin-left:-1px; border:1px solid #ddd;}
.paging ul li:first-child {margin:0;}
.paging ul li a {display:block; width:32px; height:32px; line-height:32px; text-align:center; font-size:11px;}
.paging ul li a strong {display:block; background:#f4f4f4;}

/* form */
select {height:28px;padding:4px;border:solid 1px #ddd;background:#fff;line-height:18px;}
input[type=text], input[type=password] {height:18px;padding:4px 6px;margin:0;border:solid 1px #ddd;background:#fff;line-height:18px; min-width: 210px; }
textarea {padding:4px 6px;border:solid 1px #ddd;background:#fff;line-height:18px;}
input[type=text]:disabled, textarea:disabled, select:disabled {background: #eee;border:solid 1px #ddd;color:#999;}

.dn{ display: none !important; }
/* product */

.dn.active {
    display: block;
}

/* 앨범형 리스트 */
.product_grid_box {}
.product_grid_box ul {margin-left:-33px;overflow:hidden;}
.product_grid_box ul li {position:relative; float:left;width:250px;margin-left:33px;margin-top:30px;}
.product_grid_box ul li.none_pro{clear:both;width:100%;padding:100px 0;text-align:center; color:#999;} /* 상품이 없을시 노출 */
.product_grid_box ul li a {display:block;}
.product_grid_box ul li input {position:absolute;right:9px;top:8px;z-index:1;}
.product_grid_box ul li .imgs_box {position:relative;width:250px;height:250px;}
.product_grid_box ul li .imgs_box img {width:250px;height:250px;}
.product_grid_box ul li .imgs_box .sale {display:block;position:absolute;left:0;top:0;z-index:1;color:#fff;background:#e74c3c;font-size:11px;line-height:12px;padding:6px 10px;}
.product_grid_box ul li .imgs_box .sale strong {font-size:12px;}
.product_grid_box ul li .imgs_box .soldout {display:block;position:absolute;left:0;top:0;z-index:2;width:250px;height:250px;background:url(../imgs/global/bg_soldout.png) left top repeat;text-align:center;color:#fff;}
.product_grid_box ul li .imgs_box .soldout strong {color:#fff;line-height:248px;}
.product_grid_box ul li .cont_box {margin-top:20px;height:100px;padding:0 10px;}
.product_grid_box ul li .cont_box > a > span {display:block;text-align:center;color:#333;line-height:20px;}
.product_grid_box ul li .cont_box .brand {font-weight:bold;font-size:13px;height:20px;}
.product_grid_box ul li .cont_box .name {max-height:20px;overflow:hidden;}
.product_grid_box ul li .cont_box .price_box {font-size:15px;color:#999;margin-top:8px;height:20px;}
.product_grid_box ul li .cont_box .price_box .original {text-decoration:line-through;font-size:13px;}
.product_grid_box ul li .cont_box .icons {display:block;text-align:center;margin-top:12px;height:18px;}
.product_grid_box ul li .cont_box .icons img {margin:0 1px;}

/* 리스트형 리스트 */
.product_list_box{table-layout:fixed; border-top:2px solid #bbb;}
.product_list_box thead tr th{padding:16px 0 17px; text-align:center; border-bottom:solid 1px #ddd; background:url(../imgs/goods/category_list_line.png) no-repeat left center;}
.product_list_box thead tr th:first-child {background:none;}
.product_list_box tbody tr td{padding:10px 0;border-bottom:solid 1px #ededed;text-align:center}
.product_list_box tbody tr td .cont {padding-left:15px;}
.product_list_box tbody tr td .cont span {display:block; color:#000;}
.product_list_box tbody tr td .cont span.brand {height:13px; margin-bottom:6px; font-size:13px; font-weight:bold;}
.product_list_box tbody tr td .cont span.pro_name {margin-bottom:15px;}
.product_list_box tbody tr td.price span {display:block;}
.product_list_box tbody tr td.price span.org_price {margin-bottom:5px; color:#999;}
.product_list_box tbody tr td.price span.sale_price {font-size:16px;}
.product_list_box tbody tr td.none_pro{color:#999;padding:100px 0} /* 상품이 없을시 노출 */

/* 탭메뉴 */
.tab_menu_box {overflow:hidden;border-top:solid 1px #dfdfdf;}
.tab_menu_box ul {text-align:left;margin:0 auto;}
.tab_menu_box ul:after {content:''; display:block; clear:both;}
.tab_menu_box ul li {float:left;width:217px;}
.tab_menu_box ul li a {display:block;margin:-1px 0 0 -1px;padding:11px 0;border:1px solid #dfdfdf;text-align:center;line-height:16px;}
.tab_menu_box ul li.on a {background:#000;color:#fff;}
.tab_menu_box ul li.first {width:218px;padding-left:1px;}

/* 버튼 */
.buttons_box {overflow:hidden;margin-top:40px;text-align:center;}
.buttons_box a,
.buttons_box button {display:inline-block;*zoom:1;*display:inline;width:200px;height:50px;background:#000;color:#fff;font-size:15px;font-weight:bold;line-height:50px;vertical-align:top;text-align:center;}
.buttons_box .border {background:#fff;border:1px solid #ccc;color:#999;}
.buttons_box a.border {width:198px;height:48px;line-height:48px;}
.buttons_box .dark {background:#666}
.buttons_box.middle a,
.buttons_box.middle button {width:140px;height:40px;font-size:14px;line-height:40px;}
.buttons_box.middle a.border {width:138px;height:38px;line-height:38px;}
.buttons_box.small {margin-top:20px}
.buttons_box.small a,
.buttons_box.small button {width:100px;height:30px;font-size:14px;line-height:30px;font-weight:normal;}
.buttons_box.small a.border {height:28px;line-height:28px;}
.buttons_inline {text-align:center;}
.buttons_inline a,
.buttons_inline button {display:inline-block;*zoom:1;*display:inline;margin:2px 0;padding:5px 8px;background:#000;font-size:12px;color:#fff;line-height:14px;vertical-align:top;text-align:center;}
.buttons_inline .border {padding:4px 7px;background:#f9f9f9;border:1px solid #ccc;color:#222;}
.buttons_inline .border2 {padding:4px 7px;background:#fafafa;border:1px solid #aaa;color:#222;font-weight:bold;}

/* 테이블 */
.type_rows {border-top:2px solid #000;}
.type_rows th, .type_rows td {padding:15px 20px;border-bottom:1px solid #dfdfdf;line-height:18px;}
.type_rows th {background:#f9f9f9;color:#000;font-weight:normal;text-align:left;}
.type_rows tbody td.data_none {padding:100px 0;color:#999;text-align:center;}
.type_cols {border-top:2px solid #000;}
.type_cols th, .type_cols td {border-bottom:1px solid #dfdfdf;line-height:18px;}
.type_cols thead th {padding:10px 5px;background:#fafafa url(../imgs/global/bg_thead_th.png) right center no-repeat;color:#444;font-weight:bold;text-align:center;}
.type_cols thead th.bg_none {background:#fafafa !important}
.type_cols tbody td {padding:15px 5px;text-align:center;}
.type_cols tbody td.text_left {padding:15px 10px;text-align:left;}
.type_cols tbody td.data_none {padding:100px 0;color:#999;}
.type_cols tbody td .goodsName {color:#444}
.type_cols tbody td .graysmall {font-size:13px;color:#999;}
.type_cols tbody td .state {display:block;font-size:13px;color:#000;}
.type_cols tbody td .buttons_inline a,
.type_cols tbody td .buttons_inline button {margin:1px 0;}
.type_cols tbody td.text_left .graysmall {font-size:12px;color:#999;line-height:15px;}
.type_cols tbody td.text_left .buttons_inline {text-align:left;}

/* 폼관련테이블 */
.type_rows.type_form th, .type_rows.type_form td {padding:10px 20px;line-height:28px;}
.type_form .w280 {width:280px;}
.type_form .w150 {width:150px;}
.type_form .w90p {width:90%;}
.type_form .form_id input {vertical-align:top;}
.type_form .form_id .btn_check {display:inline-block;*zoom:1;*display:inline;padding:7px 8px;background:#000;font-size:12px;color:#fff;line-height:14px;vertical-align:top;text-align:center;}
.type_form .form_tel {overflow:hidden;}
.type_form .form_tel input, .type_form .form_tel select, .type_form .form_tel .blank {display:block;float:left;}
.type_form .form_tel select {width:116px;}
.type_form .form_tel input {width:100px;}
.type_form .form_tel .blank {width:20px;text-align:center;}
.type_form .form_email {overflow:hidden;}
.type_form .form_email input, .type_form .form_email select, .type_form .form_email .blank {display:block;float:left;}
.type_form .form_email select {width:150px;margin-left:5px;}
.type_form .form_email input {width:150px;}
.type_form .form_email .blank {width:20px;text-align:center;}
.type_form .marketting_agree {margin-top:5px;font-size:13px;}
.type_form .marketting_agree input[type=radio] {margin-left:15px;}
.type_form .marketting_agree label {margin-left:5px;}
.type_form .form_address input {width:280px;}
.type_form .form_address .post {margin-bottom:5px;}
.type_form .form_address .post input {width:100px;vertical-align:top;}
.type_form .form_address .post .btn_post {display:inline-block;*zoom:1;*display:inline;padding:7px 8px;background:#000;font-size:12px;color:#fff;line-height:14px;vertical-align:top;text-align:center;}
.type_form .form_gender label {margin:0 15px 0 7px;}
.type_form .form_birth {overflow:hidden;}
.type_form .form_birth input[type=text], .type_form .form_birth .blank, .type_form .form_birth .check {display:block;float:left;}
.type_form .form_birth input[type=text] {width:60px;}
.type_form .form_birth .blank {padding:0 15px 0 5px}
.type_form .form_birth .check {margin-left:10px;}
.type_form .form_birth .check label {margin:0 15px 0 7px;}
.type_form .checks {display:inline-block;*zoom:1;*display:inline;margin-left:8px;vertical-align:top;height:28px;line-height:28px;}
.type_form .checks label {margin-left:6px;font-size:13px;color:#222}
.type_form .notetext {display:inline-block;*zoom:1;*display:inline;margin-left:8px;vertical-align:top;height:28px;line-height:28px;font-size:13px;color:#999}
.type_form .notetextblock {margin-top:5px;font-size:13px;line-height:15px;color:#999}

/* scroll box */
.scroll_guide_box {border-top:2px solid #000;}
.scroll_guide_box .scroll {height:150px;overflow-y:auto;padding:18px;border:1px solid #dfdfdf;border-top:0 none;background-color:#fff;line-height:22px;color:#666}
.scroll_guide_box .check_agree {background:#fafafa;border:1px solid #dfdfdf;border-top:0 none;text-align:right;padding:15px 20px}
.scroll_guide_box .check_agree label {margin-left:8px;color:#000}

/* popup (layer) */
.layer_wrap {background:#fff;}
.layer_wrap h1{padding:25px 20px 20px; font-size:20px; font-weight:bold; color:#000; border-bottom:2px solid #000;}
.layer_wrap .layer_cont {padding:20px 20px 30px;}
.layer_wrap .layer_cont h2{font-weight:bold;color:#3d3d3d;font-size:12px}
.layer_wrap .layer_cont .type_rows, .layer_wrap .layer_cont .type_cols {border-top:1px solid #dfdfdf;}
.layer_wrap .layer_cont .quantity_box {width:80px;border:solid 1px #ccc;text-align:left;position:relative;}
.layer_wrap .layer_cont .quantity_box input {border:0 none;width:56px;text-align:center;margin:0;padding:4px 0;}
.layer_wrap .layer_cont .quantity_box .btns {display:block;position:absolute;right:0;top:0;width:24px;height:26px;border-left:1px solid #ccc}
.layer_wrap .layer_cont .quantity_box .btns .up, .quantity_box .btns .down {display:block;text-indent:-999em;height:12px}
.layer_wrap .layer_cont .quantity_box .btns .up {height:13px;border-bottom:1px solid #ccc;background:url(../button/btn_quantity_up.png) center center no-repeat;}
.layer_wrap .layer_cont .quantity_box .btns .down {background:url(../button/btn_quantity_down.png) center center no-repeat;}
.layer_wrap .layer_cont .type_form .form_tel select {width:72px;}
.layer_wrap .layer_cont .type_form .form_tel input {width:56px;}
.layer_wrap .layer_cont .type_form .form_address input {width:90%;margin-top:5px;}
.layer_wrap .layer_cont .type_form .form_address .post {margin:0;}
/* 바로주문 popup */
.layer_wrap .layer_cont .type_form .form_address .post input {width:30%;margin:0;}
.layer_wrap .layer_cont .order_direct {overflow-y:auto; max-height:400px;}
.layer_wrap .layer_cont table tr.amount td div.num {float:left; line-height:30px;}
.layer_wrap .layer_cont table tr.amount td div.num span{display:block;float:left;}
.layer_wrap .layer_cont table tr.amount td div.num span a{display:block;}
.layer_wrap .layer_cont table tr.amount td div.num input{float:left; width:55px; height:28px; line-height:28px; padding:0; text-align:center; border:solid 1px #e5e5e5;}
.layer_wrap .layer_cont table tr.option_title th{padding:10px 0 10px 12px; font-weight:bold; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; background:#f9f9f9;}
.layer_wrap .layer_cont table tr.option td p{font-size:14px; color:#000; padding-left:12px;}
.layer_wrap .layer_cont table tr.option td textarea{width:100%;}

/* 옵션선택시 나오는 부분 */
.layer_wrap .layer_cont table tr.option_select td{padding:10px 15px; border-top:1px solid #ccc; border-bottom:1px solid #000; background:#f9f9f9;}
.layer_wrap .layer_cont table tr.option_select td p{color:#000;line-height:1.3em;}
.layer_wrap .layer_cont table tr.option_select td div{display:none; overflow:hidden; margin-top:10px; padding-top:10px; border-top:1px solid #e3e3e3;}
.layer_wrap .layer_cont table tr.option_select td div ul{overflow:hidden; padding:5px 0;}
.layer_wrap .layer_cont table tr.option_select td div ul li{float:left; line-height:28px;}
.layer_wrap .layer_cont table tr.option_select td div ul li.title{width:200px; color:#000;}
.layer_wrap .layer_cont table tr.option_select td div ul li.price{float:right; width:170px; font-weight:bold; text-align:right;}
.layer_wrap .layer_cont table tr.option_select td div ul li.price a {margin-left:9px;}
.layer_wrap .layer_cont table tr.option_select td div ul li input{float:left; width:55px; height:28px; line-height:28px; padding:0; text-align:center; border:solid 1px #e5e5e5;}
.layer_wrap .layer_cont table tr.option_select td div ul li span{float:left;}
.layer_wrap .layer_cont table tr.option_select td div ul li span a{display:block;}

/* 최종가격 */
.layer_wrap .layer_cont table tr.total_sum td{padding:25px 15px 20px 0; font-size:14px; text-align:right; font-weight:bold; color:#000;}
.layer_wrap .layer_cont table tr.total_sum td strong{font-size:18px; font-weight:bold;}

.layer_wrap .layer_cont .claim_info h2 {font-size:14px;margin-bottom:10px;}
.layer_wrap .layer_cont .claim_info h2.mgt20 {margin-top:20px;}

/* 이지런 랜딩 */
.section{ padding: var(--margin-x4) 0 0; }
.section .main_inner{ width: 1400px; margin: 0 auto; }
.main_color{ color: #7028dc !important; }
.main_background{ background: #7028dc !important; }

/* 버튼 */
.btn_con{}
.btn_con a.btn_link{ display: flex; align-items: center; justify-content: center; margin: 0 auto; border-radius: 50px; opacity: .9; box-shadow: 0 4px 12px -4px rgba(112, 40, 220, .5); transition: all 100ms linear; }
.btn_con a.btn_link:hover{ opacity: 1; box-shadow: 0 3px 9px -3px  rgba(112, 40, 220, .85); }
.btn_con a.btn_link span{}

.join_btn{}
.join_btn a.join_link{ width: 330px; height: 70px; }
.join_btn a.join_link span{ font-size: 25px; color: #fff; margin-top: 5px; }

/* 가입 버튼 고정 */
.section_2 .main_inner .join_btn{ position: fixed; bottom: calc(var(--margin-x2) - var(--margin-half)); left: 50%; transform: translateX(-50%); z-index: 99999; opacity: 0; transition: opacity 1000ms ease; }
.section_2 .main_inner .join_btn.visible{ opacity: 1; }
.section_2 .main_inner .join_btn a.join_link{ background: #fff; box-shadow: inset 0 0 0 1px #7028dc, 0 4px 12px -4px rgba(0, 0, 0, .15); }
.section_2 .main_inner .join_btn a.join_link:hover{ box-shadow: inset 0 0 0 1px #7028dc, 0 3px 9px -3px rgba(112, 40, 220, .5); }
.section_2 .main_inner .join_btn a.join_link span{ color: #7028dc; }

.section h1,
.section h2{ font-family: 'yg-jalnan'; }
.section h3,
.section h4,
.section span,
.section a,
.section div{ font-family: 'GmarketSansMedium'; }
.section h2{ font-size: 60px; word-break: keep-all; line-height: 1.5em; }
.section h3{ font-size: 30px; word-break: keep-all; line-height: 1.5em; }
.section h4{ font-size: 22px; word-break: keep-all; line-height: 1.5em; }

.box_con{ display: flex; flex-wrap: wrap; list-style: none; width: calc(100% + var(--margin)); margin: 0 calc(var(--margin-half) * -1) calc(var(--margin) * -1); font-size: 0; justify-content: center;}
.box_con li.cells{ position: relative; display: flex; flex-direction: column; margin: 0 var(--margin-half) var(--margin); vertical-align: top; }
.box_con li.cells .box{ flex-grow: 1; }
.box_con.two_con li.cells{ width: calc(50% - var(--margin));}
.box_con.three_con li.cells{ width: calc(33.33333333% - var(--margin));}

/* section_1 */
.section_1{ padding: var(--margin-x4) 0; }
.section_1 .main_inner{}
.section_1 .main_inner .text_con{ text-align: center; color: #111; margin-bottom: var(--margin-x2); }
.section_1 .main_inner .text_con h2.easyrun{}
.section_1 .main_inner .text_con h3.easyrun_sub{ margin-top: var(--margin); }
.section_1 .main_inner .join_btn{}
.section_1 .main_inner .join_btn a.join_link{}
.section_1 .main_inner .join_btn a.join_link:hover{}
.section_1 .main_inner .join_btn a.join_link span{}

/* section_2 */
.section_2{ overflow: hidden; }
.section_2 .main_inner{}
.section_2 .main_inner .text_con{ color: #fff; text-align: center; margin-bottom: var(--margin-x2); }
.section_2 .main_inner .text_con h2.easyrun_intro{ font-size: 46px; }
.section_2 .main_inner .text_con h4.easyrun_intro_sub{ font-size: 26px; margin-top: var(--margin-half); line-height: 1.5em; }
.section_2 .main_inner .img_con{}
.section_2 .main_inner .img_con img.easyrun_intro_img{ display: block; width: 650px; margin: 0 auto -3px; }

/* section_3 */
.section_3{ position: relative; }
.section_3 .main_inner{}
.section_3 .main_inner h2.function{ text-align: center; margin-bottom: var(--margin-x2); }
.section_3 .main_inner img.arrow_img{ display: block; width: 150px; margin: 0 auto; }
.section_3 .main_inner .text_con{ margin: var(--margin-x2) 0 var(--margin-x2); }
.section_3 .main_inner .text_con h2.function_main{ margin-bottom: var(--margin-half); }
.section_3 .main_inner .text_con h3.function_sub{ color: #111; }
.section_3 .main_inner .video_con{ text-align: center;}
.section_3 .main_inner .video_con video{ margin-bottom: 36px; }
.section_3 .main_inner .video_con img.program_frame{ position: absolute; width: 1108px; height: 940px; left: 50%; bottom: -135px; transform: translateX(-50%); }

/* section_4 */
.section_4{ position: relative; }
.section_4 .main_inner{}
.section_4 .main_inner .text_con{ color: #fff; margin-bottom: var(--margin-x5); }
.section_4 .main_inner .text_con h2.translation{ margin-bottom: var(--margin-half); }
.section_4 .main_inner .text_con h3.translation_sub{}
.section_4 .main_inner .video_con{ text-align: center; }
.section_4 .main_inner .video_con video{ position:relative; margin-bottom: 23px; }
.section_4 .main_inner .video_con img.translation_frame{ position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 1000px; height: 700px; border-top-right-radius: 10px; border-top-left-radius: 10px; }

/* section_5 */
.section_5{}
.section_5 .main_inner{}
.section_5 .main_inner .text_con{ text-align: center; margin-bottom: var(--margin-x2); }
.section_5 .main_inner .text_con h2.employee{ margin-bottom: var(--margin-half); }
.section_5 .main_inner .text_con h3.employee_sub{ color: #111; }
.section_5 .main_inner .img_con{ text-align: center; }
.section_5 .main_inner .img_con img.employee_img{ width: 1000px; }

/* section_6 */
.section_6{ padding: var(--margin-x4) 0; }
.section_6 .main_inner{}
.section_6 .main_inner .text_con{ text-align: center; color: #fff; margin-bottom: var(--margin-x2); }
.section_6 .main_inner .text_con h2.addition{ margin-bottom: var(--margin-half); }
.section_6 .main_inner .text_con h3.addition_sub{}
.section_6 .main_inner ul.box_con{}
.section_6 .main_inner ul.box_con li.cells{ color: #111; }
.section_6 .main_inner ul.box_con li.cells .box{ display: flex; align-items: center; column-gap: calc(var(--margin-half) + var(--margin-half-half)); padding: calc(var(--margin-half) + var(--margin)); width: 100%; background: #fff; border-radius: var(--margin-half); box-sizing: border-box; box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .15); transition: all 100ms linear; }
.section_6 .main_inner ul.box_con li.cells .box:hover{ box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .5); }
.section_6 .main_inner ul.box_con li.cells .box img.addition_img{ width: 100px; aspect-ratio: 1/1; object-fit: contain; }
.section_6 .main_inner ul.box_con li.cells .box .text_box{}
.section_6 .main_inner ul.box_con li.cells .box .text_box h3.addition_title{ margin-bottom: var(--margin-half-half); font-weight: bold; font-size: 34px; }
.section_6 .main_inner ul.box_con li.cells .box .text_box h4.addition_info{ font-size: 22px; }

/* section_7 */
.section_7{ padding: var(--margin-x4) 0; background: #2e2e2e; }
.section_7 .main_inner{}
.section_7 .main_inner .text_con{ text-align: center; color: #fff; margin-bottom: var(--margin-x2); }
.section_7 .main_inner .text_con h2.comparison{ margin-bottom: var(--margin-half); }
.section_7 .main_inner .text_con h3.comparison_sub{}
.section_7 .main_inner table{ text-align: center; color: #fff; }
.section_7 .main_inner table .col1{ width: 40%; }
.section_7 .main_inner table .col2{ width: 20%; }
.section_7 .main_inner table .col3{ width: 40%; }
.section_7 .main_inner table tr{}
.section_7 .main_inner table tr th{ font-size: 40px; font-weight: bold; padding-bottom: var(--margin-half); border-bottom: 2px solid #aaa; }
.section_7 .main_inner table tr th.another{ color: #a9a9a9; font-weight: lighter; font-size: 38px; }
.section_7 .main_inner table tr th.easyrun{ font-size: 42px; }
.section_7 .main_inner table tr td{ font-size: 24px; padding: calc(var(--margin-half-half) + 3px) 0 var(--margin-half-half); border: 1px solid #999; word-break: keep-all; }
.section_7 .main_inner table tr td.another{ color: #a9a9a9; border-left: none; font-size: 22px; }
.section_7 .main_inner table tr td.type{}
.section_7 .main_inner table tr td.easyrun{ border-right: none; font-size: 28px; }

/* section_8 */
.section_8{ padding: var(--margin-x4) 0; }
.section_8 .main_inner{}
.section_8 .main_inner .text_con{ color: #111; text-align: center; }
.section_8 .main_inner .text_con h2.event{ font-size: 82px; margin-bottom: var(--margin-half); line-height: 1.25em; }
.section_8 .main_inner .text_con p.event_sub_1{ font-size: 30px; margin-bottom: var(--margin-half); }
.section_8 .main_inner .text_con .price_con{ display: flex; align-items: center; justify-content: center; gap: var(--margin); margin-bottom: var(--margin-half); }
.section_8 .main_inner .text_con .price_con span.original_price{ font-size: 46px; text-decoration: line-through; color: #797979; text-decoration-thickness: 2px; }
.section_8 .main_inner .text_con .price_con span.event_price{ font-size: 82px; font-weight: bold; }
.section_8 .main_inner .text_con h4.first{ font-size: 38px; margin-bottom: var(--margin-half); }
.section_8 .main_inner .text_con p.event_sub_2{ font-size: 18px; font-weight: lighter; color: #adadad; }

/* section_8 */
.section_9{ padding: var(--margin-x4) 0; }
.section_9 .main_inner{}
.section_9 .main_inner .text_con{ color: #fff; text-align: center; }
.section_9 .main_inner .text_con h2.plan{ font-family: 'GmarketSansMedium'; font-weight: bold; margin-bottom: var(--margin-half); }
.section_9 .main_inner .text_con h3.plan_sub{ margin-bottom: var(--margin); }
.section_9 .main_inner .toggle_con{ color: #fff; display: flex; gap: var(--margin-half); justify-content: center; align-items: center; margin-bottom: var(--margin-half); }
.section_9 .main_inner .toggle_con span{ font-size: 25px; line-height: 1; margin-top: 4px; }
.section_9 .main_inner .toggle_con .toggle_btn{ position: relative; }
.section_9 .main_inner .toggle_con .toggle_btn input[type=checkbox]{ position: absolute; visibility: hidden; }
.section_9 .main_inner .toggle_con .toggle_btn input.toggles[type=checkbox]{ display: none; }
.section_9 .main_inner .toggle_con .toggle_btn label{ position: absolute; height: 40px; width: 80px; display: block; top: 0; bottom: 0; left: 0; right: 0; z-index: 9999; cursor: pointer; margin: 0 auto; }
.section_9 .main_inner .toggle_con .toggle_btn .switch{ display: block; position: relative; border-radius: 25px; background: #fff; box-shadow: 0 0 16px 3px rgba(0, 0, 0, .15); height: 40px; width: 80px; }
.section_9 .main_inner .toggle_con .toggle_btn .switch .button{ display: block; position: absolute; border-radius: 100%; background : #7028dc; box-shadow: inset 1px 1px 1px 0 rgba(255, 255, 255, .5), 7px 7px 20px 0 rgba(0, 0, 0, .1), 4px 4px 5px 0 rgba(0, 0, 0, .1), inset -2px -2px 2px 0 rgba(0, 0, 0, .1); height: 32px; width: 32px; top: 4px; left: 4px; transition: left 250ms ease-in-out; }
.section_9 .main_inner .toggle_con .toggle_btn input[type=checkbox]:checked ~ .switch .button{ position: absolute; left: 44px; }
.section_9 .main_inner ul.box_con{}
.section_9 .main_inner ul.box_con li.cells{ padding: var(--margin) var(--margin-half); background: #2e2e2e; box-sizing: border-box; }
.section_9 .main_inner ul.box_con.event li.cells{ background: #fff; }
.section_9 .main_inner ul.box_con li.cells .text_box{ color: #fff; padding-bottom: var(--margin-half); border-bottom: 2px solid #7028dc; margin-bottom: var(--margin-x2); }
.section_9 .main_inner ul.box_con.event li.cells .text_box{ color: #111; }
.section_9 .main_inner ul.box_con li.cells .text_box h2.plan_title{ display: inline-block; font-family: 'GmarketSansMedium'; font-size: 52px; font-weight: bold; vertical-align: middle }
.section_9 .main_inner ul.box_con li.cells .text_box span.rate{ display: inline-block; font-size: 18px; vertical-align: middle; padding: 10px 12px 8px; background: #7028dc; border-radius: 50px; line-height: 1; margin: 0 0 10px 15px; font-weight: bold; letter-spacing: 1px; color: #fff; }
.section_9 .main_inner ul.box_con li.cells .text_box h4.plan_info{ font-size: 23px; font-weight: lighter; }
.section_9 .main_inner ul.box_con li.cells .price_con{ margin-top: auto; display: flex; flex-direction: column; align-items: flex-end; color: #fff; gap: var(--margin-half-half); margin-bottom: var(--margin); }
.section_9 .main_inner ul.box_con.event li.cells .price_con{ color: #111; }
.section_9 .main_inner ul.box_con li.cells .price_con span.freeexperience{ font-size: 28px; }
.section_9 .main_inner ul.box_con li.cells .price_con span.original_price{ font-size: 28px; text-decoration: line-through; color: #797979; text-decoration-thickness: 2px; letter-spacing: -0.5px; line-height: 1; }
.section_9 .main_inner ul.box_con li.cells .price_con span.rate_price{ font-size: 31px; letter-spacing: -0.5px; line-height: 1; font-weight: bold; }
.section_9 .main_inner ul.box_con li.cells .price_con h2.price{ font-family: 'GmarketSansMedium'; font-size: 50px; font-weight: bold; line-height: 1; }
.section_9 .main_inner ul.box_con li.cells .plan_btn{ text-align: center; }
.section_9 .main_inner ul.box_con li.cells .plan_btn a.plan_link{ display: inline-block; vertical-align: top; font-size: 30px; width: 220px; height: 60px; line-height: 66px; text-align: center; background: #7028dc; color: #fff; font-weight: bold; box-shadow: 0 4px 12px -4px rgba(112, 40, 220, .5); border-radius: var(--margin-half-half); opacity: .9; transition: all 100ms linear; }
.section_9 .main_inner ul.box_con li.cells .plan_btn a.plan_link:hover{ opacity: 1; box-shadow: 0 3px 9px -3px rgba(112, 40, 220, .85); }
.section_9 .main_inner ul.box_con li.cells .plan_btn a.plan_link:active{ transform: scale(.975); box-shadow: 0 1px 3px -1px rgba(112, 40, 220, 1); }

#footer .footer_con{ display: flex; position: relative; z-index: 99999; }
#footer .familysite_box{ position: relative; margin: 0 1px 0 auto; width: 200px; background: #fff; margin-top: 1px; border-radius: 2px; box-shadow: 0 0 2px rgb(150, 150, 150); transition: all 500ms ease; font-size: 14px; color: #474747; height: 100%; text-align: left; }
#footer .familysite_box .select{ position: relative; display: block; padding: 10px; cursor: pointer; }
#footer .familysite_box:hover{ box-shadow: 0 0 4px rgb(150, 150, 150); }
#footer .familysite_box:active{ background: #f8f8f8; }
#footer .familysite_box.on:hover,
#footer .familysite_box.on{ box-shadow: 0 0 4px rgb(150, 150, 150); border-radius: 2px 2px 0 0; background: #f8f8f8; }
#footer .familysite_box .select span{ font-family: 'GmarketSansMedium'; font-size: 12px; }
#footer .familysite_box .select img.downarrow_icon{ position: absolute; width: 16px; right: 10px; top: 50%; margin: -8px 0 0 0; transition: transform 200ms ease-out; }
#footer .familysite_box .select img.downarrow_icon.rotate{ transform: rotate(180deg); transform-origin: center; }
#footer .familysite_box ul.familysite_con{ display: none; background: #fff; width: 100%; margin-top: 1px; box-shadow: 0 1px 2px rgb(150, 150, 150); border-radius: 0 1px 2px 2px; overflow: hidden; max-height: 144px; padding: 0; list-style: none; }
#footer .familysite_box.on ul.familysite_con{display: block;}
#footer .familysite_box ul.familysite_con li.familysite_list{ transition: all 200ms ease-in-out; cursor: pointer; }
#footer .familysite_box ul.familysite_con li.familysite_list:hover{ background: #f5f5f5; }
#footer .familysite_box ul.familysite_con li.familysite_list:active{ background: #efefef; }
#footer .familysite_box ul.familysite_con li.familysite_list a{ font-family: 'GmarketSansMedium'; display: block; font-size: 12px; width: 100%; height: 100%; padding: 12px 10px 10px; box-sizing: border-box; }

/* 회원가입 */
.page_mim{ width: 450px; margin: 50px auto; }
.page_mim .logo_box{ width: 240px; }
.page_mim .logo_box img{ display: block; width: 100%; margin-left: -15px; }
.page_mim .text_box{ margin: 20px 0 40px; }
.page_mim .text_box span{ font-family: 'GmarketSansMedium'; color: #111; font-size: 26px; font-weight: lighter; }
.page_mim .join_con{}
.page_mim .join_con .join_box{ display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px;  }
.page_mim .join_con .join_box.position_box{ gap: 15px; }
.page_mim .join_con .join_box span.join_title{ color: #111; font-family: 'GmarketSansMedium'; font-size: 15px; }
.page_mim .join_con .join_box input{ display: block; width: 100%; padding: 8px 9px 7px; height: 100%; border-radius: 10px; box-sizing: border-box; font-size: 13px; line-height: 1; }
.page_mim .join_con .join_box input:focus{ border: 1px solid #7028dc; box-shadow: 0 0 10px rgba(112, 40, 220, .1); }
.page_mim .join_con .join_box .check{ display: flex; gap: 10px; }
.page_mim .join_con .join_box .check input{ width: 80%; }
.page_mim .join_con .join_box .check button.btn_check{ width: 20%; background: #fff; border-radius: 10px; font-family: 'GmarketSansMedium'; text-align: center; color: #7028dc; opacity: .9; box-shadow: inset 0 0 0 1px #7028dc, 0 4px 12px -4px rgba(0, 0, 0, .15); transition: all 100ms linear; }
.page_mim .join_con .join_box .check button.btn_check:hover{ opacity: 1; box-shadow: inset 0 0 0 1px #7028dc, 0 3px 9px -3px rgba(112, 40, 220, .5); }
.buttons_box button.join_btn{ display: block; text-align: center; width: 100%; color: #fff; background: #7028dc; border-radius: 10px; height: 40px; font-family: 'GmarketSansMedium'; line-height: 42px; font-weight: lighter; font-size: 16px; }
.page_mim .join_con .join_box .input_img{ position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; width: 25%; aspect-ratio: 1/1; border: 1px dashed #ddd; border-radius: 10px; transition: all 200ms ease-in-out; cursor: pointer; }
.page_mim .join_con .join_box .input_img:hover{ border: 1px dashed #7028dc; }
.page_mim .join_con .join_box .input_img img.upload_preview{ position: absolute; max-width: 80%; max-height: 90%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.page_mim .join_con .join_box .input_img.hidden span,
.page_mim .join_con .join_box .input_img.hidden svg{ display: none; }
.page_mim .join_con .join_box .input_box{ display: flex; flex-wrap: wrap; row-gap: 10px; }
.page_mim .join_con .join_box .input_box label{ display: flex; align-items: center; gap: 10px; width: 50%; font-family: 'GmarketSansMedium'; color: #111; font-size: 13px; }
.page_mim .join_con .join_box .input_box label input[type="radio"]{ width: auto; margin-bottom: 3px; accent-color: #7028dc; }
.login_box{ text-align: center; margin-top: 20px; }
.login_box span.already_join{ color: #999; font-size: 14px; font-family: 'GmarketSansMedium'; font-weight: lighter; }
.login_box span.already_join a{ color: #7028dc; font-weight: bold; }
.login_box span.already_join a:hover{ text-decoration: underline; text-underline-position: under; }
.page_mim .agree_box{ margin-top: 20px; text-align: center; padding-bottom: 20px; border-bottom: 1px dashed #cdcdcd; }
.page_mim .agree_box span.agree{ font-family: 'GmarketSansMedium'; color: #111; font-size: 13px; line-height: 1.5em; }
.page_mim .agree_box span.agree a:hover{ text-decoration: underline; text-underline-position: under; }

/* 제휴문의 */
.page_cooperation{ width: 450px; margin: 50px auto; }
.page_cooperation .logo_box{ width: 240px; margin: 0 auto; }
.page_cooperation .logo_box img{ display: block; width: 100%; }
.page_cooperation .text_box{ text-align: center; margin: 20px 0 40px; }
.page_cooperation .text_box span{ font-family: 'GmarketSansMedium'; color: #111; font-size: 26px; font-weight: lighter; }
.page_cooperation .associate_con{}
.page_cooperation .associate_con .associate_box{ display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px;  }
.page_cooperation .associate_con .associate_box span.associate_title{ color: #111; font-family: 'GmarketSansMedium'; font-size: 15px; }
.page_cooperation .associate_con .associate_box input,
.page_cooperation .associate_con .associate_box select,
.page_cooperation .associate_con .associate_box textarea{ display: block; width: 100%; padding: 8px 9px 7px; height: 100%; min-width: auto; border-radius: 10px; box-sizing: border-box; font-size: 13px; line-height: 1; }
.page_cooperation .associate_con .associate_box select{ height: 34px; color: #111; }
.page_cooperation .associate_con .associate_box input:focus,
.page_cooperation .associate_con .associate_box select:focus,
.page_cooperation .associate_con .associate_box textarea:focus{ border: 1px solid #7028dc; box-shadow: 0 0 10px rgba(112, 40, 220, .1); }
.page_cooperation .associate_con .associate_box .site_link{ display: flex; gap: 10px; align-items: center; }
.page_cooperation .associate_con .associate_box .form_address{}
.page_cooperation .associate_con .associate_box .form_address .post{ display: flex; gap: 10px; margin-bottom: 10px; }
.page_cooperation .associate_con .associate_box .form_address .post input{ width: 70%; }
.page_cooperation .associate_con .associate_box .form_address .post button{ width: 30%; background: #fff; border-radius: 10px; font-family: 'GmarketSansMedium'; text-align: center; color: #7028dc; opacity: .9; transition: all 100ms linear; box-shadow: inset 0 0 0 1px #7028dc, 0 4px 12px -4px rgba(0, 0, 0, .15); }
.page_cooperation .associate_con .associate_box .form_address .post button:hover{ box-shadow: inset 0 0 0 1px #7028dc, 0 3px 9px -3px rgba(112, 40, 220, .5); }
.page_cooperation .associate_con .associate_box .form_address .address_con{ display: flex; gap: 10px; }

.button_box{ display: flex; gap: 10px; }
.button_box button,
.button_box a{ width: 50%; text-align: center; font-family: 'GmarketSansMedium'; border-radius: 10px; font-size: 16px; height: 40px; line-height: 43px; transition: all 100ms linear; opacity: .9; }
.button_box .fill{ background: #7028dc; color: #fff; box-shadow: 0 4px 12px -4px rgba(112, 40, 220, .5); }
.button_box .fill:hover{ opacity: 1; box-shadow: 0 3px 9px -3px rgba(112, 40, 220, .85); }
.button_box .empty{ color: #7028dc; box-shadow: inset 0 0 0 1px #7028dc, 0 4px 12px -4px rgba(0, 0, 0, .15); }
.button_box .empty:hover{ box-shadow: inset 0 0 0 1px #7028dc, 0 3px 9px -3px rgba(112, 40, 220, .5); }