@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&family=Noto+Serif+KR:wght@300;400;500;600;700&display=swap');
@font-face{
font-family:'PyeongChangPeace-Bold';
src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/PyeongChangPeace-Bold.woff2') format('woff2');
font-weight:700;
font-style:normal;
}
@font-face{
font-family:'Tenada';
src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-2@1.0/Tenada.woff2') format('woff2');
font-weight:normal;
font-style:normal;
}
@font-face{ font-family:'NEXON Lv1 Gothic OTF'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');}
*{
padding:0;
margin:0;
box-sizing:border-box;
}
*,:after,:before{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
body{
background-color:#E4EBF5 !important;
/*background-image:
radial-gradient(circle at 15% 20%, rgba(166,185,206,0.55) 0%, transparent 45%),
radial-gradient(circle at 85% 15%, rgba(74,104,136,0.35) 0%, transparent 50%),
radial-gradient(circle at 30% 85%, rgba(116,185,206,0.45) 0%, transparent 50%),
radial-gradient(circle at 80% 80%, rgba(255,255,255,0.6) 0%, transparent 55%),
linear-gradient(135deg, #dfe9f3 0%, #c9d6e3 50%, #eef3f8 100%);
background-size:200% 200%;
background-attachment:fixed;*/
animation:gradientShift 18s ease-in-out infinite;
font-family:"NEXON Lv1 Gothic OTF", "Noto Serif KR", "Apple SD Gothic Neo", "Malgun Gothic", serif;
padding:0px;
margin:0px;
color:#4A6888;
overflow-x: hidden; /* °¡·Î ½ºÅ©·Ñ ¼û±è */
-ms-overflow-style: none; /* IE ¹× Edge¿¡¼­ ½ºÅ©·Ñ¹Ù ¼û±â±â */
scrollbar-width: none; /* Firefox¿¡¼­ ½ºÅ©·Ñ¹Ù ¼û±â±â */
}
@keyframes gradientShift{
0%{background-position:0% 50%;}
50%{background-position:100% 50%;}
100%{background-position:0% 50%;}
}
::-webkit-scrollbar {
display: none; /* Chrome, Safari, Edge¿¡¼­ ½ºÅ©·Ñ¹Ù ¼û±â±â */
}
a, input{
text-decoration:none;
color:#4A6888;
}
.bodym{
width:100%;
margin:0px;
padding:0px;
text-shadow:0px 0px 4px rgba(255,255,255,1);
}
fieldset, .fieldset{
border:medium none !important;
display:flex;
justify-content:center;/* list¸¦ °¡¿îµ¥ Á¤·Ä */
width:100%;
padding: 0;
margin: 0;
}
.list{
display:inline-block;
font-family:"NEXON Lv1 Gothic OTF", "Noto Serif KR", "Apple SD Gothic Neo", "Malgun Gothic", serif;
}
.list ul{
display:flex;
list-style-type:none;
padding:0;
margin:1px 0;
width:100%;
justify-content:center;
align-items: center;
}
.list ul li{
height:30px;
line-height:15px;
margin:0px 1px;
padding:5px;
border:2px dotted #FFFFFF;
border-radius:5px;
list-style:none;
background-color:rgba(255,255,255,0.5);
}
.subject{
flex:1;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
font-size:0.8rem;
padding:0px;
margin:0px;
text-align:left;
font-weight:500;
min-width:0;
max-width:100%;
}
.reg_dt{
font-size:0.75rem;
text-align:center;
}
.reg_no{
width:50px;
}
.reg_data{
white-space:nowrap;
text-align:right;
}
.reg_name{
text-align:right;
white-space:nowrap;
min-width:90px;
}
input{
margin-top:3px;
}
.ip{
font-size:0.725rem;
padding:0px;
margin:0px;
text-align:right;
}
#pagingNew{
white-space:nowrap;
text-align:center;
padding-top:20px;
margin:0 auto;
z-index:9;
}
.link_move, .moveOn{
font-family:"Tenada","NEXON Lv1 Gothic OTF", "Noto Serif KR", "Apple SD Gothic Neo", "Malgun Gothic", serif;
font-size:1rem;
font-weight:700;
color:#123456;
padding:7px 15px 2px;
margin:2px;
border:1px dotted #123456;
border-radius:5px;
}
.moveOn{
color:#ff0080;
}
.footb{
margin:10px 0 20px 0;
text-align:center;
}
#memo{
width:100%;
margin-top:20px;
font-family:"NEXON Lv1 Gothic OTF", "Noto Serif KR", "Apple SD Gothic Neo", "Malgun Gothic", serif;
font-size:0.85rem;
outline:none;
border:1px dashed rgba(0, 0, 0, 1);
border-radius:5px;
}
.viewmemo{
width:100%;
padding:10px;
margin:20px 0;
font-family:"NEXON Lv1 Gothic OTF", "Noto Serif KR", "Apple SD Gothic Neo", "Malgun Gothic", serif;
font-size:0.85rem;
outline:none;
border:1px dashed rgba(0, 0, 0, 1);
background:rgba(255,255,255, 0.5);
border-radius:5px;
}
.iButton{
position:fixed;
top:50%;
left:20px;
transform:translate(0,-50%);
}
.iButton i{
color:#fff;
font-size:1.5rem;
text-shadow:1px 1px 0 rgba(0, 0, 0, 0.9);
cursor:pointer;
margin:20px 5px;
padding:0;
z-index:9;
}
.mywrap{
margin:30px 0;
}
.mysearch{
display:flex;
}
.mysearchTerm{
font-family:"NEXON Lv1 Gothic OTF", "Noto Serif KR", "Apple SD Gothic Neo", "Malgun Gothic", serif;
width:100%;
border:rgba(116,185,206,0.5) solid 3px;
border-right:none;
padding:5px 10px;
height:40px;
border-radius:5px 0 0 5px;
outline:none;
color:#A6B9CE;
font-size:0.85rem;
background:rgba(255,255,255, 0.5);
}
.mysearchTerm::placeholder{
color:#4A6888;
}
.mysearchTerm::-webkit-input-placeholder{
color:#4A6888;
}
.mysearchTerm:focus{
color:#4A6888;
}
.mysearchButton{
width:70px;
height:40px;
border:#A6B9CE solid 0px;
background:rgba(116,185,206,0.7);
text-align:center;
color:#fff;
border-radius:0 5px 5px 0;
cursor:pointer;
font-size:20px;
margin-top:3px;
padding:0px;
}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder{
color:transparent;
}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder{
color:transparent;
}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder{
color:transparent;
}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder{
color:transparent;
}
.custom-btn{
height:40px;
border-radius:5px;
padding:10px 25px;
margin:5px;
background:rgba(255,255,255, 0.5);
cursor:pointer;
transition:all 0.3s ease;
position:relative;
display:inline-block;
box-shadow:2px 2px 2px 0 rgba(255, 255, 255, 0.5) inset, 7px 7px 20px 0 rgba(0, 0, 0, 0.1), 4px 4px 5px 0 rgba(0, 0, 0, 0.1);
outline:none;
}
.btn-16{
font-family:"NEXON Lv1 Gothic OTF", "Noto Serif KR", "Apple SD Gothic Neo", "Malgun Gothic", serif;
text-shadow:-1px 0 #FFF, 0 1px #FFF, 1px 0 #FFF, 0 -1px #FFF;
font-weight:500;
font-size:0.85rem;
border:none;
color:#4A6888;
}
.btn-16:after{
position:absolute;
content:"";
width:0;
height:100%;
top:0;
left:0;
direction:rtl;
z-index:-1;
box-shadow:-7px -7px 20px 0 rgba(255, 255, 255, 0.5), -4px -4px 5px 0 rgba(255, 255, 255, 0.7), 7px 7px 20px 0 rgba(0, 0, 0, 0.1), 4px 4px 5px 0 rgba(0, 0, 0, 0.2);
transition:all 0.3s ease;
border-radius:5px;
}
.btn-16:hover{
color:#000;
}
.btn-16:hover:after{
left:auto;
right:0;
width:100%;
}
.btn-16:active{
top:2px;
}
textarea[type="text"]{
width:100%;
height:100px;
border:1px solid #CCC;
background:rgba(255,255,255, 0.5);
margin:0px;
padding:10px;
font-size:0.85rem;
}
.xeComment{
width:100%;
margin:30px auto 10px;
padding:10px;
font-family:"NEXON Lv1 Gothic OTF", "Noto Serif KR", "Apple SD Gothic Neo", "Malgun Gothic", serif;
font-size:0.85rem;
outline:none;
border:1px dashed rgba(0, 0, 0, 1);
background:rgba(255,255,255, 0.5);
border-radius:5px;
}
.xeComment_tbc{
border:0;
table-layout:fixed;
margin-top:5px;
}
.xeComment_name{
font-size:12px;
color:#3074a5;
padding:3px 0 0 15px;
}
.xeComment_date{
padding:0 5px 0 0;
}
.xeComment_dateSp{
font-size:10px;
color:#777;
padding:0 5px;
text-align:right;
}
.xeComment_del{
width:20px;
height:17px;
vertical-align:middle;
}
.xe-center{
margin:10px auto 0;
padding-bottom:20px;
text-align:center;
}
.viewpage, .mysearch, .list{
width:90vw !important;
margin:0 auto;
}
.container{
font-size:0.85rem;
width:100%;
height:100vh;
margin:0 auto;
background-color:transparent !important;
}
#contact select[type="text"], #contact textarea[type="text"], #contact input[type="text"], #contact input[type="password"], #contact button[type="submit"]{
font-family:"NEXON Lv1 Gothic OTF", "Noto Serif KR", "Apple SD Gothic Neo", "Malgun Gothic", Helvetica, FontAwesome, sans-serif;
font-size:0.85rem;
font-weight:400;
color:#777;
border-radius:5px;
ime-mode:active;
}
#contact{
background-color:transparent !important;
padding:20px;
margin:0px;
}
#contact h3{
font-family:"NEXON Lv1 Gothic OTF", "Noto Serif KR", "Apple SD Gothic Neo", "Malgun Gothic", Helvetica, FontAwesome, sans-serif;
color:#000;
display:block;
font-size:1rem;
font-weight:700;
margin:0 auto;
text-align:center;
text-shadow:0px 0px 3px #FFF;
}
#contact select[type="text"]{
width:100%;
border:1px solid #CCC;
background:rgba(255,255,255, 0.5);
margin:0 0 5px;
padding:10px;
font-size:0.85rem;
}
#contact textarea[type="text"]{
width:100%;
height:250px;
border:1px solid #CCC;
background:rgba(255,255,255, 0.5);
margin:0 0 5px;
padding:10px;
font-size:0.85rem;
}
#contact input[type="text"]{
width:100%;
border:1px solid #CCC;
background:rgba(255,255,255, 0.5);
margin:0 0 5px;
padding:10px;
font-size:0.85rem;
}
#contact input[type="password"]{
width:100%;
border:1px solid #CCC;
background:rgba(255,255,255, 0.5);
margin:0 0 5px;
padding:10px;
font-size:0.85rem;
}
#contact button[type="submit"]{
cursor:pointer;
width:100%;
border:none;
background:#0CF;
color:#FFF;
margin:0 0 5px;
padding:10px;
font-size:0.9rem;
font-weight:700;
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
}
#contact button[type="submit"]:hover{
background:#09C;
-webkit-transition:background 0.3s ease-in-out;
-moz-transition:background 0.3s ease-in-out;
transition:background-color 0.3s ease-in-out;
}
#contact button[type="submit"]:active{ box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5);}
#contact input:focus, #contact textarea:focus{
outline:0;
border:1px solid #999;
}
::-webkit-input-placeholder{
color:#888;
}
:-moz-placeholder{
color:#888;
}
::-moz-placeholder{
color:#888;
}
:-ms-input-placeholder{
color:#888;
}
#contact select{
color:#777;
}
label{
position:relative;
top:-2px;
}
.help{
font-size:0.9rem;
font-weight:700;
}
.margin-left{
margin-left:10px;
}
.smol{
font-size:0.85rem;
text-align:center;
}
.list_com_sp{
font-family:FontAwesome, sans-serif;
color:#ff6600;
font-size:0.65rem;
}
.check_history{
position:absolute;
top:80px;
left:30px;
}
.check_history a{
font-size:0.85rem;
font-weight:600;
text-shadow:0px 0px 3px #FFF;
}
@media only screen and (max-width:720px){
.features{
flex-direction:column;
padding:0px 20px;
}
.feature-container2{
flex-direction:column;
padding:20px 0px;
}
h1{
font-size:1.5rem;
}
h2{
font-size:0.9rem;
}
p{
font-size:0.8rem;
}
.headline{
height:20vh;
}
.feature-container p{
margin-bottom:25px;
}
.feature-container{
margin-top:20px;
}
.feature-container:nth-child(2){
order:-1;
}
}
@media screen and (orientation:landscape){
.ctl_sj_span{
font-size:0.85rem;
color:#4A6888;
}
}
@media screen and (orientation:portrait){
.bodym{
margin:0 auto;
width:auto;
}
.viewpage, .mysearch, .list{
width:90%;
margin:0 auto;
}
.ctl_sj_span{
font-size:0.85rem;
color:#4A6888;
}
.link_move, .moveOn{
font-size:0.9em;
}
.reg_data, .reg_no{
display:none;
}
}
/*************************************************/
.vip-wrap{max-width:96%;margin:20px auto;padding:0 15px;}
.vip-title{text-align:center;font-size:1.15rem;font-weight:700;margin-bottom:16px;}
.vip-title a{color:#4A6888;text-decoration:none;}
.vip-notice{background:rgba(255,90,90,0.12);border:1px solid rgba(255,90,90,0.3);color:#c0392b;font-size:0.8rem;text-align:center;padding:8px;border-radius:8px;margin-bottom:14px;}
.vip-field{margin-bottom:10px;}
.vip-field input[type="text"]{width:100%;padding:12px 14px;border:1px solid #dde3ea;border-radius:8px;background:rgba(255,255,255,0.7);font-size:0.85rem;color:#4A6888;outline:none;transition:border-color .2s,box-shadow .2s;}
.vip-field input[type="text"]:focus{border-color:#74B9CE;box-shadow:0 0 0 3px rgba(116,185,206,0.2);}
.vip-plans{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;}
.vip-plans2{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 8px;
}
.vip-plan{position:relative;}
.vip-plan input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;}
.vip-plan label{display:block;padding:12px 8px;text-align:center;border:1.5px solid #dde3ea;border-radius:8px;background:rgba(255,255,255,0.6);font-size:0.78rem;font-weight:600;color:#6b7f95;cursor:pointer;transition:all .15s;}
.vip-plan label .price{display:block;font-size:0.9rem;font-weight:800;color:#4A6888;margin-top:3px;}
.vip-plan input:checked + label{border-color:#74B9CE;background:rgba(116,185,206,0.18);color:#2e5c6e;}
.vip-plan input:checked + label .price{color:#1f4a5c;}
.vip-info{background:rgba(255,255,255,0.7);border:1px solid #dde3ea;border-radius:10px;padding:14px;margin-bottom:14px;}
.vip-info-row{display:flex;justify-content:space-between;align-items:center;font-size:0.82rem;padding:6px 0;border-bottom:1px dashed #dde3ea;}
.vip-info-row:last-of-type{border-bottom:none;}
.vip-info-row b{color:#2e5c6e;letter-spacing:0.5px;}
.vip-info-desc{font-size:0.75rem;color:#8a97a5;text-align:center;margin-top:10px;line-height:1.5;}
.vip-submit{width:100%;padding:13px;border:none;border-radius:8px;background:linear-gradient(135deg,#74B9CE,#4A6888);color:#fff;font-size:0.9rem;font-weight:700;cursor:pointer;transition:opacity .2s;}
.vip-submit:hover{opacity:0.9;}
.vip-history{text-align:left;margin-left:20px;position:relative;top:10px;}
.vip-history a{font-size:0.8rem;color:#8a97a5;text-decoration:underline;}

.rush-info-card{
max-width:100%;
margin:20px auto;
background:rgba(255,255,255,0.3);
border:1px solid #FFF;
border-radius:12px;
overflow:hidden;
box-shadow:0 4px 12px rgba(0,0,0,.06);
font-family:'NEXON Lv1 Gothic OTF','Pretendard','Noto Sans KR',sans-serif;
}
.rush-info-card .title{
padding:15px 20px;
background:linear-gradient(135deg,rgba(37,99,235,0.1),rgba(79,70,229,0.1));
color:#4A6888;
font-size:18px;
font-weight:700;
}
.rush-info-te {
font-size:14px;
}
.rush-info-row{
display:flex;
justify-content:space-between;
align-items:center;
padding:14px 20px;
border-bottom:1px dashed #FFF;
gap:15px;
font-size:.8rem;
font-weight:500;
}
.rush-info-row:last-child{
border-bottom:none;
}
.rush-info-label{
color:#6b7280;
font-weight:600;
min-width:110px;
}
.rush-info-value{
color:#111827;
font-weight:700;
text-align:right;
word-break:break-all;
}
@media (max-width:600px){
.rush-info-row{
flex-direction:column;
align-items:flex-start;
}

.rush-info-value{
text-align:left;
}
}