@charset "utf-8";

@font-face {
	font-family:'NanumGothic';
	src:url('NanumGothic.eot');
	src:local('?'), 
		url('NanumGothic.woff') format('woff'),
		url('NanumGothic.ttf') format('truetype');
}
*{font-family:'NanumGothic', Arial, sans-serif;}
html{overflow-y:scroll}
html,body{width:100%;height:100%}
body{font-size:12px;font-family:'NanumGothic', Arial, sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,th,td{margin:0;padding:0;-webkit-text-size-adjust:none;font-family:'NanumGothic', Arial, sans-serif;line-height:normal}
article, aside, canvas, details, figure, figcaption, footer, hgroup, header, menu, nav, section, summary{display:block}
img,fieldset{border:0}
img{vertical-align:top}
ul,ol,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
hr{display:none}
a{color:#000;color:inherit;text-decoration:none}
a:hover{text-decoration:none}
em,i,address{font-style:normal;font-weight:normal}
legend,caption{display:none;clear:both}
input,textarea,select,button,table{font-size:inherit;font-family:inherit;line-height:inherit;font-family:'NanumGothic', Arial, sans-serif}
table{border-collapse:collapse}
textarea,input{outline-color:-moz-use-text-color;outline-style:none;outline-width:medium}
textarea{resize:none}
label{cursor:pointer;}
h1, h2, h3, h4, h5, input, a, span, label, div, li, td, th, p{font-family:'NanumGothic', Arial, sans-serif;line-height:normal}
input,select{vertical-align:middle}
.skip, hr, legend, caption{position:absolute;text-indent:-1000em}
.sknavi:focus, .sknavi:active{display:block;width:200px;height:18px;background-color:#eee;border:1px solid #113355;font-size:100%;font-weight:bold;margin-left:5px;padding:3px;text-align:center;text-decoration:none;top:1px}
.sknavi {position:absolute;top:-500px;z-index:999}
.align_l{text-align:left}
.align_c{text-align:center}
.align_r{text-align:right}
.reset{clear:both !important;height:0 !important;font-size:0 !important;line-height:0 !important;padding:0 !important;margin:0 !important}
.section{max-width:800px; width:100%;margin:0 auto;}
.section.main_section{
    max-width:1020px;
}
input, textarea, button {
	appearance: auto;
	-moz-appearance: auto;
	/* -webkit-appearance: none; */
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

/* Main */
.section .text_cont{height:513px;background:url(../img/membership_img_08.jpg) no-repeat left top;padding-top:25px;box-sizing:border-box;}
.section .text_cont dl{width:670px;margin:0 auto 15px;color:#d5d5d5;text-align:center;}
.section .text_cont dl dt{font-size:15px;color:#9b2020;font-weight:bold;margin-bottom:7px;}
.section .text_cont dl dt.text_white{color:#d5d5d5;}
.section .text_cont dl dd{font-size:11px;letter-spacing:-0.1em;line-height:19px;}

/* Top */
.section .top .btn_type a{width:120px;height:30px;line-height:30px;display:inline-block;text-align:center;box-sizing:border-box;border:1px solid rgba(140, 134, 134, 0.99); border-color:rgba(140, 134, 134, 0.99);  font-size:14px;margin-right: 30px; float: right; color: rgba(85, 71, 66, 0.87);background: -webkit-linear-gradient(to right, #272731, #16151D); background: linear-gradient(to right, #272731, #16151D);}

/* Pay */
.pay_wrap{padding-top:0;}
.pay_wrap .pay_01, .pay_wrap .pay_02{border:1px solid #888;}
.pay_wrap .top_text{border-bottom:1px solid #888;background:#efefef;position:relative;}
.pay_wrap .top_text h2{font-size:24px;padding:15px 0;font-weight:bold;padding-left:30px;color:#000;}
.pay_wrap .top_text h2 span{font-size:16px;display:inline-block;border-left:1px solid #ccc;padding-left:10px;margin-left:7px;font-weight:normal;}
.pay_wrap .top_text .location{position:absolute;right:30px;top:20px;font-size:16px;}
.pay_wrap .top_text .location strong{color:#e40000;}
.pay_wrap .pay_form{padding:30px 50px;}
.pay_wrap .pay_form h3{font-size:18px;font-weight:bold;margin-bottom:20px;}
.pay_wrap .pay_form .pay_form_table{margin-bottom:20px;}
.pay_wrap .pay_form .pay_form_table table{width:100%;}
.pay_wrap .pay_form .pay_form_table table th{width:200px;padding:20px 0;border:1px solid #ddd;font-size:14px;color:#333;}
.pay_wrap .pay_form .pay_form_table table td{padding:15px;border:1px solid #ddd;font-size:14px;color:#333;}
.pay_wrap .pay_form .pay_form_table table td select{width:200px;height:30px;border:1px solid #ddd;font-size:14px;}
.pay_wrap .pay_form .precautions{background:#ddd;padding:15px;margin-bottom:40px;}
.pay_wrap .pay_form .precautions dt{font-size:14px;font-weight:bold;margin-bottom:10px;}
.pay_wrap .pay_form .precautions textarea{font-size:14px;;margin-bottom:10px;background:#ddd;padding:15px;border:0;line-height:22px;color:#333;box-sizing: border-box;  -moz-box-sizing: border-box;-webkit-box-sizing: border-box;width : 100%; height : 100%}


.pay_wrap .pay_02 .pay_form .precautions{text-align:center;padding:30px;}
.pay_wrap .pay_02 .pay_form .precautions dt{font-size:18px;}
.pay_wrap .pay_02 .pay_form .precautions dd{font-size:16px;}
.pay_wrap .pay_form .agree{position:relative;}
.pay_wrap .pay_form .agree label{font-size:14px;vertical-align:middle;}
.pay_wrap .pay_form .agree .check .btn_layer_view{position:absolute;right:0;top:-5px;display:inline-block;border:1px solid #666;padding:5px 10px;border-radius:5px;color:#333;}
.pay_wrap .pay_form .agree .check .btn_layer_view span{width:15px;height:15px;line-height:15px;text-align:center;border-radius:50%;display:inline-block;background:#e40000;color:#fff;font-weight:bold;}
.pay_wrap .pay_form .layer_pop_werap{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0, 0, 0, 0.6);display:none;}
.pay_wrap .pay_form .layer_pop_werap .layer_pop{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background:#fff;padding:20px;}
.pay_wrap .pay_form .layer_pop_werap .layer_pop dl{padding:15px 0;}
.pay_wrap .pay_form .layer_pop_werap .layer_pop dl dt{margin-bottom:10px;font-size:16px;font-weight:bold;}
.pay_wrap .pay_form .layer_pop_werap .layer_pop dl dd{font-size:14px;line-height:24px;position:relative;padding-left:10px;}
.pay_wrap .pay_form .layer_pop_werap .layer_pop dl dd:before{position:absolute;left:0;top:0;content:"-";}
.pay_wrap .pay_form .layer_pop_werap .btn_close{position:absolute;right:10px;top:10px;font-size:16px;}
.pay_wrap .pay_form .btn_type{margin-top:50px;text-align:center;}
.pay_wrap .pay_form .btn_type input,
.pay_wrap .pay_form .btn_type a{width:300px;height:50px;line-height:50px;display:inline-block;text-align:center;box-sizing:border-box;border:1px solid #ddd;font-size:16px;margin:0 10px;vertical-align:top;}
.pay_wrap .pay_form .btn_type input{background:#f8cbad;cursor:pointer;font-weight:bold;color:#000;}
.pay_wrap .pay_form .btn_type a{background:#aaa;color:#fff;}
.pay_wrap .pay_form .btn_type:after{clear:both;content:"";display:block;}
.pay_wrap .pay_form .btn_type a.btn_ok{width:150px;background:#f8cbad;font-weight:bold;color:#000;}