/*
 * BOOTSTRAP 4.X 기반
 * http://ETY.KR
 * 상업적 또는 영리로 이용 가능하며 제작의뢰 받아서 유료로 작업을 해도 됩니다.
 * 사용하셔도 되지만 다른곳에 배포하지 마세요.(저작권관련 문제가 발생될 수 있습니다.)
 * 배포, 재배포는 에티테마(http://ety.kr) ,소프트존(http://www.softzone.co.kr) 만 가능하며 솔루션으로 재판매할 수 없으며 지적재산권을 주장할 수 없습니다.
 	
	font-family: 'Roboto', sans-serif;
	font-family: 'Nanum Gothic', sans-serif;
	font-family: 'Noto Sans KR', sans-serif;
	font-family: 'Open Sans', sans-serif;
	font-family: 'Raleway', sans-serif;

 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2018-2021 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */


@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-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: 'NanumSquareRound';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NanumSquareNeo-Variable';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PuradakGentleGothicR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.1/PuradakGentleGothicR.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);


html {
    overflow-x: hidden;
	font-size:16px;
}
.row{ margin:0 auto;}
 h1, h2, h3, h4, h5, h6, p, a, span, em, strong, del, s, b, blockquote, br, i, u, dl, dt, dd, table, tr, thead, tbody, tfoot, th, td, img, object, form, fieldset, label, input, textarea, select, option, button, header, main, section, aside, footer, nav, article, div, ol, pre {padding: 0; margin: 0; letter-spacing: -0.01rem; line-height: 1.3;font-family: 'NanumSquareNeo-Variable';  box-sizing: border-box; word-break: keep-all; }
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding:0 8px;}
.font_bold { font-family: 'NanumSquareNeoExtraBold';}
.font_heavy {font-family: 'NanumSquareNeoHeavy';}

button{ border:none;}
button:focus{ border:none; outline:none;}
.navbar-toggler:focus {border:none; outline:none;}


