@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@800&display=swap');
@font-face { font-family: 'S-CoreDream-1Thin'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-2ExtraLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-4Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-5Medium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: normal; 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-7ExtraBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-8Heavy'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-9Black'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face {
    font-family: 'JalnanGothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/JalnanGothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* {font-family: 'Noto Sans Korean', sans-serif;  color:#666666; font-weight:350; letter-spacing:-0.5px; word-break: keep-all; line-height:120%; font-size:17px;} /*654fa4 / ff7062*/

label {position: relative; padding-left: 25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; top:0; left:0}
label input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.checkmark {position: absolute; top: 0px; left: 0; height: 20px; width: 20px; background-color: #cccccc; border-radius:5px;}
label input:checked ~ .checkmark {background-color: #e71a0f;}
.checkmark:after {content: ""; position: absolute; display: none;}
label input:checked ~ .checkmark:after {display: block;}
label .checkmark:after {left: 7px; top: 5px; width: 4px; height: 7px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

form p {margin-left:0px; margin-top:20px; margin-bottom:30px;}
form p label {float:left; color:#000000; font-weight:bold; margin-bottom:10px;}
form p label span {top:5px;}
form span.agreeview {background-color:#ffffff; color:#000000; padding:5px 15px 5px 15px; border-radius:30px; margin-left:20px; border:1px solid #000000; font-size:12px; margin-top:0px; cursor:pointer;}



#nobr br {display:none}
#nobr td br.br {display:block; margin-bottom:-20px}
body,p,h1,h2,h3,h4,h5,h6,h7,h8,h9,h10,div,a,form,b,span {margin:0; padding:0;}
body {max-width:2000px; margin:0 auto;}
a {text-decoration:none; color:#666666;}
b {color:inherit; font-weight:700; font-famliy:inherit;}
u {color:inherit; font-weight:700; font-famliy:inherit;}
span {color:inherit; font-famliy:inherit;}

ul, li{margin:0; padding:0;}

img {border:0px;}
dl,dt,dd {margin:0; padding:0;}

dl {display:table; padding:20px 0 20px 0; border-bottom:1px solid #e6e6e6; width:100%;}
dt {width:20%; float:left; color:#000000; font-weight:bold; line-height:1.8}
dt i {margin-right:10px; color:#e71a0f; }
dd {width:80%; float:right; line-height:1.8}

input[type=text],input[type=password],input[type=button],textarea {-webkit-appearance: none;-webkit-border-radius: 0; padding:0; margin:0; border:0px; background:transparent}
input[type="button"], button{border:0 none; padding:0; margin:0; background:transparent; *overflow:visible; cursor:pointer;}
button::-moz-focus-inner{border:0; padding:0;}
input[type="button"]::-moz-focus-inner{border:0; padding:0;}
label{cursor:pointer;}
.swiper-slide {cursor:pointer}
.allcenter2 {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}

.pagenum {width:100%; text-align:center; margin:0 auto; height:80px;}
.pagenum p {width:40px; line-height:40px; height:40px; text-align:center; border:1px solid #e6e6e6; float:left; background-color:#ffffff; margin-left:-1px; font-size:13px !important;}
.pagenum b {color:#000000; font-size:13px;}
.pagenum i {line-height:40px; width:100%; text-align:center;}

.wrap {width:1100px; margin:0 auto;}
.menubox {display:none;}
.toggle-sidebar {display:none;}
/*µå·Ó¸Þ´º*/
.subnav {margin-right:40px; margin-left:40px; float:left;}
.subnav a {line-height:80px;}
.subnav-content a {line-height:50px;}
.subnav {position: relative; cursor:pointer;}
.subnav-content {padding:10px 25px 10px 25px; display: none;  position: absolute;  left:50%; margin-left:-90px; background-color:#e71a0f;width: 130px; z-index: 1000 !important;  line-height:50px !important; border-radius:10px; margin-top:-10px; box-shadow: 0 10px 20px 0 rgba(234, 85, 86, 0.1), 0 10px 20px 0 rgba(0, 0, 0, 0.1);
-webkit-animation: slide-down .3s ease-out;
-moz-animation: slide-down .3s ease-out;
}
.subnav-content a {display:block;color:#ffffff !important; font-size:14px !important; text-align:center}
.subnav-content a:not(:last-child) {border-bottom:1px solid rgba(255,255,255,0.3)}
.subnav:hover > a {color:#e71a0f !important}
.subnav:hover .subnav-content {display: block;}
.subnav-content a:hover {color:#000000 !important;}

.tabcontent button {float:right; color:#ffffff; font-size:13px; border-bottom:2px solid #ffffff; padding-bottom:5px;}
.tabcontent button i {margin-right:10px; color:#ffffff; font-size:13px;}
.likebtn {text-align:center}
.likebtn button {width:15% !important; font-size:14px; height:40px !important; font-weight:bold}
.likebtn button i {margin-right:10px; margin-left:10px; color:#e71a0f; font-size:14px}
@-webkit-keyframes slide-down {
      0% { opacity: 0; -webkit-transform: translateY(-10%); }   
    100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes slide-down {
      0% { opacity: 0; -moz-transform: translateY(-10%); }   
    100% { opacity: 1; -moz-transform: translateY(0); }
}
/*µå·Ó¸Þ´º*/

#head {width:100%; height:100px; background-color:#ffffff; position:fixed; top:0px; left:0px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 10px 20px 0 rgba(0, 0, 0, 0.1); z-index:99}
#head .pcmenu {float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#head .menu img {margin:35px 0 0 35px; display:block; float:left; height:30px;}
#head .menu a {color:#000000; font-family: 'S-CoreDream-5Medium'; font-size:18px;}
#head .menu a.on {color:#e71a0f;}
#head .menu a.on:before {content:"¡Ü"; font-size:10px; color:#000000; position:absolute; margin-top:-20px; margin-left:-10px;}
#head .menu div.login {float:right; margin-right:40px; margin-top:35px;}
#head .menu div.login button {color:#666666; height:30px; width:100px; border:1px solid #666666; border-radius:30px; margin:0 0 0 10px; font-size:15px}
#head .menu div.login button i {color:#666666; font-size:13px; margin-right:5px}

.notice {width:100%; height:700px; border-radius:0px; position:relative}
.notice div.swiper-slide {background-position:center !important;}

.notice .swiper-pagination {background-color:#999999; color:#ffffff; width:70px; margin:0 auto; left:50%; margin-left:-35px; line-height:30px; border-radius:30px; font-size:13px;height:30px; margin-bottom:20px;}
.notice .swiper-pagination span {color:#ffffff !important; font-size:13px;}
#main {margin-top:100px}
#main section:nth-child(1) {width:100%; height:700px; position:relative}
#main section:nth-child(1) {}
#main section:nth-child(1) .title {float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index:9; text-align:center}

#main section:nth-child(1) .title p {color:#ffffff; margin-top:0px; font-size:17px; line-height:30px;}
#main section:nth-child(1) .title i {color:#ffffff; font-size:20px; margin-right:10px;}
#main section:nth-child(1) .title i:last-child {margin-left:0px}

#main section:nth-child(1) .title img {width:500px; margin-bottom:30px;}
#main section:nth-child(1) .title h1 {color:#ffffff; margin-top:30px; font-size:25px; line-height:30px; font-family: 'EliceDigitalBaeum_Bold';}

#main section:nth-child(1) .title button {margin-top:30px; color:#000000; background:#ffffff; width:400px; height:50px; border-radius:50px; font-weight:bold}

.bg {width:100%; height:100%; top:0px; left:0px; background:rgba(0,0,0,0.6); position:absolute; z-index:998;}

@media ( max-width: 1260px ) {
.subnav {margin-right:20px; margin-left:20px; float:left;}
#head .menu a {color:#000000; font-family: 'S-CoreDream-5Medium'; font-size:14px;}
}


#section {width:1200px; margin:0 auto; margin-top:0px; display:table; }
#section div {float:left; width:300px; min-height:200px; padding:50px 48px 50px 48px; border-right:1px solid #e6e6e6}
#section div:last-child {border-right:0px}
#section div h1 {color:#e71a0f; font-size:17px; font-weight:bold; margin-bottom:20px !important;}
#section div h1 button {border-radius:20px; height:20px; width:60px; color:#cccccc; border:1px solid #cccccc; float:right; font-size:11px;} 
#section div p {margin-bottom:15px; color:#000000; cursor:pointer}

#section div p {display: inline-block;
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
text-overflow: ellipsis; }

#section div p span {color:#999999; margin-right:10px; font-size:13px}

/*
#section .news {height:350px; }
#section .news div.swiper-slide {margin-top:0px; z-index: 1; float:left; width:260px; height:350px; margin-left:0px; padding:50px 0 0 0;background-color:#ffffff; position:relative; border-right:1px solid #e6e6e6}
#section .news div.swiper-slide img {display:block; border-radius:9px; margin-bottom:30px;}
#section .news div.swiper-slide b {color:#cccccc; font-size:13px; margin:30px 0px 0px 20px; display:block;}
#section .news div.swiper-slide h4 {color:#000000; font-size:19px; padding: 10px 20px 10px 20px; line-height:30px; font-weight:500;}
#section .news div.swiper-slide p {color:#666666; font-size:15px; padding:0px 20px 0px 20px; line-height:25px;}
#section .news div.swiper-slide span {height:30px; line-height:30px; color:#e71a0f; font-size:15px; font-weight:500; margin:20px; border-bottom:1px solid #e71a0f}


#section .news .swiper-pagination {display:none; background-color:#999999; color:#ffffff; width:70px; margin:0 auto; left:50%; margin-left:-35px; line-height:30px; border-radius:30px; font-size:13px;height:30px;}
#section .news .swiper-pagination span {color:#ffffff !important; font-size:13px;}
*/

#mainbox {width:1100px; margin:0 auto; height:400px; margin-top:-200px; background-color:#e71a0f;}
#mainbox div:first-child {width:calc(700px - 100px); float:left; padding:50px 50px 0px 50px;}
#mainbox div:first-child h1 {width:100%; height:50px; margin-bottom:20px;}
#mainbox div:first-child h1 button {float:left; width:33.3%; height:50px; border:1px solid #ffffff; border-right:0px none; color:#ffffff;}
#mainbox div:first-child h1 button:last-child {border-right:1px solid #ffffff;}
#mainbox div:first-child h1 button.active {background-color:#ffffff; color:#e71a0f}
#mainbox div:first-child a {color:#ffffff; display:block; margin-bottom:20px;}
#mainbox div:first-child a span {color:rgba(255,255,255,0.5); margin-right:10px;}

#mainbox div:last-child {width:400px; float:left;}
#mainbox div:last-child button {display:block;}
#mainbox div:last-child button:first-child {width:100%; height:200px; background-color:#666666}
#mainbox div:last-child button:last-child {width:100%; height:200px; background-color:#999999}

#mainbox div:last-child button {padding:50px; text-align:left;}
#mainbox div:last-child button i {color:#ffffff; font-size:50px; float:left; width:70px; display:block}
#mainbox div:last-child button p {color:#ffffff; font-size:30px; font-family: 'S-CoreDream-3Light'; width:230px; float:right;}
#mainbox div:last-child button p span {color:rgba(255,255,255,0.5); display:block; font-size:14px; line-height:20px; margin-top:20px;}

#banner {width:100%; background-color:#e71a0f; text-align:center; padding:30px 0 30px 0;}
#banner button {color:#ffffff; margin:0px 60px 0px 60px; font-size:15px; font-family: 'S-CoreDream-4Regular';}
#banner button i {display:block; text-align:center; color:#ffffff; font-size:35px; margin-bottom:10px;}

#banner button:hover {color:#000000; transition:all 0.3s ease;}
#banner button:hover i {color:#000000; transition:all 0.3s ease;}

@media ( max-width: 1300px ) {
	#banner button {color:#ffffff; margin:0px 40px 0px 40px; font-size:16px; font-family: 'S-CoreDream-4Regular';}
}

#birthday {background-color:#666666; width:100%; height:80px;}
#birthday h1 {float:left; color:#cccccc; line-height:80px; width:200px; font-family: 'S-CoreDream-6Bold';}
#birthday h1 i {color:#cccccc; margin-right:10px;}	
#birthday p {float:left; color:#ffffff; line-height:80px; margin-right:30px;}	
#birthday p span {padding:0px 15px 0px 15px; border-radius:40px; color:#ffffff; border:1px solid #ffffff; margin-right:10px; font-size:14px;}
#birthday p b {margin-right:10px;}
#birthday .wrap {position:relative}
#birthday .swiper-button-next {margin-top:-30px; left:50%; margin-left:500px; background-image:none !important; width:60px; height:60px; z-index:1}
#birthday .swiper-button-prev {margin-top:-30px; left:50%; margin-left:-410px; background-image:none !important; width:60px; height:60px; z-index:1}
#birthday .swiper-button-next:after{content:''}
#birthday .swiper-button-prev:after{content:''}
#birthday i {color:#ffffff; font-size:25px;}

#relsite {width:100%; text-align:center; border-top:1px solid #cccccc}
#relsite button {height:100px; margin:0 60px 0 60px;}
#relsite button img {height:40px;}

#foot {width:100%; background-color:#333333; padding:0 0 50px 0}
#foot p {text-align:center; border-bottom:1px solid rgba(255,255,255,0.1); line-height:80px;}
#foot p a {color:#ffffff; margin:0 40px 0 40px;}
#foot address {font-style: normal; text-align:center; font-size:13px; margin-top:50px; line-height:20px;}

#submenu {width:100%; text-align:center; position:fixed; top:100px; left:0px; background-color:#e71a0f; height:50px; z-index:1}
#submenu a {font-size:14px; color:#ffffff; margin:0 15px 0 15px; padding:0 5px 0 5px; line-height:50px; font-weight:500}
#submenu a {}
#submenu a:hover {color:#000000;}
#submenu a.on {color:#000000;}



#nav {width:100%; border:1px solid #e6e6e6; height:50px; margin-bottom:30px}
#nav i {display:block; float:left; padding:0 5px 0 5px; line-height:50px; font-size:13px; color:#999999}
#nav span {display:block; float:left; padding:0 10px 0 10px;  line-height:50px; font-size:13px; color:#999999}
#nav span:first-child {padding:0 10px 0 20px;}
#nav .wrap {}


#subpage {margin-top:200px; margin-bottom:50px;}
#subpage h1 {font-family: 'JalnanGothic'; color:#000000; font-weight: 700; font-size:40px; text-align:center;}
#subpage h1:before {display:none; content:"¡Ü"; font-size:10px; color:#000000; position:absolute; margin-top:-30px; margin-left:-20px; z-index:-1 !important}
#subpage h2 {font-family: 'S-CoreDream-4Regular'; color:#999999; font-size:15px; text-align:center; margin-top:10px; margin-bottom:40px;}

#subpage h30 {text-align:center; display:block; margin-bottom:30px; margin-top:-30px; white-space:nowrap; width:calc(100% - 0px);  -webkit-overflow-scrolling : touch; overflow:auto;  border-bottom:1px solid #e6e6e6}
#subpage h30 button {height:60px; padding:0 30px 0 30px; color:#999999; font-size:16px; font-weight:700;}
#subpage h30 button.on {color:#e71a0f; border-bottom:5px solid #e71a0f;}

#myBtn {display: none;position: fixed;bottom: 30px; right: 30px; z-index: 99; cursor: pointer;}
#myBtn i {color:#e71a0f; font-size:50px}
#myBtn:hover  i {color:#000000;}

.poll {margin-top:100px !important; background-color:#ffffff; width:600px; border-radius:10px; padding:50px}
.poll h1 {font-family: 'S-CoreDream-9Black'; color:#e71a0f; font-size:30px !important; text-align:center; padding-top:0px;}
.poll h2 {font-family: 'S-CoreDream-4Regular'; color:#999999; font-size:15px; text-align:left !important; margin-top:10px; margin-bottom:0px !important; line-height:25px;}
.poll form {}
.poll dl {display:table; padding:20px 0 20px 0; border-bottom:1px solid #e6e6e6; width:100%;}
.poll dt {width:100%; float:left; color:#e71a0f; font-weight:bold; margin-bottom:10px;}
.poll dt i {margin-right:10px; color:#e71a0f; }
.poll dd {width:100%; float:right;}

.poll button {width:100%; height:60px; background-color:#e71a0f; text-align:center; color:#ffffff; border-radius:5px; font-size:17px;}

#agreebox {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index:4}
#agree {position:absolute; top:20%; left:50%; width:600px; margin-left:-300px; height:50%; background-color:#ffffff; border:1px solid #e71a0f; border-radius:10px; }
#agree h1 {text-align:center; color:#000000; font-size:20px; margin:40px 20px 20px 20px;  font-family: 'S-CoreDream-8Heavy'}
#agree h1:before {display:none}
#agree h2 {color:#da291c; font-size:15px; margin:20px 0px 10px 0px;}
#agree b {font-size:13px; line-height:20px; color:#000000; font-family: 'S-CoreDream-8Heavy'; display:block; margin:10px 0px 5px 0px;}
#agree button {position:absolute; bottom:0px; width:100%; height:50px; background-color:#e71a0f; font-size:17px; color:#ffffff; text-align:center; border-radius:0 0 8px 8px}
#agree div {width:calc(100% - 40px); height:calc(100% - 150px); overflow:auto; padding:0px 20px 20px 20px;}
#agree div p {font-size:14px; line-height:25px;  color:#999999}

#bbslist div {cursor:pointer; width:calc(100% - 62px); padding:20px 30px 20px 30px; border:1px solid #e6e6e6; border-radius:5px; margin-bottom:10px; display:table;}
#bbslist div p:nth-child(1) {float:left; color:#e71a0f; font-size:13px; margin-right:20px;}
#bbslist div p:nth-child(2) {float:left;}
#bbslist div p:last-child {float:right; color:#999999; font-size:13px;}
#bbslist div p:last-child i {color:#cccccc; margin-right:5px;}
#bbslist div p:last-child i:last-child {margin-left:10px;}
#bbslist div p span {border:1px solid #e71a0f; color:#e71a0f; padding:5px 20px 5px 20px; border-radius:20px; font-size:13px; margin-right:10px;}
#bbslist div p span.on {background-color:#e71a0f; color:#ffffff;}
#bbslist div:hover {border:1px solid #e71a0f;}
#bbslist div.on {border:1px solid #e71a0f;}
#bbslist div.on p:nth-child(2) {color:#000000; font-weight:bold}
#bbslist div p:nth-child(2) b {color:#e71a0f; font-size:13px; margin-left:15px;}
#bbslist div p:nth-child(2) b i {color:#e71a0f; font-size:15px; margin-right:5px;}

#bbslist .fa-share {color:#e71a0f; margin-right:10px;}
#bbslist .replydate {color:#cccccc !important}
#bbslist i.fa-lock {color:#e71a0f; font-size:14px; margin-right:5px; margin-left:15px;}

#bbsphoto div {float:left; cursor:pointer; width:calc(20% - 18px); border:1px solid #e6e6e6; border-radius:5px; margin-right:20px; margin-bottom:20px; height:330px;}
#bbsphoto div:nth-child(5n) {margin-right:0px;}
#bbsphoto div p:nth-child(1) {width:100%; height:150px; }
#bbsphoto div p:nth-child(2) {color:#e71a0f; font-size:13px;  line-height:13px; padding:20px 20px 10px 20px}
#bbsphoto div p:nth-child(3) {padding:0px 20px 10px 20px; line-height:25px;}
#bbsphoto div p:last-child {color:#999999; font-size:13px; line-height:13px;  padding:0px 20px 20px 20px}
#bbsphoto div p:last-child i {color:#cccccc; margin-right:5px;}
#bbsphoto div p:last-child i:last-child {margin-left:0px;}
#bbsphoto div:hover {border:1px solid #e71a0f;}
#bbsphoto div p:nth-child(4) {padding:0px 20px 10px 20px; line-height:25px;}
#bbsphoto div p:nth-child(4) b {color:#e71a0f; font-size:13px; margin-right:15px;}
#bbsphoto div p:nth-child(4) b i {color:#e71a0f; font-size:15px; margin-right:5px;}

#bbsview h3 {border:1px solid #e6e6e6; border-top:1px solid #e71a0f; width:calc(100% - 62px); padding:20px 30px 20px 30px; color:#000000; font-weight:bold; text-align:center;}
#bbsview h3 p {margin-top:10px; color:#999999; font-size:13px; line-height:13px;}
#bbsview h3 p i {color:#999999; margin-right:5px;}
#bbsview h3 p i:nth-child(2) {margin-left:30px;}
#bbsview h3 p i:nth-child(3) {margin-left:30px;}
#bbsview button {cursor:pointer; width:100%; height:50px; border:1px solid #e71a0f; border-radius:5px; margin-top:30px; color:#e71a0f}
#bbsview img {max-width:100%;}
#bbsview .filedown {}
#bbsview .filedown i {margin-right:10px; color:#e71a0f;}
#bbsview .filedown a {display:block; padding:20px 0 20px 0; border-bottom:1px solid #e6e6e6; color:#000000}
#bbsview .content {margin-top:30px; line-height:30px;}
#bbsview .content p {line-height:30px;}}
#bbsview .reply {margin-top:30px; line-height:30px; background-color:#f0f0f0; border-radius:10px; padding:30px; width:calc(100% - 60px);}
#bbsview .reply h5 {color:#000000; font-weight:700; margin-bottom:10px}

#bbsview .comment {width:calc(100% - 40px); padding:20px; background-color:#f0f0f0; border-radius:10px; margin-top:30px}
#bbsview .comment div {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #dddddd;}
#bbsview .comment div:first-child {border-bottom:0px none; margin-bottom:0px; }
#bbsview .comment div:last-child {margin-bottom:0px; padding-bottom:0px; border-bottom:0px none;}
#bbsview .comment div h5 {color:#000000; font-weight:bold; margin-bottom:10px; font-size:15px;}
#bbsview .comment div h5 i {color:#e71a0f; font-size:15px; margin-left:10px; cursor:pointer;}
#bbsview .comment div h5 span {color:#cccccc; font-weight:350 !important; margin-left:10px; font-size:15px;}
#bbsview .comment p {font-size:15px; line-height:25px; word-break:break-all;}
#bbsview .comment .commentinput form {padding:0; marign:0}
#bbsview .comment .commentinput form textarea {background-color:#ffffff; height:38px; width:calc(100% - 82px); float:left; padding:10px; border:1px solid #cccccc; border-radius:5px; font-size:14px;}
#bbsview .comment .commentinput form button {width:60px; height:60px; color:#ffffff;margin:0; background-color:#e71a0f; font-size:14px;}
#bbsview .delbtn {display:table; margin:20px 0 20px 0; width:100%;}
#bbsview .delbtn button {width:50%; float:left;}
#bbsview .delbtn button:first-child {border-radius:5px 0 0 5px; color:#999999; border:1px solid #999999}
#bbsview .delbtn button:last-child {background-color:#999999 !important; color:#ffffff !important; border-radius:0px 5px 5px 0px; border:1px solid #999999}


iframe {width:100%; height:650px; border-radius:10px; margin-top:20px}

button.write {width:100%; height:60px; border:1px solid #e71a0f; color:#e71a0f; border-radius:5px; font-size:17px; margin-bottom:20px;}
button.write i {color:#e71a0f; margin-right:10px;}
/*°³º°ÆäÀÌÁö*/
.plogin form {width:600px; margin:0 auto; padding:0px 0 0px 0}
.plogin form input[type=text] {width:calc(100% - 42px); padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px;}
.plogin form input[type=file] {width:calc(100% - 42px); padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px;}
.plogin form input[type=password] {width:calc(100% - 42px); padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px;}
.plogin form select {width:calc(100% - 2px); padding:18px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px;}
.plogin form button {width:100%; height:60px; background-color:#e71a0f; text-align:center; color:#ffffff; border-radius:5px; font-size:17px;}

.plogin form b {position: relative; display:block; float:left; width:calc(100% - 0px);}
.plogin form b:before {content:'@hdc-dvp.com'; position: absolute; right:20px; top:20px; color:#000000; font-weight:700;}

.plogin form h50 {color:#000000; font-family: 'S-CoreDream-6Bold'; margin-bottom:20px; margin-top:30px; font-size:17px;}
.plogin form h50:first-child {margin-top:0px;}
.plogin form h50 span {color:red; font-family: 'S-CoreDream-6Bold'; font-size:17px; margin-right:5px;}

.plogin form h5 {color:#000000; font-size:15px; margin-bottom:15px;}
.plogin form h5:before {color:#000000; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}


.plogin form h6 {width:calc(100% - 42px); padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px;}
.plogin form h6 span {display:block; width:30%; color:#999999; float:left}

.plogin h10 {text-align:center; display:block; margin:30px 0 100px 0}
.plogin h10 a {margin:-0 20px 0 20px; color:#000000; font-weight:700; paddin-bottom:5px; border-bottom:1px solid #000000;}

.plogin form h7 {margin-top:15px; display:block; font-size:13px; margin-bottom:10px; color:#000000;}

.pmyinfo form h6 {background-color:#f0f0f0}

.root_daum_roughmap * {font-size:11px}


.p010300 {display:table;}
.p010300 section {width:100%; display:table}
.p010300 h4 {width:200px; float:left; display:table; color:#999999; font-size:50px; font-family: 'S-CoreDream-2ExtraLight';}
.p010300 div {width:900px; float:right; display:table;}
.p010300 div p {padding:20px 0 20px 0; border-bottom:1px solid #e6e6e6; display:table; width:100%;}
.p010300 div p b {color:#e71a0f; width:100px; display:block; float:left; font-size:14px; padding:0px 0 0px 0;}
.p010300 div p u {display:none}
.p010300 div p span {width:800px; display:block; float:left; font-size:15px;}

.p010100 {width:700px}
.p010100 h3 {margin: 0 auto; font-family: 'S-CoreDream-4Regular'; color:#000000; font-size:30px; line-height:50px; margin-bottom:50px; border-left:5px #e71a0f solid; padding-left:30px; width:665px; }
.p010100 p {width:700px; margin: 0 auto; line-height:1.8}
.p010100 b {}
.p010100 img {border-radius:10px; margin-bottom:30px;}
.p010100 b img {border-radius:0px; margin-bottom:0px;}

.p040200 form {width:100%; margin:0 auto; padding:30px 0 60px 0}
.p040200 form textarea {width:calc(100% - 42px); height:300px; padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px; line-height:30px;}
.p040200 form button {width:100%; height:60px; background-color:#e71a0f; text-align:center; color:#ffffff; border-radius:5px; font-size:17px;}
.p040200 form h5 {color:#e71a0f; font-size:15px; margin-bottom:15px;}
.p040200 form h5:before {color:#e71a0f; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}

.cat03 form {width:100%; margin:0 auto; padding:30px 0 60px 0}
.cat03 form input[type=text] {width:calc(100% - 42px); padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px;}
.cat03 form input[type=file] {width:calc(100% - 42px); padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px;}
.cat03 form textarea {width:calc(100% - 42px); height:300px; padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px; line-height:30px;}
.cat03 form button {width:100%; height:60px; background-color:#e71a0f; text-align:center; color:#ffffff; border-radius:5px; font-size:17px;}
.cat03 form h5 {color:#e71a0f; font-size:15px; margin-bottom:15px;}
.cat03 form h5:before {color:#e71a0f; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}

.p030400 form {width:100%; margin:0 auto; padding:30px 0 60px 0}
.p030400 form input[type=text] {width:calc(100% - 42px); padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px;}
.p030400 form textarea {width:calc(100% - 42px); height:300px; padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px; line-height:30px;}
.p030400 form button {width:100%; height:60px; background-color:#e71a0f; text-align:center; color:#ffffff; border-radius:5px; font-size:17px;}
.p030400 form h5 {color:#e71a0f; font-size:15px; margin-bottom:15px;}
.p030400 form h5:before {color:#e71a0f; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}

.p030500 form {width:100%; margin:0 auto; padding:30px 0 60px 0}
.p030500 form input[type=text] {width:calc(100% - 42px); padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px;}
.p030500 form select {width:calc(100% - 0px); padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px;}
.p030500 form textarea {width:calc(100% - 42px); height:300px; padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px; line-height:30px;}
.p030500 form button {width:100%; height:60px; background-color:#e71a0f; text-align:center; color:#ffffff; border-radius:5px; font-size:17px;}
.p030500 form h5 {color:#e71a0f; font-size:15px; margin-bottom:15px;}
.p030500 form h5:before {color:#e71a0f; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}

.p040100 form {width:100%; margin:0 auto; padding:30px 0 60px 0}
.p040100 form input[type=text] {width:calc(100% - 42px); padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px;}
.p040100 form textarea {width:calc(100% - 42px); height:300px; padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px; line-height:30px;}
.p040100 form button {width:100%; height:60px; background-color:#e71a0f; text-align:center; color:#ffffff; border-radius:5px; font-size:17px;}
.p040100 form h5 {color:#e71a0f; font-size:15px; margin-bottom:15px;}
.p040100 form h5:before {color:#e71a0f; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}



.p030300 form {width:100%; margin:0 auto; padding:30px 0 60px 0}
.p030300 form input[type=text] {width:calc(100% - 42px); padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px;}
.p030300 form select {width:calc(100% - 0px); padding:18px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px;}
.p030300 form textarea {width:calc(100% - 42px); height:300px; padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px; line-height:30px;}
.p030300 form button {width:100%; height:60px; background-color:#e71a0f; text-align:center; color:#ffffff; border-radius:5px; font-size:17px;}
.p030300 form h5 {color:#e71a0f; font-size:15px; margin-bottom:15px;}
.p030300 form h5:before {color:#e71a0f; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}

.p010700 b {font-family: 'S-CoreDream-6Bold'; font-size:20px; color:#000000; margin-top:50px; display:block; margin-bottom:20px;}
.p010700 p {font-size:16px; line-height:30px;}

.poll form {width:100%; margin:0 auto; padding:30px 0 60px 0}
.poll form input[type=text] {width:calc(100% - 22px); padding:10px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px;}
.poll form select {width:calc(100% - 0px); padding:10px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px;}
.poll form textarea {width:calc(100% - 22px) !important; height:100px; padding:10px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px; line-height:30px;}
.poll form button {width:100%; height:60px; background-color:#e71a0f; text-align:center; color:#ffffff; border-radius:5px; font-size:17px;}
.poll form h5 {color:#e71a0f; font-size:15px; margin-bottom:15px;}
.poll form h5:before {color:#e71a0f; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}

#daumRoughmapContainer1596025308862 {z-index:-1}
#daumRoughmapContainer1596025308862 a {font-size:12px;}

#docu {}
#docu ul,#docu li {padding:0; margin:0; list-style:none;}
#docu .toggle {color:#000000 !important; font-weight:700;}
#docu .toggle a {color:#000000 !important; font-weight:700;}
#docu .toggle i {float:right; color:#e71a0f;}
#docu ul .inner {display:none; overflow: hidden; padding:24px; margin-top:-11px; margin-bottom:10px; background-color:#f5f5f5; font-size:14px; line-height:30px;}
#docu ul .inner li {padding-bottom:30px;}
#docu ul .inner li b {color:#ffffff; font-size:17px;}
#docu ul li .toggle {width:calc(100% - 40px); background-color:#ffffff; border:1px solid #e6e6e6; padding:19px; margin:0 auto; display:table; margin-bottom:10px; border-radius:5px;}
#docu p {}

.c0202 h5 {margin-bottom:20px;}
.c0202 h5:before {font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#000000; font-weight:700; font-size:20px;}
.c0202 h5 span {color:#000000; font-family: 'S-CoreDream-6Bold'; font-size:20px; margin-bottom:3px; border-bottom:0px solid #fabab6; box-shadow: inset 0 -10px 0 #fabab6; padding:0 5px 0 5px;}
.c0202 h5:not(:first-child) {margin-top:50px}
.c0202 h6 {margin-top:30px; margin-bottom:-10px; color:#000000; font-weight:700}
.c0202 table {padding:0; border-spacing:0px; border-left:1px solid #dddddd; border-top:1px solid #dddddd; background-color:#ffffff; width:100%; border-radius:0px; margin-top:30px;}
.c0202 th,.c0202 td {text-align:center; margin:0; padding:10px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;}
.c0202 td {font-size:15px; line-height:25px; text-align:left !important;}
.c0202 td i {font-size:15px; color:#999999; margin:0 10px 0 10px}
.c0202 td.tdnotice {font-size:13px; color:#999999; text-align:left;}
.c0202 th {font-size:14px; color:#000000; background-color:rgba(50,50,50,0.1); font-weight:700;}
.c0202 h8 {margin-top:10px; font-size:15px; display:block}
.c0202 h9 {margin-top:10px; font-size:13px; color:#e71a0f; display:block; line-height:20px;}
.c0202 p {margin-top:20px; line-height:30px;}

.p010500 table {padding:0; border-spacing:0px; border-left:1px solid #dddddd; border-top:1px solid #dddddd; background-color:#ffffff; width:100%; border-radius:0px; margin-top:30px;}
.p010500 th,.p010500 td {text-align:center; margin:0; padding:10px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;}
.p010500 td {font-size:15px; line-height:25px}
.p010500 td.tdnotice {font-size:13px; color:#999999; text-align:left;}
.p010500 th {font-size:15px; color:#e71a0f; background-color:rgba(0,74,141,0.1); font-weight:700;}




.p030300 div p i.fa-ribbon {color:#000000; margin-right:10px;}
.p030300 div p i.fa-birthday-cake {color:#e71a0f; margin-right:10px;}
.p030300 div p i.fa-heart {color:#e71a0f; margin-right:10px;}
.p030300 h3 i.fa-ribbon {color:#000000; margin-right:10px;}
.p030300 h3 i.fa-birthday-cake {color:#e71a0f; margin-right:10px;}
.p030300 h3 i.fa-heart {color:#e71a0f; margin-right:10px;}

.p030300 div h6 {display:block; padding:20px 0 20px 0; border-bottom:1px solid #e6e6e6;}
.p030300 div h6 b {color:#000000; margin-right:10px;}

#notice {width:calc(100% - 60px); padding:30px; background-color:#f0f0f0; border-radius:10px}
#notice h5 {color:#000000; font-weight:700; margin-bottom:10px;}
#notice h5 i {color:#000000; margin-right:5px;}
#notice dl {border-bottom:0px none; padding:5px 0px 5px 0px;}
#notice dl dt {font-size:14px; width:8% !important; line-height:20px;}
#notice dl dd {font-size:14px; width:92% !important; line-height:20px;}

.popup {display:table; position:absolute; top:110px; height:auto; left:100px; z-index:9; box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.1), 0 20px 30px 0 rgba(0, 0, 0, 0.3); background-color:#ffffff; border-radius:10px; width:430px}
.popup div {border-radius:10px; display:table; height:auto; padding:15px; background-color:#e71a0f; width:400px}
.popup div h1 {color:#ffffff; font-family: 'Noto Sans Korean'; font-weight:500; font-size:25px; letter-spacing:-0.7px; word-break: keep-all; line-height:30px; margin-bottom:20px;}
.popup div h1:after {content: ""; display: block; width: 40px; border-bottom: 5px solid #ffffff; margin-top:20px;}
.popup div h10 {color:#ffffff; font-family: 'Noto Sans Korean'; font-weight:250; font-size:19px; letter-spacing:-0.7px; word-break: keep-all; line-height:25px; margin-bottom:20px;}
.popup div h10 img {max-width:100%}
.popup div h10 p {color:#ffffff; font-size:17px; line-height:20px;}
.popup div button {width:100%; background-color:#ffffff; color:#e71a0f; height:50px; border-radius:5px; margin-top:15px; font-weight:bold}

.popup h20 {width:calc(50% - 1px); float:left; text-align:center; height:50px; line-height:50px; display:block}
.popup h20.left {border-left:1px solid #e6e6e6}

 #bbssearch {margin-bottom:20px; margin-top:20px;}
#bbssearch form {width:calc(50% - 2px); height:40px; border:1px solid #999999; padding:0px; border-radius:5px; margin:0 auto}
#bbssearch form select {width:20%; float:left; border:0px; padding:0px; height:40px; text-indent:20px; border-radius:5px;}
#bbssearch form input[type="text"] {width:70%; float:left; border:0px; padding:0px;  height:40px; text-indent:20px;}
#bbssearch form button {width:10%; float:right; border:0px; padding:0px;  height:40px; background-color:#999999;}
#bbssearch form button i {color:#ffffff;}
@media ( max-width: 1000px ) {
* {font-size:13px;}
.wrap {width:90%; margin:0 auto}

.likebtn button {width:30% !important; font-size:14px; height:40px !important; font-weight:bold}

#bbssearch {margin-bottom:20px;}
#bbssearch form {width:calc(100% - 2px); height:40px; border:1px solid #999999; padding:0px; border-radius:5px;}
#bbssearch form select {width:20%; float:left; border:0px; padding:0px; height:40px; text-indent:20px; border-radius:5px;}
#bbssearch form input[type="text"] {width:60%; float:left; border:0px; padding:0px;  height:40px; text-indent:20px;}
#bbssearch form button {width:20%; float:right; border:0px; padding:0px;  height:40px; background-color:#999999;}
#bbssearch form button i {color:#ffffff;}

#notice {width:calc(100% - 40px); padding:20px; background-color:#f0f0f0; border-radius:10px}
#notice h5 {color:#000000; font-weight:700; margin-bottom:10px;}
#notice h5 i {color:#000000; margin-right:5px;}
#notice dl {border-bottom:0px none; padding:5px 0px 5px 0px;}
#notice dl dt {font-size:13px; width:20% !important; line-height:20px;}
#notice dl dd {font-size:13px; width:80% !important; line-height:20px;}

.plogin form {width:100%; margin:0 auto; padding:30px 0 60px 0}
img {max-width:100%;}
#head {height:80px; z-index:999999}
#head .menu .pcmenu {display:none}
#daumRoughmapContainer1596025308862 {width:100% !important; height:300px !important}

#head .menu div.login {float:right; margin-right:60px; margin-top:30px;}
#head .menu div.login button {color:#666666; height:20px; width:50px; border:1px solid #666666; border-radius:20px; text-align:center; margin:0 0 0 5px; font-size:9px;}
#head .menu div.login button i {display:none}


#head .menu img {margin:32px 0 0 20px; display:block; float:left; height:16px;}

.notice {width:100%; height:500px;}
.notice div.swiper-slide {background-position:center top !important; background-size:auto 100% !important;}
#main {margin-top:80px}
#main section:nth-child(1) {width:100%; height:500px;}
#main section:nth-child(1) {position:relative}
#main section:nth-child(1) .title {float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index:9; text-align:center; width:100%;}
#main section:nth-child(1) .title img {width:60%;}
#main section:nth-child(1) .title p {color:#ffffff; margin-top:0px; font-size:13px; line-height:25px;}
#main section:nth-child(1) .title i {color:#ffffff; font-size:15px; margin-right:5px;}
#main section:nth-child(1) .title h1 {font-size:20px; padding:0 50px 0 50px}

#main section:nth-child(1) .title button {margin-top:30px; color:#000000; background:#ffffff; width:70%; height:40px; border-radius:40px; font-weight:bold}

#mainbox {width:100%; margin:0 auto; height:auto; margin-top:0px; background-color:#e71a0f; display:table;}
#mainbox div:first-child {width:calc(100% - 60px); float:left; padding:30px 30px 30px 30px;}
#mainbox div:first-child h1 {width:100%; height:40px; margin-bottom:20px;}
#mainbox div:first-child h1 button {float:left; width:33.3%; height:40px; border:1px solid #ffffff; border-right:0px none; color:#ffffff; font-size:12px;}
#mainbox div:first-child h1 button:last-child {border-right:1px solid #ffffff;}
#mainbox div:first-child a {color:#ffffff; display:block; margin-bottom:10px;}
#mainbox div:first-child a span {color:rgba(255,255,255,0.5); margin-right:10px;}

#mainbox div:last-child {width:100%; float:left;}
#mainbox div:last-child button:first-child {width:100%; height:130px; background-color:#666666}
#mainbox div:last-child button:last-child {width:100%; height:130px; background-color:#999999}

#mainbox div:last-child button {padding:30px 50px 30px 50px; text-align:left;}
#mainbox div:last-child button i {color:#ffffff; font-size:40px; float:left; width:40px; display:block}
#mainbox div:last-child button p {color:#ffffff; font-size:18px; font-family: 'S-CoreDream-3Light'; width:70%; float:right; }
#mainbox div:last-child button p span {color:rgba(255,255,255,0.5); display:block; font-size:12px; line-height:20px; margin-top:0px;}

#myBtn {display: none;position: fixed;bottom: 20px; right: 20px; z-index: 99; cursor: pointer;}
#myBtn i {color:#e71a0f; font-size:30px}
#myBtn:hover  i {color:#000000;}
/*
#section {width:100%; margin:0 auto; height:350px;}

#section .news {height:350px; }
#section .news div.swiper-slide {margin-top:0px; z-index: 1; float:left; width:260px; height:350px; margin-left:0px; padding:50px 0 0 0;background-color:#ffffff; position:relative; border-right:1px solid #e6e6e6}
#section .news div.swiper-slide img {display:block; border-radius:9px; margin-bottom:30px;}
#section .news div.swiper-slide b {color:#cccccc; font-size:13px; margin:30px 0px 0px 20px; display:block;}
#section .news div.swiper-slide h4 {color:#000000; font-size:19px; padding: 10px 20px 10px 20px; line-height:30px; font-weight:500;}
#section .news div.swiper-slide p {color:#666666; font-size:15px; padding:0px 20px 0px 20px; line-height:25px;}
#section .news div.swiper-slide span {height:30px; line-height:30px; color:#e71a0f; font-size:15px; font-weight:500; margin:20px; border-bottom:1px solid #e71a0f}


#section .news .swiper-pagination {display:none; background-color:#999999; color:#ffffff; width:70px; margin:0 auto; left:50%; margin-left:-35px; line-height:30px; border-radius:30px; font-size:13px;height:30px;}
#section .news .swiper-pagination span {color:#ffffff !important; font-size:13px;}
*/
#section {width:100%; margin:0 auto; margin-top:0px; display:table; margin-bottom:0px;}
#section div {float:left; width:calc(100% - 60px); padding:30px 30px 20px 30px; border-right:0px none; border-bottom:1px solid #e6e6e6; }
#section div:last-child {border-right:0px; border-bottom:0px none}
#section div h1 {color:#e71a0f; font-size:15px; font-weight:bold; margin-bottom:20px !important;}
#section div h1 button {border-radius:20px; height:20px; width:60px; color:#cccccc; border:1px solid #cccccc; float:right; font-size:11px;} 
#section div p {margin-bottom:13px; color:#000000; cursor:pointer}

#section div p {display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
text-overflow: ellipsis; }

#section div p span {color:#999999; margin-right:10px; font-size:12px}

#birthday {height:60px;}
#birthday h1 {float:left; color:#ffffff; line-height:60px; width:auto; margin-right:20px; font-family: 'S-CoreDream-6Bold';}
#birthday h1 i {color:#ffffff; margin-right:10px; font-size:15px;}	
#birthday p {float:left; color:#ffffff; line-height:60px; margin-right:30px;}	
#birthday p span {padding:0px 15px 0px 15px; border-radius:40px;  color:#ffffff; border:1px solid #ffffff; font-weight:bold; margin-right:10px; font-size:14px;}
#birthday p b {margin-right:10px;}

#birthday .swiper-button-next {display:none;}
#birthday .swiper-button-prev {display:none;}

#relsite {display:none; width:100%; text-align:center;}
#relsite button {height:150px; margin:0 60px 0 60px;}

#foot {width:100%; background-color:#333333; padding:0 0 50px 0}
#foot p {text-align:center; border-bottom:1px solid rgba(255,255,255,0.1); line-height:40px;}
#foot p a {color:#ffffff; margin:0 10px 0 10px; font-size:11px}
#foot address {font-size:10px; margin-top:20px; line-height:15px; padding:0 30px 0 30px;}

#submenu {white-space:nowrap; width:calc(100% - 0px);  height:40px;  font-size:13px !important; -webkit-overflow-scrolling : touch; overflow:auto; margin-top:80px;  text-align:left; z-index:1 !important; }
#submenu a {font-size:13px; color:#ffffff; margin:0 15px 0 15px; padding:0 5px 0 5px; line-height:40px; font-weight:500}

#agree {position:absolute; top:10%; left:10%; width:80%; margin-left:0px; height:80%; background-color:#ffffff; border:1px solid #e71a0f; border-radius:10px;}

#fade-in {
  right:-100%; 
  width: 100%;
  transition: all .5s ease;
  z-index:99;
}

#fade-in.show {
 right:0px;
}
.toggle-sidebar {display:block !important; width:80px; height:80px; position:absolute; right:0px; top:0px; z-index:10; text-align:center;}
.toggle-sidebar i {color:#000000; font-size:20px; line-height:80px;}
.menubox {display: block; position:fixed; top:0px; z-index:9999; background:rgba(0,0,0,0.6); height:100%; min-height:100%;}

.menubox .Mmenulist{width:70%; height:100%; min-height:100%; background-color:#343434; margin-left:30%;}
.menubox .Mmenulist a {color:#ffffff; display:block; line-height:60px; padding-left:20px;}
.menubox .Mclose {position:absolute; left:0px; top:0px; z-index:999; height:100%; min-height:100%; width:30%; cursor:pointer;}

.Mmenulist {overflow:auto;}
.Mmenulist ul,.Mmenulist li {padding:0; margin:0; list-style:none;}
.Mmenulist ul .inner {padding:0; overflow: hidden; display: none; background-color:#e71a0f;}
.Mmenulist ul .inner li {border-bottom:1px solid rgba(255,255,255,0.5)}
.Mmenulist ul li .toggle {width:calc(100% - 20px); display:block; color: #ffffff; border-bottom:1px solid #555555;}

.pagenum {width:100%; text-align:center; margin:0 auto; height:60px;}
.pagenum p {width:30px; line-height:30px; height:30px; text-align:center; border:1px solid #e6e6e6; float:left; background-color:#ffffff; margin-left:-1px; font-size:12px !important;}
.pagenum b {color:#000000; font-size:12px;}
.pagenum i {line-height:30px; width:100%; text-align:center;}
.pagenum a {line-height:30px;}
#bbslist div {cursor:pointer; width:calc(100% - 42px); padding:10px 20px 10px 20px; border:1px solid #e6e6e6; border-radius:5px; margin-bottom:10px; display:table;}
#bbslist div p:nth-child(1) {float:left; color:#e71a0f; font-size:13px; margin-right:0px; display:block; width:100%; margin-bottom:5px;}
#bbslist div p:nth-child(2) {float:left; display:block; width:100%; margin-bottom:10px; line-height:20px; }
#bbslist div p:last-child {float:left; color:#999999; font-size:13px; display:block; width:100%;}


#bbsphoto div {float:left; cursor:pointer; width:calc(100% - 2px); border:1px solid #e6e6e6; border-radius:5px; margin-right:0px; margin-bottom:20px; height:300px;}
#bbsphoto div:nth-child(5n) {margin-right:0px;}
#bbsphoto div p:nth-child(1) {width:100%; height:160px; }
#bbsphoto div p:nth-child(2) {color:#e71a0f; font-size:13px;  line-height:13px; padding:20px 20px 0px 20px}
#bbsphoto div p:nth-child(3) {padding:0px 20px 10px 20px; line-height:25px;}
#bbsphoto div p:last-child {color:#999999; font-size:13px; line-height:13px;  padding:0px 20px 10px 20px}
#bbsphoto div:hover {border:1px solid #e71a0f;}

#bbsview img {max-width:100%;  height:auto !important}

.popup {border-radius:10px; display:table; position:absolute; top:100px; z-index:999; width:80%; left:50%; margin-left:-40%; background-color:#ffffff;}
.popup img {width:100%;}

.popup div {border-radius:10px; display:table; width:calc(100% - 40px); height:auto; padding:20px; background-color:#e71a0f;}
.popup div.imgdiv {border-radius:10px; display:table; width:100%; height:auto; padding:0px; background:none;}
.popup div h1 {color:#ffffff; font-family: 'Noto Sans Korean'; font-weight:500; font-size:17px; letter-spacing:-0.7px; word-break: keep-all; line-height:20px; margin-bottom:20px;}
.popup div h1:after {content: ""; display: block; width: 20px; border-bottom: 5px solid #ffffff; margin-top:10px;}
.popup div h10 {color:#ffffff; font-family: 'Noto Sans Korean'; font-weight:250; font-size:13px; letter-spacing:-0.7px; word-break: keep-all; line-height:17px; margin-bottom:20px;}
.popup div h10 p {font-size:13px}
.popup div button {width:100%; background-color:#ffffff; color:#e71a0f; height:35px; border-radius:5px; margin-top:30px; font-weight:bold}
.popup h20 {width:calc(50% - 1px); float:left; text-align:center; height:50px; line-height:50px;}
.popup h20.left {border-left:1px solid #e6e6e6}

.popupbg {width:100%; height:100%; top:0px; left:0px; background:rgba(0,0,0,0.3); position:fixed; z-index:998;}

.c0202 table {margin-top:20px; overflow:auto;}
.c0202 th,.c0202 td {text-align:center; margin:0; padding:2px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;}
.c0202 td {font-size:11px; line-height:20px}
.c0202 td.tdnotice {font-size:11px; color:#999999; text-align:left;}
.c0202 th {font-size:11px; color:#e71a0f; background-color:rgba(0,74,141,0.1); font-weight:700;}
.c0202 h8 {margin-top:10px; font-size:12px; display:block; line-height:15px;}
.c0202 h9 {margin-top:10px; font-size:11px; color:#e71a0f; display:block; line-height:14px;}

#bbsview .comment .commentinput form {padding:0; marign:0}
#bbsview .comment .commentinput form textarea {background-color:#ffffff; height:30px; width:calc(100% - 72px); float:left; padding:10px; border:1px solid #cccccc; border-radius:5px; font-size:12px;}
#bbsview .comment .commentinput form button {width:50px; height:50px; color:#ffffff;margin:0; background-color:#e71a0f; font-size:10px;}
#bbsview .comment p {font-size:13px; line-height:20px; word-break:break-all;}


.p010100 {width:100%}
.p010100 h3 {margin: 0 auto; font-family: 'S-CoreDream-4Regular'; color:#000000; font-size:20px; line-height:30px; margin-bottom:30px; border-left:3px #e71a0f solid; padding-left:20px; width:calc(100% - 30px); }
.p010100 p {width:100%; margin: 0 auto; line-height:1.8}
.p010100 b {}
.p010100 img {border-radius:10px; margin-bottom:30px;}
.p010100 b img {border-radius:0px; margin-bottom:0px;}


#nav {width:100%; border:1px solid #e6e6e6; height:40px; margin-bottom:20px}
#nav i {display:block; float:left; padding:0 5px 0 5px; line-height:40px; font-size:12px; color:#999999}
#nav span {display:block; float:left; padding:0 10px 0 10px;  line-height:40px; font-size:12px; color:#999999}
#nav span:first-child {padding:0 10px 0 20px;}
#nav .wrap {}


#subpage {margin-top:30px; margin-bottom:30px; width:90%}
#subpage h1 {font-family: 'JalnanGothic'; color:#000000; font-weight: 700; font-size:20px; text-align:center;}
#subpage h1:before {display:none; content:"¡Ü"; font-size:10px; color:#000000; position:absolute; margin-top:-30px; margin-left:-20px; z-index:-1 !important}
#subpage h2 {font-family: 'S-CoreDream-4Regular'; color:#999999; font-size:13px; text-align:center; margin-top:10px; margin-bottom:30px;}

#subpage h30 {text-align:center; display:block; margin-bottom:30px; margin-top:-30px; white-space:nowrap; width:calc(100% - 0px);  -webkit-overflow-scrolling : touch; overflow:auto;  border-bottom:1px solid #e6e6e6}
#subpage h30 button {height:60px; padding:0 30px 0 30px; color:#999999; font-size:16px; font-weight:700;}
#subpage h30 button.on {color:#e71a0f; border-bottom:5px solid #e71a0f;}


dl {display:table; padding:20px 0 20px 0; border-bottom:1px solid #e6e6e6; width:100%;}
dt {width:100%; float:left; color:#000000; font-weight:bold;}
dt i {margin-right:10px; color:#e71a0f; }
dd {width:100%; float:right;}

iframe {width:100%; height:200px; border-radius:10px; margin-top:20px}


#banner {white-space:nowrap; width:calc(100% - 40px); padding:20px 20px 20px 20px;  font-size:12px !important; -webkit-overflow-scrolling : touch; overflow:auto; border-top:1px solid rgba(255,255,255,0.5)} 
#banner button {color:#ffffff; margin:0px 50px 0px 0px; font-size:13px; font-family: 'S-CoreDream-4Regular';}
#banner button:last-child {margin:0px 0px 0px 0px; }
#banner button i {font-size:30px;}
}
h300 {text-align:center; padding:100px 0 100px 0; color:#cccccc; font-size:17px; display:block}
h300 i {display:block; text-align:center; font-size:70px; color:#cccccc; margin-bottom:20px; width:100%;}

.otpinput {padding:20px !important; margin-top:20px !important; width:calc(100% - 42px) !important;}