@charset "utf-8";
/* common.css */

/* 웹 접근성 초점 표시 */
/* a:focus, input:focus, button:focus {outline-width:3px !important; outline-style:dashed !important;outline-color: black;} */

.sr-only {
   position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0;
}
  
/* overflow */
.overflow_a{overflow:auto!important;}
.overflow_x{overflow-x:auto;}
.overflow_y{overflow-y:auto;}
.overflow_h{overflow:hidden!important;}

.m0a{margin:0 auto;}
/* margin-top */
.mt0{margin-top:0px!important;}
.mt5{margin-top:5px!important;}
.mt8{margin-top:8px!important;}
.mt10{margin-top:10px!important;}
.mt11{margin-top:11px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt25{margin-top:25px!important;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px!important;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px!important;}
.mt125{margin-top:125px}
.mt150{margin-top:150px}

.mtm1{margin-top:-1px;}

/* margin-right */
.mb0{margin-bottom:0px!important;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}

/* margin-left */
.ml0{margin-left:0!important;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px!important;}
.ml20{margin-left:20px!important;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.ml70{margin-left:70px;}
.ml80{margin-left:80px;}
.ml90{margin-left:90px;}
.ml100{margin-left:100px;}

/* margin-right */
.mr0{margin-right:0px!important;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.mr70{margin-right:70px;}
.mr80{margin-right:80px;}
.mr90{margin-right:90px;}
.mr100{margin-right:100px;}

/* padding */
.pd5{padding:5px!important;}
.pd10{padding:10px!important;}
.pd60{padding:60px!important;}

/* padding-top */
.pdt0{padding-top:0!important;}
.pd0{padding:0!important;}
.pd2{padding:2px!important;}

/* padding-left */
.pdl20{padding-left:20px;}

/* width */
.w50{width:50px!important;}
.w55{width:55px!important;}
.w60{width:60px!important;}
.w65{width:65px!important;}
.w70{width:70px!important;}
.w75{width:75px!important;}
.w80{width:80px!important;}
.w85{width:85px!important;}
.w90{width:90px!important;}
.w95{width:95px!important;}
.w100{width:100px!important;}
.w105{width:105px!important;}
.w110{width:110px!important;}
.w115{width:115px!important;}
.w120{width:120px!important;}
.w125{width:125px!important;}
.w130{width:130px!important;}
.w135{width:135px!important;}
.w140{width:140px!important;}
.w145{width:145px!important;}
.w150{width:150px!important;}
.w155{width:155px!important;}
.w160{width:160px!important;}
.w165{width:165px!important;}
.w170{width:170px!important;}
.w175{width:175px!important;}
.w180{width:180px!important;}
.w185{width:185px!important;}
.w190{width:190px!important;}
.w195{width:195px!important;}
.w200{width:200px!important;}
.w205{width:205px!important;}
.w210{width:210px!important;}
.w215{width:215px!important;}
.w220{width:220px!important;}
.w225{width:225px!important;}
.w230{width:230px!important;}
.w235{width:235px!important;}
.w240{width:240px!important;}
.w245{width:245px!important;}
.w250{width:250px!important;}
.w378{width:378px;}
.w400{width:400px;}
.w1000{width:1000px!important;}

.w25p{width:25%!important;}
.w39p{width:39%!important;}
.w40p{width:40%!important;}
.w50p{width:50%!important;}
.w100p{width:100%!important;}

/* height */
.h40{height:40px!important;}
.h120{height:120px!important;}
.h200{height:200px!important;}
.h220{height:220px!important;}
.h230{height:230px!important;}
.h400{height:400px;}
.h500{height:500px!important;}

.mh300{max-height:300px!important;}
.mh500{max-height:620px!important;}
.h_auto{height:auto!important;}
.h100p{height:100%!important;}


/* vertical align */
.vt {vertical-align:top;}
.vm {vertical-align:middle;}
.vb {vertical-align:bottom;}

/* text align */
.tl {text-align:left!important;}
.tc {text-align:center!important;}
.tr {text-align:right!important;}
.tj {text-align:justify!important;}

/* display */
.db {display:block !important;}
.dib {display:inline-block !important;}
.hide {display:none !important;}
/* .show{display:table-row;} */
/* .show{display:block;} */

/* elip */
.elips {text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}

/* float */
.fl {float:left;}
.fr {float:right;}
.fn {float:none!important;}

/* font-weight */
.fwb{font-weight:bold!important;}

/* font-size */
.fs0{font-size:0;}

/* color */
.color_r{color:#e6541c!important;}
.color_g{color:#53af31!important;}
.color_o{color:#fd721f!important;}
.color_b{color:#303030!important;}
.color_b_02{color:#8f82bc!important;}
.gray{color:#777777;}
.color_p{color:#ab10e9;}

/* border */
.bdg{border:1px solid #53af31!important;}
.bdgray{border:1px solid #cecece!important;}
.btgray{border-top:1px solid #cecece!important;}
.bdlg{border-left:1px solid #dcdcdc;}
.bdn{border:none!important;}
.bdtn{border-top:none!important;}
.bdtg{border-top:1px solid #dcdcdc;}
.bdtg2{border-top:2px solid #a4a4a4;}
.bdln{border-left:none!important;}


/* text-decoration */
.txt_ul{text-decoration: underline;}

/* background */
.bgw{background:#ffffff!important;}
.bg_gray{background:#eeeeee;}
/* .orange{} */
.sub_bg_01{background:#e8e8e8;}
/* etc */
.csp {cursor:pointer;}

.clear {clear:both;}
/***** SET *****/

.bold{font-weight:bold;}


.point{color:#ef4153;}

/* placeholder color 제어 */
input:-ms-input-placeholder { color: #888888; }
/* Internet Explorer 10 이상에 적용 */

input::-webkit-input-placeholder { color: #888888; } 
 /* Webkit, Blink, Edge에 적용 */

input::-moz-placeholder { color: #888888; }
 /* Mozilla Firefox 4 부터 18에 적용 */

input::-moz-placeholder { color: #888888; }
/* Mozilla Firefox 19 이상에 적용 */


@keyframes scaleBounce{
	from {transform:scale(.9)}
	to {transform:scale(1.0)}
}

body.overflow_h{overflow:hidden;}

/*** wrap ***/
.wrap{width:100%; margin-top: 160px;}
.wrap *{box-sizing:border-box;}
.wrap .w_in{width:100%; box-sizing:border-box;  position:relative; overflow:hidden;}

.text-dot{display: inline-block;
   -webkit-box-orient: vertical;
   position: relative;
   display: -webkit-box !important;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: normal;
   word-wrap: break-word;}

/*** 헤더 ***/
.header{width:100%;   position:fixed; height:150px; background:#ffffff; left:0; top:0; z-index:999; border-bottom:1px solid #e5e5e5; font-size: 15px;}
.header .h-top{ margin:0 auto; height:100%; position:relative; height:52px; border-bottom:1px solid #e5e5e5; background:#f2f2f2;}
.header .h-top .ht-in{width:100%; max-width:1400px; height:100%;   margin:0 auto;  padding:2px 0;}
.btn-about{display:inline-block; font-size:16px; text-align:center; color:#132a50;  height:30px; padding:0 19px;  line-height:28px; border:1px solid #dcdcdc; border-radius:20px; margin-right:3px;}
.btn-sns{display:inline-block; width:30px; height:30px; border-radius:15px; line-height:30px; vertical-align:top; margin-right:3px;}
.btn-sns.yt{background:url(/assets/images/index/ht-yt.png) center no-repeat;}
.btn-sns.fb{background:url(/assets/images/index/ht-fb.png) center no-repeat;}
.btn-log{display:inline-block; font-size:14px; text-align:center; color:#303030;  padding:0 10px;  line-height:26px; color:#303030;  border-radius:20px;  line-height:50px; position:relative;}
.btn-log::after{content:''; display:inline-block; position:absolute; width:2px; height:20px; top:50%; transform:translateY(-50%); background:#9b9b9b; right:0;}
.btn-log:last-child::after{display:none;}
.btn-log.in{color:#333333; margin-right:0;}
.btn-log.facebook{color:#3875e9;}
.btn-log.facebook::before{content:''; background:url(/assets/images/index/log-facebook.png) center no-repeat; display:inline-block; width:10px; height:18px; background-size:contain; vertical-align:sub; margin-right:5px;}
.btn-log.youtube{color:#c33a36;}
.btn-log.youtube::before{content:''; background:url(/assets/images/index/log-youtube.png) center no-repeat; display:inline-block; width:22px; height:17px; background-size:contain; vertical-align:sub; margin-right:5px;}
/* .btn-log.mypage{background:#eeeeee;}
.btn-log.myset{background:#eeeeee;}
.btn-log.out{background:#7d7d7d; border:1px solid #7d7d7d; color:#ffffff;}
.btn-log.extend{background:#eeeeee; color:#3686d2;}
.btn-log.extend span{color:#777777; margin-right:5px;}
.btn-log.lifeagree{color:#18339a;  border:2px solid #80afd7; font-weight:bold; background:#cbe5f2 url(/assets/images/index/life-bg.png) 5px no-repeat;   padding-left:35px; transition: all ease .3s;     animation: scaleBounce 1s alternate infinite; } */


.header .h-bottom{ margin:0 auto; height:100%; position:relative; height:98px;}
.header .h-bottom .hb-in{width:100%; max-width:1400px; height:100%;   margin:0 auto;  position:relative;}
/* .header .h-bottom.on{margin-left:500px;} */
.header .h-bottom  .hb-in .main_logo{ display:inline-block; position:absolute; top:50%; left:0; transform:translateY(-50%);}

/* 기본 로고 스타일 */
.main_logo img {
   height: 60px;
   width: 435px;
}
/* 모바일 화면에서 가로 크기를 80%로 설정 */
@media (max-width: 600px) {
   .main_logo img {
      height: 60px;
      width: auto;
   }
}


a, a:link, a:active, a:hover, a:visited{text-decoration:none;}
ul {
   list-style: none; /* 불릿(점) 제거 */
   padding-left: 0; /* 기본 들여쓰기 제거 */
   margin: 0; /* 필요 시 여백 제거 */
}

/** nav **/
.nav{
   height:100%;
   display: flex;
   margin: 0 auto;
   margin-left: 435px;
   margin-right: 0px;
   justify-content: center;
}
.header-bg{position:absolute; content:'';  top:98px; width:100%; left:0;width: 100vw; margin-left: calc(-50vw + 50%); height:280px; background:#ffffff; border-top:1px solid #ededed; display:none;}
.topnav{text-align:center; font-weight:bold; height:100%;}
.topnav > a{color:#000000; font-size:20px; display:block; margin:0 5px; height:100%;}
.topnav > a:hover{color:#117cb0;}

.navi_set{float: left; width:17%; height:100%; position: relative; }
.navi_set > .topnav{line-height:98px;}
.navi_set {list-style:none; padding:0; margin:0;}

.subnav{display:none; position: absolute; top:98px; width:100%; height: 255px; background-color: #ffffff; box-sizing: border-box; z-index:999999; padding-top:15px; letter-spacing: -1px;}
/* .subnav::after{content: ''; display:inline-block; position: absolute; top:-9px; left:80px; width:18px; height: 18px; transform: rotate(45deg); background-color: #aa8871; } */
/* .subnav > li{    margin-bottom: 20px;} */
.subnav > li > a{display: inline-block; font-size: 16px;  font-weight: 400; color: #666666; width:100%; text-align:center; line-height:18px; margin-bottom:10px;}
.subnav > li > a:hover{color:#22c3cb; }
.subnav_02{margin-top: 12px; padding-bottom: 12px;}
.subnav_02 > li:before{content: '-'; color: #afafaf; margin-right: 4px; position: relative; top: -3px;}
.subnav_02 > li > a{    display: inline-block; font-size: 17px; line-height: 23px; font-weight: 400; color: #d2c4bc; margin-bottom: 5px;}
.subnav_02 > li > a:hover{color:#ffffff;}

.btn_global{display:block; position:absolute;  top:50%; right:15px; transform:translateY(-50%);}
.btn_lnb{display:none; position:absolute;  top:50%; left:15px; transform:translateY(-50%); width:55px; height:55px;}
.btn_lnb img{width:100%;}

.btn-search{display:inline-block; position:absolute; width:55px; height:55px; background:url(/assets/images/index/search_icon.png) center no-repeat; right:0; top:50%; transform:translateY(-50%);background-size: 80%;}

.search-box{ position:fixed; width:100%; height:280px; top:0px; left:0; background:rgba(0,0,0,0.3); top:-439px; border-bottom:1px solid #dcdcdc; transition-duration: 0.3s;}
.search-box.on{ top:0;}
.search-box .sb-bottom{max-width:1400px; margin:0 auto; height:100%; position:relative;}
.search-box .sb-bottom .btn-sb-close{display:inline-block; position:absolute; width:55px; height:55px; background:url(/assets/images/index/search-close-icon.png) center no-repeat; right:0; top:73px;background-size: 80%;}
.search-box .sb-in{position:absolute; bottom:0;  width:100%; height:130px; text-align:center; background:#ffffff; }
.search-box .sb-in .input-search{position:absolute; width:695px; height:100%; border-bottom:2px solid #d4d4d4;  left:50%; transform:translateX(-50%);  height:65px; top:32%; left:50%; transform:translateX(-50%) translateY(-50%);}
.search-box .sb-in .input-search input{float:left; width:calc(100% - 33px); height:100%; border:none; color:#010000; font-size:22px; outline:0;}
.search-box .sb-in .input-search .btn-search-go{position:absolute;  display:inline-block; width:31px; height:33px; background:url(/assets/images/index/btn-search-go.png) center no-repeat; background-size:cover; top:50%; transform:translateY(-50%); right:0;}
.search-box .sb-in .sb-chart-box{bottom:10px; position:absolute;  left:50%; transform:translateX(-50%); bottom:19px; }
.search-box .sb-in .sb-chart-box .sb-tit{display:inline-block; font-size:18px; color:#585cb4; margin-right:15px;  line-height:24px;}
.search-box .sb-in .sb-chart-box .sb-chart{display:inline-block;  font-size:16px; color:#333333; margin-right:15px; line-height:32px;}
.search-box .sb-in .sb-chart-box .sb-chart:last-child{margin-right:0;}
.search-box .sb-in .sb-chart-box .sb-chart .c-num{display:inline-block; width:22px; height:22px; text-align:center; background:#f5f5f5; color:#333333; font-size:14px; line-height:20px; margin-right:5px; vertical-align:text-bottom; border:1px solid #777777; }



/*** 푸터 ***/
.footer{width:100%; overflow:hidden; background:#ffffff; height:110px; border-top:1px solid #dcdcdc;font: inherit;font-family: 'PretendardGOV', 고딕, san-serif, IcoMoon,dashicons, FontAwesome!important;letter-spacing: -0.5px;}
.footer .f_in{max-width:1400px; margin:0 auto; height:auto; margin:0 auto;   position:relative; padding-left:170px;}
.footer .f_in .f-logo{width:11%; margin: 0 auto;position:absolute; left:0; top:50%; transform:translateY(-50%); padding-top: 110px;}
.footer .f_in .f-logo img{width:100%;}
.footer .f_in .fl{height:auto; position:relative; padding: 31px 0; font-weight: 500;}
.footer .f_in .fl p{font-size:14px; color:#555555; line-height:22px; word-break: keep-all;}
.footer .f_in .fl p .f-web{display:inline-block; color:#8a5d9b; border-bottom:1px solid #8a5d9b; margin-left:5px;}
.footer .f_in .fr{height: auto; position:relative; padding: 31px 0 0; text-align:right;}
/* .footer .f_in .fr .fr-wrap a:first-child{color:#979797;} */
.footer .f_in .fr .fr-wrap a{font-size:15px; color:#555555;}
.footer .f_in .fr .fr-wrap a::after{/* content:'|';  */padding:0 5px; vertical-align:top;}
.footer .f_in .fr .fr-wrap a:last-child::after{display:none;}
.footer .f_in .fr p{font-size:14px; color:#555555; line-height:22px;}
.f-mobile{display:none;}


/*** 사이드바 ***/
/** 로그인전 **/
/* .sidebar{margin-left:-480px; width:35%; max-width:480px; min-width:380px; transition: margin-left 0.5s; height:100%;  position:fixed; top:0;  background:#f9fcf6; z-index:99999; box-shadow:2px 2px 9px #b1b1b1;} */
.sidebar{margin-left:-480px; width:35%; max-width:480px; min-width:380px; transition: margin-left 0.5s; height:100%;  position:fixed; top:0;  background:#f9fcf6; z-index:99999; box-shadow:2px 2px 9px #b1b1b1;}
.sidebar.open{margin-left:0px;}
.sidebar .sidebar_in{width :79%; height:850px; position:absolute;  top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.comment{width:100%; display:block; }
.comment h4{font-family: 'S-CoreDream-8Heavy'; color:#444444; font-size:32px; font-weight:800; margin-top:10px;}

.log_box{width:100%; margin-top:38px;}
.log_box input{width:100%; height:54px; border-radius:5px; margin-bottom:16px; color:#969696; padding:0 30px;}
.log_box .btn_log{display:inline-block; width:100%; height:54px; border-radius:5px; background:#81b746; text-align:center; line-height:56px; font-size:20px; color:#ffffff; font-weight:700;}
.log_box .btn_about{display:inline-block; width:100%; height:54px; border-radius:5px; background:#81b746; text-align:center; line-height:56px; font-size:20px; color:#444444; background:#ffffff;  font-weight:700; border:1px solid #c3d8a5; margin-bottom:8px;}
.log_box .btn_out{display:inline-block; width:100%; height:54px; border-radius:5px; background:#81b746; text-align:center; line-height:56px; font-size:20px; color:#ffffff; font-weight:700; background:#555555;}
.log_box .chk_save{margin-top:25px;}
.log_box .chk_save input[type="checkbox"] + label{font-size:16px; color:#444444; line-height:18px;}
.log_box .chk_save input[type="checkbox"] + label span{display: inline-block; width: 24px; height: 24px; background: url(/assets/images/index/chk_log_off.png)no-repeat; cursor: pointer;     vertical-align:sub; margin-right: 13px;}
.log_box .chk_save input[type="checkbox"]:checked + label span{display: inline-block; width: 24px; height: 24px; background: url(/assets/images/index/chk_log_on.png)no-repeat; cursor: pointer;     vertical-align:sub; margin-right: 13px;}

.find_me{width:100%; display:flex; margin-top:40px;}
.find_me li{flex:1; text-align:center;}
.find_me li:first-child{text-align:center;}
.find_me li:nth-child(2){border-left:1px solid #777777; border-right:1px solid #777777; padding:0 20px;}
.find_me li:last-child{text-align:center;}
.find_me li a{display:inline-block; color:#777777; font-size:18px; font-weight:500; line-height:18px;}
.main_point{width:100%; overflow:hidden; display:inline-block; font-size:0; position:absolute; bottom:0; left:0; }
.main_point li{width:50%; display:block; float:left;text-align:right; height:65px;   margin-bottom:25px;}
.main_point li:nth-child(2n) a::before{margin-left:20px;}
.main_point li:nth-child(2n) a span{right:0; /* padding-left:40px; */}
.main_point li a{display:block; position:relative; width:100%; height:100%; }
.main_point li a::before{content:''; display:inline-block; position:absolute; width:65px; height:65px; background:url(/assets/images/index/icon_mp_01.png) center no-repeat; top:50%; transform:translateY(-50%); left:0; background-size:cover!important;}
.main_point li.mp1 a::before{background:url(/assets/images/index/icon_mp_01.png) center no-repeat;}
.main_point li.mp2 a::before{background:url(/assets/images/index/icon_mp_02.png) center no-repeat;}
.main_point li.mp3 a::before{background:url(/assets/images/index/icon_mp_03.png) center no-repeat;}
.main_point li.mp4 a::before{background:url(/assets/images/index/icon_mp_04.png) center no-repeat;}
.main_point li.mp5 a::before{background:url(/assets/images/index/icon_mp_05.png) center no-repeat;}
.main_point li.mp6 a::before{background:url(/assets/images/index/icon_mp_06.png) center no-repeat;}
.main_point li a span{text-align:center; display:block; font-size:17px; color:#333333; line-height:22px; position:absolute; top:50%; transform:translateY(-50%); left: 70px; font-weight:700;}
.main_point li.mp5 a span, .main_point li.mp6 a span{font-weight:900;}
.btn_sidebar{display:block; width:40px; height:80px; background:#f9fcf6; border-top-right-radius:40px; border-bottom-right-radius:40px; position:absolute; top:50%; transform:translateY(-50%); right:-40px; box-shadow:5px 3px 5px #878585; }
.btn_sidebar::before{content:''; display:inline-block; position:absolute; background:url(/assets/images/index/sidebar_arrow_open.png) center no-repeat; width:13px; height:25px; top:50%; top:50%; transform:translateY(-50%); right:20px; }
/* .btn_sidebar::after{content:''; display:inline-block; position:absolute; width:40px; height:84px; background:#f9fcf6; top:0; left:0; border-top-left-radius: 50px; border-bottom-left-radius: 50px;} */
/* .btn_sidebar_close{display:none; width:80px; height:80px; background:#f9fcf6; border-radius:40px; position:absolute; top:50%; transform:translateY(-50%); right:-40px;  box-shadow: 0px 2px 5px #b1b1b1;} */
.btn_sidebar_close{display:none; width:40px; height:80px; background:#f9fcf6; border-top-right-radius:40px; border-bottom-right-radius:40px; position:absolute; top:50%; transform:translateY(-50%); right:-38px;  box-shadow:5px 3px 5px #878585; }
.btn_sidebar_close::before{content:''; display:inline-block; position:absolute; background:url(/assets/images/index/sidebar_arrow.png) center no-repeat; width:13px; height:25px; top:50%; top:50%; transform:translateY(-50%); right:20px; }
.btn_sidebar_close::after{content:''; display:none; position:absolute; width:50px; height:120px; background:#f9fcf6; top:-20px; left:-10px;   border-top-left-radius: 50px; border-bottom-left-radius: 50px;}


/** 로그인후 **/
.sidebar.after-log{background:#d6e3c9;}
.sidebar.after-log .btn_sidebar{background:#d6e3c9;}
.sidebar.after-log .btn_sidebar::after{background:#d6e3c9;}
.sidebar.after-log .btn_sidebar_close::after{background:#d6e3c9;}
.sidebar.after-log .btn_sidebar_close{background:#d6e3c9;}



/** 모바일메뉴 **/
.mobile_menu{position:fixed; width:100%; z-index:8; top:0; right:100%;    height:100%; overflow-y:auto;     z-index: 999999;  transition: right 0.5s; background:#ffffff;}
.mobile_menu.active{right:0;}
.mobile_menu .about-page{position:absolute; top:0; padding-right:10px; right:0;}
.mobile_menu .about-page{height:86px; text-align:right; margin-top:86px;}
.mobile_menu .about-page a{font-size:12px; margin:5px 0;}
.mobile_menu .about-page a em{display:block; }
.mobile_menu .lnb_box{z-index:99999; position:relative; width:100%; margin-top:172px; border-top:1px solid #dcdcdc; }


.btn_lnb{display:none;}
#lnb h1 {height: 40px;text-align: center;color: #fff;font-size: 20px;line-height: 1.8; letter-spacing: -2px;}
#lnb > ul {}
#lnb > ul > li { border-bottom: 1px solid #dcdcdc;}
#lnb > ul > li > a {display: block; background:#ffffff; height:70px; line-height:70px; text-align:left; color:#303030; font-size:20px; position:relative;  font-weight:900; padding-left:20px;}
#lnb > ul > li.on > a{/*background: linear-gradient( to right, #a353c3, #6b53c3 );*/ background:#4ea257; color: #ffffff;}
#lnb > ul > li > ul{display:none;}
#lnb > ul > li > ul > li { border-bottom: 1px solid #dcdcdc;}
#lnb > ul > li > ul > li > a {display: block; background:#ededed; height:50px; line-height:48px; text-align:left; color:#303030; font-size:18px; position:relative;  padding-left:40px; font-weight:bold;}
#lnb > ul > li > ul > li.on > a{background:#e4e2e2; color: #303030; }
#lnb > ul > li > ul > li > ul{display:none;}
#lnb > ul > li > ul > li > ul > li { border-bottom: 1px solid #dcdcdc;}
#lnb > ul > li > ul > li > ul > li > a {display: block; background:#ffffff; height:50px; line-height:48px; text-align:left; color:#303030; font-size:16px; position:relative; padding-left:60px;}
/* #lnb > ul > li > ul > li > ul > li > a::after{display:inline-block; content:""; background:url(/assets/images/index/depth_arrow.png) center no-repeat; width:16px; height:10px; right:20px; position:absolute; top:20px;}  */
#lnb > ul > li > ul > li > ul > li.on > a{background: linear-gradient( to right, #a353c3, #6b53c3 ); color: #ffffff;}
/* #lnb > ul > li > ul > li > ul > li.on > a::after {display:inline-block; content:""; background:url(/assets/images/index/depth_arrow_up.png) center no-repeat; width:16px; height:10px; right:20px; position:absolute; top:20px;} */
#lnb > ul li.noDepth a::after {background-image: none !important; }
.dim{position:absolute; top:0; left:0; width:100%; height:100%; background:#030303; opacity:.8; z-index:2;}
.m_btn_close{display:none;   background:#ffffff; position: fixed; left: 15px; top:17px; width: 55px; height: 55px; z-index:9999999;}
/* .m_btn_close:before{content:''; display:inline-block; width:15px; height:33px; background:#ffffff; position:absolute; left:-15px; top:0;  box-sizing:border-box;} */
.m_btn_close img{width:100%;}
.mobile_menu.active .m_btn_close{display:inline-block; border-radius:30px;}

/** 전체메뉴 **/
.global_menu{position:fixed; width:100%; top:-750px; height:750px; background:#aa8871; z-index:999999; overflow:hidden; transition: top 0.5s;}
.global_menu .gnb_wrap{margin:0 auto; overflow:hidden; max-width:1400px; margin-top:60px;}
.global_menu .gnb_wrap > li > div > a{font-size: 22px; line-height: 34px; padding: 0;    padding-left: 9px; color: #fff;}
.global_menu .gnb_wrap > li{float: left; background-color: transparent; margin-right: 50px; border-bottom: none; padding-left: 0; padding-right: 0; }
.global_menu .gnb_wrap > li:last-child{margin-right:0;}
.global_menu .gnb_wrap > li > ul{display: block !important; width: 255px; margin-top: 28px; margin-bottom: 0; padding-left: 0; padding-right: 0;}
.global_menu .gnb_wrap > li > ul > li{padding-top: 16px; padding-bottom: 17px; padding-left: 10px; margin-bottom: 0; border-bottom: 1px solid rgba(255,255,255,0.1);}
.global_menu .gnb_wrap > li > ul > li > a{font-size:20px; color: #d2c4bc;}
.global_menu .gnb_wrap > li > ul > li > a:hover{color:#ffffff;}
.global_menu .gnb_wrap > li > ul > li > ul{    margin-top: 12px;}
.global_menu .gnb_wrap > li > ul > li > ul > li{margin-bottom:0;}
.global_menu .gnb_wrap > li > ul > li > ul > li:before{content: '-'; color: #afafaf; margin-right: 4px; position: relative; top: -3px;}
.global_menu .gnb_wrap > li > ul > li > ul > li > a{font-size: 17px; line-height: 23px; line-height: 2.3rem; font-weight: 400; color: #d2c4bc; margin-bottom: 5px;}
.global_menu .gnb_wrap > li > ul > li > ul > li > a:hover{color:#ffffff;}         
.btn_gm_up{position:absolute;  bottom:30px; left:50%; transform:translateX(-50%); }
.global_menu.active{top:0;}
   
.mobile_menu .lnb-logo{display:none;}



@media screen and (max-width: 1450px) {
	.header .h-bottom.on{margin-left:0px!important;}
	.footer .f_in.on{margin-left:0px!important;}
	.search-box{height:331px;}
	.search-box .sb-in{height:180px;}

	.topnav > a {font-size: 17px;}
}


@media screen and (max-width: 1200px) {
	.global_menu .gnb_wrap > li{margin-right:20px;}
	.topnav > a {font-size: 16px;}
}

@media screen and (max-width: 1150px) {
   
   .footer .f_in{padding-left:0; padding:15px 0px;}
   .footer .f_in .f-logo{width: 16%;position:relative; left:unset; top:0; transform:unset; display:block; text-align:center; padding-top: 20px;}
   .footer .f_in .fl{width:100%; float:unset; text-align:center; padding:10px 0;}
   .footer .f_in .fr{width:100%; float:unset; text-align:center; padding:10px 0;}
}

@media screen and (max-width: 1140px) {
   .header{height:116px;}
   .header .fr{display: flex;} 
   .mobile_menu .about-page{margin-top:22px;}
   .mobile_menu .lnb_box{margin-top:86px;}
   
   .mt150 {margin-top:115px;}
   
   .nav{display:none;}
   .btn_global{display:none;}
   .btn_lnb{display:block;}
   .h_search_box{display:none;}
   .header .h-bottom .hb-in .main_logo{top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
   /* .h-top{display:none;} */
   .ht-in .fl{display:none;}
   .h-top .btn-log.mypage,
   .h-top .btn-log.myset,
   .h-top .btn-log.extend{display:none;}

   .header .h-top{height:36px;}
   .header .h-top .ht-in{padding:0 15px;  }
   .btn-log{line-height:34px;}
   .header .h-bottom{height:80px;}
   .btn-search{right:15px;}
   .search-box .sb-in .sb-chart-box{width:100%; bottom:30px;}
   .search-box{height:297px;}
  
   .search-box .sb-bottom .btn-sb-close{right:15px; top:48px}
   
   .sidebar{margin-left:-380px; width:380px; transition: margin-left 0.5s; height:100%;  position:fixed; top:0;  background:#f9fcf6; z-index:99999; box-shadow:2px 2px 9px #b1b1b1;}
   .sidebar.open{margin-left:0px;}
   .sidebar .sidebar_in{width :85%; height:850px; position:absolute;  top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
   .find_me li a{font-size:15px;}
   .main_point li a::before{width:50px; height:50px;}
   .main_point li a span{font-size:14px;}

   .wrap {
      width: 100%;
      margin-top: 130px;
   }

   /** 배너 **/
   #sb_box li a img{width:90%;}

   /** 푸터 **/
   .footer{height:auto; padding:0 10px;}
   .footer .f_in .f_right{float:unset;  width:100%; text-align:center;}
	.footer .f_in .f_left{float:unset; width:100%; text-align:center; margin-top:20px;}
   .footer .f_in .f_left .f_about .f_logo{width:100%; text-align:center; margin-right:0;}
   .footer .f_in .f_left .f_about .f_rule{margin:0 10px; font-size:14px;}
   .footer .f_in .f_left .f_about .f_rule::before{display:none;}
   .footer .f_in .f_left .f_about .rel_site{width:80%; margin-top:10px;}
   .footer .f_in .f_right .f_time{width:100%;}

   .main_search_wrap{display:none;}
}



@media screen and (max-width: 820px) {
   .search-box .sb-in .input-search{width:calc(100% - 40px); margin:0 auto;}
   .footer .f_in .f-logo {width: 20%;}
   
}

@media screen and (max-width: 750px) {
   /* .search-box{height:100%;} */
   .search-box{height:439px; }
   .search-box .sb-in{top:116px;}
   .search-box .sb-in .sb-chart-box{top:90px; overflow:hidden; position:relative; padding:20px 40px; background:#ffffff;}
   .search-box .sb-in .sb-chart-box .sb-tit{position:absolute; top:24px; left:20px;}
   .search-box .sb-in .sb-chart-box .sb-chart{display:block; text-align:left;  margin-left:80px; -webkit-box-orient: vertical; display: -webkit-box !important; display: block; -webkit-line-clamp: 1; overflow: hidden; width:180px; }
}

@media screen and (max-width: 650px) {
   .mobile_menu .about-page{position:absolute; top:0; right:0; padding-right:5px;}  
   .mobile_menu .lnb-logo{display:inline-block; position:absolute; top:15px; right:10px;}
   
   .btn-log.facebook::before{height:15px;}
	.btn-log.youtube::before{height:15px;}
	.footer .f_in .f-logo {width: 27%;}

}
   
@media screen and (max-width: 450px) {
   
   
   .sidebar{margin-left:-85%; width:85%; min-width:320px; transition: margin-left 0.5s; height:100%; top:0;  background:#f9fcf6; z-index:99999; box-shadow:0px 0px 0px #b1b1b1;}
   .btn_sidebar{top: 0px; transform:translateY(0);}
   .btn_sidebar_close{top: 0px;transform:translateY(0);}
   .sidebar.open{margin-left:0px;}
   .sidebar.open .btn_sidebar_close{top: 0px; transform:translateY(0);}
   .sidebar .sidebar_in{width:100%; height:91%; padding:20px;}
   .log_box{margin-top:20px;}
   .log_box .chk_save{margin-top:15px;}
   .comment img{width:100% !important; height:100% !important;}
   .comment h4{font-size:25px;}
   .log_box input{height:40px; line-height:40px; font-size:16px;}
   .log_box .btn_about{height:40px; line-height:40px; font-size:16px;}
   .log_box .btn_log{height:40px; line-height:40px; font-size:16px;}
   .log_box .btn_out{height:40px; line-height:40px; font-size:16px;}
   .find_me{ margin:0 auto; margin-top:20px; width:95%;}
   .find_me li:nth-child(2){padding:0 10px;}
   .find_me li a{font-size:15px; }
   .main_point{width:calc(100% - 40px); left:50%; transform:translateX(-50%); }
   .main_point li a::before{width:50px; height:50px;}
   .main_point li.mp1 a::before{background-size:cover;}
   .main_point li.mp2 a::before{background-size:cover;}
   .main_point li.mp3 a::before{background-size:cover;}
   .main_point li.mp4 a::before{background-size:cover;}
   .main_point li.mp5 a::before{background-size:cover;}
   .main_point li.mp6 a::before{background-size:cover;}
   .main_point li a span{font-size:14px; left:50px;}
   .main_point li{margin-bottom:0px;}
	
   .btn-log{font-size:12px;}

   body{min-width:320px;}
   .header{min-width:320px;}
   .footer .f_in .f-logo {width: 35%;}
}


@media screen and (max-width: 370px) {
 
.btn-log{font-size:11px;}
.footer .f_in .f-logo {width: 38%;}
  
 }


/* 내용의 이미지크지 제한*/
#step_page_wrap img {
   max-width: 100%;
   height: auto;
}