/*
 * 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;
}

@font-face {
    font-family: 'KIMM_Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/KIMM_Bold.woff2') format('woff2');
    font-weight: 700;
    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; }

.font_bold { font-family: 'NanumSquareNeoExtraBold';}
.font_heavy {font-family: 'NanumSquareNeoHeavy';}
.font_kimm { font-family: 'KIMM_Bold';}



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;
}

#bo_v_img,#bo_v_info {display:none;}

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

.subtitle {
  margin: 0 0 50px; 0;
}
.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;
}

/*
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 {text-align:center;}
.mo {display:none !important;}
.sg_color { color:#fb3a3b;}
.sg_color2 { color:#003183;}

#sch_result {width: 100%; max-width:950px; margin: 0 auto;}
.mo_inline {display:none !important;}

#bo_v_img img {display:none;}
  /* nav */
.main_top_container {background:#18181d; text-align:center; display:none;}
.main_top_container img{ width:100%; max-width:1200px;}
.navbar-expand-lg {max-width:inherit !important;padding:0;}
.navbar .row { width:100%; align-items:center; }
.navbar .row .logo_wrap {max-width:1400px;padding:0; display:flex;align-items:flex-end; justify-content:center;position:relative;}
.navbar .row .logo_wrap .navbar-brand {width:17%; text-align:center;}
.navbar .row .logo_wrap .navbar-brand img { max-width:200px;}
.navbar .row .navbar-collapse {justify-content:right;align-items: flex-end;}
.navbar .row .navbar-collapse .navbar-nav {width:100%;justify-content:center; align-items:center; margin:0;border-top:1px solid #000;border-bottom:1px solid #000;}
.navbar .row .navbar-collapse .navbar-nav .nav-item { width:17%;}
.navbar .row .navbar-collapse .navbar-nav .nav-item .nav-link {padding:0.9rem 1rem 12px; height:100%; color:#000; font-size: 1.2rem; text-align:center;}
.navbar .row .navbar-collapse .navbar-nav .nav-item .nav-link:hover {color:#496fdb;}
#hd_sch #sch_stx {background:#fff;border-right:1px solid #ddd;padding-left:20px;}
#hd_sch #sch_submit {color:#bbb;background:#fff;}


#nav_sch { background: #f1f2f2; border: 1px solid #ccc;position:absolute;right:0;bottom:10px;}

.navbar-expand-lg .navbar-nav .nav-link {color:#000;}

.navbar-toggler {
        color: #7f75ef;
    font-size: 2.2rem;
    border: 2px solid #7f75ef;
}
.navbar-toggler:focus {border:none; outline:none;}

.navbar.navbar-expand-lg.container .container li { list-style-type:none; } 

/* ad */  
.ad_wrap { text-align:center;}
.adsbygoogle { display:inline-block;}
.adsbygoogle[data-ad-status="unfilled"] { display: none !important;}
.ad_row { display:flex; justify-content:space-between;}

.main_ad_wrap { display: flex; justify-content: space-between;}
.main_ad_wrap .ad_wrap {}
.ad_wrap > a > img { width:100%;}
.main_ad_wrap.main_ad_1 .ad_wrap .adsbygoogle { width: 336px; height: 280px;}

.main_ad_wrap.main_ad_2 { width: 100%; max-width: 1450px; margin: 0 auto 40px; justify-content: space-around;} 
.main_ad_wrap.main_ad_2 .ad_wrap:nth-child(1) .adsbygoogle { width: 300px; height: 250px;} 
.main_ad_wrap.main_ad_2 .ad_wrap:nth-child(2) .adsbygoogle { width: 970px; height: 250px;} 

.main_ad_wrap.main_ad_3 { width: 100%; justify-content: space-around; padding: 0 20px;} 
.main_ad_wrap.main_ad_3 .ad_wrap .adsbygoogle { width: 336px; height: 280px;}

.main_ad_wrap.main_ad_4 { width: 100%; max-width: 1450px; margin: 0 auto 40px; justify-content: center;}
.main_ad_wrap.main_ad_4 .ad_wrap .adsbygoogle { width: 970px; height: 250px;}

.sim-ad img { width:100%; max-width:900px;}

#main_3rd_container .bottom_row .ad_wrap { text-align: left;flex: 0 0 30%; padding: 0 5px; overflow: hidden;}
#main_3rd_container .bottom_row .ad_wrap .sim-ad img { max-width: 320px; transition:0.2s;}
#main_3rd_container .bottom_row .ad_wrap .sim-ad:hover img{ transform:scale(1.03);}



	/* banner */
header .pc_banner {text-align:center; background:none; max-width: inherit; margin:0 auto;}
header .pc_banner img { width: 100%; }
header .pc_banner .sim-ad img { width:100%; max-width:unset;}
header .mo_banner img{display:none;}


	
/* 공통 */
.container {max-width:1450px;}
.container_title { text-align:center;}
/*.container_title .tit { font-size: 1.25rem;font-family: 'NanumSquareNeoExtraBold';margin-bottom:20px;}*/
.container_title .sub_tit { color:#5f74a1; margin-bottom:30px;}
.container_title .more_btn { background:#02387e; color:#fff; padding: 5px 27px;; border-radius:30px; transition:0.2s;}
.container_title .more_btn:hover { background:#456999;}
.btn_more a {border-radius:30px;padding:10px 20px; color:#666;border:1px solid #000;transition:all 0.5s ease-in;}
.btn_more a:hover {box-shadow: 0 80px 0 0  rgba(0,0,0,0.25) inset, 0 -80px 0 0 rgba(0,0,0,0.25) inset;color:#fff;border:1px solid #ddd}


figure{
  position:relative;
  width:100%;
}

figure:hover figcaption{ opacity: 1; }
figure:hover .line::before { width: 80%; }
figure:hover .line::after { width: 80%; }
figure:hover .line span::before { height: 80%; }
figure:hover .line span::after { height: 80.5%; }


figcaption{
  position:relative;
  width:100%; height:6rem;
  opacity:0.8;
  transition: all 0.5s;
}

.content_box:nth-of-type(1) figcaption {background:#665b57;}
.content_box:nth-of-type(2) figcaption{background:#364d5a;}
.content_box a .c1_title {text-align:center;width:10rem;margin:0px auto 10px;}
.content_box:nth-of-type(1) .c1_title {background:#3d3734;}
.content_box:nth-of-type(2) .c1_title {background:#202e36;}

a figcaption p{
  color:#fff; font-weight:bold; font-size:16px; 
  text-align:center; line-height:2rem;
}

.line::before {
    content: "";
    position: absolute;
    background: rgba(255, 255, 255, 0.7);
    display: inline-block;
    transition: all 0.5s;
    left: 10%;
    top: 10%;
    width: 0%;
    height: 2px; 
}

.line::after {
  content: "";
  position: absolute;
  background: rgba(230, 230, 230, 0.7);
  display: inline-block;
  transition: all 0.5s;
  left: 10%;
  top: 90%;
  width: 0%;
  height: 2px; }

.line span::before {
  content: "";
  position: absolute;
  background: rgba(230, 230, 230, 0.7);
  display: inline-block;
  transition: all 0.5s;
  left: 10%;
  top: 10%;
  width: 2px;
  height: 0%; }

.line span::after {
  content: "";
  position: absolute;
  background: rgba(230, 230, 230, 0.7);
  display: inline-block;
  transition: all 0.5s;
  left: 90%;
  top: 10%;
  width: 2px;
  height: 0%; }



ul#cardOver{
        list-style: none;
        width: 100%;
        padding-left: 0;
    }

    ul#cardOver li{
        position: relative;
        margin: 5px;
        width: 100%;
        height: 320px;
        display: inline-block;
        box-shadow: 2px 2px 2px gray;
        overflow: hidden;
    }

    ul#cardOver>li>img{
        position: absolute;
        top: 0;
        left: 0;
        transition: 0.3s ease-out;
    }

    ul#cardOver li>.bg{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        transition: 0.25s ease-out;
    }

    ul#cardOver li>.view{
	  background:#000;opacity:0.7;
      width: 100%;
      top: 130%;
      left: 50%;
      transform: translate(-50%,  -50%);
      padding: 15px;
      position: absolute;
      box-sizing: border-box;
      text-align: center;
      transition: .33s ease;
      z-index: 2;
    }

    .view h3{
      text-align: center;
      font-size: 20px;
      margin: 0;
      color: #fff;
	  font-weight:600;
      font-family: 'Yusei Magic', sans-serif;
  }
    
    .view p{
      font-size: 16px;
      color: #fff;
      opacity: 0;
      transition: .2s ease-out;
      font-family: 'Balsamiq Sans', cursive;
      font-weight: bold;

    }

    .view a{
      display: inline-block;
      text-decoration: none;
      padding: 7px 35px;
      margin-top: 10px;
      color: #fff;
      border: 1px solid #fff;
      transition: 0.28s;
      opacity: 0;
      font-family: 'Rubik', sans-serif;
    }
      .view a:hover{
        background-color: transparent;
        color: #fff;
    }
   
    ul#cardOver li:hover img{
        top: -10px;
    }
    ul#cardOver li:hover .bg{
        background: rgba(0,0,0, 0.44);
    }
    ul#cardOver li:hover .view{
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

	ul#cardOver li:hover .view>p, ul#cardOver li:hover .view>a{
         opacity: 0.7;
		 background:#000;
    }

ul#cardOver li:hover .bg {background:rgba(0,0,0, 0.44);}

#leftToRight li::after {position: absolute; content:""; display: block; border-bottom: 3px solid #000; transition: width 250ms ease-out; left: auto; right: 0;  width: 0;}
#leftToRight li:hover::after {width: 100%; left: 0; right: auto;}

/* main_1st_container */
#main_1st_container { margin:40px auto ;}
#main_1st_container .row .content_box {padding:0 20px;overflow:hidden; }
#main_1st_container .row .content_box .c11 {background:#665b57;display:block; text-align: center;}
#main_1st_container .row .content_box .c12 {background:#364d5a;display:block}
#main_1st_container .row .content_box a > p {color:#fff;}
#main_1st_container .row .content_box .c12 .c1_title {background:#202e36;} 
#main_1st_container .row .content_box a .c1_info {padding:0 0 20px 0;text-align:center;font-size:1.5rem;}

#main_1st_container .row .content_box > a img { width: 100%;}

/* main_2nd_container */
.main2 #main_2nd_container {padding: 0;background:url("../img/content1_bg.png") no-repeat; background-size:cover;height:23vh;max-width:inherit;}
.main4 #main_2nd_container {padding: 0;background:url("../img/content2_bg.png") no-repeat; background-size:cover;height:8vh;max-width:inherit;margin:50px 0;}
.main6 #main_2nd_container {padding: 0;background:url("../img/content3_bg.png") no-repeat; background-size:cover;height:8vh;max-width:inherit;margin:0 0 70px 0;}
.main7 #main_2nd_container {padding: 0;background:url("../img/content4_bg.png") no-repeat; background-size:cover;height:8vh;max-width:inherit;margin:70px 0;}
.main8 #main_2nd_container {padding: 0;background:url("../img/content5_bg.png") no-repeat; background-size:cover;height:18vh;max-width:inherit;margin:50px 0;}
.main9 #main_2nd_container {padding: 0;background:url("../img/content5_bg.png") no-repeat; background-size:cover;height:8vh;max-width:inherit;margin:70px 0;}
.main4 {margin-bottom:50px;}
.main4 .row .right .col-12 img {width:100% !important;height:340px;}
.main5 #main_22_container .row {flex-direction:row-reverse;}
.main5 {background:#f6f6f6;padding:50px 0 50px 0;}
.main5 #main_22_container .row .right .col-12 {text-align:left;}
.main5 #main_22_container .row .left .col-6 a img {width:95%;}
.main5 #main_22_container .row .right .col-12 a img {width:100%;}
.main5 #main_22_container .row .right .col-12.c {background-image:url("../img/content5_6.png");height:340px;background-repeat:no-repeat;position:relative;background-position:right;background-size:60%;}
.main5 #main_22_container .row .right .col-12.c .btn_more {position:absolute;left:0;bottom:-30px;}

#main_2nd_container .container_title .tit {color:#fff;padding-top:20px;font-size:1.75rem;}
#main_21_container .container_title {display:flex;justify-content:space-between;width:20rem;margin:0px auto 50px auto;align-items:center;font-size:1.5rem;}
#main_21_container .container_title .tit {font-weight:600;}
#main_21_container .container_title .bar {widtH:5rem;height:2px;background:#000;}
#main_22_container .row .left {display:flex;flex-wrap:wrap;}
#main_22_container .row .left .col-6 img {width:100%;transition:all 0.5s ease-in}
#main_22_container .row .left .col-6 a img:hover{transform:scale(1.03);}
#main_22_container .row .left .col-6:nth-of-type(3),#main_22_container .row .left .col-6:nth-of-type(4){margin-top:10px;}
#main_22_container .row .right .col-12 {text-align:right;}
#main_22_container .row .right .col-12.b {background-image:url("../img/content4_6.png");height:340px;background-repeat:no-repeat;position:relative;background-size:60%;}
#main_22_container .row .right .col-12.b .btn_more {position:absolute;right:0;bottom:10px;}
#main_22_container .row .right .col-12 img {width:100%;}
#main_22_container .row .right .col-12:nth-of-type(2){margin-top:13px;}
.main4 #main_22_container .row .right .col-12 .c22_info {width: 230px;padding-top: 150px;float:right;font-size:1.25rem;}
.main5 #main_22_container .row .right .col-12 .c22_info {width: 230px;padding-top: 150px;float:left;font-size:1.25rem;}

/* main_3rd_container */
.main3 {margin-bottom:130px;}
#main_3rd_container { margin:0 auto;padding-left:0;padding-right:0;}
#main_3rd_container .top_row {margin:0 auto;width:100%;max-width:1450px;margin-top:-130px;margin-bottom:80px;}
#main_3rd_container .top_row .content_box {text-align:center;padding:0 10px;}
#main_3rd_container .top_row .content_box a img { width:100%; transition:0.2s;box-shadow:1px 1px 10px 1px gray;}  
#main_3rd_container .top_row .content_box a span { display:flex; align-items:center; font-size: 1.25rem;height:71px; padding: 15px 0;font-weight:600;}
#main_3rd_container .top_row .content_box a > p {text-align: justify;text-overflow: ellipsis;overflow: hidden;word-break: break-word;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
#main_3rd_container .top_row .content_box:hover a span{ font-family: 'NanumSquareNeoExtraBold';font-weight:600;}
#main_3rd_container .top_row .content_box:hover a img {transform:translateY(-15px);box-shadow: rgba(0, 0, 0, 0.15) 3px 3px 2.6px;}
#main_3rd_container .ad_mid {text-align:center;}		



#main_3rd_container .bottom_row { justify-content:center;}
#main_3rd_container .bottom_row .contents_wrap {display:flex;}
#main_3rd_container .bottom_row .contents_wrap .img_wrap {overflow:hidden;}
#main_3rd_container .bottom_row .contents_wrap .img_wrap img {width:100%;transition:0.2s;}
#main_3rd_container .bottom_row .contents_wrap .img_wrap:hover img{ transform:scale(1.03);}
/* main_4th_container */

#main_4th_container {margin: 50px auto;}

#main_5th_container .container_title {margin-bottom:50px;}
#main_5th_container .m5_wrap {border:1px solid #bbb;}
#main_5th_container .row {display:flex;justify-content:space-around;}
#main_5th_container .row .col-lg-4 {padding:0;}
#main_5th_container .row .col-lg-4 > p {text-align:center;}
#main_5th_container .row .col-lg-4 .m5_ico {margin-top:40px;}
#main_5th_container .row .col-lg-4 .m5_title {margin:15px;font-weight:600;font-size:1.25rem;}
#main_5th_container .row .col-lg-4 .m5_more {margin-top:15px;}
#main_5th_container .row .col-lg-4 .m5_more a img {border-radius:50%;border:1px solid #000;width:10%;padding:10px 15px;}
#main_5th_container .c51 img {width:100%;height:auto;}
#main_5th_container .c52 img {width:100%;height:100%;}
#main_5th_container .c5_ad .adsbygoogle {width:480px;height:320px;}

#main_6st_container {max-width:1450px;padding-left:0;padding-right:0;}
#main_6st_container .row {justify-content:center;padding:0;}
#main_6st_container .row .col-6 a img {width:100%;}
#main_6st_container .row .col-lg-2 a img {width:100%;}

.main6 .btn_more {text-align:center;margin:50px 0;}
#main_61_container {margin-bottom:50px;}
#main_61_container .row .left {padding:20px; border-right:2px solid #ddd;}
#main_61_container .row .left .c6L_wrap a img {width:100%;}
#main_61_container .row .left .c6L_wrap a .c6L_title {font-size:1.5rem;text-align:center;margin:30px 0;text-shadow:2px 2px 2px gray;}
#main_61_container .row .left .c6L_wrap a .c6L_info {text-overflow: ellipsis;overflow: hidden;word-break: break-word;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;padding:0 40px;text-align:justify;font-size:1.25rem;}
#main_61_container .row .col-12 .c6R_wrap {margin:20px 0;}
#main_61_container .row .col-12 .c6R_wrap a {transition:all 0.9s ease-in;display:flex;padding-top:20px;border-top:2px solid #eee;}
#main_61_container .row .col-12:nth-of-type(1) .c6R_wrap a {padding-top:0;border-top:0;}
#main_61_container .row .col-12 .c6R_wrap a .c6_box {padding:0 10px;box-shadow: 1px 1px 20px 1px grey;}
#main_61_container .row .col-12 .c6R_wrap a:hover {transform:translateX(100px);}
#main_61_container .row .col-12 .c6R_wrap a .c6_box .c6R_title {font-size:1.5rem;font-weight:600;margin-bottom:20px;}
#main_61_container .row .col-12 .c6R_wrap a .c6R_info {text-overflow: ellipsis;overflow: hidden;word-break: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding-right:30px;}

#main_62_container .row .col-4 {padding:20px;}
#main_62_container .row .col-4 a .c62_text {font-size:1.25rem;}
#main_62_container .row .col-4 a img {width:100%;border:1px solid #ddd;}


.main7 {position:relative;margin-bottom:80px;}
.main7 .btn_more {text-align:center;position:absolute;bottom:0;right:50%;margin-right:-80px;}
#main_71_container .row .col-3 .c71_card a img, #main_71_container .row .col-6 .c71_card a img {width:100%;}
 #main_71_container .row .mid .c71_card a img:hover{transform:scale(1.03);}

#main_71_container .row .c71_title {text-align:center;padding:10px 0;font-weight:600;font-size:1.5rem;}
#main_71_container .row .col-3 {border-right:2px solid #ddd;}
#main_71_container .row .col-3:nth-of-type(3){border-right:0;border-left:2px solid #ddd;}
/*#main_71_container .row .mid .c71_card img {width:60% !important;}*/
#main_71_container .row .c71_card {padding:0 20px;transition:all 0.5s ease-in;margin-top:40px;}
#main_71_container .row .c71_card:nth-of-type(1){margin-bottom:20px;}
#main_71_container .row .left .c71_card:nth-of-type(1){padding-bottom:20px;border-bottom:2px solid #ddd;}
#main_71_container .row .left .c71_card:nth-of-type(2){padding-top:20px;}
#main_71_container .row .left .c71_text {font-weight:600;padding:20px 0;font-size:1.25rem}
#main_71_container .row .mid .c71_text {font-size:1.5rem;text-align:center;padding:20px 0;font-weight:600;}
#main_71_container .row .mid .c71_info {-webkit-line-clamp: 3}
#main_71_container .row .left .c71_card:hover {box-shadow:2px 2px 10px 2px gray;}
#main_71_container .row .right .c71_card:hover {box-shadow:2px 2px 10px 2px gray;}
#main_71_container .row .right .c71_card:nth-of-type(1){padding-bottom:20px;border-bottom:2px solid #ddd;}
#main_71_container .row .right .c71_card:nth-of-type(2){padding-top:20px;}
#main_71_container .row .right .c71_text {font-weight:600;padding:20px 0;text-align:center;height:80px;font-size:1.25rem}
#main_71_container .row a .c71_info {text-overflow: ellipsis;overflow: hidden;word-break: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}


.main8 .btn_more {text-align:center;margin:50px 0;}
.main8 .top_row {margin-bottom:30px !important;}
.main8 .row .col-4 {padding:30px;transition:all 0.5s ease-in;}
.main8 .row .col-4:nth-of-type(1):hover{transform:translateX(-70px);box-shadow:2px 2px 10px 2px gray;}
.main8 .row .col-4:nth-of-type(2):hover{transform:translateY(-70px);box-shadow:2px 2px 10px 2px gray;}
.main8 .row .col-4:nth-of-type(3):hover{transform:translateX(70px);box-shadow:2px 2px 10px 2px gray;}
.main8 .row .col-3 {transition:all 0.5s ease-in;}
.main8 .row .col-3:hover {transform:scale(1.03);}
.main8 .row .col-4 img,.main8 .row .col-3 img {width:100%;}
.main8 .top_row .c8_title {text-align:left !important; padding:20px 0 !important;}
.main8 .row .c8_title {padding:20px;font-weight:600;text-align:center;font-size:1.5rem;}
.main8 .row .c8_info {text-overflow: ellipsis;overflow: hidden;word-break: break-word;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.main9 #main_61_container .row .right .col-12:nth-of-type(3) img {width:36%;}
.main9 .btn_more {text-align:center;margin:50px 0;}

footer { padding: 30px 0; }
footer .row .col-md-12 p {font-size:.8rem;}

/* 모바일기기 */
@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%;}
}


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

@media (max-width: 1200px){

.pc {display:none !important;}
.mo {display:block !important;}
header .mo_banner img{display:block !important;width:100%;margin: 0 auto;}
.mo_inline {display:inline-block !important;}
.pad { display:none !important;}

#top_btn { right:30px;}

	/* navbar */
.navbar {padding:0;}
.navbar .row .logo_wrap .navbar-brand {padding:0; width:100%;text-align:left;}
.navbar .row .logo_wrap .navbar-brand img { width:150px;}
.navbar .row {padding:0 15px; justify-content:space-between; align-items: center;z-index:9999;}
.navbar .row .logo_wrap {width:100%; text-align:center; align-items: center; background:none; justify-content:space-between; margin:0;}
.navbar .row .navbar-toggler {width:12%; color:#380251; font-size:2rem; border:0; padding:6px 0 4px; }
#nav_sch { display: none;}

	/* ad */
.main_ad2,.main_ad3 { display:none;}

.main_ad_wrap { display: flex; justify-content: center;}
.main_ad_wrap .ad_wrap:nth-child(2),
.main_ad_wrap .ad_wrap:nth-child(3),
.main_ad_wrap .ad_wrap:nth-child(4){ display: none;}
.main_ad_wrap.main_ad_1 .ad_wrap .adsbygoogle { width: 300px; height: 250px;}
.main_ad_wrap.main_ad_3 { margin-top: 30px;}
.main_ad_wrap.main_ad_3 .ad_wrap .adsbygoogle { width: 300px; height: 250px;}
.main_ad_wrap.main_ad_4 .ad_wrap .adsbygoogle { width: 320px; height: 100px;}

.container_title .sub_tit {margin-bottom:20px;}
.more_btn {background: #02387e;color: #fff;padding: 5px 27px;border-radius: 30px;transition: 0.2s;}
.btn_more a {border:1px solid #000;padding:5px 7px;display:inline-block;}

/* 공통 */



#main_1st_container { margin:30px auto 0;}
#main_1st_container .row .content_box { padding: 0 5px;}
.content_box a .c1_title { width: 100%;}
#main_1st_container .row .content_box a .c1_info { font-size: 1rem;}
#main_1st_container figcaption { height: unset;}

.main2 #main_2nd_container { height: unset; margin-bottom: 15px;}
#main_2nd_container .container_title .tit { padding-bottom: 20px;}

.main3 { margin-bottom: unset;}
#main_3rd_container { display: flex; flex-direction: column;}
#main_3rd_container.main_3rd_container_1 .row {  margin-top: 40px; margin-bottom: 40px;}
.main_3rd_container_1 .top_row .content_box { margin: 5px 0;}
.main_3rd_container_1 .main_ad_wrap { order: -1;}

#main_21_container .container_title { width: unset;}
#main_22_container .row,
.main5 #main_22_container .row{ flex-direction: column;}
#main_22_container .row .left { max-width: 100%; padding: 0;}
#main_22_container .row .right { display: none;}

#main_61_container { margin-bottom: 20px;}
#main_61_container .row { flex-direction: column; margin-top: 20px;}
#main_61_container .row .left { max-width: 100% ;padding: 0; border-right: unset; }
ul#cardOver li { height: unset;} 
ul#cardOver>li>img { position: unset; width: 100%;}
ul#cardOver li>.view { display: none;}
#main_61_container .row .col-12 .c6R_wrap a { flex-direction: column;}
#main_61_container .row .left .c6L_wrap a .c6L_info { padding: 0;}
#main_61_container .row .right { display: none;}
#main_62_container .row { display: none;}
.main6 .btn_more { margin: 20px 0;}

#main_71_container .row { flex-direction: column;}
#main_71_container .row .col-3,
#main_71_container .row .col-6 { max-width: 100%; padding: 0; border: none;}
#main_71_container .row .col-3:nth-of-type(3) { border: none;}
#main_71_container .row .left .c71_card:nth-of-type(2) { display: none;}
#main_71_container .row .right .c71_card:nth-of-type(1) { display: none;}

.main7 .btn_more { margin-right: unset; position: unset; margin-top: 15px;}

.main8 #main_2nd_container { height: unset; margin-bottom: 0;}
#main_71_container .row .c71_title { display: none;}
.main8 .row {}
.main8 .row .col-4 { padding: 0 15px; max-width: 100%; flex: 0 0 100%; margin: 10px auto;}
.main8 .row .c8_title { padding: 10px 0;}


#main_3rd_container.main_3rd_container_2 .top_row { display: none;}


/* footer */
footer {margin-top:0 !important;}
footer h2  {font-size:1.5rem;}

#main_3rd_container .contents_wrap { flex-wrap: wrap; padding:0 15px;}
#main_3rd_container .contents_wrap .card_wrap { width:100%;}


  /* 모바일 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 .navbar-collapse {background:#fff;}
  .navbar .row .navbar-collapse .navbar-nav {	background:none; width:100%;}
  .navbar .row .navbar-collapse .navbar-nav .nav-item{
  width:100%;
    padding: 5px 0 5px 10px;
	color:#fff;
	background:none;
  }
.navbar .row .navbar-collapse .navbar-nav .nav-item .nav-link { background:none; color:#000; text-align:left;}
.hd_sch_wr { width:100%;max-width: unset; background:none; }
 #hd_sch { margin-bottom:15px;border: 2px solid #7f75ef;}
 }

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

.pc {display:none !important;}
.main_container {width:100%; padding:0;}

.navbar {padding:0;}
.navbar .row {padding:0 35px; justify-content:space-between; }
.navbar .row .navbar-collapse .navbar-nav {background:#55626d;}
.navbar .row .navbar-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:100%;justify-content:space-between;}
.navbar .row .navbar-toggler {width:12%;}
.mo_nav_ad .adsbygoogle { width:720px; height:90px;}

#main_2nd_container 

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 .row .logo_wrap .navbar-brand { width:25%;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;}
.pc {display:none !important;}
.main_container {width:100%; padding:0;}
.navbar .row .collapse .navbar-nav .nav-item .nav-link {font-size: 1rem; padding:0.8rem 0;}
}


/* 데스크탑 */
@media only screen and (min-width: 1200px) {
  /* 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;
}