/* reset */
html, body{ font-size:16px;word-break: keep-all;}
html, body, input, textarea{font-family: 'GmarketSansMedium';}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
body {-webkit-text-size-adjust:none;} 
ul, li{list-style:none}

b{font-family:'GmarketSansBold';}
.cr_blue{color:#2083ff!important}
a {text-decoration: none;color: var(--color-link);outline: none;}
a:hover,a:focus {color: var(--color-link-hover);}
button:focus,a:focus {outline: none;}


img{ border:none}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder,
input::-ms-input-placeholder, textarea::-ms-input-placeholder,
input::-moz-placeholder, textarea::-moz-placeholder{ color:#666; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none; margin:0}
input{border-radius:0px; -webkit-appearance:none; -moz-appearance:none; appearance:none}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button;border-radius:0}

.pc{display: block!important}
.mobile{display: none!important}
.col_blue{color: #00a8e3}
.col_gray{color: #666666}
.col_black{color: #000000}
.clred{color:#ec3320}
.mgt_10{margin-top: 10px!important}
.mgt_20{margin-top: 20px!important}
.mgt_30{margin-top: 30px!important}
.mgt_100{margin-top: 100px!important}
.mgb_10{margin-bottom: 10px!important}
.textct{text-align: center}
/*버튼*/
.buttonmain {
	float: left;
	min-width: 150px;
	max-width: 250px;
	display: block;
	padding: 1em 1.5em;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	/*-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;*/ cursor: pointer;
}
.buttonmain:focus {
	outline: none;
}
.buttonmain > span {
	vertical-align: middle;
}
/* Text color adjustments (we could stick to the "inherit" but that does not work well in Safari) */
.bg-1 .buttonmain {
	color: #37474f;
	border-color: #37474f;
}
.bg-2 .buttonmain {
	color: #ECEFF1;
	border-color: #ECEFF1;
}
.bg-3 .buttonmain {
	color: #fff;
	border-color: #fff;
}

/* Sizes */
.buttonmain--size-s {
	font-size: 14px;
}
.buttonmain--size-m {
	font-size: 16px;
}
.buttonmain--size-l {
	font-size: 18px;
}

/* Typography and Roundedness */
.buttonmain--text-upper {
	letter-spacing: 2px;
	text-transform: uppercase;
}
.buttonmain--text-thin {
	font-weight: 300;
}
.buttonmain--text-medium {
	font-weight: 500;
}
.buttonmain--text-thick {
	font-weight: 600;
}
.buttonmain--round-s {
	border-radius: 5px;
}
.buttonmain--round-m {
	border-radius: 15px;
}
.buttonmain--round-l {
	border-radius: 40px;
}

/* Borders */
.buttonmain--border-thin {
	border: 1px solid;
}
.buttonmain--border-medium {
	border: 2px solid;
}
.buttonmain--border-thick {
	border: 3px solid;
}
/* Ujarak */
.buttonmain--ujarak {
	-webkit-transition: border-color 0.4s, color 0.4s;
	transition: border-color 0.4s, color 0.4s;
}
.buttonmain--ujarak::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #37474f;
	z-index: -1;
	opacity: 0;
	-webkit-transform: scale3d(0.7, 1, 1);
	transform: scale3d(0.7, 1, 1);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.buttonmain--ujarak.buttonmain--round-s::before {
	border-radius: 2px;
}
.buttonmain--ujarak.buttonmain--inverted::before {
	background: #7986CB;
}
.buttonmain--ujarak,
.buttonmain--ujarak::before {
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.buttonmain--ujarak:hover {
	color: #fff;
	border-color: #37474f;
}
.buttonmain--ujarak.buttonmain--inverted:hover {
	color: #37474F;
	border-color: #fff;
}
.buttonmain--ujarak:hover::before {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}


.new_ft{background: #424242; z-index: 900;color: #9f9f9f; padding: 60px; letter-spacing: -.5px; font-size: 14px;line-height: 25px;overflow: hidden;clear: both;font-family: 'GmarketSansLight'!important;} 
.new_ft .ft_link li{float: left; display: inline-block; margin-right: 25px;cursor: pointer}
.new_ft .ft_link li:last-child{margin-right: 0}    
.new_ft .addr{clear: both; padding-top: 40px}
.new_ft .addr span{padding:0 10px; color: #666}
.new_ft .tel {margin-top: 5px}    
.new_ft .tel li{float: left; display: inline-block; margin-right: 25px} 
.new_ft .strong{clear: both;padding: 20px 0 0 0}
.new_ft .copy{margin-top: 25px} 
.cp_info{display: none}
/*빠른오더*/
#simpleorder{ position: absolute; right: 0; /* width:214px; border: 3px solid #000; background: #fff;*/top:250px; z-index:2}
#simpleorder h3{ font-size: 29px; letter-spacing: -2px;    line-height: 25px;margin-bottom: 10px;}
#simpleorder h3 span{ font-size: 18px!important}
#simpleorder label{font-size:12px; display: block;margin-bottom: 5px;}
#simpleorder .numselectBox{width:28.3%}
#simpleorder a{display: block;}
#simpleorder .scmedia{width:179px; height:60px; background:#f2f3f7; padding:17px 20px 20px 20px; text-align:center;} 
#simpleorder .scmedia dt{width:100%; font-size:1em;}
#simpleorder .scmedia dd{float:left; width: calc((100%)/3);}
#simpleorder .scmedia dd img{margin-top:3px;}


.page_top{display: none}
.tabs{display: none!important}

.familyS{width:100%; height:50px; line-height:50px; margin-bottom:80px; padding-right:25px; font-size:16px; color:#e3e3e3; font-weight:bold; border-bottom:2px solid #9a9a9a; background:#252525 url("https://www.modoo24.net/assets/img/layout/footSelect_down.png") center right 2px no-repeat; appearance:none;}
.familyS select::-ms-expand{display:none;}
.familyS ul{text-align:right;}
.familyS li{display:inline-block; margin-right:20px; vertical-align:middle;}
.familyS ul li:last-of-type{margin-right:0;}

.familyS{width: 100%;height: 50px;line-height: 50px;margin-bottom: 80px;padding-right: 25px;font-size: 16px;color: #e3e3e3;font-weight: bold;border-bottom: 2px solid #9a9a9a;background: #252525 url(https://www.modoo24.net/assets/img/layout/footSelect_down.png) center right 2px no-repeat;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.new_ft .left_ft{float: left; width: 70%}
.new_ft .link_sns{float: right; width: 25%}

.sns_bottom{margin-top: 20px}
.sns_bottom ul li{float: left;margin-right: 7px;width: 30px;}
.sns_bottom ul li img{width: 100%; cursor: pointer}

.page_top{display: block;position: relative; cursor: pointer;z-index: 901;text-align: center;}
.page_top > button{width: 45px;cursor: pointer;height: 45px;font-size: 12px;line-height: 58px;border: 0;position: fixed;
display: block;bottom: 30px;right: 3%;width: 60px;height: 60px;color: #000;font-size: 14px;font-weight: 600;background: #c3c3c3;border-radius: 50%;text-align: center;line-height: 72px;} 
.page_top > button > svg{position: absolute;top: 10px;left: 18px;}
.page_top > button > span{top: 5px;left: 15px;font-weight: 100;font-size: .8em;}   

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width: 959px) {
.pc{display: none!important}
.mobile{display: block!important}
.image img{width: 100%}

    
.new_ft {clear:both;padding: 30px;}
.new_ft .addr ,.new_ft .tel{display: none}
.new_ft .left_ft{width: 100%}
.tabs{display: block!important} 
.tabs span{padding: 0 10px;color: #666;}
.cp_info::after{    
    content: "";
    height: 12px;
    width: 1px;
    background-color: rgb(215, 219, 226);
    display: inline-block;
    position: absolute;
    right: -12px;
    top: 4px;}
.jssora051 {display: none} 
.link_sns{width:100%} 
.new_ft .link_sns{width: 100%;margin-top: 10px}     
}