@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

@import url("base.css");
@import url("button.css");
@import url("reset.css");
@import url("responsive.css");
@import url("responsive-grid.css");
@import url("datepicker.css");
@import url("layout.css");
@import url("layout-responsive.css");
@import url("accordion-menu.css");
/*@import url("common/bootstrap.css");
@import url("common/bootstrap-responsive.css");
@import url("common/mobile.css");
@import url("common/xe.css");*/
@import url("plugins/animate.min.css");
@import url("plugins/jarallax.css");
@import url("plugins/slick.css");
@import url("plugins/slick-theme.css");
@import url("plugins/swiper.min.css");
/*@import url("mb.css");
@import url("tb.css");
@import url("sm.css"); */
@import url("../fonts/roboto/roboto.css");
@import url("../fonts/noto-sans-kr/noto-sans-kr.css");
@import url("../fonts/XEIcon-2.3.3/xeicon.min.css");
@import url("../fonts/font-awesome/css/all.min.css");
@import url("../fontawesome/css/fontawesome.css");
@import url("../fontawesome/css/brands.css");
@import url("../fontawesome/css/solid.css");

/* style */
::-webkit-scrollbar { width:8px; }
::-webkit-scrollbar-track {background:#eee; border-radius:0; margin:0 5px;}
::-webkit-scrollbar-thumb {background:#f26522; border-radius:0;}
::-webkit-scrollbar-thumb:hover {background:#f26522;}
button {cursor:pointer}
input::placeholder {color:#A3ABB2}
input[type="checkbox"] {position: absolute;opacity: 0;}
input[type="checkbox"] + label {
	cursor: pointer; 
    padding-left: 23px; 
	padding-bottom:2px;
    background-repeat: no-repeat;
    background-image: url('../images/checkbox_default.svg');
}
input[type="checkbox"]:checked + label {
	background-image: url('../images/checkbox_active.svg');
}
.headerNav ul li:hover > .subnav {display:flex !important;}
ul.subnav {
    position:fixed;
    top:73px;
    left:0;
    width:100%;
    background:#fff;
    color:inherit;
    z-index:9;
	padding:20px 0;
	display:none;
	flex-wrap:wrap;
	justify-content:center;
	border-bottom:1px solid #ddd;
}
ul.subnav li {
    text-align:center;
    padding:0 20px;
	font-size:16px;
	font-weight:400;
	color:#fff;
	line-height:1.5;
}
ul.subnav li a {height:auto;color:#6B6E73;font-weight:500;}
ul.subnav li a:hover {text-decoration:underline}

ul.subnav.absolute {
    position:absolute;
    top:72px;
	width:300px;
    left:50%;
	transform:translate(-50%,0);
    background:#fff;
    color:inherit;
    z-index:9;
	padding:20px 0;
	display:none;
	flex-wrap:wrap;
	justify-content:center;
	border:1px solid #ddd;
}
ul.subnav.absolute li {
	
}


.main_title {
    color:#222;
}
.main_title .shape1 {width:48px;height:48px;background:#222;margin-right:12px}
.main_title h3 {font-size:40px;font-weight:300;}
.main_title h4 {font-size:62px;font-weight:700;}
.main_title h5 {font-size:16px;font-weight:400;}

.ft_menu {
    justify-content: flex-end
}
.ft_menu li {padding-left:24px; font-weight:400; color:#fff}
.ft_menu li:nth-of-type(1) {padding-left:0;}
.ft_menu li a {font-weight:400;color:#eee!important;}
.ft_menu li.active a {font-weight:500;color:#F26522!important;}
.ft_copyr {
	margin-top:40px;
	margin-bottom:60px;
}
.ft_faq {margin-top:40px;}
ul.footer_list {
	display:flex;
	flex-wrap:wrap;
}
ul.footer_list li {
	border-right:1px solid #A7ABB1;
	line-height:15px;
	padding:0 10px;
	margin:5px 0;
}
ul.footer_list li:nth-of-type(1) {padding-left:0}
ul.footer_list li:nth-last-of-type(1) {border-right:0;}
ul.footer_list li span {font-weight:700;}
ul.footer_list li a {color:#eee!important}
.sub_container {  
	width:100%;
	min-height:calc(100vh - 180px);
    max-width:1280px;
    padding-top:84px;
    padding-bottom:150px;
    margin:0 auto;
} 
.sub_container_main {  
	width:100%;
    max-width:1280px;
    margin:0 auto;
} 
.content {position:relative;}
.content .site {
    color:#373A3C;
}
.content .site span {
    color:#373A3C;
    padding:0 5px;
}
.content .site img {padding:4px 0}
.content h1 {
    text-align:center;
    font-size:38px;
    color:#1E2023;
    margin-top:45px;
    margin-bottom:30px;
}
.content_wrap {
    width:100%;
    display:flex;
    flex-wrap:wrap;
    color:#1E2023;
}

.port_wrap {
	width:100%;
    display:flex;
    flex-wrap:wrap;
    color:#1E2023;
}
.port_wrap h2 {
	width:100%;
	font-size:24px;
	text-align:center;
	margin-top:50px;
	margin-bottom:30px;
}

@media (min-width: 1024px) {
.sub-mainbg {height:640px;}	
.content_box {
    width: calc((100% - 60px)/3);
    margin-right:30px;
    margin-bottom:65px;
    cursor:pointer;
}
.content_box:nth-of-type(3n) {margin-right:0;}
.port_box {
    width: calc((100% - 40px)/3);
	height:300px;
	background:#eee;
    margin-right:20px;
    margin-bottom:65px;
    cursor:pointer;
}
.port_box:nth-of-type(3n) {margin-right:0;}

}
.content_img {width:100%;}
.content_img img {width:100%;}
.content_txt {margin-top:12px;}
.content_txt h5 {color:#f26522;font-weight:700;}
.content_txt h5 span {
    display:inline-block;background:#FFE8CC;color:#f26522;padding:4px;border-radius:2px;margin-right:6px;font-size:13px;
}
.content_txt h2 {font-size:18px;margin-bottom:2px}
.content_txt h3 {font-size:15px;color:#868E96;font-weight:400 !important}
.content_txt p {font-size:20px;font-weight:700;}
.content_info {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
}
.content_info .content_txt {color:#1E2023;margin-top:0}
.content_info .content_txt h5 {color:#f26522;font-weight:700;}
.content_info .content_txt h5 span {
    display:inline-block;background:#FFE8CC;color:#f26522;padding:4px;border-radius:2px;margin-right:6px;
}
.content_info .content_txt h2 {font-size:23px;margin-bottom:8px}
.content_info .content_txt h3 {font-size:16px;color:#868E96;font-weight:400;}
.content_info .content_txt p {font-size:20px;font-weight:700;}

.content_row {
    width:100%;
	max-width:600px;
    padding:24px 0;
    border-bottom:1px solid #EDEDED;
    position:relative;
	flex-wrap:wrap;
}
.content_row:nth-of-type(1) {padding-top:0;}

.content_row .label {width:100px;font-size:16px;font-weight:500;color:#6B6E73}
.content_row .price {
    display:flex;
    flex-wrap:wrap;
    font-size:18px;
    font-weight:700;
}
.qunt button {
    width:30px;
    height:30px;
    border-radius:0;
    border:1px solid #DCDCDC;
    color:#6B6E73;
    background:#fff;
}
.qunt input[type="text"] {
    width:40px;
    height:30px;
    border-top:1px solid #DCDCDC;
    border-bottom:1px solid #DCDCDC;
    border-left:0;
    border-right:0;
    font-size:13px;
    text-align:center;
}
.content_row .qunt {display:flex !important;}
.content_row .total {
    position:absolute;
    top:20px;
    right:0;
    display:flex;
    flex-wrap:wrap;
    align-items: center;
}
.content_row .total .label {color:#1E2023;font-weight:400}
.content_row .total p {
    font-size:26px;
    font-weight:700;
}
.button_wrap {
	width:100%;
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
}
.button_wrap button {
    border-radius:5px;
    border:0;
    font-size:18px;
    font-weight:700;
    height:60px;
    color:#fff;
}
button.btn_cart {background:#1E2023; width:190px}
button.btn_cart:hover {background:#fff; color:#1E2023; border:1px solid #1E2023}
button.btn_direct {background:#f26522;width:400px;}
button.btn_direct:hover {background:#fff; color:#f26522; border:1px solid #f26522}
.paging {
	position:relative;
	width:100%;
	margin:0 auto;
	text-align:center;
	display: inline-block;
	font-size:0;
}
.paging img {vertical-align:top}
.pagePrev, .pageNext, .pageFirst, .pageLast {
	display:inline-block;
	width:36px;
	height:36px;
	line-height:36px;
	vertical-align:middle
}
.pageFirst {margin-right:5px;}
.pagePrev {margin-right:12px;}
.pageNext {margin-left:12px;}
.pageLast {margin-left:5px;}
.pagePrev a, .pageNext a {
	width:100%;
	height:100%;
	line-height:36px;
	position:relative;
	display:block;
}
.pageNum {display: inline-block; font-size:0;}
.pageNum ul {display: inline-block; font-size:0;}
.pageNum ul li {
	display: inline-block;
	width:36px;
	height:36px;
	line-height:36px;
	font-size:0;
	vertical-align:middle;
    color:#6B6E73;
}
.pageNum ul li a {
	display: inline-block;
	width:36px;
	height:36px;
	line-height:36px;
	font-size:16px;
	vertical-align:middle
}
.pageNum ul li a:hover {color:#999;}
.pageNum ul li .present {
	display: inline-block;
	width:36px;
	height:36px;
	color:#1E2023;
	line-height:36px;
	font-size:16px;
}

.level_wrap {
	margin:20px auto;
	text-align:center;
}
.level_wrap button {
	height:44px;
	font-size:16px;
	font-weight:700;
	border:1px solid #F26522;
	color:#F26522;
	border-radius:10px;
	background:#fff;
	padding:0 16px;
	margin:0 3px;
}
.level_wrap button:hover {background:#FFF4E6}
.level_wrap button.active {
	background:#F26522;
	color:#fff;
}
.level_wrap button.active:hover {background:#DC5515}
.login {
    background:#F7FAFC;
}
.login_wrap {
    width:420px;
    margin:0 auto;
    padding-top:260px;
    text-align:center
}
.login_wrap input {
    width:100%;
    height:52px;
    border-radius:2px;
    border:1px solid #DCDCDC;
    font-size:15px;
    padding:15px;
    margin-bottom:12px;
}
.login_wrap input::placeholder {color:#A3ABB2}
.login_wrap button {
    width:100%;
    height:60px;
    background:#f26522;
    color:#fff;
    font-size:18px;
    font-weight:700;
    border:0;
    border-radius:0;
    margin-top:8px;
    margin-bottom:30px;
}
.login_wrap ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin-bottom:80px;
}
.login_wrap ul li {
	padding:0 20px;
	border-right:1px solid #ddd;
	line-height:20px;
}
.login_wrap ul li:last-child {border:0}

.find_wrap {
	width:540px;
    margin:0 auto;
    padding:50px 60px;
    text-align:left;
	background:#fff;
	margin-top:120px;
}
.find_nav {
	position:relative;
	display:flex;
	width:100%;
}
.find_nav li {
	width:50%;
	height:48px;
	text-align:center;
	font-size:20px;
	color:#A3ABB2;
	border-bottom:1px solid #A3ABB2;
	cursor:pointer
}
.find_nav li.active {
	color:#1E2023;
	font-weight:500;
	border-bottom:2px solid #1E2023;
}
.find_box {
	width:100%;
	padding:20px 0;
	display:none
}
.find_box.active {display:block}
.find_box p {font-size:16px;font-weight:500;margin-top:20px;margin-bottom:6px;}
.find_box input {
	width:100%;
	height:52px;
	border:1px solid #DCDCDC;
	background:#fff;
	padding:10px;
	font-size:15px;
}
.find_box button {
	width:100%;
	height:60px;
	background:#f26522;
	color:#fff;
	font-size:18px;
	font-weight:700;
	border:0;
	margin-top:20px;
}

.join_wrap {
    width:540px;
    margin:110px auto;
    text-align:left;
	background:#fff;
	padding:40px 60px;
	overflow-x:hidden;
}
.join_wrap h2 {font-size:26px;margin-bottom:20px;}
.join_wrap h3 {font-size:16px;font-weight:500}
.join_wrap input {
    width:100%;
    height:52px;
    border-radius:2px;
    border:1px solid #DCDCDC;
    font-size:15px;
    padding:15px;
    margin-bottom:20px;
}
.join_wrap input::placeholder {color:#A3ABB2}
.join_wrap button {
    width:100%;
    height:60px;
    background:#f26522;
    color:#fff;
    font-size:18px;
    font-weight:700;
    border:0;
    border-radius:0;
    margin-top:40px;
    margin-bottom:30px;
}
.join_wrap button.btn_scaddress {
    width:100px;
    height:52px;
    background:#fff;
    color:#1E2023;
    font-size:15px;
    font-weight:500;
    border:1px solid #1E2023;
    border-radius:2px;
	margin-left:10px;
	margin-top:0;
	margin-bottom:0;
}
.join_wrap .address_wrap {
	display:flex;
	flex-wrap:wrap;
	width:100%;
}
.join_wrap .address_wrap input {margin-bottom:10px}
.join_wrap .address_wrap input:last-child {margin-bottom:20px;}
.join_wrap input.postnum {
    width:calc(100% - 110px);
}
.join_wrap div label {margin-right:40px; padding-left:30px}

table.tb_1 {
    position:relative;
    width:100%;
    border-top:1px solid #1E2023;
}
table.tb_1 select {
	max-width:300px;
	width:300px;
	height:48px;
	border:1px solid #DCDCDC;
	font-size:14px;
	color:#868E96;
	padding:12px;
	margin-right:10px;
	display:inline-block
}
table.tb_1 input[type="text"].etctxt {
	width:calc(100% - 310px);
	display:inline-block
}
table.tb_1 tbody tr th {
    width:16.4%;
    height:70px;
    font-size:16px;
    font-weight:700;
    background:#F8F9FA;
    border-bottom:1px solid #DCDCDC;
}
table.tb_1 tbody tr td {
    width:33.6%;
    height:70px;
    padding:0 20px;
    font-size:16px;
    border-bottom:1px solid #DCDCDC;
}
table.tb_1 tbody tr td a {color:#f26522;font-weight:700}
table.tb_1.myinfo tbody tr th {
    width:20%;
    text-align:left;
    padding:0 20px;
}
table.tb_1.myinfo tbody tr td {width:80%; padding:10px 20px}
table.tb_1 tbody tr td input {
    width:100%;
    height:52px;
    border:1px solid #DCDCDC;
    font-size:15px;
    padding:0 20px
}
table.tb_1 tbody tr td input.address {
    width:calc(100% - 103px);
}
table.tb_1 p {display:inline-block;}
table.tb_1 h5 {color:#f26522;font-weight:700;display:inline-block;margin-bottom:0;}
table.tb_1 h5 span {
    display:inline-block;background:#FFE8CC;color:#f26522;padding:4px;border-radius:2px;margin-right:6px;
}
button.btn_address {
    width:92px;
    height:52px;
    color:#1E2023;
    font-size:15px;
    border:1px solid #1E2023;
    background:#fff;
}
table.tb_2 p {font-size:16px;font-weight:700;}
table.tb_2 p.title {font-size:17px;margin-bottom:8px}
table.tb_2 h4 {font-size:15px;font-weight:400;color:#6B6E73;margin:0}
table.tb_2 h5 {color:#f26522;font-weight:700;font-size:14px;margin-bottom:4px;}
table.tb_2 h5 span {
    display:inline-block;background:#FFE8CC;color:#f26522;padding:4px;border-radius:2px;margin-right:6px;font-weight:500;font-size:13px;
}
table.tb_2 {
    position:relative;
    width:100%;
}
table.tb_2 thead tr td {
    border-top:1px solid #333;
    border-bottom:1px solid #333;
    height:48px;
    font-size:16px;
    font-weight:700;
    text-align:center;
}
table.tb_2 tbody tr td {
    border-bottom:1px solid #dcdcdc;
    border-right:1px solid #dcdcdc;
    padding:20px 0;
    text-align:center;
}
table.tb_2 tbody tr td:last-child {border-right:0}
table.tb_2 tbody tr td > div {display:inline-block;vertical-align:middle}
table.tb_2 tbody tr td > div.qunt {display:flex !important;justify-content:center}
table.tb_2 tbody tr td > div > img {width:120px;margin-right:12px;}
table.tb_2.minfo tbody tr td:nth-of-type(1) {width:120px;border-right:0}
table.tb_2.minfo tbody tr td:nth-of-type(2) {text-align:left;padding-left:12px;}
table.tb_2.minfo tbody tr td:nth-of-type(3),
table.tb_2.minfo tbody tr td:nth-of-type(4) {width:11.7%;}
table.tb_2.minfo tbody tr td:nth-of-type(3) span.mobile {display:none;color:#1E2023}
table.tb_2.cart thead tr td > label.sltall span {display:none;}
table.tb_2.cart thead tr td:nth-of-type(1) {}
table.tb_2.cart tbody tr td:nth-of-type(1) {border-right:0;width:60px}
table.tb_2.cart tbody tr td:nth-of-type(3) {text-align:left;padding-left:12px;}
table.tb_2.cart tbody tr td:nth-of-type(2) {border-right:0;width:120px;}
table.tb_2.cart tbody tr td:nth-of-type(4), 
table.tb_2.cart tbody tr td:nth-of-type(5), 
table.tb_2.cart tbody tr td:nth-of-type(6) {width:15.6%;}



button.btn_select {
    width:76px;
    height:40px;
    background:#EFEFEF;
    color:#6B6E73;
    font-size:14px;
    border:0;
}
button.btn_select:hover {background:#ccc;}
button.btn_select_mobile {display:none}
button.btn_delete {
    width:76px;
    height:40px;
    border:1px solid #6B6E73;
    border-radius:5px;
    font-size:14px;
    font-weight:700;
    background:#fff
}
button.btn_delete:hover {border:0;background:#6B6E73;color:#fff;}
table.tb_2 tfoot tr td.border {background:#fff;padding:0;height:15px}
table.tb_2 tfoot tr td {
    font-size:18px;
    font-weight:700;
    color:#6B6E73;
    text-align:center;
    padding:20px 0;
    background:#F8F9FA;
}
table.tb_2 tfoot tr td span {
    font-size:24px;
    font-weight:400;
    color:#FA5252;
}
.notice_box {
    width:100%;
    font-size:18px;
    font-weight:700;
    color:#6B6E73;
    flex-wrap:wrap;
}
.notice_box .label {width:100px;}
.notice_box .text {width:calc(100% - 100px);}
.notice_box p {display:inline-block;font-size:16px; font-weight:400; line-height:1.8}
.notice_box p.delivery {display:block;font-size:20px; font-weight:700;color:#FA5252;line-height:1.4;margin-bottom:4px}
.halign-center {justify-content: center}
.halign-right {justify-content: flex-end}
.button_wrap button {
    border-radius:5px;
    border:0;
    font-size:18px;
    font-weight:700;
    height:60px;
    color:#fff;
}
button.btn_payment {background:#f26522; width:180px}
button.btn_payment:hover {background:#fff; color:#f26522; border:1px solid #f26522}
button.btn_main {background:#fff; width:180px;border:1px solid #f26522; color:#f26522}
button.btn_main:hover {background:#f26522; border:0; color:#fff}
button.btn_edit {background:#fff; width:120px;height:52px;border:1px solid #f26522; color:#f26522;font-size:15px;}
button.btn_edit:hover {background:#f26522; border:0; color:#fff;}
.totalp {
    font-size:18px;
    font-weight:700;
    color:#6B6E73;
    text-align:center;
    background:#F8F9FA;
    padding:20px;
}
.totalp span {
    font-size:24px;
    font-weight:400;
    color:#FA5252;
    padding-left:10px
}

.nav_mypage a li {
	font-size:16px;
	margin-bottom:20px;
}
.nav_mypage a.active li {font-weight:700}
table.tb_2.mypage tbody tr td {width:13.3%}
table.tb_2.mypage tbody tr td:nth-of-type(2) {width:160px;padding:20px; border-right:0;}
table.tb_2.mypage tbody tr td.wide {width:auto; text-align:left;}
table.tb_2.mypage tbody tr td a {text-decoration:underline}
table.tb_2.mypage tbody tr td span {font-size:15px; font-weight:700}
table.tb_2.mypage tbody tr td span.done {color:#f26522}
table.tb_2.mypage h4 {margin-bottom:4px;}
table.tb_2.mypage h6 {color:#f26522;font-weight:700;font-size:700;margin-bottom:4px;padding-top:10px}
table.tb_2.mypage h5 {color:#f26522;font-weight:700;font-size:14px;margin-bottom:4px;}
table.tb_2.mypage h5 > span {
    display:inline-block;background:#FFE8CC;color:#f26522;padding:4px;border-radius:2px;margin-right:6px;font-weight:500;font-size:13px !important;
}
table.tb_2.monthly tbody tr td {width:13.3%}
table.tb_2.monthly tbody tr td.wide {width:auto; text-align:left;}
table.tb_2.monthly tbody tr td a {text-decoration:underline}

button.btn_receipt {
	margin-top:5px;
	width:72px;
	height:32px;
	border:0;
	background:#E9ECEF;
	color:#495057;
	font-size:13px;
	border-radius:2px;
}
button.btn_receipt:hover {background:#CED4DA}
.month_jpg {
	width:100%;
	min-height:1000px;
	background:#F5F5F5;
}

/*		.search_wrap {
		width:100%;
		display:flex;
		flex-wrap:wrap;
		padding:0 ;
		background:#fff;
		align-items: center;
		font-size:15px;
		font-weight:700;
	}
	.search_wrap span {width:20px; text-align:center;}
	.search_wrap input,
	.search_wrap select {
		height:42px;
		border-radius:5px;
		border:1px solid #D6D6D6;
		background:#fff;
		padding:0 14px;
	}
	.search_wrap input[type="date"] {width:calc((100% - 60px)/2)}
	.search_wrap input[type="text"] {width:calc(100% - 40px);}
	.search_wrap select {width:calc(100% - 40px);} 
	.search_wrap button {
		width:100%;
		height:42px;
		background:#1E2023;
		color:#fff;
		border:0;
		font-size:13px;
		font-weight:700;
		border-radius:5px;
	}*/
.price_wrap {
    width:100%;
	display:flex;
	padding:20px 25px;
	background:#F8F9FA;
	justify-content:center;
    align-items: center;
    font-size:18px;
    font-weight:700;
    color:#6B6E73;
}
.price_wrap span {
    font-size:24px;
    font-weight:400;
    color:#FA5252;
}
.price_wrap input[type="text"] {
    background:transparent;
    border:0;
}
.price_wrap .vborder {
    width:2px;
    height:24px;
    background:#DCDCDC;
}

.faq_wrap {
    display:none;
    flex-wrap:wrap;
    border-top:2px solid #707070;
}
.faq_wrap.active{display:flex;}
.faq_box {
    width:100%;
    
}
.faq_q {
    position:relative;
    min-height:72px;
    font-size:18px;
    font-weight:700;
    padding:20px 30px;
    border-bottom:1px solid #DCDCDC;
}
.faq_q.active {color:#f26522}
.faq_q i {
    position:absolute;
    right:30px;
    top:20px;
    line-height:30px
}
.faq_q i.rotate {
    transform:rotate(180deg);
    color:#f26522
}
.faq_a {
    display:none;
    min-height:72px;
    font-size:16px;
    padding:20px 30px;
    background:#F8F9FA;
    border-bottom:1px solid #dcdcdc;
}
.faq_a.active {display:block;}
.faq_nav {
	position:absolute;
	top:-64px;
	right:10px;
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
    margin-bottom:40px;
}
.faq_nav li {
    font-size:16px;
    font-weight:500;
	padding:10px 20px;
	background:#F8F9FA;
    color:#AFB7BF;
    cursor:pointer;
	border-radius:5px;
	margin-left:20px;
}
.faq_nav li.active {background:#f26522;color:#fff;}
.faq_nav li:first-child {margin:0;}
.subcate {
	display:inline-block;
	position:relative;
}
.subcate a {padding-bottom:15px;font-size:13px;}
.subcate a > i {}
.subcate:hover a > i {transform:rotate(180deg)}

.subcate_box {
	display:none;
	position:absolute;
	top:calc(100% + 12px);
	left:0;
	border:1px solid #DFDFDF;
	background:#fff;
	padding:8px 12px;
	min-width:145px;
}
.subcate_box li {padding:4px 0;}
.subcate_box li a {color:#6B6E73;}
.subcate_box li a.active {font-weight:700}
.subcate_box li a:hover {text-decoration:underline}

.contact_wrap {
	width:100%;
	padding:40px;
	background:#F8F9FA;
}
.contact_wrap ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin-top:30px;
	margin-bottom:35px;
	background:#fff;
	padding:10px;
}
.contact_wrap ul li {
	color:#6B6E73;
	font-size:16px;
	padding:0 16px;
	border-right:1px solid #DEDFDF;
	line-height:100%;
}
.contact_wrap ul li:last-child {border:0}
.contact_wrap .flex {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.contact_wrap .flex h2 {font-size:32px;}
.contact_wrap .flex p {font-size:16px;font-weight:700;}
.contact_wrap .flex div {padding:0 40px;}
.contact_wrap .flex .creverse {border-right:1px solid #DEDFDF}
.contact_wrap .flex .creverse > * {color:#00BABB;}
.contact_wrap .flex .korea > * {color:#f26522;}
.contact_info {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.contact_info div {
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	margin-top:5px;
}
.contact_info div h5 {font-size:16px;font-weight:700; margin-bottom:0;padding-left:8px;padding-right:16px;}
.contact_info div p {font-size:16px;}
.contact_info div p span {padding-right:5px;}

table.table_notice {
	position:relative;
	width:100%;
	border-top:1px solid #1E2023;
}
table.table_notice thead {}
table.table_notice thead tr {}
table.table_notice thead tr th {
	font-size:16px;
	padding:12px;
	border-bottom:1px solid #1E2023;
}
table.table_notice tbody {}
table.table_notice tbody tr {}
table.table_notice tbody tr td {
	font-size:16px;
	color:#6B6E73;
	padding:20px;
	text-align:center;
	border-bottom:1px solid #DCDCDC;
}
table.table_notice tbody tr td.title {font-weight:500;color:#1E2023;text-align:left;}
.notice_title {padding-bottom:40px;border-bottom:1px solid #1E2023;}
.notice_title h2 {
	font-size:28px;
	font-weight:700;
}
.notice_title ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.notice_title ul li {
	font-size:15px;
	color:#6B6E73;
	padding:0 12px;
	border-right:1px solid #ddd;
	line-height:100%;
}
.notice_title ul li span {font-weight:700;padding-right:8px}
.notice_title ul li:last-child {border:0;}
.notice_txt {padding:40px 0;}
.notice_txt h4 {font-size:16px;line-height:2}
.notice_txt p {font-size:16px;color:#6B6E73;line-height:1.6}
button.btn_notice {width:114px;height:60px;border:1px solid #f26522; color:#f26522; font-size:18px;font-weight:700;border-radius:5px;background:#fff;}
button.btn_notice:hover {border:0; color:#fff; border-radius:5px;background:#f26522;}

.privacy {text-align:justify}
.privacy h2 {font-size:16px; font-weight:400;line-height:1.8}
.privacy h3 {font-size:16px; font-weight:400;line-height:1.8;margin-top:40px}
.privacy ol li {font-size:16px; font-weight:400;line-height:1.8}
.privacy p {font-size:16px; font-weight:400;line-height:1.8}


/* 결제방법 */
.payment_wrap {
	border-top:1px solid #333;
	border-bottom:1px solid #dcdcdc;
	padding:30px 0;
}
.payment_wrap h4 {line-height:60px;font-size:16px;}
.payment_meth_btn {
	max-width:780px;
	position:relative;
	display:flex;
	flex-wrap:wrap;
	padding-bottom:15px;
}
.payment_meth_btn input[type="radio"] {display:none;}
.payment_meth_btn input[type="radio"]+label {
	width:200px;
	height:60px;
	line-height:58px;
	font-size:16px;
	background:#fff;
	border:1px solid #dcdcdc;
	text-align:center;
	margin-bottom:15px;
	margin-right:15px;
}
.payment_meth_btn input[type="radio"]:checked+label {
	color:#F26522;
	border:1px solid #F26522;
}
.payment_meth_btn input[type="radio"]+label > img {display:inline;vertical-align:middle;margin-top:-3px;}
.payment_meth_btn input[type="radio"]:checked+label > img.act, 
.payment_meth_btn input[type="radio"]:hover+label > img.act {display:inline;}
.payment_meth_btn input[type="radio"]:checked+label > img.def, 
.payment_meth_btn input[type="radio"]:hover+label > img.def {display:none;}
.payment_meth_btn input[type="radio"]+label > img.act {display:none;}
.payment_meth_btn input[type="radio"]+label:hover,
.payment_meth_btn input[type="radio"]:checked+label{
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
	color:#F26522;
	border:1px solid #F26522;
	cursor:pointer;
} 
.depositor {
	background:#F6F6F6;
	width:100%;
	height:52px;
	text-align:center;
	margin-bottom:12px;
	justify-content:center;
}
.depositor h4 {font-size:1.4rem;font-weight:700;color:#d21679}
.depositor h3 {font-size:1.4rem;font-weight:700;margin-right:15px;}
button.depositor {
	color:#333;
	background:#fff;
	margin-left:10px;
	width:105px;
	height:52px;
	font-size:15px;
	font-weight:700;
	border:1px solid #333;
}
.payment_notice {
	position:relative;
	max-width:780px;
}
.payment_notice ul {}
.payment_notice ul li p {line-height:2;font-size:16px;color:#6B6E73}
.payment_notice ul li h6 {line-height:2;font-size:16px;color:#6B6E73}
.payment_notice ul li p.fc_pink {
	width:100%;
	font-size:16px;
	font-weight:700;
	color:#222;
	margin-bottom:30px
}
.payment_notice ul li p.bold {font-size:16px;font-weight:700;color:#1E2023;}
.payment_notice ul li p span {font-size:inherit;color:#666;}
.payment_notice ul li input[type="text"] {
	width:100%;
	height:48px;
	border:1px solid #dcdcdc;
	font-size:15px;
	margin-bottom:12px;
	padding:10px;
}
.select {display: none;}
.select.on {display: inherit;}


/* modal */

.modal {
	display:none;
	position: fixed; /* Stay in place */
	z-index: 99999; /* Sit on top */
	top:0;
	left:0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
	outline:none;
}
.popup_ok {
	position:absolute;
	top:40%;
	left:50%;
	transform:translate(-50%,-40%);
	width:460px;
	background:#fff;
	border-radius:10px;
	padding:50px 20px;
	text-align:center;
}
.popup_ok h2 {
	font-size:22px;
	word-break:keep-all;
}
.popup_ok p {
	color:#6B6E73;
	font-size:18px;
}
.popup_btn {margin-top:40px;}
.popup_btn button {
	width:120px;
	height:48px;
	border-radius:5px;
	font-size:16px;
	font-weight:700;
}
button.btn_cancel {
	background:#fff;
	border:1px solid #DCDCDC;
	color:#999
}
button.btn_ok {
	background:#1E2023;
	color:#fff;
	border:0;
}
.nothing {
	width:100%;
	height:420px;
	text-align:center;
	font-size:20px;
	background:#F8F9FA;	
	padding:120px 0;
}
.nothing img {padding-bottom:20px}