/* 글씨체 */
@import url(https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
* { font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif'; }

/* Base Reset */
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,blockquote,button{margin:0;padding:0;-webkit-text-size-adjust:none;font-weight: 200; -webkit-tap-highlight-color:transparent;}
#container{
  background:#fafafa;
}
.story_view p {
  word-break: keep-all;
  text-align: justify;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #e0e0e0;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #e0e0e0;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #e0e0e0;
}
:-moz-placeholder { /* Firefox 18- */
  color: #e0e0e0;
}

p.agreement {
  word-break: keep-all;
  text-align: justify;
}
h1, h2, h3, h4{
  font-weight: 400;
}
body {overflow-x:hidden; width:100%; height:100%; font-family: 'Nanum Barun Gothic', sans-serif; font-weight:200; color:#000000;}
header,section,footer,aside,nav,article,figure {display:block;margin:0;padding:0;}
article {text-align: center; -webkit-tap-highlight-color:transparent;}
li {list-style:none; }
fieldset {border:0;}
legend {overflow:hidden;width:1px;height:1px;font-size:0;line-height:0;}
hr {display:none;}
a {text-decoration:none;color:#000000; -webkit-tap-highlight-color:transparent; outline: 0;}
img {width: 100%;max-width: 100%;border:0;}
label {font-size:1.4em; cursor:pointer;white-space:nowrap; vertical-align: middle;}
table {width:100%;border-collapse:collapse;border-spacing:0;background:#fff;}
table caption {overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;}
input,select,img{vertical-align:middle;}
strong {font-weight: 400;}
select {background-color:none; outline: 0; -webkit-tap-highlight-color:transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
button {border:0; outline: 0; -webkit-tap-highlight-color:transparent;}
textarea { -webkit-appearance: none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none; outline: 0;}
textarea:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset;}

/* Base Layout */
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-tap-highlight-color:transparent;
}

/* Web Accessibility */
.blind {position:absolute; top:0px; left:-100px; overflow:hidden; display:inline-block !important; width:1px !important; height:1px !important; margin:0 !important; font-size:0 !important; line-height:0 !important;}
input.btn_basic{
  -webkit-appearance: none;
}

/* Buttons */
.btn_basic {
  display: block;
  width: 250px;
  margin: 50px auto;
  padding: 13px 0;
  font-size: 1.1875rem;
  text-align: center;
  border: solid 1px #000;
  background: #fff;
  -webkit-transition: all 0.2s linear; /* Saf3.2+, Chrome */
  -moz-transition: all 0.2s linear; /* FF3.7+ */
  -o-transition: all 0.2s linear; /* Opera 10.5 */
  transition: all 0.2s linear;
}
.btn_basic:hover {
  color:white;
  background:black;
}

.btn_small {
width: 150px;height: 40px;padding: 7px 0;font-size: 1.1875rem;
  -webkit-transition: all 0.2s linear; /* Saf3.2+, Chrome */
  -moz-transition: all 0.2s linear; /* FF3.7+ */
  -o-transition: all 0.2s linear; /* Opera 10.5 */
  transition: all 0.2s linear;
}
.btn_small:hover{
  color:white;
  background:black;
}

.darken {border-color: #fff;color: #fff;background: #000;}
.lighten {border-color: #fff;}

/* Font */
.underline {text-decoration:underline;}
.line_through {text-decoration: line-through; font-size: 1em !important; color: #ccc;}

/* Input */
input {outline: 0;border: none;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset;}

/* Form */
.form_wrap {}
.form_wrap strong,
.form_wrap label {display: block;margin-top: 35px;padding-bottom: 10px;font-size: 1.13125rem;font-weight: normal;}
.form_wrap .select_label {height: 60px;margin: 0;padding: 18px 0 18px 4%;}
.form_wrap .divide {margin-top: 40px;}
/*.input_wrap {position: relative;display: inline-block;width: 100%; height: 66px; background-color: #fff; border: 1px solid #dddddd;border-radius: 8px;}*/
.input_wrap {position: relative;display: inline-block;width: 100%; height: 75px; background-color: #fff; border: 1px solid #dddddd;border-radius: 8px;}
.input_wrap_half {position: relative;display: inline-block;width: 100%; height: 60px; background-color: #fff; border: 1px solid #dddddd;border-radius: 8px;}
.input_wrap + .input_wrap {margin-top: 15px;}
/*.input_wrap .input_basic {position: relative;width: 100%;padding: 20px 20px;font-size: 1.1875rem;border-radius: 8px;}*/
.input_wrap .input_basic {position: relative;width: 98%;padding: 20px 20px;font-size: 1.1875rem;border-radius: 8px; top:1px; left:5px;}
.input_wrap_half .input_basic {position: relative;width: 100%;padding: 18px 20px;font-size: 1.1875rem;border-radius: 8px;}
.select_wrap {padding: 0 10px;}
.select_wrap select {width: 100%;height: 58px;padding: 8%;font-size: 1.1875rem;border: 0;background: #fff;}
.select_wrap select.time{
  padding:0
}
.radio_wrap {margin-bottom: 30px;}
.radio_wrap input {margin: 0 0 5px 5px;width: 15px;height: 15px;padding:10px;}
.radio_wrap label {display: inline;margin: 0;padding: 0;font-size: 1.1875rem;vertical-align: middle;}
.radio_wrap label span {margin-left: 5px;}
.text_wrap {height: 120px;padding: 10px;}
.text_wrap textarea {width: 100%;height: 100px;border: none;resize: none;font-size: 1.3125rem;}
.like_table {width: 100%; background-color: #fff; border: 1px solid #dddddd;border-radius: 8px;}
.like_table .tr {border: 1px solid #dddddd;border-width: 0 0 1px 0;}
.like_table .tr:last-child {border: none;}
.like_table .th {float: left;width: 30%;padding: 20px;text-align: left;}
.like_table .td {float: left;width: 70%;padding: 20px;border-left: 1px solid #dddddd;text-align: left;}
.like_table label {display: inline;margin: 0;padding: 0;font-size: 1.1875rem;font-weight: normal;}
.like_table select {width: 100%;font-size: 1.1875rem;border: 0;border-radius: 8px 0 0 8px;background: #fff;}
.like_table input[type="text"] {width: 100%;font-size: 1.25rem}
.no_d {padding: 0 2%;}
.no_d select {width: 28%;height: 58px;padding: 15px 0 15px 15px;font-size: 1.1875rem;border: 0;background: #fff;}
.no_d input[type="text"] {width: 70%;height: 72px;padding: 0 0 0 20px;border: solid #dddddd;border-width: 0 0 0 1px;font-size: 16px;}
.no_d input.two {width: 49%;border-radius: 0}
.no_d input.two:first-child {border: 0;}
.control_wrap .control {padding: 15px 0;text-align: center;}
.control_wrap .control img {width: 33%; cursor:pointer}
.oneline {padding: 20px 0;}
.oneline strong {margin: 0;padding: 0;}
.oneline label {display: inline;margin: 0 30px 0 0;padding: 0;}
.oneline div {text-align: right;}
hr.division {display: block;margin: 100px 0;border: solid #979797; border-width: 1px 0 0 0;}
.two_col_left {
  display: inline-block;
  margin-right: 4%;
  width: 47.5%;
}
.two_col_right {
  display: inline-block;
  width: 47.5%;
}


/* Form */
.ipt_wrap {display: inline-block;width: 100%;padding:1.1em 0.5em; background-color: #fff; border-radius: 5px;}
.ipt_ty02 {display: inline-block;width: 100%;padding: 1.1em 0.5em; background-color: rgba(0, 0, 0, 0.4); border-radius: 7px;}
.ipt_ty03 {display: inline-block;width: 100%;padding: 1.1em 0.5em; background-color: rgba(0, 0, 0, 0.4); border-radius: 5px;}
.ipt_btn {width:100%; border:none;text-align: center; font-size: 1em;}
.ipt_login {padding:4%; margin-bottom:2%; font-size: 1.3em; border:1px solid #d2d2d2; -webkit-appearance:none; -webkit-tap-highlight-color:transparent; outline:0;}
.btn_group {width:100%; color:#000000; border:none;text-align: center; font-size: 1.1em; background:none;}

/* Ellipsis */
.ellipsis { text-overflow:ellipsis; overflow:hidden;white-space:nowrap; }
span{
  font-weight:400;

}

/* Grid */
.row {}
.row_divide {margin-top: 2%;}
.row:after {display:block;visibility:hidden;clear:both;content:"";}
.no_mg {margin: 0 -1%}
.grid_1 {float:left;width:8.33333333%;padding:0 1%;}
.grid_2 {float:left;width:16.666666666666664%;padding:0 1%;}
.grid_3 {float:left;width:25%;padding:0 1%;}
.grid_4 {float:left;width:33.33333333333333%;padding:0 1%;}
.grid_5 {float:left;width:41.66666666666667%;padding:0 1%;}
.grid_6 {float:left;width:50%;padding:0 1%;}
.grid_7 {float:left;width:58.333333333333336%;padding:0 1%;}
.grid_8 {float:left;width:66.66666666666666%;padding:0 1%;}
.grid_9 {float:left;width:75%;padding:0 1%;}
.grid_10 {float:left;width:83.33333333333334%;padding:0 1%;}
.grid_11 {float:left;width:91.66666666666666%;padding:0 1%;}
.grid_12 {float:left;width:100%;padding:0 1%;}
.grid_ml_0 {margin-left:0;}
.grid_ml_1 {margin-left:8.333333333333332%;}
.grid_ml_2 {margin-left:16.666666666666664%;}
.grid_ml_3 {margin-left:25%;}
.grid_ml_4 {margin-left:33.33333333333333%;}
.grid_ml_5 {margin-left:41.66666666666667%;}
.grid_ml_6 {margin-left:50%;}
.grid_ml_7 {margin-left:58.333333333333336%;}
.grid_ml_8 {margin-left:66.66666666666666%;}
.grid_ml_9 {margin-left:75%;}
.grid_ml_10 {margin-left:83.33333333333334%;}
.grid_ml_11 {margin-left:91.66666666666666%;}
.grid_ml_12 {margin-left:100%;}
.grid_ml_all {float:none;margin: 0 auto;}
.grid_mr_0 {margin-right:0;}
.grid_mr_1 {margin-right:8.333333333333332%;}
.grid_mr_2 {margin-right:16.666666666666664%;}
.grid_mr_3 {margin-right:25%;}
.grid_mr_4 {margin-right:33.33333333333333%;}
.grid_mr_5 {margin-right:41.66666666666667%;}
.grid_mr_6 {margin-right:50%;}
.grid_mr_7 {margin-right:58.333333333333336%;}
.grid_mr_8 {margin-right:66.66666666666666%;}
.grid_mr_9 {margin-right:75%;}
.grid_mr_10 {margin-right:83.33333333333334%;}
.grid_mr_11 {margin-right:91.66666666666666%;}
.grid_mr_12 {margin-right:100%;}
.grid_mr_all {float:none;margin: 0 auto;}

@media (max-width: 1025px) {
  .control_wrap .control img {width: 48%;}
  .md_grid_1 {float:left;width:8.33333333%;padding:0 1%;}
  .md_grid_2 {float:left;width:16.666666666666664%;padding:0 1%;}
  .md_grid_3 {float:left;width:25%;padding:0 1%;}
  .md_grid_4 {float:left;width:33.33333333333333%;padding:0 1%;}
  .md_grid_5 {float:left;width:41.66666666666667%;padding:0 1%;}
  .md_grid_6 {float:left;width:50%;padding:0 1%;}
  .md_grid_7 {float:left;width:58.333333333333336%;padding:0 1%;}
  .md_grid_8 {float:left;width:66.66666666666666%;padding:0 1%;}
  .md_grid_9 {float:left;width:75%;padding:0 1%;}
  .md_grid_10 {float:left;width:83.33333333333334%;padding:0 1%;}
  .md_grid_11 {float:left;width:91.66666666666666%;padding:0 1%;}
  .md_grid_12 {float:left;width:100%;padding:0 1%;}
  .md_grid_ml_0 {margin-left:0;}
  .md_grid_ml_1 {margin-left:8.333333333333332%;}
  .md_grid_ml_2 {margin-left:16.666666666666664%;}
  .md_grid_ml_3 {margin-left:25%;}
  .md_grid_ml_4 {margin-left:33.33333333333333%;}
  .md_grid_ml_5 {margin-left:41.66666666666667%;}
  .md_grid_ml_6 {margin-left:50%;}
  .md_grid_ml_7 {margin-left:58.333333333333336%;}
  .md_grid_ml_8 {margin-left:66.66666666666666%;}
  .md_grid_ml_9 {margin-left:75%;}
  .md_grid_ml_10 {margin-left:83.33333333333334%;}
  .md_grid_ml_11 {margin-left:91.66666666666666%;}
  .md_grid_ml_12 {margin-left:100%;}
  .md_grid_ml_all {float:none;margin: 0 auto;}
  .md_grid_mr_0 {margin-right:0;}
  .md_grid_mr_1 {margin-right:8.333333333333332%;}
  .md_grid_mr_2 {margin-right:16.666666666666664%;}
  .md_grid_mr_3 {margin-right:25%;}
  .md_grid_mr_4 {margin-right:33.33333333333333%;}
  .md_grid_mr_5 {margin-right:41.66666666666667%;}
  .md_grid_mr_6 {margin-right:50%;}
  .md_grid_mr_7 {margin-right:58.333333333333336%;}
  .md_grid_mr_8 {margin-right:66.66666666666666%;}
  .md_grid_mr_9 {margin-right:75%;}
  .md_grid_mr_10 {margin-right:83.33333333333334%;}
  .md_grid_mr_11 {margin-right:91.66666666666666%;}
  .md_grid_mr_12 {margin-right:100%;}
  .md_grid_mr_all {float:none;margin: 0 auto;}
}

@media (max-width: 600px) {
  .oneline label{
    margin:0 10px 0 0;
  }
  #gnb { visibility: hidden; }
  .control_wrap .control img {width: 100%;}
  .sm_grid_1 {float:left;width:8.33333333%;padding:0 1%;}
  .sm_grid_2 {float:left;width:16.666666666666664%;padding:0 1%;}
  .sm_grid_3 {float:left;width:25%;padding:0 1%;}
  .sm_grid_4 {float:left;width:33.33333333333333%;padding:0 1%;}
  .sm_grid_5 {float:left;width:41.66666666666667%;padding:0 1%;}
  .sm_grid_6 {float:left;width:50%;padding:0 1%;}
  .sm_grid_7 {float:left;width:58.333333333333336%;padding:0 1%;}
  .sm_grid_8 {float:left;width:66.66666666666666%;padding:0 1%;}
  .sm_grid_9 {float:left;width:75%;padding:0 1%;}
  .sm_grid_10 {float:left;width:83.33333333333334%;padding:0 1%;}
  .sm_grid_11 {float:left;width:91.66666666666666%;padding:0 1%;}
  .sm_grid_12 {float:left;width:100%;padding-top:20px}
  .sm_grid_ml_0 {margin-left:0;}
  .sm_grid_ml_1 {margin-left:8.333333333333332%;}
  .sm_grid_ml_2 {margin-left:16.666666666666664%;}
  .sm_grid_ml_3 {margin-left:25%;}
  .sm_grid_ml_4 {margin-left:33.33333333333333%;}
  .sm_grid_ml_5 {margin-left:41.66666666666667%;}
  .sm_grid_ml_6 {margin-left:50%;}
  .sm_grid_ml_7 {margin-left:58.333333333333336%;}
  .sm_grid_ml_8 {margin-left:66.66666666666666%;}
  .sm_grid_ml_9 {margin-left:75%;}
  .sm_grid_ml_10 {margin-left:83.33333333333334%;}
  .sm_grid_ml_11 {margin-left:91.66666666666666%;}
  .sm_grid_ml_12 {margin-left:100%;}
  .sm_grid_ml_all {float:none;margin: 0 auto;}
  .sm_grid_mr_0 {margin-right:0;}
  .sm_grid_mr_1 {margin-right:8.333333333333332%;}
  .sm_grid_mr_2 {margin-right:16.666666666666664%;}
  .sm_grid_mr_3 {margin-right:25%;}
  .sm_grid_mr_4 {margin-right:33.33333333333333%;}
  .sm_grid_mr_5 {margin-right:41.66666666666667%;}
  .sm_grid_mr_6 {margin-right:50%;}
  .sm_grid_mr_7 {margin-right:58.333333333333336%;}
  .sm_grid_mr_8 {margin-right:66.66666666666666%;}
  .sm_grid_mr_9 {margin-right:75%;}
  .sm_grid_mr_10 {margin-right:83.33333333333334%;}
  .sm_grid_mr_11 {margin-right:91.66666666666666%;}
  .sm_grid_mr_12 {margin-right:100%;}
  .sm_grid_mr_all {float:none;margin: 0 auto;}
}
.darkfill{
  background: black;
  color: white;
}
.darkfill:hover{
  background: white;
  color: black;
}

/* Localized */