a { color:#000; }
a:hover { text-decoration: none; color:#000;}
li:hover a{font-family: 'NanumSquareNeoExtraBold';}




.footer ul li a{color:#fff;}
.footer ul li a:hover{color:#666;}
.no-padding{padding:0px;}
.no-margin{margin:0px;}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.navbar .dropdown.show a:active { 
  background-color: #6c757d;
}
.bg-white {
    background-color: #ffffff!important;
  box-shadow: rgba(0, 0, 0, 0.11765) 0px 1px 3px;
    background-color: rgba(255, 255, 255, 0.98);
}

.ks2{font-family: 'NanumSquareNeo-Variable';}
.ks3{font-family: 'NanumSquareNeo-Variable';}
.ks4{font-family: 'NanumSquareNeo-Variable';}
.ks5{font-family: 'NanumSquareNeo-Variable';}
.ks9{font-family: 'NanumSquareNeo-Variable';}
.na{font-family: 'NanumSquareNeo-Variable';}
.na2{font-family: 'NanumSquareNeo-Variable', sans-serif;}



.ko{font-family: 'NanumSquareNeo-Variable';}
.ko1{font-family: 'NanumSquareNeo-Variable';}
.ko2{font-family: 'NanumSquareNeo-Variable';}
.ko3{font-family: 'NanumSquareNeo-Variable', sans-serif;}
.en1{font-family: 'NanumSquareNeo-Variable', sans-serif;}
.en2{font-family: 'NanumSquareNeo-Variable', sans-serif;}
.en3{font-family: 'NanumSquareNeo-Variable', sans-serif;}
.ko_12 { font-family: 'NanumSquareNeo-Variable', sans-serif;font-size:12px; }
.ko_13 { font-family: 'NanumSquareNeo-Variable', sans-serif;font-size:13px; }
.ko_14 { font-family: 'NanumSquareNeo-Variable', sans-serif;font-size:14px; }
.ko_15 { font-family: 'NanumSquareNeo-Variable', sans-serif;font-size:15px; }
.ko_16 { font-family: 'NanumSquareNeo-Variable', sans-serif;font-size:16px; }
.ko_17 { font-family: 'NanumSquareNeo-Variable', sans-serif;font-size:17px; font-weight:400; line-height:1.8; }
.ko_18 { font-family: 'NanumSquareNeo-Variable', sans-serif;font-size:18px; }
.ko_19 { font-family: 'NanumSquareNeo-Variable', sans-serif;font-size:19px; }
.ko_20 { font-family: 'NanumSquareNeo-Variable', sans-serif;font-size:20px; }

.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f19{font-size:19px;}
.f20{font-size:20px;}
.f21{font-size:21px;}
.f22{font-size:22px;}
.f23{font-size:23px;}
.f24{font-size:24px;}
.f25{font-size:25px;}
.f60{font-size:60px;}

.fw1{font-weight:100;}
.fw2{font-weight:200;}
.fw3{font-weight:300;}
.fw4{font-weight:400;}
.fw5{font-weight:500;}
.fw6{font-weight:600;}
.fw7{font-weight:700;}

.lh19{line-height: 1.9;}
.lh20{line-height: 2;}

.color-white{color:#c3c3c3;}


.color-sky-blue {background:#cce5ff;}
.color-green{background:#d4edda;}



.portfolio-item {
  margin-bottom: 30px;
}

/*
HEAD-LINE
**********/
h3 {
  /*text-align: center;*/
}

.subtitle {
  margin: 0 0 50px;
}
.head-line {
  line-height: 0.5;
  text-align: center;
}
.head-line span {
  display: inline-block;
  position: relative;  
}
.head-line span:before,
.head-line span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  top: 0;
  width: 100px;
}
.head-line span:before {
  right: 100%;
  margin-right: 15px;
}
.head-line span:after {
  left: 100%;
  margin-left: 15px;
}
.subbg{background:url('../img/subbg.jpg');}


/*
.navbar {
  min-height: 80px;
}

.navbar-brand {
  padding: 0 15px;
  height: 80px;
  line-height: 80px;
}
*/
.bg-dark {
    background-color: #000000!important;
}

#tnb_index {background:#fff;}
#tnb_index h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#tnb_index ul {margin:0 auto;width: 1120px;background:#333333;zoom:1}
#tnb_index ul:after {display:block;visibility:hidden;clear:both;content:""}
#tnb_index li:first-child {border-right:1px solid #444444}
#tnb_index li {float:right;border-left:1px solid #444444;margin-bottom:-1px;}
#tnb_index a {display:inline-block;padding:0 10px;color:#eee;line-height:35px;}
#tnb_index a:focus, #tnb_index a:hover {color:#4ea1d3;background:#fafafa;font-family:'Gulim'; font-size:12px}
#tnb_index .tnb_index_admin a{color:#ff0000;}
#tnb_index .tnb_index_left{float:left}
#tnb_index .tnb_index_left a{padding:0 14px}
#tnb_index .tnb_index_cart{border-right:1px solid #ddd;}
#tnb_index .tnb_index_community{border-right:1px solid #ddd}
#tnb_index .tnb_index_community i{font-size:15px}
#tnb_index .tnb_index_community{background:#e7e7e7;font-weight:bold;}
#tnb_index .tnb_index_community:focus, #tnb_index .tnb_index_community:hover {color:#333;border-bottom:0}
#tnb_index .tnb_index_community a{color:#4ea1d3;border-bottom:1px solid #e7e7e7}
#tnb_index_left {float:left; margin-top:5px}
#tnb_index ul li a{font-size:12px; font-weight:bold; font-family:'Gulim'}

/*
헤딩
**********/
.center-heading {
    text-align: center;
    margin-bottom: 40px;
}
.center-heading p {
    margin-top: 10px;
}
.center-line {
    display: inline-block;
    width: 70px;
    height: 1px;
    border-top: 1px solid #bbb;
    margin: auto;
}

/*
아이콘박스
**********/

.h75{height:75px;}

.box > .icon { text-align: center; position: relative; }
.box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #6c757d; vertical-align: middle; }
.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
.box > .icon > .info > h3.title { margin-top:20px; font-size: 20px; color: #222; font-weight: 500; }
.box > .icon > .info > p { font-weight:300; color: #666; line-height: 1.7; margin: 20px; text-align:left;}
.box > .icon > .info > .more a { font-family: "Roboto",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
.box .space { height: 30px; }
.info i{font-size:60px;}



/* info-pink */

.box > .icon { text-align: center; position: relative; }
.box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #6c757d; vertical-align: middle; }
.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }

.box > .icon > .info-pink > h3.title { margin-top:20px;  font-size: 20px; color: #222; font-weight: 500; }
.box > .icon > .info-pink > p {  font-weight:300; color: #fff; line-height: 1.7; margin: 20px; text-align:left;}
.box > .icon > .info-pink > .more a { font-family: "Roboto",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
.box .space { height: 30px; }
.info-pink i{font-size:60px;}



/* info-pink-2 */

.box > .icon { text-align: center; position: relative; }
.box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #6c757d; vertical-align: middle; }
.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }

.box > .icon > .info-pink-2 > h3.title { margin-top:20px; font-size: 20px; color: #222; font-weight: 500; }
.box > .icon > .info-pink-2 > p {  font-weight:300; color: #fff; line-height: 1.7; margin: 20px; text-align:left;}
.box > .icon > .info-pink-2 > .more a { font-family: "Roboto",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
.box .space { height: 30px; }
.info-pink-2 i{font-size:60px;}



/*
parallax
**********/
.parallax-window {
    position: relative;
    background: #3e3b3b52;
}
.para_count {
  padding-top:50px;
}

/*
callbox
**********/
.callbox { background:#f2f2f2; margin-top:50px; padding-top:60px; padding-bottom:60px; }


/*
sns_icon
**********/

.sns_icon{
  list-style: none;
  text-align: center;
  width: 80px;
  cursor: pointer;
  display: inline;
  padding:5px;
}
.sns_icon .fab{ font-size:30px; }

.sns_icon .fa-facebook-f{ color:#a2a2a2; font-size:20px; }
.sns_icon .fa-instagram{ color:#a2a2a2; font-size:20px; }
.sns_icon .fa-twitter{ color: #a2a2a2; font-size:20px; }

.sns_icon a .fa-facebook-f:hover{ color:#3b5998; font-size:20px; }
.sns_icon a .fa-instagram:hover{ color:#dd4b39; font-size:20px; }
.sns_icon a .fa-twitter:hover{ color: #55acee; font-size:20px; }

/*
footer
*/

.a-link a { color:#ffffff; }
.sns_icon a { color:#ffffff; }
.bg-gray{background:#454545;}
.bg-gray div{padding:15px;}
.bg-gray-2{background:#f5f5f5}
/*
상하 좌우 조절
**********/
.margin-top-10 {
  margin-top:10px;
}
.margin-top-20 {
  margin-top:20px;
}
.margin-top-30 {
  margin-top:30px;
}
.margin-top-40 {
  margin-top:40px;
}
.margin-top-50 {
  margin-top:50px;
}
.margin-top-60 {
  margin-top:60px;
}
.margin-top-70 {
  margin-top:70px;
}
.margin-top-80 {
  margin-top:80px;
}
.margin-top-90 {
  margin-top:90px;
}
.margin-top-100 {
  margin-top:100px;
}
.margin-top-110 {
  margin-top:110px;
}
.margin-top-120 {
  margin-top:120px;
}
.margin-top-130 {
  margin-top:130px;
}
.margin-top-140 {
  margin-top:140px;
}
.margin-top-150 {
  margin-top:150px;
}




.margin-bottom-10 {
  margin-bottom:10px;
}
.margin-bottom-20 {
  margin-bottom:20px;
}
.margin-bottom-30 {
  margin-bottom:30px;
}
.margin-bottom-40 {
  margin-bottom:40px;
}
.margin-bottom-50 {
  margin-bottom:50px;
}
.margin-bottom-60 {
  margin-bottom:60px;
}
.margin-bottom-70 {
  margin-bottom:70px;
}
.margin-bottom-80 {
  margin-bottom:80px;
}
.margin-bottom-90 {
  margin-bottom:90px;
}
.margin-bottom-100 {
  margin-bottom:100px;
}

.margin-bottom-110 {
  margin-bottom:110px;
}
.margin-bottom-120 {
  margin-bottom:120px;
}
.margin-bottom-130 {
  margin-bottom:130px;
}
.margin-bottom-140 {
  margin-bottom:140px;
}
.margin-bottom-150 {
  margin-bottom:150px;
}


.margin-left-10 {
  margin-left:10px;
}
.margin-left-20 {
  margin-left:20px;
}
.margin-left-30 {
  margin-left:30px;
}
.margin-left-40 {
  margin-left:40px;
}
.margin-left-50 {
  margin-left:50px;
}
.margin-left-60 {
  margin-left:60px;
}
.margin-left-70 {
  margin-left:70px;
}
.margin-left-80 {
  margin-left:80px;
}
.margin-left-90 {
  margin-left:90px;
}
.margin-left-100 {
  margin-left:100px;
}
.margin-right-10 {
  margin-right:10px;
}
.margin-right-20 {
  margin-right:20px;
}
.margin-right-30 {
  margin-right:30px;
}
.margin-right-40 {
  margin-right:40px;
}
.margin-right-50 {
  margin-right:50px;
}
.margin-right-60 {
  margin-right:60px;
}
.margin-right-70 {
  margin-right:70px;
}
.margin-right-80 {
  margin-right:80px;
}
.margin-right-90 {
  margin-right:90px;
}
.margin-right-100 {
  margin-right:100px;
}



.padding-top-10 {
  padding-top:10px;
}
.padding-top-20 {
  padding-top:20px;
}
.padding-top-30 {
  padding-top:30px;
}
.padding-top-40 {
  padding-top:40px;
}
.padding-top-50 {
  padding-top:50px;
}
.padding-top-60 {
  padding-top:60px;
}
.padding-top-70 {
  padding-top:70px;
}
.padding-top-80 {
  padding-top:80px;
}
.padding-top-90 {
  padding-top:90px;
}
.padding-top-100 {
  padding-top:100px;
}
.padding-top-110 {
  padding-top:110px;
}
.padding-top-120 {
  padding-top:120px;
}
.padding-top-130 {
  padding-top:130px;
}
.padding-top-140 {
  padding-top:140px;
}
.padding-top-150 {
  padding-top:150px;
}




.padding-bottom-10 {
  padding-bottom:10px;
}
.padding-bottom-20 {
  padding-bottom:20px;
}
.padding-bottom-30 {
  padding-bottom:30px;
}
.padding-bottom-40 {
  padding-bottom:40px;
}
.padding-bottom-50 {
  padding-bottom:50px;
}
.padding-bottom-60 {
  padding-bottom:60px;
}
.padding-bottom-70 {
  padding-bottom:70px;
}
.padding-bottom-80 {
  padding-bottom:80px;
}
.padding-bottom-90 {
  padding-bottom:90px;
}
.padding-bottom-100 {
  padding-bottom:100px;
}

.padding-bottom-110 {
  padding-bottom:110px;
}
.padding-bottom-120 {
  padding-bottom:120px;
}
.padding-bottom-130 {
  padding-bottom:130px;
}
.padding-bottom-140 {
  padding-bottom:140px;
}
.padding-bottom-150 {
  padding-bottom:150px;
}





.p-r{position: relative;}
.p-a{position: absolute;}


.para-text h2{line-height:2.5;}
.display-4 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.color_666{color:#666;}
.bg-gray2{
  background:#f2f2f2;
  padding-bottom: 20px;
  padding-top: 20px;
}

.heading{
  font-size: 18px;
  line-height: 24px;
}
.pro-icon i{font-size:24px;}


.para-text{
  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.container-board { max-width:950px; margin:0 auto;}

/* 개별스타일 */

.card-read-more .fa-eye,
.card-read-more .gall_name,
#sm_dn, 
.sv_member,
.wr_name,
.fa-download,.fa-heart {display:none !important;}
#bo_v_img {display:none;}
.mo {display:none !important;}
.sg_color { color:#fb3a3b;}
.sg_color2 { color:#003183;}

.mo_inline {display:none !important;}

  /* nav */
.main_top_container {background:#18181d; text-align:center; display:none;}
.main_top_container img{ width:100%; max-width:1200px;}

.hd_sch_wr {position:inherit;width:140px;}
#hd_sch {border:1px solid #ddd;border-radius:0;}
#hd_sch #sch_submit {width:38px;padding:7px 0;background:#e63079;}
.fa-search:before {color:#fff;}
#hd_sch #sch_stx {width:100px;}
.nav_container2 .dropdown .btn {background:#fff;display:flex;align-items:center;font-size:1.5rem !important;}
.nav_container2 .dropdown .nav_all {font-weight:600;margin-right:10px;font-size:1.25rem;}
.navbar.navbar-expand-lg.container .row {justify-content:center;}

.navbar {padding:0;}
.navbar .row { width:100%;}
.navbar .row .logo_wrap {width:75%;padding:0; display:flex;align-items:center; justify-content:center;}
.navbar .row .logo_wrap .navbar-brand {width:100px;}
.navbar .row .logo_wrap .navbar-brand img { width:100%;}
.navbar .row .collapse { background:#503672;max-width:inherit;padding:10px 0;}
.navbar.navbar-expand-lg.container {max-width:inherit;background:#fff;}
.navbar .row .collapse .navbar-nav {width:78%;max-width: inherit; justify-content:space-between; margin:0 auto;align-items:center;}
.navbar .row .collapse .navbar-nav .nav-item a {color:#fff;}
.navbar .row .collapse .navbar-nav .nav-link {padding:0.8rem 1rem; color:#18181d;}
.navbar-expand-lg .navbar-nav .nav-link {color:red;}
.navbar-toggler {
    background-color: none; color:#fff; border-radius:5px;
}
.navbar-toggler:focus {border:none; outline:none;}
.navbar-expand-lg .navbar-nav .dropdown-menu {border-radius:20px;background:tan;}
.navbar-expand-lg .navbar-nav .dropdown-menu li {padding-left:20px;padding-bottom:10px;}
.navbar-expand-lg .navbar-nav .dropdown-menu li:nth-of-type(5) {padding-bottom:0;}
.hd_sch_wr {margin-left:0;}
ul, ol {margin-bottom:0 !important;}

	/* banner */
header .pc_banner {text-align:center; background:none; padding-top: 30px;max-width:1400px;margin:0 auto;padding-left:15px;padding-right:15px;}
header .pc_banner img {width:100%;}
header .mo_banner img{display:none;}
.pc_banner {animation-name: colorblink ;animation-duration: 3s;animation-iteration-count: infinite;}
@keyframes colorblink {
	0% {filter:sepia(0);}
	50% {filter:sepia(0.5);}
    100% {filter:sepia(0);}
}

	/* ad */  
.ad_wrap { text-align:center;}
.adsbygoogle { display:inline-block;}
.main_ad_wrap { display: flex; justify-content: space-around;}

/* 공통 */
.tit_line {margin:10px auto; width:100%; height:5px; background:#ddd;}
.bo_v_nb li .nb_date {display:none;}

.container_title { font-size:1.7rem;}
.tooltiptext { width: 60px;
    background-color: #4c86c5;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top:-40%;
    left: 50%;
    margin-left: -100px;
	font-size:0.2rem;}

.tooltiptext::after
{
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #4c86c5 transparent transparent transparent;
}

/* #sw1 {background:#f1e4fe;height:370px;border-radius:30px;justify-content:space-between;}
#sw2 {background:#c3e2e2;height:370px;border-radius:30px;justify-content:space-between;} */

.main_bg {background-image:url('../../../img/bg.png')}
	/* main_1st_container */
.mainbox {position:relative; z-index:1; padding:20px 0; background:#291729;max-width:1370px;margin:0 auto;overflow:hidden;}
.board_sr ul {display:inline-block; width:900px; vertical-align: top;}
.board_sr ul li {position:relative; display:inline-block; float:left; width:255px; height:170px; vertical-align: top;}
.board_sr ul li.bdli_1 {width:645px; height:340px;}
.board_sr ul li .thum { display: block; width: 100%; padding-bottom: 70%; position: relative; height: auto; overflow: hidden;}
.board_sr ul li .thum .tmb_box {position:absolute; left:0; top:0; width:100%; height:100%; left: -50%;top: -50%;}
.board_sr ul li .thum img {display:block; text-align:center; margin:0 auto; max-width:none; width:153%;}
.board_sr ul li .name_a {position:absolute; left:0; bottom:0; padding:15px; z-index:6;   display:inline-block; width:100%;}
.board_sr ul li .textbg { background: url(/Img/textbg.png) 0 0 no-repeat; height:100%; z-index:5; position:absolute; left:0; top:0; width:100%; background-position: -495px 0px;}
.board_sr ul li.bdli_1 .textbg { background: url(/Img/textbg.png) 0 0 no-repeat; height:100%; z-index:5; position:absolute; left:0; top:0; width:100%;}

.board_sr ul li .name_a .name_b {width: 100%;  font-size:14px; font-weight:bold; color:#fff; position:relative;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_sr ul li.bdli_1 .name_a .name_b {font-size:24px;}
.board_sr ul li.bdli_1 .name_a .name_c {margin-top:10px; font-size:12px; color:#e0e0e0; display: -webkit-box; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; text-align: left; word-wrap: break-word; line-height: 20px; height: 40px; display:inline-block; width:100%;}

.board_content_left {width:900px; display:inline-block; margin-right:15px;}
.board_content_right {width:445px; display:inline-block; vertical-align: top;}

.swiper-slide {z-index:10;}
.swiper-container1 {position:relative;}
.swiper-container1 ,.swiper-container2 {overflow:hidden;}
.swiper-container .swiper-button-prev {background-repeat:no-repeat;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2332BFD1'%2F%3E%3C%2Fsvg%3E");}
.swiper-container .swiper-button-next {background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2332BFD1'%2F%3E%3C%2Fsvg%3E");}
.swiper-container .swiper-button-next, .swiper-container .swiper-button-prev {width:50px; height:60px;}
.swiper-container .swiper-button-next:after, .swiper-container .swiper-button-prev:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.15); z-index:-1;}

.swiper-container2 {position:relative;}
.swiper-container2 .thum {display:block; height:340px; overflow:hidden;}
.swiper-container2 .thum .tmb_box {margin-left:-40px;}
.swiper-container2 .thum .tmb_box img {max-width:none; height:340px; width:100%;object-fit:cover;}

.board_content_right .swiper-slide {}
.board_content_right .textbg {background: url(/Img/textbg.png) 0 0 no-repeat; height:100%; z-index:5; position:absolute; left:0; top:0; width:100%;}
.board_content_right .name_a {position:absolute; left:0; bottom:20px; padding:15px; z-index:6;   display:inline-block; width:100%;}
.board_content_right .name_a .name_b {width: 100%;  font-size:14px; font-weight:bold; color:#fff; position:relative;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


.board_white {font-size:0; background:#fff; border:1px solid #ccc;     border-top: 20px double #6b1686; margin-top:30px; }
.board_white .tit01 {color:#000; font-size:28px; padding-left:20px; padding-top:20px; font-weight:bold;}
.board_white .tit01 span {color:#e63079;}
.board_white .left_white {display:inline-block; width:50%; vertical-align: top;}
.board_white .right_white {display:inline-block; width:50%; vertical-align: top;}
.board_white .main_board2 .board03 .tit {padding:0; position:relative; border:none; border-bottom:1px solid #ccc; margin-bottom:15px;}
.board_white .main_board2 .board03 .tit span {color:#000; background:none; padding-left:5px;}
.board_white .main_board2 .board03 .tit .more {display:inline-block; position:absolute; right:0; top:8px; color:#333; font-size:12px;}
.board_white .main_board2 .board03 .tit .more i {color:#e63079;}
.board_white .main_board2 .board03 ul li .thum {width:140px; padding-bottom:27%;}
.board_white .main_board2 .board03 ul li.bd_li01 .name_c {position:absolute; left:0; font-size:12px; color:#fff; bottom:-6px; width:140px; display: -webkit-box;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
text-align: left;
word-wrap: break-word;
padding:0 10px;
line-height: 20px;
height: 40px; background:rgba(16, 19, 140, 0.5);  }
.board_white .main_board2 .board03 {margin-bottom:30px; min-height:200px;}

	/* main_2nd_container */

.main_2nd_container {margin: 50px auto;position:relative;}
.main_2nd_container .c2_photo img {width:100%;}
.main_2nd_container .c2_light {display:block;width:300px;height:300px;background:yellow;border-radius:50%;position:absolute;top:18%;left:13%;opacity:0.3;
-webkit-filter: blur(20px); filter: blur(10px); animation-name: lightning;animation-duration: 3s;animation-iteration-count: infinite;}

@keyframes lightning {
      0% {-webkit-filter: blur(20px); filter: blur(10px);opacity:0.2}
      50% {-webkit-filter: blur(40px); filter: blur(20px);opacity:0.3}
	  100% {-webkit-filter: blur(20px); filter: blur(10px);opacity:0.2}
}
	/* main_3rd_container */
.main_3rd_container {margin:80px auto;}

.c3_wrap {width: 1370px;margin: 20px auto;}
.c3_wrap .click {display:flex;width:800px;justify-content:space-around;margin-bottom:20px !important;}
.c3_wrap .click li {display:block; animation-name: move;animation-duration: 1.3s;animation-iteration-count: infinite;font-size:1.4rem;}

@keyframes move {
      0% {transform:translateY(0px);color:#fa7127;}
      50% {transform:translateY(18px);color:#ffd700;}
	  100% {transform:translateY(0px);color:#fa7127;}
}

.c3_wrap .click li.on {color:#fff !important;}
.tab_title li {list-style: none;float: left;width: 160px;padding: 10px 15px;cursor: pointer;text-align: center;border: 1px solid #bebebe;
animation-name: blink;animation-duration: 0.8s;animation-iteration-count: infinite;font-weight:600;
}

@keyframes blink {
	  0% {color:red;}
      50% {color:orange;}
	  100% {color:red;}
 }

.tab_title li.on {background-color: #f5f5f5;font-weight: bold;color:#7092be;animation:inherit;}
.tab_cont {clear: both;border: 1px solid #dedede;background-color: #f5f5f5;}
.tab_cont > div {display: none;text-align: center;padding:30px;}
.tab_cont > div.on {display:flex;flex-wrap:wrap;justify-content:space-between;}
.tab_cont > div.on a {margin:0 20px 30px 20px;}
.tab_cont > div.on a:hover {box-shadow: 2px 2px 14px gray;}
.tab_cont > div.on a:hover .c3_info {background:orange;color:#f5f5f5;}
.tab_cont > div.on a:last-child {width:100%;background:#c5c5c5;padding:10px 0;font-size:1.25rem;}
.tab_cont > div.on a:last-child:hover {font-weight:600;}
.tab_cont > div.on a .c3_info {padding:10px 0;font-weight:600;}
.tab_cont > div.on a .c3_photo {width:240px;height:220px;}
.tab_cont > div:nth-of-type(1) a .c3_photo {width:240px;height:120px;}
.tab_cont > div:nth-of-type(2) a .c3_photo {width:240px;height:120px;}
.tab_cont > div:nth-of-type(5) a .c3_photo {width:240px;height:120px;}
.tab_cont > div.on a .c3_photo img {width:100%;height:100%;object-fit:cover;}

	/* main_4th_container */

.main_4th_container .c4_top {display:flex;}
.main_4th_container .c4_text {padding:10px 10px 10px 20px;background:#333;color:#fff;font-size:1.25rem;font-weight:600;border-top-right-radius:50px;width:100%;}
.main_4th_container .c4_purple {background:#503672;width:30px;height:auto;}
.main_4th_container .top_row {justify-content:space-around;margin:40px 0;}
.main_4th_container .row a {display:flex;justify-content:space-around;align-items:center;}
.main_4th_container .row .c4_wrap {overflow:hidden;}
.main_4th_container .row .c4_wrap .c4_up {position:absolute;bottom:-30px;transition:all 1s;font-size:1.5rem;font-weight:600;}
.main_4th_container .first_row .c4_wrap:hover .c4_up {bottom:45%;}
.main_4th_container .first_row .c4_wrap:hover .c4_photo {opacity:0.7;}
.main_4th_container .row .c4_mbti {display:flex;flex-wrap:wrap;}
.main_4th_container .row .c4_photo {width:100%;transition:all 0.5s;}
.main_4th_container .row .c4_photo img {width:100%;}
.main_4th_container .row .right .c4_wrap:last-child .c4_word {width:inherit;}
.main_4th_container .row .c4_word {width:33%;padding:7px 0;color:#fff;font-weight:600;}

.bg_star {max-width:inherit; background-image:url('../../../img/bg.png');background-repeat: no-repeat;padding:60px 0 20px 0;}
.c4_title {color:#a352ac;font-size:1.5rem;font-weight:600;padding:20px 0;}
.main_4th_container .c4_btn a {padding:10px 0;display:block;background:#eeeeee;text-align:center;font-size:1.25rem;font-weight:600;}
.main_4th_container .c4_btn {margin:30px 0 0 0;}

/* 모바일기기 */
@media only screen and (max-width: 320px) {

  /* 모바일 1 슬라이드 크기 조절 */
  .carousel-item {
    height: 200px;;
    min-height: 200px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  /* 모바일 슬라이드 텍스트 크기 조절 */
  .carousel-caption h3{font-size:16px;}
  .carousel-caption p{font-size:14px;}


  /*
  네비
  **********/
  .navbar-brand { font-size:25px; font-weight:bold; }
  .navbar-nav li {
    padding: 5px 0 5px 10px;
  }

}


@media only screen and (min-width: 320px) and (max-width: 475px){
header .pc_banner {display:none;}
header .mo_banner {display:block;}
header .mo_banner img{display:block; width:100%;height:100%;margin: 0 auto;}
}

@media only screen and (min-width: 475px) and (max-width: 992px) {
header .mo_banner img{display:none;}
header .pc_banner {display:block;}
header .pc_banner img {height:300px;}

}

/* 모바일기기 + 태블릿 */

@media only screen and (min-width: 320px) and (max-width: 768px){


.pc {display:none !important;}
.mo {display:block !important;}
.mo_inline {display:inline-block !important;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding:0;}
#top_btn { right:30px;}

	/* navbar */
.navbar {padding:0;}
.navbar .row .logo_wrap .navbar-brand {padding:0; width:30%;}
.navbar .navbar-brand img { width:150px;}
.navbar .row {padding:0 15px; justify-content:space-between; align-items: center;}
.navbar .row .logo_wrap {width:88%; text-align:center; background:none;}
nav .row .pc_nav_ad .adsbygoogle { display:none;}
.navbar .row .navbar-toggler {width:15%;border-radius: 0; color:#fb3a3b;  font-size:2.2rem; border:2px solid #fb3a3b; padding:0;}

header .mo_banner {margin-bottom:30px;}

	/* ad */
.adsbygoogle[data-ad-status="unfilled"] { display: none !important;}
.main_ad2,.main_ad3 { display:none;}

.navbar .mo_nav_ad { display: block; margin:10px auto;width: 100%; text-align: center; background: #fff;}
.navbar .mo_nav_ad .adsbygoogle { width:320px; height:50px;}

.main_2nd_bt .ad_wrap .adsbygoogle { width:320px; height:100px;}
.main_4th_container .row .main > .ad_wrap .adsbygoogle {width:300px; height:250px;}
.main_5th_bt.ad_wrap {margin-bottom:30px;}
.main_5th_bt.ad_wrap .adsbygoogle {width:320px; height:50px;} 

.main_6th_container .bottom_row .left .ad_wrap .adsbygoogle {width:320px; height:100px;}

/* 공통 */
.container_title {margin-left:30px; font-size:1.3rem; }


	/* main_1st_container */
.main_1st_container .ad_wrap .adsbygoogle { width:300px; height:250px;}
.main_1st_container .content_wrap .issue {border-right: none; margin-bottom:10px;}
.main_1st_container .content_wrap .issue .sg_color {font-size:1rem;}
.main_1st_container .content_wrap .main_btn,
.main_1st_container .content_wrap .issue { padding:0 6px;}
.main_1st_container .content_wrap .main_btn .text_wrap p:nth-child(1) { font-size:1rem;}
.main_1st_container .content_wrap .main_btn .text_wrap p:nth-child(2),
.main_1st_container .content_wrap .main_btn .text_wrap p:nth-child(3) { font-size:0.8rem;}
	/* main_2nd_container */
.main_2nd_container { padding:0;}
.main_2nd_container .row .center {order:1; padding:0;}
.main_2nd_container .row .center .text_wrap p {padding:0 20px;}
.main_2nd_container .row .right {order:2; padding:0 25px; margin:20px auto;}
.main_2nd_container .row .right .content_wrap a .text_wrap .con_title { font-size:1.2rem; font-family: 'NanumSquareNeoExtraBold';}
.main_2nd_container .row .left {order:3; padding: 0 30px;}
.main_2nd_container .row .left .content_wrap .con_title { font-soze:1.3rem; text-align:center;}


	/* main_3rd_container */
.main_3rd_container { padding:0; display:flex; flex-wrap: wrap;}
.main_3rd_container .top_row { order:2;}
.main_3rd_container .bottom_row { order:1;}

.main_3rd_container .row .left { padding:0;}

.main_3rd_container .row .left .content_row .content_main { padding:0;text-align:left; border:none;}
.main_3rd_container .row .left .content_row .content_main .con_content p {font-size:0.9rem;}
.main_3rd_container .row .left .content_row .content_sub { padding:0 30px;}

.main_3rd_container .bottom_row .left .content_row .content_main .tit_line { background:#fb3637;}
.main_3rd_container .bottom_row .left .content_row .content_main .container_title { color:#fb3637;}
.main_3rd_container .bottom_row .left .content_row .content_main .content_box {  margin:30px 25px 0;padding-bottom:20px; border-bottom:1px solid #ddd;}
.main_3rd_container .top_row .left .content_row .content_main .img_wrap  {text-align:center; display:inline-block;width:100%;}
.main_3rd_container .top_row .left .content_row .content_main .con_title {     width: 100%; text-align:center; padding:0 15px;}
.main_3rd_container .top_row .left .content_row .content_main .img_wrap img{ width: 90%;}
.main_3rd_container .top_row .left .content_row .content_main .con_content p { padding:0 25px;}
.main_3rd_container .top_row .left .content_row .content_main .more_btn {
    display: inline-block;
    width: 90%;
    padding: 8px 0;
    border-radius: 5px;
    border: 1px solid #aaa;
    text-align: center;
	margin: 15px auto;
}
	/* main_4th_container */
.main_4th_container {padding:0;}
.main_4th_container .row .main .content_wrap { flex-wrap: wrap;}
.main_4th_container .row .main .content_wrap .w30,
.main_4th_container .row .main .content_wrap .w33 { width:100%;flex: 0 0 100%; border-left:none;border-right:none;}
.main_4th_container .row .main .left .content_wrap { height:unset; padding: 15px 10px; margin:0 15px;}
.main_4th_container .row .main .content_wrap .left { margin-top: 20px;}
.main_4th_container .row .main .left .content_wrap a .con_img { width:40%;}
.main_4th_container .row .main .right .content_wrap { height:unset;padding: 15px 10px; margin:0 15px;}
.main_4th_container .row .main .right .content_wrap a { justify-content: space-between;}
.main_4th_container .row .main .right .content_wrap a .con_img {width: 40%;}
.main_4th_container .row .main .content_wrap .right .more_btn {display:inline-block;width: 100%; padding: 8px 0; margin: 30px auto; border-radius: 5px; border: 1px solid #aaa; text-align: center; margin-top: 15px;}
/* main_5th_container */
.main_5th_container { padding:60px 30px;margin:50px auto 20px; background:url('../img/mb_content4_bg.png') no-repeat; background-size:auto;}
.main_5th_container .content_wrap { flex-direction: column;}
.main_5th_container .content_wrap .img_wrap {order:1; width:100%; text-align:right;}
.main_5th_container .content_wrap .img_wrap img {width:85%;}
.main_5th_container .content_wrap .text_wrap {order:2;width: 100%; margin-top:-30px;}
.main_5th_container .content_wrap .text_wrap img { width:25%;}

	/* main_6th_container */ 
.main_6th_container  {padding:0;}
.main_6th_container .top_row .content_wrap .text_wrap .con_content { font-size:0.9rem;}
.main_6th_container .bottom_row .left {margin-top:unset;}
.main_6th_container .bottom_row .left .content_row { margin:20px auto;}
.main_6th_container .bottom_row .left .content_row .content_main {border:none;}
.main_6th_container .bottom_row .left .content_row .content_main .more_btn { width: 100%; padding: 8px 0; border-radius: 5px; border: 1px solid #aaa; text-align: center; margin-top: 15px; display:inline-block;}
/* footer */
footer {margin-top:0 !important;}
footer h2  {font-size:1.5rem;}

  /* 모바일 2 슬라이드 크기 조절 */
  .carousel-item {
    height: 200px;;
    min-height: 200px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  /* 모바일 슬라이드 텍스트 크기 조절 */
  .carousel-caption h3{font-size:16px;}
  .carousel-caption p{font-size:14px;}

  /*
  네비
  **********/
  .navbar-brand { font-size:25px; font-weight:bold; }
  .navbar .row .collapse {background:#fff;}
  .navbar .row .collapse .navbar-nav {	background:none;}
  .navbar-nav li {
    padding: 5px 0 5px 10px;
	color:#fff;
	background:none;
  }

 .navbar .row .collapse .navbar-nav .nav-link {color:#303d4d;}
 #hd_sch { margin-bottom:15px;}
#hd_sch #sch_stx {width: 85%;}
}

/* 태블릿 */
@media only screen and (min-width: 769px) and (max-width: 990px){

.box > .icon > a .info { width:90%;}

.navbar {padding:0;}
.navbar .row {padding:0 35px; justify-content:space-between; background:#55626d;}
.navbar .row .collapse .navbar-nav {background:#55626d;}
.navbar .row .collapse .navbar-nav .nav-item .nav-link {color:#fff;}
.mo_nav_ad { display:block; background:#fff; width:100%; text-align:center;}
.navbar .row .logo_wrap {width:88%;}
.navbar .row .navbar-toggler {width:12%;}
.mo_nav_ad .adsbygoogle { width:720px; height:90px;}

footer { margin-top:0 !important;}


  /* 태블릿등 슬라이드 크기 조절 */
  .carousel-item {
    height: 800px;;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  /*
  네비
  **********/
  .navbar-brand { font-size:25px; font-weight:bold; }
  .navbar-nav li {
    padding: 20px 0 20px 24px;
  }

}

@media only screen and (min-width: 991px) and (max-width: 1199px) {
.navbar {padding:0;}

}


/* 데스크탑 */
@media only screen and (min-width: 1200px) {
.container {
    max-width: 1400px;
}
  /* DESKTOP 슬라이드 크기 조절 */
  .carousel-item {
    height: 800px;;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  /*
  네비
  **********/
  .navbar-brand { font-size:25px; font-weight:bold; }
  .navbar-nav li {
  }


}


.nav-link {
    display: block;
    padding: .5rem 1rem 0;
	font-size:18px;
	font-weight: bold;
}

.material-icons-outlined {
    font-family: 'Material Icons Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 60px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
ins.adsbygoogle[data-ad-status="unfilled"] { display: none !important; }
.ads_sj {display: flex;justify-content: space-between;max-width: 1200px;margin: 0 auto;}