@charset "utf-8";


*{margin:0; padding:0;}
body{margin:0; padding:0; line-height:1.5; letter-spacing:-0.065em; font-family:'Noto Sans KR',HelveticaNeue-Light,AppleSDGothicNeo-Light,'Malgun Gothic','맑은 고딕',sans-serif; }
a {color:inherit; text-decoration:none;}
img {width:100%;margin: auto;}



#wrap {width:100%; max-width:700px; margin:0 auto;}

.m{display: none;} 
.p{display: block;}

img {width:100%;}

.mt20 {
    margin-top: 30px;
}
.mt50 {
    margin-top: 50px;
}
	
header { padding-bottom: 50px; border-bottom:2px solid #e5e5e5}
header p::before {content:''; position:absolute; left:0; top:2px; bottom:0; width:4px; background:#515151; }
header .time {position:relative; color:#7f7f7f;  font-size:0.8em; border-bottom:0px solid #e5e5e5; margin:0px 0 0px; padding-bottom:0px; letter-spacing: 0; }
header .time2 {position:relative; color:#7f7f7f;  font-size:1em; border-bottom:0px solid #e5e5e5; margin:8px 0 0px; padding-bottom:00px; letter-spacing: 0; float: left}
header .time .sns {position:absolute; right:0; top:0;}
header .time .sns i {display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; border-radius:20px; border:1px solid #e5e5e5;    cursor:auto; }
  header img {width:100%;}
section img {width:100%;}
section article {padding:0 15px;}

.titline :before {content: '';position: absolute;top: 4px;bottom: 5px;left: 0;width: 6px;background: #222;}
.titline .sub {padding-left: 18px; font-size: 24px; font-weight: bold; margin: 50px 0px 20px 0px;line-height: 1.75; color: #222; text-align: justify;max-width: 700px;}


  
section video{display:block; width:100%;}
section article .sub_t {font-size:12px; color:#7f7f7f; line-height:12px; padding-top:5px; }
section article p {text-align:justify; font-size:18px; line-height:1.75; color:#515151;}
section article img {width:100%; margin-top:50px;}
section article h3 {margin-top:30px; line-height: 40px }
section article .w90 {width:92%; display:block; margin:0 auto 0;}
section p .sub {padding-left: 18px; font-size: 21px; font-weight: bold; margin: 50px 0px 20px 0px;line-height: 1.75; color: #222; text-align: justify;max-width: 700px;}


div.contents {overflow:hidden;position:relative;margin:0 auto;margin-top:3%;padding:4% 5%;color:#42434a;text-align:justify;}
div.contents h1 {font-size:2.063em;margin:0 auto;padding:2% 0; margin-top:1%; line-height:140%;font-weight:600;color:#000;letter-spacing:-0.063em;text-align:left;}
div.contents h2 {font-size:1.100em;margin:0 auto; margin-top:2%; color:#333;font-weight:normal;letter-spacing:-0.063em;text-align:left; line-height:140%;}
div.contents h3 {font-size:1.650em;color:#545d76;line-height:160%;letter-spacing:-0.063em;text-align:center;}
div.contents div.time {
	position: relative;
     float: right;
    color: #7f7f7f;
    font-size: 0.8em;
    /*border-bottom: 1px solid #e5e5e5;*/
    margin: 0px 0 0px;
    padding-bottom: 0px;
    letter-spacing: 0;}

div.contents p {margin:4% 0;font-size:1.125em;line-height:170%;font-weight:normal;letter-spacing:-0.063em;}
div.contents p.re {margin:4% 0;font-size:1.100em;line-height:150%;font-weight:300;letter-spacing:-0.063em;text-align:center;}
div.contents p.subtitle {margin:4% 0 0 0;font-size:1.650em;font-weight:normal;color:#333;text-align:center;line-height:150%;letter-spacing:-0.063em;}
div.contents p.title {margin:0 0 2% 0;font-size:1.950em;font-weight:500;color:#333;text-align:center;line-height:140%;letter-spacing:-0.085em;}
div.contents img {width:100%;padding:3% 0 0 0;}
div.contents .line {border-bottom:1px solid #9b9b9b;margin:0 auto;padding:4% 0;}


.bold{font-weight:600;}

mark {
    background-color: #fffea4;
    padding: 0px 1%;
    vertical-align: middle;
    color: #000;
    font-weight: bold;
}
u{font-weight: bold;}



div.kakao {overflow:hidden;position:relative;margin:0 auto;color:#545454;}
div.kakao img.kakao {width:100%;padding:3% 0;}
div.kakao p.kakao {font-size:1.100em;font-weight:400;line-height:170%;letter-spacing:-0.063em;text-align:justify;padding:0 5%;}
div.kakao h2.kakao {font-size:1.350em;font-weight:600;line-height:150%;letter-spacing:-0.063em;text-align:left;padding:0 5%;color:#202f4d;}





#dbform {width:100%; box-sizing: border-box; background:#fff; position:relative; z-index:99;  margin: auto ; border: 8px solid #b8194b;background: #fff;}
#dbform > img {width:100%;}
#dbform table {width:100%; padding:0px 15px 25px; }
#dbform table th,td {padding:5px 0;}
#dbform table th {font-weight: 600; text-align:left; padding-left:5%;}
#dbform table th span {color:red; font-size: 0.8em; font-weight: normal;}
#dbform table td {padding-left:10px;}
#dbform table td.number .tel {width:30%!important; font-size: 16px;}
#dbform table td input[type=text],  #dbform table td input[type=tel],  #dbform table td select {font-size: 1.2em; color:#000; letter-spacing:2px;  height:40px; line-height: 40px; padding-left:6px; width:90%; background: #fff; border:1px solid #222; }
#dbform table td.number {font-size: 0px;}
#dbform table td input:focus, #dbform table td input:-webkit-focus {outline:3px solid #f9193d!important; }
#dbform table td input::placeholder {font-size: 0.85em!important; text-align:#eee; letter-spacing: 1px!important;}

#dbform table td button {position:relative; display:block; margin:0 auto; width:80%; border: 0px;}

#dbform table td button img{width: 100%;}
#dbform table img {display:block; margin:0 auto; width:80%;}
#dbform table .result {font-size: 12px; text-align:center; border:2px solid #eaeaea; background: #f7f7f7; border-radius:5px;}
#dbform table .result input[type=text] {height:20px; line-height: 20px; width:15%; background: #fff; border:1px solid #eaeaea;}
#dbform table .dbq {padding-bottom:15px; border-bottom:1px dashed #888;}
#dbform table .dbq .q_tit {font-weight: bold; font-size: 1.125em; padding:10px 0;text-align: left; color: #333;}
#dbform table .dbq .q_sub input{display:none;}

#dbform table .dbq .q_sub input + label {display:inline-block; width:24%; padding:8px 0px; font-size: 18px; text-align:center; background: #fff; color:#b8194b; border-radius:5px; border:1px solid #b8194b;}
#dbform table .dbq .q_sub input:checked + label {background:#b8194b; color:#fff; font-weight: bold;}


#dbform table .dbq .q_sub2 input + label {display:inline-block; width:18%; padding:5px 2px; font-size: 13px; text-align:left;}

#dbform table .policy {font-size: 12px; padding-top:10px; text-align:center;} 
#dbform table .policy a {color:#0075ff;}
#dbform table .number .tel {width:29%!important; font-size: 16px; box-sizing: border-box; margin-left:1%; vertical-align: top;}
#dbform table .number select.tel {width:30%!important;margin-left:0%;}
#dbform table tbody tr.result02 img{width: 100%;}
#dbform table tbody tr.result02 td{padding: 10px;}
#dbform table tbody tr.pr td{text-align: center;background: #f7f7f7;padding: 5px 0;}
#dbform table tbody tr.pr td input{width: 16%;height: 30px;background: #fff;}

.agree >.agreeform {font-size: 12px; color:#666; line-height: 1.5; display:none;}
.agree textarea {width:100%;  margin:0 auto;  border-radius:10px; border:2px solid #eee; height:70px; padding:7px; box-sizing: border-box;}

 section .reply {
    margin-top: 2em
}

section .reply .retop {
    width: 100%;
    padding: 0 5%;
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
    height: 40px;
    border-bottom: 1px solid #a9a9a9
}

 section .reply .retop p {
    display: inline-block;
    font-weight: 700;
    margin: 0;
    line-height: 40px;
    letter-spacing: -.035em
}

 section .reply .retop button {
    position: absolute;
    right: 5%;
    bottom: 7px;
    font-size: 11px;
    font-weight: 700;
    background: #f2f2f2;
    border: 1px solid #ccc;
    height: 30px
}

 section .reply .retop button span {
    font-size: 13px;
    color: #ccc
}

 section .reply .retap {
    white-space: nowrap;
    border-top: 1px solid #ddd
}

 section .reply .retap li {
    float: left;
    height: 40px;
    line-height: 40px;
    width: 50%;
    box-sizing: border-box;
    text-align: center;
    font-weight: 700
}

 section .reply .retap li:first-child {
    background: #fff;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd
}

 section .reply .retap li:last-child {
    color: #396dba;
    background: #f7f7f7
}

 section .reply .retap::after {
    content: '';
    display: block;
    clear: both
}

 .reply .retxt {
    margin: 4% 5%;
    border-bottom: 1px solid #ccc
}

 section .reply .retxt p {
    margin-top: 0.6em;
    font-size: 1.0em;
    color: #666;
    line-height: 1.5em;
    letter-spacing: -0.05em;
}

 section .reply .retxt h4 span {
    font-size: 10px;
    padding: 3px 6px;
    background: red;
    color: #fff;
    border-radius: 2px
}

 section .reply .retxt .retime {
    margin-top: 1.2em;
    color: #777;
    font-size: 11px
}

 section .reply .rebtn {
    position: relative;
    height: 30px;
    margin: .6em 0
}

 section .reply .rebtn button {
    font-size: 11px;
    font-weight: 700;
    background: #fbfbfb;
    border: 1px solid #cdcdcd;
    height: 25px
}

 section .reply .rebtn ul {
    float: right
}

 section .reply .rebtn ul li {
    float: left;
    margin-left: .4em
}

 section .reply .rebtn ul li button {
    padding-left: 20px;
    position: relative
}

 section .reply .rebtn ul li button::before {
    position: absolute;
    left: 5px;
    top: 5px;
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background: url(../img/up.png)no-repeat;
    background-size: 100% 100%
}

 section .reply .rebtn ul li:last-child button::before {
    background: url(../img/down.png)no-repeat;
    background-size: 100% 100%
}





div.ipForm {padding:3% 5%;border:0px solid #1e4acd;background:#fff;}
div.ipForm dl	{width:100%;float:left;padding:0;text-align:left;margin:2% 0;}
div.ipForm dl dt {width:15%;float:left;display:inline-block;font-size:0.875em;letter-spacing:-0.063em;font-weight:normal;text-align:left;padding:3% 0 0 0;}
div.ipForm dl dd {width:80%;float:left;display:inline-block; margin: 0 0 0 3%; white-space:nowrap;}
div.ipForm dl dd label {width:90%;float:left;display:inline-block;}
div.ipForm dl dd ipForm {border:1px solid #ccc;width:30%;padding:5px 3px;}
div.ipForm dl dd input {display:inline-block;width:100%;height:27px;padding:2% 2%;border:1px solid #616161;color:#646464;-webkit-border-radius:0; font-size:1.125em;}
div.ipForm dl dd select {font-size:1.125em; margin:0;}
div.ipForm dl dd .inputChk {width:0.750em;height:0.750em;color:#a0a0a0;padding:0;}

div.ipForm .Form_Q {width:100%; float:left; line-height:1.5; padding-bottom:2%; border-bottom:2px dashed #eee;}
div.ipForm .Form_Q th {font-size:1.125em; text-align:left; padding:2% 0;}

div.ipForm .bnr {width:100%;margin:0 auto;padding:0;}
div.ipForm .bnr button {width:100%;padding:3% 0;background:#1e4acd;color:#fff;border:0;font-weight:bold;font-size:1.500em;letter-spacing:-0.063em;}




.icon {width:20%; float: right ; margin-top: 5px}



#requestBTN {text-align: center}
#requestBTN button img {width: 100%; max-width: 650px}
select{width:20%;height:45px;border:1px solid #ddd;text-indent:10px;}



.banner { width:90%; text-align:center; margin:0 auto; }
#footer {display:block; position:relative;margin:0 auto;max-width:680px; background-color:#f3f3f3;text-align:center;}
#footer p {padding:3% 0;margin:0 auto;text-align:center;font-size:0.750em;letter-spacing:-0.063em;line-height:150%;color:#5d5e67;}

#fixed_layer{text-align:right;position:fixed;z-index:99;width:28%;bottom:3%;right:3%;color:#000;}


@media screen and (max-width:500px) {
    #main_db {padding: 30px 15px}
    #main_db dl dt {font-size: 1rem}
    #main_db dl dd input {height: 40px}
    #main_db .agree {margin: 10px 0; font-size: 0.6875rem; font-weight: 700}
	#wrap {overflow:hidden;max-width:700px;margin:0 auto;padding:0;color:#000;padding: 0 ;}
}

@media screen and (max-width: 600px){
	.m{display: block;} 
.p{display: none;}
	
section article p {font-size: 18px;}
    section article h3 {margin-top:25px; font-size: 18px}
    
   header {padding-bottom: 50px; border-bottom:2px solid #e5e5e5}
	header .time2 {position:relative; color:#7f7f7f;  font-size:0.8em; padding-left: 10px}
	
.icon {width:25%; float: right; padding-right: 10px}
    
.titline :before {content: '';position: absolute;top: 4px;bottom: 5px;left: 0;width: 5px;background: #b8194b;}
.titline .sub {padding-left: 15px; font-size: 20px; font-weight: bold; margin: 50px 0px 20px 0px;line-height: 1.55; color: #222; text-align: justify;max-width: 700px;}
    
    
	#dbform table .dbq .q_sub input + label {display:inline-block; width:23%; padding:8px 0px; font-size: 16px; text-align:center; background: #fff; color:#b8194b; border-radius:5px; border:1px solid #b8194b;}
#dbform table .dbq .q_sub input:checked + label {background:#b8194b; color:#fff; font-weight: bold;}


#dbform table .dbq .q_sub2 input + label {display:inline-block; width:18%; padding:5px 2px; font-size: 13px; text-align:left;}
}

@media screen and (max-width: 430px){
    header {padding-bottom: 40px; border-bottom:2px solid #e5e5e5}
	header .time2 {position:relative; color:#7f7f7f;  font-size:0.8em; padding-left: 10px}
    
    section article img {width:100%; margin-top:30px;}
    section article p {font-size: 18px;}
    section article h3 {margin-top:20px; font-size: 14px; line-height: 28px}
	
.icon {width:25%; float: right; padding-right: 10px}
    
.titline :before {content: '';position: absolute;top: 4px;bottom: 5px;left: 0;width: 5px;background: #222;}
.titline .sub {padding-left: 13px; font-size: 20px; font-weight: bold; margin: 40px 0px 15px 0px;line-height: 1.55; color: #222; text-align: justify;max-width: 700px;}
    
}



@media screen and (max-width: 480px){ 
    #dbform table .dbq .q_sub input + label {display:inline-block; width:23%; padding:8px 0px; font-size: 15px; text-align:center; background: #fff; color:#222; border-radius:5px; border:1px solid #222;}
     section .reply .retxt p {
    margin-top: 0.8em;
    font-size: 1.0em;
    color: #666;
    line-height: 1.5em;
    letter-spacing: -0.06em;
    }}