@charset "utf-8";
@import url('reset.css');

@font-face {
    font-family: 'GongGothicMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GongGothicBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@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: 'Pretendard-ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Bold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}


@font-face {
    font-family: 'SLEIGothicTTF';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/SLEIGothicTTF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.material-symbols-outlined{color: #e04949;}

.half_highlight {

background: linear-gradient(to top, #f5f5f5 50%, transparent 50%); 
} 

u{color: #f20000; font-weight: 600;}
mark{background: linear-gradient(to top, #fffbe7 50%, transparent 50%);}

body {	font-family: 'Pretendard-Regular';}

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

nav {padding:0 15px; border-bottom:0px solid #dcdcdc; height:45px; line-height:45px; position:relative;box-shadow:0px 4px 0px #eee}

nav .logo {float:left; background:url(../images/logo.png)no-repeat; background-size:100% 100%; width:84px; height:16px; margin-top:14px; text-indent: -9999em;}
nav .back {float:right; background:url(../images/back.png)no-repeat; background-size:100% 100%; width:10px; height:14px; margin-top:15px; text-indent: -9999em;}


#content_wrap {width:100%; max-width:800px; margin:0 auto;}
header {padding:15px 15px 30px 15px;}

header i {font-size:18px; vertical-align:top; color: #acacac;font-family: 'Pretendard-Regular';line-height: 40px; letter-spacing: 2px;}

header h1 {font-size:44px; line-height:1.3; margin:15px 0; letter-spacing: -0.02em;  font-weight: 400; font-family: 'Pretendard-Bold';}

header h1 span {color:#f20000; font-weight: bold;}


header .time {font-size:12px; color:#9f9f9f;}

header .sub_nav {padding:10px 0px;border-bottom:1px solid #dcdcdc;margin-bottom: 30px;}


header .sub_nav .sns li {float:left; margin-right:8px; width:108PX;height: 20PX; text-indent: -999em;color: aquamarine;}

header .sub_nav .sns {float:left;height:34px; }


header .sub_nav .ga {float:right;height:34px;}
header .sub_nav .ga li {width:32px; height:32px; text-align:center; line-height:32px; border:0px solid #cfcfcf; color:#515151; float:left;}
header .sub_nav .ga li:first-child { font-size:10px; border-right:0px;}


header p {position:relative; padding-left:10px; line-height:1.5; color:#727272;font-size: 22px;margin-top: 10px;}
header p::after {content:''; position:absolute;line-height:1.0; left:0; top:0; bottom:0; width:3px; background:#b2b2b2;}

header b {color: #e33333;}


section article img {width:100%;}
section article p {padding:0 15px; font-size:19px; line-height:1.7; text-align:justify; letter-spacing:0em; color:#333;} 
section article .sub_mini {color:#000; font-size:16px;text-align: center;}


section article h1 {position:relative; padding-left:14px;font-size:28px;  letter-spacing: -0.5px; font-family: 'Pretendard-SemiBold';margin-top: 20px;line-height:1.4;color: #292929;} 


.tag {margin:30px 15px 0;}
.tag a {background:#f5f5f5; color:#7f7f7f; margin-right:5px; padding:0 2px; font-size:14px;}
.nice {margin:15px auto 0; width:95%; position:relative;}
.nice button {border:1px solid #e5e5e5; background:#fff; width:100px; height:40px; }
.nice .btn1 i {color:red;}
.nice a {position:absolute; right:0; top:0; width:40px; height:40px; border:1px solid #e5e5e5; line-height:40px; text-align:center; border-radius:40px;}




.pc {
	display: block;
}

.m {
		display: none;
}



aside {background:#fff; color:#fff; padding:0px; text-align:center; letter-spacing:-0.025em; position:relative; z-index:999;border: 0px solid #2465ab; border-top: 0px;box-shadow: 0 5px 10px rgb(0 0 0 / 15%);}


aside p {font-size:20px;}
aside h3 {font-size:32px; font-weight:bold; padding:6px 0px 20px 6px;}
aside i {font-size:13px; color:rgba(255,255,255,.7);}
aside .h4 {text-align:center;}
aside .h4 p {width:90%; margin:0 auto; font-size:20px; background:#072872; color:#fff; padding:7px; border-radius:5px;}
aside .h4 p span {font-weight:700; color:#ffe92c;}
aside table {width:100%; border:5px; background:#fff; margin-top:0px; color:#333; text-align:left; padding:20px;}
aside table th,td {padding:5px 0;}
aside table th {width:100px; padding-left:25px;padding-top: 10px}
aside table th span {color:#ff6666}
aside table .load {padding:15px 0 5px; line-height:1.5; text-align:center; font-size:11px; color:#196ce6; letter-spacing: 0;}
aside table .load img {width:35px;}
aside table .tc {text-align:center; font-size:13px; padding:3px;}
aside table .tc a {background:#333; color:rgba(255,255,255,0.9); padding:0 3px; font-size:12px;}
aside table input[type="text"] { border:1px solid #ddd; font-size:1.1em; height:36px; padding-left:10px; width:90%;padding-right: 10px;}
aside table input[type="tel"] { border:1px solid #ddd; font-size:1.1em; height:36px; width:28%; padding-left:10px;}
aside table select { border:1px solid #ddd; font-size:1.1em; height:40px; width:30%; padding-left:10px;}
aside table button {background:#0e0eff; color:#fff; width:94%;border: 0; height:60px; border-radius:40px; font-size:24px; letter-spacing: -0.065em; font-weight:bold;cursor: pointer;  animation:change_color 2s  infinite;}
aside table .pp {padding:15px 0 20px;}

aside table .txtc { text-align: center; width: 100%;}
aside table td.mon input { width: 15%;}

#bottom {border-top:1px solid #e5e5e5; margin-top:20px; line-height:1.6;background-color:#fbfbfb;}
.reply {width:100%; max-width:700px; margin:0 auto; margin-top:20px; padding:0 3%; box-sizing: border-box; font-family: 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '굴림', Gulim, 'Noto Sans KR', 'Nanum Barun Gothic', HelveticaNeue-Light, 'Apple SD Gothic Neo', Helvetica, sans-serif;}
.reply .re_top i {font-size:12px; border:1px solid #e5e5e5; padding:4px; color:#7f7f7f;}
.reply .re_top span {color:#4795f7;}
.reply .re_btn {width:100%; height:60px; position:relative; margin-top:10px;}
.reply textarea {width:80%; height:60px; padding:5px; box-sizing: border-box; border:1px solid #ccc; position:absolute; top:0; bottom:0; left:0;}
.reply button {width:20%; border:none; background:#333; color:#fff; position:absolute; top:0; bottom:0; right:0; font-size:1.05em;}
.reply .re1 {margin-top:10px; padding:8px 0; width:100%; position: relative; border-bottom:1px solid #e5e5e5; font-size:15px;}
.reply .re1 a {padding-right:7px;} .reply .re1 a:nth-child(1) {font-weight:bold;}
.reply .re1 i {position:absolute; right:3px;}
.reply .re2 {box-sizing: border-box; line-height:30px; height:30px; letter-spacing: 0; margin-top:10px;}
.reply .re2 img {width:22px; padding-top:7px;}
.reply .re2 span {font-size:14px;  margin:0 5px;}
.reply .re3 p {font-size:13px; letter-spacing: -0.02em; margin-top:5px; color:#5f5f5f;}
.reply .re3 em {font-style:normal; font-size:0.9em; background:#ff0000; padding:0 3px; border-radius:3px; color:#fff; letter-spacing: 0; margin-right:5px;}
.reply .re4 {font-size:12px; color:#bfbfbf; letter-spacing: 0.04em; padding:10px 0 20px; border-bottom:1px solid #e5e5e5; position:relative;}
.reply .re5 {position:absolute; right:0; top:12px;}
.reply .re5 .up {display:inline-block; padding:2px 5px; border:1px solid #e5e5e5; color:#ff3e3f; margin-right:2px;}
.reply .re5 .down {display:inline-block; padding:2px 12px; border:1px solid #e5e5e5; color:#666;}
.reply .re5 a {display:block;}
.reply .re6 {text-align:center; padding:5px 0; font-size:14px; color:#666;}
.reply .re6 span {color:#ff3e3f;}


footer {width:100%; margin:0 auto; background:#eee; border-top:0px solid #e5e5e5; text-align:center; font-size:11px; line-height:1.4; padding:40px 0px 40px 0px;}

footer p {color:#999;}



.banner {background:#fbfbfb; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; padding:15px; margin-top:40px; font-family: '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '굴림', Gulim, 'Nanum Barun Gothic', HelveticaNeue-Light, 'Apple SD Gothic Neo', Helvetica, sans-serif !important;}
.banner p {float:left;}
.banner span {float:right; font-size:13px; color:#999;}
.banner .ul1 {width:100%; box-sizing: border-box; padding:20px 0; }
.banner .ul1 li {width:16.6%; float:left;  box-sizing: border-box; position:relative;}
.banner .ul1 li img {width:100%;}
.banner .ul1 li .li_bg {position:absolute; left:0; top:0; bottom:0; right:0; background:rgba(0,0,0,.6); color:#fff; border:5px solid rgba(255,255,255,0);}
.banner .ul1 li .li_txt {position:absolute; bottom:20px; left:20px; right:30px;}
.banner .ul1 li .li_txt i {display:block; font-size:12px; color:#999; padding:7px 0;}
.banner .ul1 li .li_txt p {letter-spacing: 0; line-height:1.4; font-size:14px; font-weight:bold;}
.banner .ul1 li:hover .li_bg {background:rgba(0,0,0,.8); transition:all 0.5s; border:5px solid #4795f7;}
.mo {display:none;}
b {font-weight:700;}
.p1 {color:#e43333; font-weight:700;}
.p2 {color:#4795f7; font-weight:700;}
.popup { position: relative; font-size: 13px; color: #555; }
.popup h1 { margin-top: 0; padding: 10px; background: #333; color: #fff; font-size: 18px; font-weight: bold; }
.popup h2 { font-size: 14px; margin: 25px 15px 15px; }
.popup p { margin: 0; }
.popup .close-popup { position: absolute; top: 5px; right: 5px; }
.popup .close-popup a { display: inline-block; width: 30px; height: 30px; background: url(../images/close.png) no-repeat; text-indent: -99999px; overflow: hidden; }
.popup .pre { font-family: "돋움", dotum, verdana; display: inline-block; width: 94%; padding: 1% 2%; word-wrap: break-word; word-break: break-all; line-height: 1.3; white-space: pre-wrap; text-align: left; }
.popup .pre .p5 { padding-top: 10px; }

aside .userCounter { font-size: 1.2em; line-height: 1.3;  background: #361206; text-align: center; padding:7px 5px; letter-spacing: -0.05em; position:relative; z-index:999;}
aside .datebg { display: inline-block; color:#d50e0e; font-weight: bold;}
aside .datebg2{ display: inline-block; color:#252525; font-weight: 400;}
aside .date2::after, .date4::after{content:':'; padding-left:7px;}



 
    
    .custom_request {float:left;  background-color:#f4f4f4; width:93%; padding: 30px; margin-bottom: 0px;border-bottom: 0px solid #595959; margin:0 auto;text-align: center;border-radius: 20px;  }

		.custom_request > div {  float:left; text-align: center; width:100%; color:#f7f7f7; font-size:28px; padding-top:0px; padding-bottom:15px; padding-left:0%; padding-right:0%; margin:0;  background-color:#fff; }
		
    
		.custom_request .list { width:100%; float:left;margin: 0px; padding: 0px;}
		.custom_request .list div { width:100%; float:left; }
		.custom_request .list div > ul { width:100%; float:left; }
		.custom_request .list div > ul > li {  width:100%; float:left; height:50px; line-height:50px; font-size:16px; font-weight: 500; font-family: "Noto Sans KR", sans-serif; }
		.custom_request .list div > ul > li:nth-child(1) { width:20%; }
		.custom_request .list div > ul > li:nth-child(2) { width:27%; }
		.custom_request .list div > ul > li:nth-child(3) { width:24%; }
		.custom_request .list div > ul > li:nth-child(4) { width:22%; }

		.custom_request .list .list_head {  width: 100%; border:0px solid #161d50; background-color:#272727; letter-spacing: -1px; }
		.custom_request .list .list_head li { background-color:#272727; width: 100%; font-family: 'Pretendard-SemiBold';}

		.custom_request .list .list_body { overflow:hidden; height:120px; border:0px solid #161d50; height: 200px;}
		.custom_request .list .list_body li { width:100% !important; border-bottom:1px solid #888888; background-color:#ffffff;}
		.custom_request .list .list_body li span { font-size:14px; font-weight: 400; font-family: "Noto Sans KR", sans-serif; letter-spacing: -1px;}
		.custom_request .list .list_body li span:nth-child(1) { width:20%; float:left; }
		.custom_request .list .list_body li span:nth-child(2) { width:27%; float:left; }
		.custom_request .list .list_body li span:nth-child(3) { width:22%; float:left; }
		.custom_request .list .list_body li span:nth-child(4) { width:26%; float:left; }


.dbform {
	width: 80%; margin: auto; padding-top: 40px;
}



.on_now_tag{
    font-size: 30px;
    color: #fd183a;
    padding: 2px 10px;
    margin-left: -7px;
    font-weight: 500;
}
.on_now_tag:after {
    content: "";
    display: inline-block;
	vertical-align:text-top;
    width: 12px;
    height: 12px;
    background-color: #fd183a;
    border-radius: 50%;
    margin-left: 3px;
    -webkit-animation:blink 1s ease-in-out infinite alternate;
    -moz-animation:blink 1s ease-in-out infinite alternate;
    animation:blink 1s ease-in-out infinite alternate;
}
-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}



@keyframes change_color{
  0% {background-color: #0e0eff;}
  50% {background-color: #333;}
  100% {background-color: #0e0eff;}
}

@media screen and (max-width:900px) {
.pc {display:none;}
.mo {display:block;}
.ul2 {padding:15px 0 10px;}
.ul2 li {border:1px solid #eaeaea; background:#fff; padding:10px;margin-bottom:5px;}
.ul2 .li_l {float:left; width:85%;}
.ul2 li p {font-size:14px; line-height:1.4; padding-top:5px;}
.ul2 li img {float:right; width:15%;}
.ul2 li i {font-size:11px; color:#9f9f9f;}
}

@media screen and (max-width:640px) {
	
	
	


.m  {
	display: block;
}

.pc {
		display: none;
}

	
	
	.dbform {
	width: 100%; margin: auto;
}
	
header {padding:15px 15px;}
header i {font-size:13px;}
header h1 {margin:5px 0; font-size:32px; line-height:1.2; letter-spacing: -0.04em;}
header p {font-size:15px;margin-top: 15px;margin-bottom:10px;}
header .sub_nav {padding:0px 0 10px;}
section article h1 {font-size:23px;} 
section article p {font-size:18px; line-height:1.7;} 
section article .sub_mini {color:#000; font-size:12px;text-align: center;}
aside p {font-size:18px;}
aside h3 {font-size:27px;}
aside table th {width:70px; padding-left:10px;}
aside table select { width:25%; font-size:16px; padding-left:5px;}
.mt50{margin-top:40px;}
	
	
	
	  .custom_request {float:left;  background-color:#f4f4f4; width:94%; padding: 10px; margin-bottom: 0px;border-bottom: 0px solid #595959; margin:0 auto;text-align: center;border-radius: 20px;  }
			.custom_request > div {  float:left; text-align: center; width:100%; color:#f7f7f7; font-size:28px; padding-top:0px; padding-bottom:15px; padding-left:0%; padding-right:0%; margin:0;  background-color:#fff; }
	
	.custom_request .list { width:100%; float:left;margin: 0px; padding: 0px;}
		.custom_request .list div { width:100%; float:left; }
		.custom_request .list div > ul { width:100%; float:left; }
		.custom_request .list div > ul > li {  width:100%; float:left; height:50px; line-height:50px; font-size:16px; font-weight: 500; font-family: "Noto Sans KR", sans-serif; }
		.custom_request .list div > ul > li:nth-child(1) { width:20%; }
		.custom_request .list div > ul > li:nth-child(2) { width:20%; }
		.custom_request .list div > ul > li:nth-child(3) { width:30%; }
		.custom_request .list div > ul > li:nth-child(4) { width:27%; }

		.custom_request .list .list_head {  width: 100%; border:0px solid #161d50; background-color:#272727; letter-spacing: -1px; }
		.custom_request .list .list_head li { background-color:#272727; width: 100%; font-family: 'Pretendard-SemiBold';}

		.custom_request .list .list_body { overflow:hidden; height:120px; border:0px solid #161d50; height: 200px;}
		.custom_request .list .list_body li { width:100% !important; border-bottom:1px solid #888888; background-color:#ffffff;}
		.custom_request .list .list_body li span { font-size:14px; font-weight: 400; font-family: "Noto Sans KR", sans-serif; letter-spacing: -1px;}
		.custom_request .list .list_body li span:nth-child(1) { width:20%; float:left; }
		.custom_request .list .list_body li span:nth-child(2) { width:20%; float:left; }
		.custom_request .list .list_body li span:nth-child(3) { width:30%; float:left; }
		.custom_request .list .list_body li span:nth-child(4) { width:27%; float:left; }
	

	
}