/*for IE */@font-face { font-family:'NanumBarunGothic'; font-style:normal; font-weight:400; src: url('../fonts/NanumBarunGothic.eot');}
/*for 크롬, 파이어폭스*/@font-face { font-family:'NanumBarunGothic'; font-style:normal; font-weight:500; src: url('../fonts/NanumBarunGothic.woff') format('woff');}
/*for 사파리 */ @font-face { font-family:'NanumBarunGothic'; font-style:normal; font-weight:500; src: url('../fonts/NanumBarunGothic.ttf') format('truetype');}


@font-face{
font-family:"NanumBarunGothic";
src:url('../fonts/NanumBarunGothic.eot');
src:url('../fonts/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
url('../fonts/NanumBarunGothic.woff') format('woff'),
url('../fonts/NanumBarunGothic.ttf') format('truetype');
src:local(※), url('../fonts/NanumBarunGothic.woff') format('woff');
}

* { margin: 0; padding: 0; color: #333; font-family: NanumBarunGothic; font-size:12px;}
img, fieldset { border: 0 none; }
legend { display: none; }
ul li { list-style: disc; }
ol li {list-style: decimal;}
a { color: #333; text-decoration: none; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.mr10 {margin-right:10px;}
/* margin */
.mg0{ margin:0 }
.mb0 { margin-bottom:0;}
.mt0 { margin-top:0;}
.mb5 { margin-bottom:5px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}
.mb50 { margin-bottom:50px;}
.mr0 { margin-right:0px;}
.mr10 { margin-right:10px;}
.mr20 { margin-right:20px;}
.mr30 { margin-right:30px;}
.ml0 { margin-left:0px;}
.ml10 { margin-left:10px;}.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml30 { margin-left:30px;}


.ml-0 { margin-left:0px;}
.ml-10 { margin-left:-10px;}

.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}.mtm10 { margin-top:-10px;}

.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:50px;}
.text-center {text-align:center;}

#content { padding: 10px; margin:0 auto; background:none; padding:0; }



#main { border: 10px solid #fff; background:#fff; padding:10px 5%; /*box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);*/ }
#main h1.tit-join { margin-top: 30px; margin-bottom: 5px; padding-bottom: 6px; font-size: 24px; font-weight: bold; color:#333; }
#main .red { color: #ff3333 }
#main .w137 { width : 137px; }
#main .w415 { width : 415px; }


#main .btn-area { text-align: center; margin-top:20px;}
#main .btn-area a {
    text-align: center;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    background-color: #10c1bf;
    padding: 15px 50px;
    font-size: 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
#main .btn-area a:hover {
    background-color: #329998;
    color: #fff;
}




.table_pop td .btn {
  background: #e2ecef;
  padding:0 0.6em 1.8em 0.6em;
  line-height: 24px;
  margin-left:5px;
  margin-right: 4px;
  border: 2px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  color:#333;
  font-size : 1em;
}

.table_pop td .btn:hover {
  background:#d3e9f0;
  color:#000;
}

.table_pop td .btn:active, .btn:focus {
  outline: none !important;
  color:#999 !important;
  background: #efefef !important;
}

