/* common.css */

html.open{overflow:hidden;}
.inner{position:relative;max-width:1200px;margin:0 auto;}
.inner_box{position:relative;max-width:1200px;margin:0 auto;}
.blind{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0 0 0 0);}
.txt_bar{display:inline-block;width:1px;height:10px;margin-right:6px;background:#000;vertical-align:-2px;}
.clearfix:before,
.clearfix:after{display:block;clear:both;content:"";}
.dim{display:none;position:fixed;left:0;top:0;z-index:99998;width:100%;height:100%;background-color:rgba(0,0,0,0.4);-webkit-transform: translate3d(0,0,0);}
.dim.open{display:block;}
.btn_gray{background-color:#e6e6e6;color:#333;border-color:#adadad;}
.btn_blue{background-color:#337ab7;color:#fff;border-color:#2e6da4;}
.btn_green{background-color:#398439;color:#fff;border-color:#255625;}
.btn_skyblue{background-color:#31b0d5;color:#fff;border-color:#269abc;}
.btn_red{background-color:#ac2925;color:#fff;border-color:#761c19;}
.soldout_text{padding:10px;text-align:center;color:#ed1c24;font-size:16px;font-weight:bold;text-decoration:underline;}

[id*="post_layer"]{height:466px !important;}

[id*="__daum__layer_"]{-webkit-overflow-scrolling: touch;}

[class*="col-"]{padding:7px;}

.s_popup {
	position: relative;
	max-width: 320px;
	padding: 30px 20px !important;
	background: #fff;
	border: 2px solid #5299d2;
	border-radius: 4px !important;
}
.s_popup > p {
	color: #004a80;
	font-size: 16px;
	font-weight:400;
	text-align: center;
}
.s_popup_btn_box {
	margin-top: 15px;
	text-align: center;
}
.s_popup_btn {
	display: inline-block;
	max-width: 150px;
	width: 100%;
	padding: 8px 0;
	color: #5299d2;
	border: 1px solid #5299d2;
	text-align: center;
}

.product_detail_cart_popup_btn {
	margin-top: 15px;
	text-align: center;
}
.product_detail_cart_popup_btn a {
	display: inline-block;
	width: 49%;
	padding: 8px 15px;
	color: #848484;
	border: 1px solid #d2d2d2;
	border-radius: 4px;
	font-size: 14px;
	text-align: center;
}

.product_detail_cart_popup_btn a.continue {
	color: #0072bc;
	border: 1px solid #0072bc;
	font-weight:400;
	background:#f0f6f9;
}

.product_detail_cart_popup_btn a:hover {
	color: #5299d2;
	border: 1px solid #5299d2;
}

.cs_popup {
	position: relative;
	width:92%;
	max-width: 640px;
	padding: 30px 20px !important;
	background: #fff;
	border: 2px solid #5299d2;
	border-radius: 4px !important;
}
.cs_popup h4 {font-size:24px;padding:0 0 10px;text-align:center;}
.cs_popup h4 span {font-weight:700;}
.cs_popup .cs_pop_content {width:100%;max-width:805px;text-align:center;}
.cs_popup .cs_pop_content img {width:100%;}
.cs_popup .cs_pop_content .mo_pop {display:none;}

.cs_pop_title {
	
}
.cs_pop_title > p {
	font-size: 30px;
	font-weight: 400;
	text-align: center;
}
.cs_pop_table {
	width: 100%;
	margin-top: 20px;
	letter-spacing: -0.8px;
}
.cs_pop_table th,
.cs_pop_table td {
	width: 33.3%;
	padding: 5px 0;
	border: 1px solid #ebebeb;
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
	font-weight: normal;
}
.cs_pop_table th {
	background: #f5f5f5;
}
.cs_pop_table td {
}
.cs_pop_table td > span {
	color: #217acc;
}

.cs_pop_business {
	margin-top: 20px;
}
.cs_pop_business > li {
	position: relative;
	padding-left: 15px;
	text-align: left;
	font-size: 13px;
	letter-spacing: -0.8px;
}
.cs_pop_business > li:before {
	position: absolute;
	left: 5px;
	top: 9px;
	width: 3px;
	height: 3px;
	background: #217acc;
	content: "";
}

@media only screen and (max-width: 640px) {
.cs_popup h4 span {display:block;font-size:32px;}
.cs_popup .cs_pop_content {width:100%;max-width:580px;}
.cs_popup .cs_pop_content .pc_pop {display:none;}
.cs_popup .cs_pop_content .mo_pop {display:block;}
}

.col-x-1,
.col-x-2,
.col-x-3,
.col-x-4,
.col-x-5,
.col-x-6,
.col-x-7,
.col-x-8,
.col-x-9,
.col-x-10,
.col-x-11,
.col-x-12{float:left;}
.col-x-12{width:100%;}
.col-x-11{width:91.66666667%;}
.col-x-10{width:83.33333333%;}
.col-x-9{width:75%;}
.col-x-8{width:66.66666667%;}
.col-x-7{width:58.33333333%;}
.col-x-6{width:50%;}
.col-x-5{width:41.66666667%;}
.col-x-4{width:33.33333333%;}
.col-x-3{width:24%;}
.col-x-2{width:16.66666667%;}
.col-x-1{width:8.33333333%;}

@media only screen and (max-width: 1024px) {
	.txt_bar{margin-right:3px;}
}

@media only screen and (max-width: 1200px) {
	.col-l-1,
	.col-l-2,
	.col-l-3,
	.col-l-4,
	.col-l-5,
	.col-l-6,
	.col-l-7,
	.col-l-8,
	.col-l-9,
	.col-l-10,
	.col-l-11,
	.col-l-12{float:left;}
	.col-l-12{width:100%;}
	.col-l-11{width:91.66666667%;}
	.col-l-10{width:83.33333333%;}
	.col-l-9{width:75%;}
	.col-l-8{width:66.66666667%;}
	.col-l-7{width:58.33333333%;}
	.col-l-6{width:50%;}
	.col-l-5{width:41.66666667%;}
	.col-l-4{width:33.33333333%;}
	.col-l-3{width:25%;}
	.col-l-2{width:16.66666667%;}
	.col-l-1{width:8.33333333%;}
}

@media only screen and (max-width: 992px) {
	.col-m-1,
	.col-m-2,
	.col-m-3,
	.col-m-4,
	.col-m-5,
	.col-m-6,
	.col-m-7,
	.col-m-8,
	.col-m-9,
	.col-m-10,
	.col-m-11,
	.col-m-12{float:left;}
	.col-m-12{width:100%;}
	.col-m-11{width:91.66666667%;}
	.col-m-10{width:83.33333333%;}
	.col-m-9{width:75%;}
	.col-m-8{width:66.66666667%;}
	.col-m-7{width:58.33333333%;}
	.col-m-6{width:50%;}
	.col-m-5{width:41.66666667%;}
	.col-m-4{width:33.33333333%;}
	.col-m-3{width:25%;}
	.col-m-2{width:16.66666667%;}
	.col-m-1{width:8.33333333%;}
}

@media only screen and (max-width:768px) {
	.col-s-1,
	.col-s-2,
	.col-s-3,
	.col-s-4,
	.col-s-5,
	.col-s-6,
	.col-s-7,
	.col-s-8,
	.col-s-9,
	.col-s-10,
	.col-s-11,
	.col-s-12{float:left;}
	.col-s-12{width: 100%;}
	.col-s-11{width:91.66666667%;}
	.col-s-10{width:83.33333333%;}
	.col-s-9{width:75%;}
	.col-s-8{width:66.66666667%;}
	.col-s-7{width:58.33333333%;}
	.col-s-6{width:50%;}
	.col-s-5{width:41.66666667%;}
	.col-s-4{width:33.33333333%;}
	.col-s-3{width:25%;}
	.col-s-2{width:16.66666667%;}
	.col-s-1{width:8.33333333%;}
}

/********* tooltip css **********/

.tooltip {
	display:block;
	position: absolute;
	left:0;
	top:100%;
	min-width:200px;
	z-index:10;
	/* margin-left:-75px; */
	padding:5px 20px;
	color: #fff;
	background: #ff6013;
	border-radius: 6px;
	text-align: center;
	opacity:0.7;
	font-size:11px;
}

.tooltip:after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #ff6013 transparent;
}

.agree_tooltip{
	display:inline-block;
	position: relative;
	right:0;
	top:100%;
	/* width:100%; */
	z-index:10;
	/* margin-left:-75px; */
	margin-top:10px;
	padding:5px 10px;
	background: #ff6013;
	color: #FFFFFF;
	border-radius: 6px;
	text-align: center;
	opacity:0.7;
	font-size:11px;
}