/*------------------------------------------------------------------
기본정의 CSS


/* Medium screen : 992px. */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
}
/* Tablet :768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
}
/* Large Mobile :480px. */
@media only screen and (max-width: 767px) {
}
------------------------------------------------------------------*/
@charset "UTF-8";


@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text&display=swap');

html {
  overflow-x: hidden;
}

html, html a, body {
  -webkit-font-smoothing: antialiased;
}

body {
  letter-spacing: 0px;
  word-break:keep-all;
  font-family: 'Noto Sans Korean', sans-serif;
}


ul, li{list-style:none;}

p {
  font-weight:300;
  font-size: 15px;
  color: #333;
  line-height:210%;
}

em,
li,
li a {
  font-size: 15px;
  color: #333;
}

a {
  
  font-size: 15px;
  color: #333;
  outline: 0;
}

a:focus, a:hover, a:active {
  outline: 0;
  color: #000;
  text-decoration: none;
}

label{
  font-size: 13px;
  color: #81848f;
}

small{
  font-size: 13px;
  color: #81848f;
}


h1, h2, h3, h4, h5, h6 {
 
  line-height: 1.4;
  margin: 0 0 15px;
  font-family: 'Noto Sans Korean'
}

h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {

}

h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover {

  text-decoration: none;
}

h1 > a:focus, h2 > a:focus, h3 > a:focus, h4 > a:focus, h5 > a:focus, h6 > a:focus {
  text-decoration: none;
}

h1 {font-size: 45px;}
h2 {font-size: 30px;}
h3 {font-size: 25px;}
h4 {font-size: 18px;}
h5 {font-size: 15px;}
h6 {font-size: 55px;}

.h1 {font-size: 45px;}
.h2 {font-size: 30px;}
.h3 {font-size: 25px;}
.h4 {font-size: 18px;}
.h5 {font-size: 15px;}
.h6 {font-size: 55px;}

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

	h1 {font-size: 30px;}
	h2 {font-size: 22px;}
	h3 {font-size: 18px;}
	h4 {font-size: 15px;}

	.h1 {font-size: 30px;}
	.h2 {font-size: 22px;}
	.h3 {font-size: 18px;}
	.h4 {font-size: 15px;}
}


::selection {
  color: #fff;
  background: #17bed2;
  text-shadow: none;
}

::-webkit-selection {
  color: #fff;
  background: #17bed2;
  text-shadow: none;
}

::-moz-selection {
  color: #fff;
  background: #17bed2;
  text-shadow: none;
}

:active,
:focus {
  outline: none;
}


/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}


/* 팝업레이어 */
#hd_pop { z-index:999999999999999999999999999999999999999;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}


/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha2.png') no-repeat 0 0 ;  vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}


/*------------------------------------------------------------------
배경어둡게
------------------------------------------------------------------*/
.overflow{overflow: hidden; position: relative;  word-break:keep-all !important;}

.overlay10{background-color: rgba(0,0,0,0.10);position: absolute;left:0;top:0;width:100%;height: 100%;}
.overlay20{background-color: rgba(0,0,0,0.20);position: absolute;left:0;top:0;width:100%;height: 100%;}
.overlay30{background-color: rgba(0,0,0,0.30);position: absolute;left:0;top:0;width:100%;height: 100%;}
.overlay40{background-color: rgba(0,0,0,0.40);position: absolute;left:0;top:0;width:100%;height: 100%;}
.overlay50{background-color: rgba(0,0,0,0.50);position: absolute;left:0;top:0;width:100%;height: 100%;}
.overlay60{background-color: rgba(0,0,0,0.60);position: absolute;left:0;top:0;width:100%;height: 100%;}
.overlay70{background-color: rgba(0,0,0,0.70);position: absolute;left:0;top:0;width:100%;height: 100%;}
.overlay80{background-color: rgba(0,0,0,0.80);position: absolute;left:0;top:0;width:100%;height: 100%;}
.overlay90{background-color: rgba(0,0,0,0.90);position: absolute;left:0;top:0;width:100%;height: 100%;}


.sub .bar-left{width:60px; height:2px; background: #515769; margin-bottom:50px;}
.sub .bar-center{width:1px; height:30px; margin:20px auto; background: #342A20;}

.sub .table1 {border-top:3px solid #000; border-bottom:3px solid #000;}
.sub .table1 th{text-align:center; padding: 10px 20px 12px !important; font-weight:400;  border-bottom:1px solid #000;}
.sub .table1 td{letter-spacing:-0.08em;
word-spacing:-0.05em; padding: 12px 20px 14px !important;}

.sub .small table{width:100%; font-size:13px; color:#999; background-color:#f1f1f1;}
.sub .small table td{padding:5px 0;}

.w{color:#fff !important;}
.w50{color:rgba(255,255,255,0.5) !important;}


/* 타이틀 */
.main .bar{display: inline-block; width: 49px; height: 1px; background-color: rgba(0,0,0,0.3); position: relative; top: -6px; margin-right: 20px; margin-left: 20px;}
.main h2{font-size:60px; color:#111; margin-bottom:40px; font-family:'Daum';/*다음체*/ text-shadow: 1px 0px 10px rgba(0,0,0,0.05); font-weight:500;}
.main h3{font-size:25px; color:#333; margin-bottom:40px; font-family:'Daum';/*다음체*/}
.main h4{font-size:22px; color:#333; margin-bottom:20px; font-family:'Daum';/*다음체*/}


/* 버튼 */
a.btn{font-family:'Daum';border-radius:30px; font-size:20px; padding:10px 25px; color:black;background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%);color:#fff; transition: .5s; text-shadow: 1px 0px 10px rgba(0,0,0,0.05);}
a.btn:hover{background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);color:#fff;}

a.btn1{font-family:'Daum';border-radius:30px; font-size:16px; padding:10px 15px; color:black;background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%);color:#fff; transition: .5s; text-shadow: 1px 0px 10px rgba(0,0,0,0.05);}
a.btn1:hover{background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);color:#fff;}

button.btn{font-family:'Daum';border-radius:30px; font-size:20px; padding:15px 35px; color:black;background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%);color:#fff; transition: .5s; text-shadow: 1px 0px 10px rgba(0,0,0,0.05);}
button.btn:hover{background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);color:#fff;}


/* 컨텐츠 */
.sbox{min-height:200px; border-radius:30px; background-color:#fff; box-shadow: 0 2px 30px rgba(0,0,0,0.1); padding:0px 35px 30px; border:1px solid #111; margin-bottom:25px;}
.sbox .sbox-h{min-height:150px; margin-top:40px;}


/* 폼 */
.form-control {
  display: block;
  width: 100%;
  padding: 20px;
  font-size: 16px;
  line-height: 1.42857143;
  color: #000;
  background-color: #fff;
  background-image: none;
  border: 2px solid #ccc;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #15ada0;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.00), 0 0 8px rgba(102, 175, 233, .0);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.00), 0 0 8px rgba(102, 175, 233, .0);
}
.form-control::-moz-placeholder {
  color: #000;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #000;
}
.form-control::-webkit-input-placeholder {
  color: #000;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}