@charset "utf-8";

@font-face { 
  font-family: 'S-CoreDream-3Light';
  font-weight: normal;
  font-style: normal;
  src: url(/theme/DesignVii/_Font/S-CoreDream-3Light.woff) format('woff'), 
       url(/theme/DesignVii/_Font/S-CoreDream-3Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'S-CoreDream-4Regular';
  font-weight: normal;
  font-style: normal;
  src: url(/theme/DesignVii/_Font/S-CoreDream-4Regular.woff) format('woff'), 
       url(/theme/DesignVii/_Font/S-CoreDream-4Regular.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'S-CoreDream-5Medium';
  font-weight: normal;
  font-style: normal;
  src: url(/theme/DesignVii/_Font/S-CoreDream-5Medium.woff) format('woff'), 
       url(/theme/DesignVii/_Font/S-CoreDream-5Medium.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'S-CoreDream-6Bold';
  font-weight: normal;
  font-style: normal;
  src: url(/theme/DesignVii/_Font/S-CoreDream-6Bold.woff) format('woff'), 
       url(/theme/DesignVii/_Font/S-CoreDream-6Bold.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'S-CoreDream-7ExtraBold';
  font-weight: normal;
  font-style: normal;
  src: url(/theme/DesignVii/_Font/S-CoreDream-7ExtraBold.woff) format('woff'), 
       url(/theme/DesignVii/_Font/S-CoreDream-7ExtraBold.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'S-CoreDream-8Heavy';
  font-weight: normal;
  font-style: normal;
  src: url(/theme/DesignVii/_Font/S-CoreDream-8Heavy.woff) format('woff'), 
       url(/theme/DesignVii/_Font/S-CoreDream-8Heavy.otf) format('opentype'); 
} 

html,body { font-family:'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic'; }
#doc {position:relative;min-width:320px; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; width: 100%;margin: 0 auto ; min-height: calc(100vh - 218px); background: #fff;}/* max-width: 1680px; */
body {overflow-y:visible;overflow-x:hidden; background: #eaeff4;}
* {  font-family: 'S-CoreDream-4Regular'; line-height: 150%;}
	

	@media only screen and (max-width:999px){
		
		#doc {margin: 0 auto ;}
	}


/*=======================================================
  css default
=========================================================*/
.div-cont {position:relative;text-align:left;margin:0 auto 0 auto; max-width:1260px; padding:0 20px; box-sizing:border-box;}
.div-cont:after {clear:both;content:"";display:block;}

.doc-pg{overflow:hidden;}
.body-slide-wr {position:relative;width:100%;transition:margin 0.3s ease;}
.body-slider-ovclick{position:fixed;z-index:2600;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer; display:none;}


/*=======================================================
    z-index dafault
=========================================================*/
#header-wrap{position:fixed;z-index:2005;}
#container-wrap{position:relative;z-index:1004;}
#footer-wrap{position:relative;z-index:1001; }



/*=======================================================
    #header-wrap 
=========================================================*/
/*#header-wrap {width:100%; min-width:320px; left:0; top:0;}*/



/* ======================================================
   #container 
=========================================================*/
#container-wrap{}
#container-wrap.mcontainer #contents{padding: 0}
#container-wrap.scontainer #contents{padding-bottom:100px; min-height:94.2vh;}
@media only screen and (max-width:500px){
#container-wrap.mcontainer #contents{padding: 0}
}

/* ======================================================
    #footer-wrap 
=========================================================*/
#footer-wrap {background:#275079; width: 100%;margin: 0 auto;position: relative; padding: 10px 0 30px 0;}/* max-width: 1680px; */
#footer {position:relative; text-align: center; padding:  0; }
#footer span.bar {display: inline-block; width: 1px; height: 14px; background: #fff; margin: 0 15px;}
#footer .footer-menu {display: flex; justify-content: center; align-items: center; height: 30px;}
#footer .footer-menu li {}
#footer .footer-menu li a {color: #fff;}
#footer .footer-info {display: flex; justify-content: center; align-items: center;}
#footer .footer-info li {color: #fff;} #footer .footer-info li a {color: #fff;}
#footer .footer-info span.bar {background: #9fa7bc;}
#footer #f-logo {margin: 0 auto; }
#footer #f-logo a {display: block; background:url("/theme/DesignVii/_Img/f-logo.png") no-repeat center center; background-size: contain;width: auto; height:60px; max-width:98%;  margin:auto;}

	@media only screen and (max-width:999px){
		#footer .footer-info li {margin-bottom: 5px;}
		#footer .footer-info {flex-direction: column; width: 90%; margin: auto; word-break: keep-all;}
		#footer span.bar {margin: 0 5px;}
		#footer .footer-info span.bar {display:none;}
		#footer #f-logo a { display: block; background:url("/theme/DesignVii/_Img/f-logo_m.png") no-repeat center center; background-size: contain; height: 80px;}
		
}



/* ======================================================
    #attendpop-wrap
=========================================================*/
#attendpop-wrap {position: absolute; top: 10%; left: 50%; transform: translateX(-50%); z-index: 2601; background: #fff; width: 90%; max-width: 535px; display: none;}
#attendpop-wrap .attendpop {}
#attendpop-wrap .attendpop p {font-size: 14px;}
#attendpop-wrap .attendpop p span.blue {color: #0aa3d4;}
#attendpop-wrap .attendpop .title {height: 80px; background: #0aa3d4;}
#attendpop-wrap .attendpop .title p {color: #fff; font-size: 30px; line-height: 80px; text-align: center;}
#attendpop-wrap .attendpop .inputbox {width: 88%; margin: 35px auto;}
#attendpop-wrap .attendpop .inputbox ul {}
#attendpop-wrap .attendpop .inputbox ul li {height: auto; margin-bottom: 15px; display: flex; flex-direction: column;}
#attendpop-wrap .attendpop .inputbox ul li:first-child {flex-direction: row;}
#attendpop-wrap .attendpop .inputbox ul li span {width: 100%; display: block;}/* height: 100%; */
#attendpop-wrap .attendpop .inputbox ul li span:first-child {width: 100%; margin-right: 2%; text-align: justify; color: #0aa3d4; line-height: 150%;}
#attendpop-wrap .attendpop .inputbox ul li span.w100 {width: 100%!important;}
#attendpop-wrap .attendpop .inputbox ul li span.dn {display: none!important;}
#attendpop-wrap .attendpop .inputbox ul li select {width: 49%; float: left; height: 40px; border-radius: 2px; border: 1px solid #9e9e9e; outline: none;}
#attendpop-wrap .attendpop .inputbox ul li select:last-child {float: right;}
#attendpop-wrap .attendpop .inputbox ul li input {border-radius: 2px; border: 1px solid #9e9e9e; outline: none;}
#attendpop-wrap .attendpop .inputbox ul li input[type="text"] {height: 100%; width: 100%; padding: 10px; box-sizing: border-box;}
#attendpop-wrap .attendpop .inputbox ul li input[type="email"] {height: 100%; width: 100%; padding: 10px; box-sizing: border-box;}
#attendpop-wrap .attendpop .inputbox ul li input::-webkit-input-placeholder {}
#attendpop-wrap .attendpop .inputbox ul li button {width: 70%; display: block; margin: auto; background: #0aa3d4; border: none; border-radius: 6px; height: 66px; outline: none;}
#attendpop-wrap .attendpop .inputbox ul li button p {color: #fff; font-size: 24px;}
.attendpop .privacy_sub {width: 100%; margin: 0 auto;}
.attendpop .privacy_sub .title {height: 60px; line-height: 60px; border-top: 2px solid #707070; border-bottom: 1px solid #d2d2d2; background: none; text-align: center; font-size: 21px; color: #000;}
.attendpop .privacy_sub h2 {font-family: 'S-CoreDream-5Medium';}
.attendpop .privacy_sub p {margin: 20px 0;}
.attendpop .privacy_sub table {}
.attendpop .privacy_sub table tr {border: 1px solid #959595; box-sizing: border-box;}
.attendpop .privacy_sub table td {background: #fff; padding: 10px 15px; box-sizing: border-box; border: 1px solid #959595;}
.attendpop .privacy_sub table th {background: #e7e7e7; color: #000; font-weight: 600; width: 28%; margin-right: 2%; text-align: center; word-break: keep-all; box-sizing: border-box;border-right: 1px solid #959595; height: 40px;}
.attendpop .privacy_sub table td p {margin: 0;}
.attendpop .privacy_sub .info p {margin: 0;}


	@media only screen and (max-width:999px){
		#attendpop-wrap {height: 90vh; overflow: scroll; top: 50vh; transform: translate(-50%,-50%)}
		#attendpop-wrap .attendpop .title {height: 60px;}
		#attendpop-wrap .attendpop .title p {line-height: 60px; font-size: 24px;}
		
		#attendpop-wrap .attendpop .inputbox ul li {height: auto; margin-bottom: 10px;}
		#attendpop-wrap .attendpop .inputbox ul li button {height: 45px;}
		#attendpop-wrap .attendpop .inputbox ul li button p {font-size: 18px;}
		
		.attendpop .privacy_sub .title {height: 50px; line-height: 50px; font-size: 18px;}
		
	}

.faqbox {min-height: calc(100vh - 365px);}


/* ======================================================
    #Admin-LOGIN 
=========================================================*/
.admin-login-wrap {position: fixed; left:0; right:0; top:0; bottom:0;
	display: block;	
	width: 100%; hight:100%;  background: #0c1c47; padding: 0; text-align: center;}


.admin-login-wrap .title{color:#fff; font-size:1.5rem; font-weight:normal;padding-top:10rem;letter-spacing: 0.03rem;}
.admin-login-wrap .title span{ display: block; color:#8bdef7; font-size:0.8rem; padding-top:0.3rem;  padding-bottom: 2rem; letter-spacing: 0.2rem;}

.Admskin {background-color:#fff; border:1px solid #333;  border-radius: 25px; display: table; text-align: center;  width:450px; margin: 0 auto; padding: 10px 45px 45px; box-sizing: border-box; }
.admin-login-wrap .login_if_auto { display: block; text-align: left;}
.admin-login-wrap .footer-logo {padding:1rem 0 1rem 0;}
.admin-login-wrap .mbskin_box {width:70%; margin: 0 auto;}


.admin-login-wrap .frm_input {width:100%;}

.admin-login-wrap .btn_submit { padding:0.8rem; width:100%;}