.table_pop .btn-pink {display:inline-block; min-width:200px; text-align:center; color: #fff; background-color: #DE3A78; padding: 12px 50px; font-size: 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;}
.table_pop .btn-green {display:inline-block; min-width:200px; background-color: #10C1BF; text-align:center; color: #fff; padding: 12px 50px; font-size: 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }
.table_pop .btn-grey {display:inline-block; min-width:200px; background-color: #555; text-align:center; color: #fff; padding: 12px 50px; font-size: 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }

/* table  */
.table_pop { border-top:solid 5px #10c1bf; background:#fff;}
.table_pop tr {}
.table_pop th {border-bottom:#fff solid 1px; border-right:#E4E4E4 solid 1px; text-align:left; vertical-align:top; padding:14px 10px 10px 10px; background:#f3f5f7; font-weight:600; line-height:18px;  font-size : 1.1em;}
.table_pop .bdg {border-bottom:#E4E4E4 solid 1px; }
.table_pop td, .table_pop td a {padding:20px 0; font-size: inherit; line-height:26px;}
.table_pop td { border-bottom:#E4E4E4 solid 6px;}
.table_pop td.brbno {border-bottom:none;}
.table_pop td strong.bt {font-size:14px; color:#fff !important; border-radius:14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; -ms-border-radius: 14px; background:#33414A; padding:8px 14px; vertical-align:middle;}
.table_pop td strong.bt img {width:18px; vertical-align:middle; margin-bottom:2px; margin-right:3px; }
.table_pop td strong{font-size:14px; }
.table_pop .bg1 { background:#f7f5fa; color:#333; }
.table_pop ul {margin-left:0px; }
.table_pop ul li {list-style:none; }
.table_pop ul li, .table_pop ol li {font-size:14px; }
.table_pop ol li { list-style:inside decimal; }

.table_pop ul.disc {}
.table_pop ul.disc li {list-style:disc; padding:5px 0; font-size:14px;}


@media screen and (max-width: 480px){
#main h1.tit-join {font-size:18px !important;}
.table_pop ul li, .table_pop ol li, .table_pop ul.disc li {font-size:12px; line-height:18px;}
.table_pop td strong{font-size:12px; }
#main { padding:0 15px 0 12px;}
.table_pop td strong.bt {font-size:12px; padding:6px 10px;} 
.table_pop .btn-pink, .table_pop .btn-green, .table_pop .btn-grey {padding: 12px 30px; font-size: 14px;}
.table_pop ul.disc li textarea {margin-left:-13px; font-size:11px; border:1px solid #ddd;}
}

.table_pop td input {
  box-shadow: none;
  background: transparent;
  border: 2px solid rgba(0, 0, 0, 0.1);
  height: 20px;
  font-weight: 300;
}
.table_pop td input:active, .table_pop td input:focus {
  outline: none;
  box-shadow: none;
  border-color: #10c1bf;
}
.table_pop td select {
  box-shadow: none;
  background: none;
  border: 2px solid rgba(0, 0, 0, 0.1);
  height: 22px;
  font-weight: 300;
}

.table_pop td select:active, .table_pop td select:focus {
  outline: none;
  border-color: #10c1bf;
  background: none;
}
.table_pop td strong {color:#000}
.table_pop .pink {color:#EF4F8A; font-weight:bold;}
.table_pop .black {color:#000;}
.table_pop .green {color:#1AAABA;}
.table_pop .strong0 {font-weight:bold;}
.table_pop span {font-size:inherit;}

.table_pop td a {color:#F60}
.table_pop .mt10 {margin-top:20px;}
.table_pop td p img.arrow {margin: 150px 0px; opacity:.5; height:120px; width:50px;}

input[type=radio]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}


input[type=radio]:not(old) + label{
  display      : inline-block;
  margin-left  : -2em;
  line-height  : 1.5em;
  margin-right: 0.8em;
}


input[type=radio]:not(old) + label > span{
  display          : inline-block;
  width            : 0.875em;
  height           : 0.875em;
  margin           : 0.25em 0.5em 0.25em 0.25em;
  border           : 0.0625em solid rgb(192,192,192);
  border-radius    : 0.25em;
  background       : rgb(224,224,224);
  background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  vertical-align   : bottom;
}


input[type=radio]:not(old):checked + label > span{
  background-image :    -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :     -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :      -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :         linear-gradient(rgb(224,224,224),rgb(240,240,240));
}



input[type=radio]:not(old):checked +  label > span > span{
  display          : block;
  width            : 0.5em;
  height           : 0.5em;
  margin           : 0.125em;
  border           : 0.0625em solid rgb(115,153,77);
  border-radius    : 0.125em;
  background       : rgb(153,204,102);
  background-image :    -moz-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :     -ms-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :      -o-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image : -webkit-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :         linear-gradient(rgb(179,217,140),rgb(153,204,102));
}




/* Table */
.table_style1 {border-top:solid 3px #5d6d7f;}
.table_style1 tr {}
.table_style1 th {border-bottom: #E4E4E4 solid 1px;text-align: center;background: #F9F9F9;font-weight: 600;border-left: #E4E4E4 solid 1px;padding:5px 10px; line-height:20px;}
.table_style1 td {border-bottom: #E4E4E4 solid 1px;border-left: #E4E4E4 solid 1px;text-align: center;line-height: 20px;padding:5px 10px;}
.table_style1 .none_border_left {border-left:none;}
.table_style1 .bg1 {background: #c9ead7;color:#333333;}
.table_style1 .bg2 {background: #e8cdf3;color:#333333;}
.table_style1 .bg3 {background: #f9d7b9;color:#333333;}
.table_style1 .bg4 {background: #b3dcf8;color:#333333;}
.table_style1 .red_l { border-left: 4px solid #df4a43; border-bottom: 4px solid #df4a43; border-top: 4px solid #df4a43; padding:9px 0;}
.table_style1 .red_r { border-right: 4px solid #df4a43; border-bottom: 4px solid #df4a43; border-top: 4px solid #df4a43;  padding:9px 0; }
.table_style1 .red_m { border-bottom: 4px solid #df4a43; border-top: 4px solid #df4a43;  padding:9px 0;}
.table_style1 td sup{ font-size:10px;}
.table_style1 .ali_l {text-align:left; padding:5px 0 5px 40px;}

.table_style2 {border-top:solid 3px #5d6d7f;}
.table_style2 tr {}
.table_style2 th {border-bottom: #E4E4E4 solid 1px;text-align: center;border-left: #E4E4E4 solid 1px;background: #F9F9F9;font-weight: 600;line-height: 20px;}
.table_style2 td {border-bottom: #E4E4E4 solid 1px;border-left: #E4E4E4 solid 1px;text-align: center;color:#777777;line-height: 20px;}
.table_style2 .none_border_left {border-left:none;}
.table_style2 .bg1 {background: #EAFDD8;color:#333333;}
.table_style2 .bg2 {background: #e8cdf3;color:#333333;}
.table_style2 .bg3 {background: #f9d7b9;color:#333333;}
.table_style2 .bg4 {background: #FFFEF6;color:#333333;}
.table_style2 .bg5 {background: #DAF2FF;color:#333333;}

.table_style3 {border-top:solid 3px #5d6d7f;}
.table_style3 tr {}
.table_style3 th {border-bottom: #E4E4E4 solid 1px;text-align: center;border-right: #E4E4E4 solid 1px;background: #F9F9F9;}
.table_style3 td {border-bottom: #E4E4E4 solid 1px;border-right: #E4E4E4 solid 1px;text-align: center;color:#777777;line-height: 20px;}
.table_style3 .bg1 {background: #f7f7f7;color:#333333;}
.table_style3 .none_border_right {border-right:none;}
.table_style3 .bg1 {background: #F4FFF9;color:#333333;}
.table_style3 .bg2 {background: #FDF7FF;color:#333333;}
.table_style3 .bg3 {background: #f9d7b9;color:#333333;}
.table_style3 .bg4 {background: #FFFEF6;color:#333333;}

.table_style4 {border-top:solid 3px #5d6d7f;border-right: #E4E4E4 solid 1px;}
.table_style4 tr {}
.table_style4 th {border-bottom: #E4E4E4 solid 1px;text-align: center;border-left: #E4E4E4 solid 1px;background: #F9F9F9;}
.table_style4 td {border-bottom: #E4E4E4 solid 1px;border-left: #E4E4E4 solid 1px;color:#777777;line-height: 20px;padding:20px;}
.table_style4 .history {padding:10px;text-align: center;}
    .table_style4 td ul li {margin-bottom: 0 !important;}
.table_style4 .bg1 {background: #f7f7f7;color:#333333;}
.table_style4 .none_border_left {border-left:none;}
.table_style4 .bg1 {background: #FFFEF6;color:#333333;}
.table_style4 .bg2 {background: #fffce4;color:#333333;}
.table_style4 .bg3 {background: #fffacf;color:#333333;}
.table_style4 .bg4 {background: #fff6b1;color:#333333;}

.table_style5 {border-top:solid 3px #5d6d7f;border-right: #E4E4E4 solid 1px;}
.table_style5 tr {}
.table_style5 th {border-bottom: #E4E4E4 solid 1px;text-align: center;border-left: #E4E4E4 solid 1px;background: #F9F9F9;}
.table_style5 td {border-bottom: #E4E4E4 solid 1px;border-left: #E4E4E4 solid 1px;color:#6d6d6d;line-height: 20px;padding:10px 20px;}
    .table_style5 td .title {}
    .table_style5 td strong {display: block;font-weight: 600;color:#1c1c1c;}
.table_style5 .time {text-align: center;}
    .table_style5 td ul li {margin-bottom: 0 !important;}
.table_style5 .bg1 {background: #f7f7f7;color:#333333;}
    .table_style5 .bg1 strong {color:#3498db;font-weight: bold;}
.table_style5 .none_border_left {border-left:none;}
.table_style5 .bg1 {background: #FFFEF6;color:#333333;}
.table_style5 .bg2 {background: #fffce4;color:#333333;}
.table_style5 .bg3 {background: #fffacf;color:#333333;}
.table_style5 .bg4 {background: #fff6b1;color:#333333;}

.table_style7 {border-top:solid 3px #5d6d7f;border-right: #E4E4E4 solid 1px;}
.table_style7 tr {}
.table_style7 th {border-bottom: #E4E4E4 solid 1px;text-align: center;border-left: #E4E4E4 solid 1px;background: #F9F9F9;font-weight: 600;}
.table_style7 td {border-bottom: #E4E4E4 solid 1px;border-left: #E4E4E4 solid 1px;line-height: 20px;padding:10px;}
.table_style7 .nbl {border-left:none;}
.table_style7 td.color_point01 { background-color:#e3f2fc; }
.table_style7 td.color_point02 { background-color:#f9f9f9; }
.table_style7 td strong { font-weight:normal; color:#298bcc !important; }
.table_style7 td em { font-style:italic; }
.table_style7 td sup { font-style: italic; font-size: 11px; padding:0 2px;}
.table_style7 td .code { font-size: 10px; color:#333; line-height:12px; letter-spacing:0.1em; margin-bottom:-1px;}
.table_style7 td dl.dl_list_style dt { color:#298bcc !important; }
.table_style7 td dl.dl_list_style dd { margin-left:18px; }
.table_style7 td dl.dl_list_style span.first_letter { display:inline-block; width:18px; margin-left:-18px; }
.table_style7 td .tbtn_wrap {}
.table_style7 td .tbtn_alc {text-align: center;}
.table_style7 td .tbtn_wrap .tbtn {line-height: 18px !important; color:#fff;display: inline-block;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border: 0px solid #000000;text-align: center;box-shadow: none;border:none;text-shadow:none;height: auto !important;}
.table_style7 td .tbtn_wrap .tbtn:hover {}
.table_style7 span.text-place { color:#9b59b6; }

.table_style8 {border-top:solid 3px #5d6d7f;border-right: #E4E4E4 solid 1px;}
.table_style8 tr {}
.table_style8 th {border-bottom: #E4E4E4 solid 1px;text-align: center;border-left: #E4E4E4 solid 1px;background: #F9F9F9;font-weight: 600;}
.table_style8 td {border-bottom: #E4E4E4 solid 1px;border-left: #E4E4E4 solid 1px;line-height: 20px;padding:10px;text-align: center;}

.table_style9 { border-top:solid 3px #5d6d7f; }
.table_style9 tr {}
.table_style9 th { border-bottom:#E4E4E4 solid 1px; border-right:#E4E4E4 solid 1px; text-align:left; padding:10px; background:#F9F9F9; font-weight:600; }
.table_style9 td { border-bottom:#E4E4E4 solid 1px; line-height: 20px; padding:10px; text-align:left; }
.table_style9 .bg1 {background:#f9f9f9; color:#333; }

.table_style10 {border-top:solid 3px #b51d83;}
.table_style10 tr {}
.table_style10 th {border-bottom: #fff solid 1px; text-align: center; border-left: #E4E4E4 solid 1px; background: #f3eff7; font-weight: 600;line-height: 20px;}
.table_style10 td {border-bottom: #E4E4E4 solid 1px;border-left: #E4E4E4 solid 1px;text-align: left; padding-left:20px; color:#777; line-height: 20px;}
.table_style10 .none_border_left {border-left:none;}
.table_style10 .bdg {border-bottom:#E4E4E4 solid 1px; }
.table_style10 .bdw {border-bottom:#fff solid 1px; }
.table_style10 .bg1 {background: #f7f5fa; color:#333;}


.table_style11 { border-top:solid 3px #b51d83; }
.table_style11 tr {}
.table_style11 th {border-bottom:#fff solid 1px; border-right:#E4E4E4 solid 1px; text-align:left; vertical-align:top; padding:14px 10px 10px 10px; background:#f3eff7; font-weight:600; line-height:18px;}
.table_style11 .bdg {border-bottom:#E4E4E4 solid 1px; }
.table_style11 td { border-bottom:#E4E4E4 solid 1px; line-height: 20px; padding:10px; text-align:left; vertical-align:top;}
.table_style11 .bg1 { background:#f7f5fa; color:#333; }

.table_style12 { border-top:solid 3px #b51d83; }
.table_style12 tr {}
.table_style12 th {border-bottom:#fff solid 1px; border-right:#E4E4E4 solid 1px; text-align:center; vertical-align:top; padding:10px; background:#f3eff7; font-weight:600; line-height:18px;}
.table_style12 .bdg {border-bottom:#E4E4E4 solid 1px; }
.table_style12 td { border-bottom:#E4E4E4 solid 1px; border-left:#E4E4E4 solid 1px; line-height: 20px; padding:10px; text-align:center;  word-wrap:break-word; color:#666;}
.table_style12 .none_border_left {border-left:none;}
.table_style12 .bg1 { background:#faf8fc; }
.table_style12 .bg2 { background:#f9f8fa; color:#333; }
.table_style12 .bk {color:#666;}


.table_style13 { border-top:solid 5px #b51d83; color:#333; font-size:14px; }
.table_style13 tr {}
.table_style13 th {border:#7b0068 solid 1px; text-align:left; padding:14px 10px 14px 10px; background:#f3eff7; font-weight:600; line-height:22px;}
.table_style13 .bdg {border-bottom:#E4E4E4 solid 1px; }
.table_style13 .bbno {border-bottom:none; }
.table_style13 .blrno {border-left:none; border-right:none; }
.table_style13 td { border-bottom:#E4E4E4 solid 1px; border-right:#E4E4E4 solid 1px; border-left:#E4E4E4 solid 1px;line-height: 20px; padding:10px; vertical-align:middle; word-wrap:break-word;  color:#333;}
.table_style13 p {word-wrap:break-word;  color:#434343; font-size:14px; line-height:20px;}
.table_style13 span{ font-size:15px; }
.table_style13 .center {text-align:center !important;}
.table_style13 .bg1 { background:#f3eff7; }
.table_style13 .bg2 { background:#f8f5fa; }
.table_style13 .bg3 { background:#f1ebf9; }
.table_style13 .bg4 { background:#ffdee8; }
.table_style13 .bg5 { background:#f5f8fa; }
.table_style13 .bgp { background:#7b0068; }
.table_style13 .bggreen { background:#1ea187; }
.table_style13 .bgo { background:#ff6057; }
.table_style13 .green {color:#1ea187;}
.table_style13 .purple {color:#7b0068;}
.table_style13 .orange {color:#ff6057;}
.table_style13 .white {color:#fff;}
.table_style13 .18 {font-size:18px;}
.table_style13 .16 {font-size:16px;}
.table_style13 .15 {font-size:15px; line-height:21px;}
.table_style13 .bold {font-weight:bold;}
.table_style13 .pd20 {margin:20px 0;}

.table_style14 {border-top:solid 3px #5d6d7f;}
.table_style14 tr {}
.table_style14 th {border-bottom: #E4E4E4 solid 1px;text-align: center;background: #f4f4f4;font-weight: 600;border-left: #E4E4E4 solid 1px;padding:5px 10px; line-height:20px;}
.table_style14 td {border-bottom: #E4E4E4 solid 1px;border-left: #E4E4E4 solid 1px;text-align: center;line-height: 20px;padding:5px 10px; background:#f9f9f9;}
.table_style14 .nbr {border-left:none;}