@charset "utf-8";

/* reset */
html, body {overflow-x:hidden;}
body {position:relative;color:#333;word-wrap:break-word;word-break:break-all;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button {margin:0;padding:0;-webkit-text-size-adjust:none;}
body,input,textarea,select,table,button,code {font-size:15px;line-height:1.4;font-family:"Apple SD Gothic Neo", "AppleGothic", "Malgun Gothic", "Dotum", "Gulim", "Helvetica", sans-serif;}
ul,ol{list-style:none;}
table{border-collapse:collapse;}
img,fieldset{border:0;}
a{color:black;text-decoration:none;cursor:pointer;}
em,address{font-style:normal;}
.blind,legend{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0} /* For Screen Reader */

/* common */
input::-ms-input-placeholder{color:#666;}
input::-webkit-input-placeholder{color:#666;}
input::-moz-placeholder{color:#666;}
input[type=number], input[type=password], input[type=text] {width:100%;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;box-sizing:border-box}
select{width:100%;padding:12px 0 12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;box-sizing:border-box}
header {display:block;border-bottom:1px solid #e9e9e9}
header .line {width:100%;height:5px;
background: rgb(0,146,74); /* Old browsers */
background: -moz-linear-gradient(left, rgba(0,146,74,1) 0%, rgba(13,177,75,1) 30%, rgba(153,202,68,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,146,74,1) 0%,rgba(13,177,75,1) 30%,rgba(153,202,68,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,146,74,1) 0%,rgba(13,177,75,1) 30%,rgba(153,202,68,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00924a', endColorstr='#99ca44',GradientType=1 ); /* IE6-9 */}
header .line2 {width:100%;height:5px;
background: rgb(0,146,74); /* Old browsers */
background: -moz-linear-gradient(left, rgba(146, 0, 54) 0%, rgba(177, 13, 101) 30%, rgba(255, 187, 203) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(146, 0, 54) 0%,rgba(177, 13, 101) 30%,rgba(255, 187, 203) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(146, 0, 54) 0%,rgba(177, 13, 101) 30%,rgba(255, 187, 203) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00924a', endColorstr='#99ca44',GradientType=1 ); /* IE6-9 */}
h1 {padding:8px 0;text-align:center}
h1 img {width:auto;max-height:80px}
button {background:#0db14b;color:#fff;padding:14px 20px;margin:10px 0;border:none;border-radius:4px;cursor:pointer;width:100%;font-size:1.2em}
button:hover {background:#99ca44}
.container {padding:15px 15px}
.container label {display:block}
.desc {font-weight:400;margin:10px 0}
.wd10 {width:10% !important}
.wd20 {width:20% !important}
.wd28 {width:28% !important}
.wd30 {width:30% !important}
.wd40 {width:40% !important}
.wd49 {width:49% !important}
.wd50 {width:50% !important}
.wd60 {width:60% !important}
.wd70 {width:70% !important}
.wd80 {width:80% !important}
.wd90 {width:90% !important}
.wd100 {width:100% !important}
.ta_center {text-align:center !important}
.mar01 {margin-right:1% !important}
.mal01 {margin-left:1% !important}
.mat10 {margin-top:10px !important}
.btn_area a {display:inline-block;padding:14px 20px;margin:15px 0;border-radius:4px;cursor:pointer;box-sizing:border-box;font-size:1.2em;text-align:center;vertical-align:middle}
.btn_area a.ty1 {background:#0db14b;color:#fff;border:1px solid #0db14b;}
.btn_area a.ty2 {background:#fff;color:#666;border:1px solid #e7e7e7;}
.btn_area a.ty3 {margin:-1px 0 0;padding:12px 0;background:#0db14b;color:#fff;font-size:1.1em}

/* sub */
.service_info p,.service_info dt,.service_info dd,.service_info li {margin:1em 0;position:relative;line-height:1.5em;}
.service_info>p:first-child {margin-top:0}
.service_info ol {margin:2em 0}
.service_info ol li {margin-bottom:1.5em}
.service_info .box {margin-top:1em;padding:1.5em;border:1px solid #e7e7e7;border-radius:6px;box-sizing:border-box}
.service_info .box h3 {padding-bottom:0.5em;border-bottom:1px solid #e7e7e7;font-size:1.4em;}
.txt strong {color:#25247b}
.box_gray {padding:0.5em 15px;background:#f5f5f5;border-radius:4px;box-sizing:border-box}
.box_info {text-align:center}
.box_info h3,.box_info strong {font-size:1.1em}
.box_info img {width:100%;max-width:388px}
.tit_line {width:50px;height:4px;margin:10px 0;background:#0db14b}
.tit_line2 {width:30px;height:3px;margin:10px 0;background:#666}
.tit_box {font-size:1.8em}
.tit_box2{font-size:1.8em;border-bottom:1px solid #fbaf25;padding-bottom: 0.5em;text-align: center;}
span.bul {width:1.8em;height:1.8em;display:inline-block;position:absolute;background:#fbaf25;border-radius:50%;color:#fff;font-weight:600;font-size:1.1em;line-height:1.8em;text-align:center;}
span.bul+span {display:inline-block;margin-left:2.5em}
.txt_ex {color:#666;margin:0 0 1em}

/* agree */
.join_box {margin:0 auto;box-sizing:border-box}
.join_box .j_a_b {border:1px solid #dadada;background:#fff;padding:0 0 10px;text-align:left;}
.join_box .j_a_b>li {padding:0 15px;position:relative;box-sizing:border-box}
.join_box .j_a_b>li>span {font-size:0.9em;color:#0db14b}
.join_box .j_a_b>li:first-child {margin-bottom:20px;padding:10px 15px;border-bottom:1px solid #ebebeb}
.join_box .j_a_b>li:last-child {padding-right:50px}
.join_box .j_a_b>li span img {vertical-align:middle;}
.join_box .j_c {margin-top:-2px;position:absolute;top:0;right:15px;}
.join_box .j_a_t {height:100px;margin:10px 0 20px;padding:10px 10px;overflow-y:scroll;background:#f7f7f7;border:1px solid #e7e7e7;color:#666;font-size:13px;line-height:1.6;box-sizing:border-box}
.join_box .j_a_t h2 {font-size:1.2em}
span.bar {display:inline-block;padding:0 15px;color:#ccc;font-size:0.8em;vertical-align:top}

.join_box.ty2 {margin:30px 0 20px;padding:5px 5px;border-radius:6px;
background: rgb(153,202,68); /* Old browsers */
background: -moz-linear-gradient(top, rgba(153,202,68,1) 1%, rgba(13,177,75,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(153,202,68,1) 1%,rgba(13,177,75,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(153,202,68,1) 1%,rgba(13,177,75,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ca44', endColorstr='#0db14b',GradientType=0 ); /* IE6-9 */}
.join_box.ty2 .j_a_b {border:none;border-radius:4px}
.join_box.ty2 .j_a_b>li:first-child {background:#99ca44;border:none;color:#fff}
.join_box.ty2 .btn_area a {margin:0}

/* popup */
.layer,.layer2 {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;}
.layer .bg,.layer2 .bg {position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);}
.layer .pop-layer,.layer2 .pop-layer {display:block;}
.pop-layer {display:none;position:absolute;top:50%;left:50%;width:360px;height:auto;background:#fff; border:5px solid #0db14b;box-sizing:border-box;z-index:10}	
.pop-layer .pop-container {padding:40px 0 20px;box-sizing:border-box}
.pop-layer .btn {width:100%;margin:10px 0 20px;padding:10px 0;border-top:1px solid #ddd;}
a.cbtn {width:40px;height:40px;position:absolute;top:0;right:0;display:inline-block;line-height:40px;text-align:center}	
a.cbtn img {width:100%}
#popup_dialog {width:90%;margin:0 auto;height:440px;padding:10px 10px;overflow-y:scroll;box-sizing:border-box;font-size:15px !important}
#popup_dialog p,#popup_dialog ul,#popup_dialog li,#popup_dialog dl,#popup_dialog dt,#popup_dialog dd {margin:1em 0;position:relative}
#popup_dialog span {display:inline-block;position:absolute}
#popup_dialog span+span {position:relative;margin-left:1.5em}
#popup_dialog li>dl>dd,#popup_dialog dl>dd {margin-left:1em}
#popup_dialog table {width:100%;border-collapse:collapse;border:1px solid #ccc;box-sizing:border-box;font-size:13px}
#popup_dialog table th {padding:10px 5px;background:#f7f7f7;border:1px solid #ccc;text-align:center;line-height:1.2}
#popup_dialog table td {padding:10px 5px;border:1px solid #ccc;line-height:1.4}
#popup_dialog h2 {margin-bottom:1em;font-weight:600;font-size:1.5em !important}
#popup_dialog h3 {font-weight:600;font-size:1.1em !important}
#popup_dialog h4 {font-weight:600;font-size:1em !important}
#popup_dialog h3+h4 {margin-top:1em}


@media screen and (max-width: 460px) {
	.tit_box span {display:block}
	select.wd28 {padding:12px 0 12px 5px;}

} 

@media screen and (max-width: 400px) {
	
	.join_box .j_s_01 .btn_join a {display: inline-block; width:140px; padding:40px 0; text-align:center; float:left;}
    .join_box .j_a_b  input {height:22px; border: 1px solid #eee; width:45%;}
    .join_box .j_a_b  .lv  {display: none;}
    .join_box .btn_join_03 a {display: inline-block; width:297px; padding:10px 0; text-align:center; float:left;}
    .join_box .btn_join_02 a {display: inline-block; width:70px; padding:10px 0; text-align:center; float:left;}
    .join_box .btn_join_04 a {display: inline-block; width:70px; padding:10px 0; text-align:center; }
    .join_box .btn_join_05 a {display: inline-block; width:70px; padding:10px 0; text-align:center; }
}

@media screen and (max-width: 359px) {
	.pop-layer {width:320px;}
	#popup_dialog {height:420px}
}