/*
 * 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: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    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: 'Pretendard'; font-weight: 300; box-sizing: border-box; word-break: keep-all; }

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




/*
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 {text-align:center;}
.mo,.mo_inline {display:none !important;}

#bo_v_img { display: none;}

  /* nav */
.navbar .row { width:100%; background:#fff;}
.navbar .row .logo_wrap {width:100%;padding:10px 0 2px; background:#fff; display:flex;align-items:center; justify-content:space-between;}
.navbar .row .collapse { width:100%;  margin: 0 auto;  background:#303d4d;}
.navbar .row .collapse .navbar-nav {width:100%;max-width: 950px; justify-content:space-between; margin:0 auto;}
.navbar .row .collapse .navbar-nav .nav-link {padding:0.8rem 1rem; color:#fff;}

.navbar .navbar-brand img { width:180px;}
.navbar-expand-lg .navbar-nav .nav-link {color:#000;}

.navbar-toggler {
    background-color: none; color:#fff; border-radius:5px;
}
.navbar-toggler:focus {border:none; outline:none;}

	/* banner */
header .pc_banner {text-align:center; }
header .pc_banner img {width:100%;}
header .mo_banner img{display:none;}

	/* ad */  
.ad_wrap { text-align:center;}
.main_ad_wrap {
    display: flex;
    justify-content: space-around;
}
nav .row .pc_nav_ad .adsbygoogle { width:300px; height:100px; }
.adsbygoogle { display:inline-block;}
.ad_row { display:flex; justify-content:space-between;}

#banner_bt { margin:50px auto;}
#banner_bt .adsbygoogle {width:300px; height:250px;}

#main_2nd_bt { margin:80px auto;}
#main_2nd_bt .adsbygoogle {width:750px; height:200px;}

#main_3rd_bt { margin:80px auto;}
#main_3rd_bt .adsbygoogle {width:480px; height:320px;} 

#main_4th_container .bottom .adsbygoogle { width:336px; height:280px;}
#main_4th_container > .ad_wrap .adsbygoogle { width:750px; height:200px;}

#main_5th_container .ad_wrap .adsbygoogle { width: 300px; height:100px;}

#main_6th_bt { margin:80px auto;}
#main_6th_bt .ad_wrap .adsbygoogle { width:250px; height:250px; }

/* 공통 */
.container_title { position: relative; text-align:center;}
.container_title:after {content:""; width:100%; height:1px; background:#ddd; position: absolute; left:0; top:50%; z-index: -1;}
.container_title span { background:#fff; padding: 0 20px; font-size:2rem; font-weight:bold;position: relative;}
.container_title span:before {content:""; position: absolute; left:0; top:50%;transform: translateY(-35%);display: block; width:8px; height:8px; border-radius:50%; background:#ddd;}
.container_title span:after {content:""; position: absolute; right:0; top:50%;transform: translateY(-35%);display: block; width:8px; height:8px; border-radius:50%; background:#ddd;}
#main_3rd_container .top .right .btn_wrap a,
#main_5th_container .left .btn_wrap a,
#main_6th_container .btn_wrap a {transition:0.2s;}
#main_3rd_container .top .right .btn_wrap a:hover,
#main_5th_container .left .btn_wrap a:hover,
#main_6th_container .btn_wrap a:hover { background: #555 ; color:#fff ; border:1px solid #555 ;}

#main_1st_container .contents_wrap {text-align:center;}
#main_1st_container .contents_wrap .text_wrap { margin:30px auto 70px;}
#main_1st_container .contents_wrap .text_wrap p { margin:15px auto; font-size:1.2rem;}
#main_1st_container .contents_wrap .text_wrap p b { font-weight:700;}
#main_1st_container .contents_wrap .text_wrap p a { font-size: 1.5rem; padding:5px 15px 5px 0px; -webkit-animation: ani_1 infinite 1s; -o-animation: ani_1 infinite 1s; animation: ani_1 infinite 1s;}
@keyframes ani_1 {
	0% {padding:;5px 15px 5px 0}
	70% {padding:5px 0px 5px 15px;}
	100% {padding:;5px 15px 5px 0}

}
#main_1st_container * img { width:100%;}
#main_1st_container .row {justify-content:space-between; margin-top:;}
#main_1st_container .row .col_box { width:19%;transition:0.3s;border-radius: 15px;}
#main_1st_container .row .col_box:hover { transform:translateY(-15px);box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}

#main_2nd_container { background:#f1f1f1; padding:30px; margin:50px auto;}
#main_2nd_container .container { display: flex; justify-content:space-between;align-items: center;}
#main_2nd_container .container .left { width:36%;}
#main_2nd_container .container .left .title { font-size:2rem; font-weight:700; margin-bottom: 50px;}
#main_2nd_container .container .left ul li { padding: 5px 0; position: relative;}
#main_2nd_container .container .left ul li:before { content:"-"; position: absolute; left: -15px;top:4px;}
#main_2nd_container .container .right { width:62%; text-align:center;}
#main_2nd_container .container .right .content_box .num { font-size: 2rem; font-weight:700; margin-bottom:20px;}
#main_2nd_container .container .right .content_box .title { margin:20px auto; font-size: 1.3rem;}
#main_2nd_container .container .right .content_box:hover .title a { font-weight:bold;}
#main_2nd_container .container .right .content_box i { font-size:2rem; transition:0.3s;}
#main_2nd_container .container .right .content_box:hover i { color:#ffd729;}


#main_3rd_container .top { background:#0e1531;}
#main_3rd_container .top .container { display: flex; align-items:center; height:370px; }
#main_3rd_container .top .left,
#main_3rd_container .top .right { width:50%; background:#ddd;}
#main_3rd_container .top .left img { width:100%;}
#main_3rd_container .top .right { height:100%;color:#fff; background:#202c5c; padding: 0px 40px;display: flex; flex-direction: column; justify-content: center;}
#main_3rd_container .top .right p:nth-child(1) { font-weight:700; font-size: 1.7rem; }
#main_3rd_container .top .right p:nth-child(2) { margin: 40px 0;}
#main_3rd_container .top .right .btn_wrap a {color:#fff; padding: 5px 10px; border:1px solid #fff;}

#main_3rd_container .bottom { background:#161d27;}
#main_3rd_container .bottom .container { display: flex;}
#main_3rd_container .bottom .container a {position: relative; display: inline-block; overflow: hidden;}
#main_3rd_container .bottom .container a i {position: absolute; color:#fff; bottom:5%; left:50%; transform:translateX(-50%);font-size: 2rem;}
#main_3rd_container .bottom .container a img { width:100%; transition:0.3s;}
#main_3rd_container .bottom .container a:hover img { transform:scale(1.05);}


#main_4th_container * img { width:100%; height:auto;}
#main_4th_container .top { background:#efefef; padding:30px 0; margin:30px auto;}
#main_4th_container .top .content_box .text_wrap { display: block;background:#fff; padding:20px 15px; height:172px;}
#main_4th_container .top .col-lg-4:nth-child(2) .content_box .text_wrap { border-bottom: 5px solid #ffd729}
#main_4th_container .top .content_box .text_wrap p:nth-child(1) {font-size:1.4rem; font-weight:700; margin-bottom:20px;}
#main_4th_container .top .content_box:hover .text_wrap p:nth-child(1) { text-decoration:underline;}
#main_4th_container .top .content_box .text_wrap p:nth-child(2) {}

#main_4th_container .bottom {align-items:center; margin:30px auto;}
#main_4th_container .bottom .col-lg-4:nth-child(1),
#main_4th_container .bottom .col-lg-4:nth-child(2) {background: #f2f7f8; padding:15px;}
#main_4th_container .bottom .contents_wrap .content_box {display: flex; align-items:center; justify-content:space-between; padding:15px ;    background: #fff; transition: 0.2s;}
#main_4th_container .bottom .contents_wrap .content_box:hover { transform: scale(1.03); background:#fdfdfd;}
#main_4th_container .bottom .contents_wrap #box1 {border-left: 5px solid #119a8a;}
#main_4th_container .bottom .contents_wrap #box2 {border-left: 5px solid #84669f;}
#main_4th_container .bottom .contents_wrap #box3 {border-left: 5px solid #f1a523;}
#main_4th_container .bottom .contents_wrap #box4 {border-left: 5px solid #ec5e81;}
#main_4th_container .bottom .contents_wrap .content_box:nth-child(2) { margin-top:20px ;}
#main_4th_container .bottom .contents_wrap .content_box .text_wrap { display: flex; flex-direction:column;align-items: flex-start;width: 83%;}
#main_4th_container .bottom .contents_wrap .content_box .text_wrap .keyword { border-radius:20px; padding:3px 8px; color:#fff;}
#main_4th_container .bottom .contents_wrap .content_box .text_wrap .content {font-size:0.9rem;}
#main_4th_container .bottom .contents_wrap #box1 .text_wrap .keyword { background:#119a8a;}
#main_4th_container .bottom .contents_wrap #box2 .text_wrap .keyword { background:#84669f;}
#main_4th_container .bottom .contents_wrap #box3 .text_wrap .keyword { background:#f1a523;}
#main_4th_container .bottom .contents_wrap #box4 .text_wrap .keyword { background:#ec5e81;}
#main_4th_container .bottom .contents_wrap .content_box .text_wrap .title { margin:15px 0; font-size:1.2rem; font-weight:bold;}
#main_4th_container .bottom .contents_wrap .content_box .icon {width:15%;}

#main_5th_container { margin: 80px auto; justify-content:center;}
#main_5th_container .left { }
#main_5th_container .left p:nth-child(1) { font-weight:bold; font-size:2rem;}
#main_5th_container .left p:nth-child(2) { font-size:1.7rem; margin:10px 0 30px;}
#main_5th_container .left p:nth-child(3) { color:#555; line-height:1.7; margin-bottom:30px;}
#main_5th_container .left .btn_wrap a { padding: 5px 10px;border:1px solid #000;}
#main_5th_container .right { text-align:center;}
#main_5th_container .right .ad_wrap { margin-top:20px;}

#main_6th_container .contents_wrap { background:#0e1531; padding:30px 0; margin:30px auto;}
#main_6th_container .contents_wrap .row { padding: 15px ; justify-content: space-between; }
#main_6th_container .contents_wrap .row .col_box { width:19%; background:#fff; display: flex; flex-direction:column; justify-content:center; align-items:center; padding: 50px 10px; box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px; border-radius: 20px; transition:0.3s;}
#main_6th_container .contents_wrap .row .col_box:hover { box-shadow: rgb(0 0 0 / 60%) 0px 3px 8px; }
#main_6th_container .contents_wrap .row .col_box img { width:50%;}
#main_6th_container .contents_wrap .row .col_box .title { font-weight:700; font-size:1.3rem; text-align:center;}
#main_6th_container .btn_wrap {text-align:center;}
#main_6th_container .btn_wrap a { padding: 5px 10px; border: 1px solid #000;}

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

}

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

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

#top_btn { right:30px;}

	/* navbar */
.navbar {padding:0; justify-content:center; background:#fff;}
.navbar .navbar-brand {padding:0;}
.navbar .navbar-brand img { width:114px;}
.navbar .row {padding:0 15px; justify-content:space-between; align-items: center;}
.navbar .row .logo_wrap {width:88%; text-align:center; background:none; padding:0;    justify-content: flex-start;}
nav .row .pc_nav_ad .adsbygoogle { display:none;}
.navbar .row .navbar-toggler {width:9%;border-radius: 0; color:#24275b; padding:8px 0 0px; font-size:2.2rem;}

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

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

.main_ad2,.main_ad3 { display:none;}
.ad_row { justify-content:center;}


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


#banner_bt { margin:20px auto 50px;}
#main_2nd_container .ad_wrap .adsbygoogle {width:320px; height:100px;}
#main_3rd_container .bottom .container .ad_wrap { margin:20px;width: 100%;}
#main_3rd_container .bottom .container .ad_wrap .adsbygoogle { width:300px; height:250px;} 
#main_6th_container .contents_wrap .row .ad_wrap .adsbygoogle { width:300px; height:250px;} 

#main_1st_container .contents_wrap .text_wrap {margin:30px auto ;}
#main_1st_container .contents_wrap .text_wrap p { font-size:1rem;}
#main_1st_container .contents_wrap .text_wrap .btn_wrap a { padding: 5px 10px; border: 1px solid #000;}
#main_1st_container .row .col_box { width:48%;}
#main_1st_container .row .col_box:nth-child(n+3) { margin-top:16px;}

#main_2nd_container { padding: 30px 15px; margin:30px auto 0;}
#main_2nd_container .container { flex-wrap: wrap; padding:0; justify-content:center;}
#main_2nd_container .container .left {width: 100%;}
#main_2nd_container .container .left .title { margin-bottom:30px;}
#main_2nd_container .container .left ul { padding:0 15px;}
#main_2nd_container .container .right { width:100%;margin-top: 15px;}
#main_2nd_container .container .right .title { font-size:1rem;}

#main_3rd_container .top .container { flex-wrap:wrap; height:unset; padding:0;}
#main_3rd_container .top .left, #main_3rd_container .top .right { width:100%;}
#main_3rd_container .top .right {padding: 25px 20px;}
#main_3rd_container .top .right p:nth-child(1) {font-size: 1.3rem;}
#main_3rd_container .top .right p:nth-child(2) { font-size:0.9rem; margin: 30px 0;}
#main_3rd_container .top .right .btn_wrap { text-align:right;}

#main_3rd_container .bottom {background:unset;}
#main_3rd_container .bottom .container { padding:0; flex-wrap: wrap;justify-content: center;}
#main_3rd_container .bottom .container a {display: inline-block; width:50%;}

#main_4th_container {margin:50px auto; }
#main_4th_container .container_title:after { width: 92%; left: 50%;transform: translateX(-50%);}
#main_4th_container .top .container {padding:0;}
#main_4th_container .top .col-lg-4 { padding:10px;}
#main_4th_container .top .content_box .text_wrap {  padding: 20px 7px;}
#main_4th_container .top .content_box .text_wrap p:nth-child(1) { font-size:1.2rm;}
#main_4th_container .top .content_box .text_wrap p:nth-child(2) { word-break:break-word; height:85px; text-overflow:ellipsis; overflow:hidden; display: -webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical;}

#main_4th_container .bottom .col-lg-4:nth-child(1) { order:1;} 
#main_4th_container .bottom .col-lg-4:nth-child(2) { order:3;} 
#main_4th_container .bottom .col-lg-4:nth-child(3) { order:2;} 

#main_5th_container .left {order:2; margin-top: 20px;}
#main_5th_container .right {order:1;}
#main_5th_container .left p:nth-child(1) { font-size:1.5rem;}
#main_5th_container .left p:nth-child(2) { font-size:1.3rem;}

#main_6th_container { margin:0 auto 30px ;}
#main_6th_container .container_title:after { width: 92%; left: 50%; transform: translateX(-50%);}
#main_6th_container .contents_wrap { padding: 30px 15px;}
#main_6th_container .contents_wrap .row { justify-content:space-between;}
#main_6th_container .contents_wrap .row .col_box { width:48%;}
#main_6th_container .contents_wrap .row .ad_wrap { margin: 16px auto;}
/* 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;}
}

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


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

.main_ad3 {display:none;}


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: 1200px) {
.navbar {padding:0;}

.main_5th_container .left .ad_wrap {display:none;}
.main_5th_container .row .left .top_content {margin:20px auto;}
.main_5th_container .row .left .top_content .content_box .text_wrap { padding:15px 15px;}
.main_6th_container .row .col-lg-8 .contents_wrap .content_box .img_wrap { width:unset;}
.main_6th_container .row .col-lg-8 .contents_wrap .content_box .content {height:169px;}
.main_6th_container .ad_row {    flex-wrap: nowrap;}
}


/* 데스크탑 */
@media only screen and (min-width: 1201px) {

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

.card-group>.card:only-child .card-header, .card-group>.card:only-child .card-img-top {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}
.card-group>.card:only-child {
    border-radius: 30px;
}