hr.star-light,
hr.star-primary {
padding: 0;
border: none;
border-top: solid 4px;
text-align: center;
max-width: 70px;
margin: 10px auto 40px;
}
hr.star-light:after,
hr.star-primary:after {
display: inline-block;
position: relative;
top: -0.8em;
font-size: 2em;
padding: 0 0.25em;
}
hr.star-light {
border-color: #fff;
}
hr.star-light:after {
background-color: #18bc9c;
color: white;
}
hr.star-primary {
border-color: #ff5967;
}
hr.star-primary:after {
background-color: white;
color: #2a7bec;
}
.navbar-default .navbar-nav>li>a.active {
color: #fff;
background-color: #1a242f;
}
/* .img-centered {
margin: 0 auto;
} */

/* .btn-outline {
color: white;
font-size: 20px;
border: solid 2px white;
background: transparent;
transition: all 0.3s ease-in-out;
margin-top: 15px;
} */
/* .btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
color: #2a7bec;
background: white;
border: solid 2px white;
} */
.floating-label-form-group {
position: relative;
margin-bottom: 0;
padding-bottom: 0.5em;
border-bottom: 1px solid #eeeeee;
}
.floating-label-form-group input,
.floating-label-form-group textarea {
z-index: 1;
position: relative;
padding-right: 0;
padding-left: 0;
border: none;
border-radius: 0;
font-size: 1.2em;
background: none;
box-shadow: none !important;
resize: none;
}
.floating-label-form-group label {
display: block;
z-index: 0;
position: relative;
top: 2em;
margin: 0;
font-size: 0.85em;
line-height: 1.764705882em;
vertical-align: middle;
vertical-align: baseline;
opacity: 0;
-webkit-transition: top 0.3s ease,opacity 0.3s ease;
-moz-transition: top 0.3s ease,opacity 0.3s ease;
-ms-transition: top 0.3s ease,opacity 0.3s ease;
transition: top 0.3s ease,opacity 0.3s ease;
}
.floating-label-form-group:not(:first-child) {
padding-left: 14px;
border-left: 1px solid #eeeeee;
}
.floating-label-form-group-with-value label {
top: 0;
opacity: 1;
}
.floating-label-form-group-with-focus label {
color: #18bc9c;
}
form .row:first-child .floating-label-form-group {
border-top: 1px solid #eeeeee;
}

.bold {
font-weight: 600;
}


/** 공통 **/
h2.title {text-align:center; padding-top:350px; margin:0;}
h3.sub_title {text-align:center; font-size:2.2em; margin:0 0 15px;}
.container {
padding:70px 20px 60px;
width:100%;
max-width:1200px;
margin: 0 auto;
}
#container {margin-top:90px;}

.terms {padding-right: 40px;}
.terms h3.sub_title {color:#000;}
.terms .terms_box {margin-top:60px;}
.terms .terms_box h4 {font-size:1.5em; margin-bottom:15px; position:relative; padding-left:20px;color:#000;}
.terms .terms_box h4:before {content:''; display:inline-block; width:12px; height:12px; border:solid #ff5967 3px; border-radius:50%; position:absolute; top:8px; left:0;}
.terms .terms_box p {
padding-bottom:15px;
font-size:1.1em;
color:#777;
}
.terms .terms_box > ul {padding-left:20px;}
.terms .terms_box > ul > li {font-size:1.1em; color:#777; list-style:decimal; line-height:1.5; margin-bottom:10px;}
.terms .terms_box > ul > li:last-child {margin-bottom:0;}
.terms .terms_box ul li ul.sub_list li {font-size:0.9em; margin-top:5px; line-height:1.3;}

.terms .terms_box .terms_table {margin:10px 0;}
.terms .terms_box .terms_table table {border:solid 1px #eee; border-bottom:0;}
.terms .terms_box .terms_table table tr {border-bottom:solid 1px #eee;}
.terms .terms_box .terms_table table th,
.terms .terms_box .terms_table table td {border-right:solid 1px #eee; padding:5px 10px; font-size:1em;}
.terms .terms_box .terms_table table td:nth-child(2) {min-width:200px;}
.terms .terms_box .terms_table table th:last-child,
.terms .terms_box .terms_table table td:last-child {border-right:0;}
.terms .terms_box .terms_table table th {background-color:#666; color:#fff; text-align:center;}



@media (max-width:767px) {


/** 공통 **/
h2.title {padding-top:180px;}
h3.sub_title {font-size:1.8em;}
hr.star-light, hr.star-primary {margin-bottom:30px;}
.container {padding:60px 15px;}
#container {margin-top:58px;}

.terms .terms_box {margin-top:40px;}
.terms .terms_box h4 {font-size:1.3em;}
.terms .terms_box p {font-size:0.95em;}
.terms .terms_box > ul > li {font-size:0.95em; margin-bottom:5px;}
.terms .terms_box .terms_table {overflow-x:scroll;}

}

@media (max-width:400px) {
h2.title {padding-top:130px;}
h3.sub_title {font-size:1.6em;}
hr.star-primary {max-width:50px;}

.terms .terms_box h4 {font-size:1.2em;}
.terms .terms_box > ul > li {font-size:0.9em;}

#footer {font-size:0.75em;}
}

.TermsWrap{

}