@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {font-family: 'S-CoreDream-6Bold';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {font-family: 'S-CoreDream-2Extra Light';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
font-weight: normal;
font-style: normal;
}



*{margin:0; padding:0;}
body{margin:0; padding:0; line-height:1.5; letter-spacing:-0.065em; font-family:'Pretendard-Regular','Noto Sans KR',HelveticaNeue-Light,AppleSDGothicNeo-Light,'Malgun Gothic','맑은 고딕',sans-serif; }

* {box-sizing: border-box;} 

a {color:inherit; text-decoration:none;}
ul,li{list-style:none;} img{vertical-align: top;}
#wrap {width:100%; max-width:700px; margin:0 auto;}

.pc{display: block !important;;} .mo{display: none !important;;}

@media screen and (max-width: 640px) {
.pc{display: none !important;} .mo{display: block !important;;}
    
.mt40 {margin-top: 20px !important;;}
.mt50 {margin-top: 0px !important;;}
    
}



        


mark{background-color:#ffff9a; padding:0px 1%; color:#000; font-weight: normal;}
u{font-weight: normal;}


.mt25 {margin-top: 2.5vh;}
.mt7 {margin-top: 7vh;}
.mt30 {margin-top: 30px;}
.mt10 {margin-top: 20px;}
.mt20 {margin-top: 20px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 40px;}


section article img {width: 100%;margin-top: 0px;}
nav i {position:absolute; top:15px; right:20px; color:#515151;}
header {padding:20px 15px 40px; border-bottom:0px solid #e5e5e5;}
header > i {color:#4795f7; font-style:normal; ]font-weight:bold;}
header .header_icon {text-align: center;}
header .header_icon ul {position: absolute;display: inline-block;white-space: nowrap;}



header .header_icon ul a {color: #7c7c7c;}
header .header_icon ul li {float: left;width: 28px;height: 28px;padding: 5px;border-radius: 50%;border: 1px solid #b2b2b2;position: relative;margin: 20px 4px;}
header .header_icon ul i { position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}


header h2 {font-family: 'S-CoreDream-6Bold'; font-size:38px; padding:3px 0 20px; line-height: 1.3 ;letter-spacing: -4px;}

header p {line-height: 1.6;color: #515151;position: relative;padding-left: 15px;}

header .sub_title {font-family: 'S-CoreDream-2Extra Light'; width: 100%;position: relative;padding-left: 10px;margin-top: 1%;font-size: 20px;color: #7c7c7c;}

header p::before {content:''; position:absolute; left:0; top:2px; bottom:0; width:4px; background:#515151; }
header .time {position:relative; color:#7f7f7f; height: 40px; font-size:0.9em; border-bottom:0px solid #e5e5e5; margin:10px 0 0px; padding-top:20px;vertical-align: top; letter-spacing: 0;}
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; }
section img {width:100%;margin-top: 0px}
section article {padding:0 15px;}
section article .sub_t {font-size:12px; color:#7f7f7f; line-height:12px; padding-top:5px; }

section article p { text-align: justify; font-size: 21px; line-height: 1.75; color: #222;}
section article img {width:100%; margin-top:0px;}
section article h3 {margin-top:20px; font-size:23px; }
section article h1 {font-weight:bolder; font-size:23px; padding:5px 0 5px; line-height: 1.3;}
section article h2 {font-weight:normal; font-size:30px; padding:5px 0 5px; line-height: 1.3;}



.btn_send {overflow:visible; display:inline-block; font-family:inherit; vertical-align:middle; cursor:pointer; white-space:nowrap; text-decoration:none; border:none; background:transparent; outline:0;}

 /*db창 추가부분*/
.form1 { overflow: hidden; /*margin: 7px;*/ text-align: center; font-family:"맑은 고딕";}
.form1 table { width: 88%; margin: 10px auto 20px auto;}
.form1 th,.form1 td{ padding: 5px 0;}
.form1 th { padding-right: 15px; padding-left: 5px; font-size: 18px; font-weight: 700; letter-spacing: -1px; text-align: left; white-space: nowrap;}
.form1 td { padding-right: 5px; font-size: 14px; text-align: left; vertical-align: middle;}
.form1 .cell_send{ padding: 3% 0 0; text-align: center;}
.form1 .cell_send img{ width: 100%; margin: 0;}
.form1 input[type=text],.form1 input[type=tel],.form1 select{ border: 1px solid #ccc; background: #fff; font-size: 15px; border-radius: 7px;}
.form1 input[type=text],.form1 input[type=tel]{ padding: 6px 5px; height:37px;}
.form1 select{ padding: 5px 4px; height: 37px;}
.tf_1{ width: 100%;}
.tf_3{ float: left; width: 30%; height:37px;}
.opt_3{ min-width: 30%;}
.tf_bar{ float: left; width: 5%; height: 31px; line-height: 31px; text-align: center;}
.tf_3 input{  width: 100%; }
label .tf_3{ position: relative;}
.tf_star {color:red;}
.tf_tooltip{ display: inline-block; position: absolute; left: 10px; top: 0; padding: 0 5px;  background: #fff; font-size: 12px; color: #999; white-space: nowrap; transform: translate(0,-50%);}
.form1 input[type=checkbox] { width: auto;}
.formQqestion {  width: 100%;  font-size: 20px;  padding-bottom: 10px;  margin-bottom: 10px;}
.result {  font-size: 0.85em;  text-align: center;  letter-spacing: -0.065em;  margin-top: 10px;}
.lab_agree{ display: block;  /*margin: 0 !important;*/  font-size: 11px;  color: #999;  line-height: 0.2; text-align: center; letter-spacing:-0.5px;}
.lab_agree input[type=checkbox] { vertical-align: -2px; margin:0 0 0 3px;}
.result { background: #f5f5f5;  border: 1px solid #ccc; font-size: 13px; padding: 10px 0;}
.result input {  border: 1px solid #ccc;  height: 35px;  border-radius: 7px;  width: 20%;
 padding-left: 10px; font-size: 17px;}
.form1 .Form_Q {width:100%; margin:10px; float:left; line-height:1.5; padding-bottom:2%; border-bottom:2px dashed #eee;}
.form1 .Form_Q th {font-size:1.125em; text-align:left; padding:2% 0;}

footer {padding:15px; background:#fbfbfb; border-top:1px solid #e5e5e5; text-align:center;}
footer p {font-size:12px; color:#999;}

.mt40{margin-top:40px;}.mt30{margin-top:30px;}.mt20{margin-top:30px;}.mt15{margin-top:15px;}.mt10{margin-top:10px;}

.p1 {color:#ff2481; font-weight:bold;}
.p2 {color:#e61616; font-weight:bold;}

/**댓글창**/

 .reply{padding-top:2em;  max-width: 700px; margin: auto }
 .reply .retop{width:100%;padding:0 5%;box-sizing:border-box;margin:0 auto;position:relative;height:40px;border-bottom:1px solid #a9a9a9}
 .reply .retop p{display:inline-block;font-weight:700;margin:0;line-height:40px;letter-spacing:-.035em}
 .reply .retop button{position:absolute;right:5%;bottom:7px;font-size:11px;font-weight:700;background:#f2f2f2;border:1px solid #ccc;height:30px}
 .reply .retop button span{font-size:13px;color:#ccc}
 .reply .retap{white-space:nowrap;border-top:1px solid #ddd}
 .reply .retap li{float:left;height:40px;line-height:40px;width:50%;box-sizing:border-box;text-align:center;font-weight:700}
 .reply .retap li:first-child{background:#fff;border-bottom:1px solid #ddd;border-right:1px solid #ddd}
 .reply .retap li:last-child{color:#396dba;background:#f7f7f7}
 .reply .retap::after{content:'';display:block;clear:both}
 .reply .retxt{margin:4% 5%;border-bottom:1px solid #ccc}
 .reply .retxt p{margin-top:.6em;font-size:18px ;color:#666; line-height: 25px}
 .reply .retxt h4 span{font-size:10px;padding:3px 6px;background:red;color:#fff;border-radius:2px}
 .reply .retxt .retime{margin-top: 1.2em; color:#777;font-size:11px}
 .reply .rebtn{position:relative;height:30px;margin:.6em 0}
 .reply .rebtn button{font-size:11px;font-weight:700;background:#fbfbfb;border:1px solid #cdcdcd;height:25px}
 .reply .rebtn ul{float:right}
 .reply .rebtn ul li{float:left;margin-left:.4em}
 .reply .rebtn ul li button{padding-left:20px;position:relative}
 .reply .rebtn ul li button::before{position:absolute;left:5px;top:5px;content:'';display:block;width:12px;height:12px;background:url(../images/up.png)no-repeat;background-size:100% 100%}
 .reply .rebtn ul li:last-child button::before{background:url(../images/down.png)no-repeat;background-size:100% 100%}
 .renum{text-align:center}
 .renum li{font-size:12px;display:inline-block;width:30px;height:30px;line-height:30px;border:1px solid #ccc;margin:0 5px}
 .renum li:first-child{font-weight:700}


@media screen and (max-width:600px) {
  header {padding:20px 10px 20px}
  header h2 {font-size:23px; padding-bottom:10px;letter-spacing: -2.1px;}
  header > i {font-size:14px; font-weight:bold}
    
    header .sub_title {font-family: 'S-CoreDream-2Extra Light'; width: 100%;position: relative;padding-left: 10px;margin-top: 1%;font-size: 15px;color: #7c7c7c;}
    
  section article p {font-size:19px;}
  .dbq {font-size:12px!important;}
	
	.result {
    background: #f5f5f5;
    border: 1px solid #ccc;
    font-size: 12px;
    padding: 10px 0;
}
	
}

@media screen and (max-width:423px) {
  header h2 {font-size:22px; padding-bottom:10px;letter-spacing: -2.1px;}
}

@media screen and (max-width:400px) {
  header h2 {font-size:21px; padding-bottom:10px;letter-spacing: -2.1px;}
}

@media screen and (max-width:383px) {
  header h2 {font-size:20px; padding-bottom:10px;letter-spacing: -2.1px;}
}