@import url("./moonLetter.css");

/* additional jquery css */
@import url("../jquery/fakeLoader/fakeLoader.css");
@import url("../jquery/colorbox_2/colorbox.css"); 
@import url("../jquery/selectize/selectize.default.css");
@import url("../../js/jquery/waitMe/waitMe.min.css");
@import url("../../js/jquery/bxslider/jquery.bxslider.min.css");

/*폰트*/
* { font-family: 'Spoqa Han Sans Neo', 'Spoqa Han Sans Neo JP', 'Sans-serif';margin: 0;padding: 0;}

/*초기화*/
html, body{height:100%;width:100%;font-family:  'Spoqa Han Sans Neo', 'Spoqa Han Sans Neo JP', 'Sans-serif';}
h1,p,ul{margin:0;padding:0}
li{list-style:none}
a{color:#141414;text-decoration:none !important}
.left{float:left !important}
.right{float:right !important}
.clear{clear:both}
p{margin:0;padding:0;word-break:break-all;word-wrap:break-word}
b{font-weight:bold}
br{font-family:"Noto Sans KR", sans-serif !important}
.img-responsive{max-width:100%;display:block;height:auto}
.over-h{overflow:hidden;}
.padding-0{padding:0px !important}
.padding-10{padding:10px !important}
.padding-20{padding:20px !important}
.padding-30{padding:30px !important}
.margin-0{margin:0px !important}
.margin-10{margin:10px !important}
.margin-20{margin:20px !important}
.margin-30{margin:30px !important}
.m-auto{margin:auto}
.w-100{width:100% !important}

.pb-0{padding-bottom:0px !important;}
.pb-10{padding-bottom:10px !important;}
.pb-20{padding-bottom:20px !important;}
.pr-10{padding-right:10px !important;}
.pr-20{padding-right:20px !important;}
.pl-0{padding-left:0px !important;}
.pl-10{padding-left:10px !important;}
.pl-20{padding-left:20px !important;}
.pt-0{padding-top:0px !important}
.pt-10{padding-top:10px !important;}
.pt-20{padding-top:20px !important;}

.mt-0{margin-top:0px !important;}
.mt-10{margin-top:10px !important;}
.mt-20{margin-top:20px !important;}
.mt-30{margin-top:30px !important;}
.mr-0{margin-right:0px !important;}
.mr-10{margin-right:10px !important;}
.mr-20{margin-right:20px !important;}
.mr-30{margin-right:30px !important;}
.mb-0{margin-bottom:0px !important;}
.mb-10{margin-bottom:10px !important;}
.mb-20{margin-bottom:20px !important;}
.mb-30{margin-bottom:30px !important;}
.ml-0{margin-left:0px !important;}
.ml-10{margin-left:10px !important;}
.ml-20{margin-left:20px !important;}
.ml-30{margin-left:30px !important;}
.text-c{text-align:center;}
.text-l{text-align:left;}
.text-r{text-align:right;}
.mont{font-family:'Montserrat', sans-serif;}

.mL10{margin:0 0 0 10px;}
.mL20{margin:0 0 0 20px;}
.mL30{margin:0 0 0 30px;}

.mT10{margin:10px 0 0 0;}
.mT20{margin:20px 0 0 0;}
.mT30{margin:30px 0 0 0;}

.mR10{margin:0 10px 0 0;}
.mR20{margin:0 20px 0 0;}
.mR30{margin:0 30px 0 0;}

.mB10{margin:0 0 10px 0;}
.mB20{margin:0 0 20px 0;}
.mB30{margin:0 0 30px 0;}


.w50{width:50px !important;}
.w60{width:60px !important;}
.w70{width:70px !important;}
.w80{width:80px !important;}
.w90{width:90px !important;}
.w100{width:100px !important;}
.w110{width:110px !important;}
.w120{width:120px !important;}
.w130{width:130px !important;}
.w140{width:140px !important;}
.w150{width:150px !important;}
.w200{width:200px !important;}
.w250{width:250px !important;}

.w20p{width:25% !important;}
.w25p{width:25% !important;}
.w30p{width:30% !important;}
.w35p{width:35% !important;}
.w40p{width:40% !important;}
.w45p{width:45% !important;}
.w50p{width:50% !important;}
.w55p{width:55% !important;}
.w60p{width:60% !important;}
.w75p{width:75% !important;}
.w80p{width:80% !important;}
.w100p{width:100% !important;}

.btn_s_red{display:inline-block;border:1px solid red;background:red;color:#FFF;padding:3px;margin:0 5px; font-size : 0.8em;}


.blue {color:#464a8e;}
.blue a{color:#464a8e}
.org {color:#db6813;}
.org a{color:#db6813}
.green {color:#008800;}
.green a{color:#008800}
.grey {color:#777;}
.grey a{color:#777;}
.white {color:#fff;}
.white a{color:#fff;}
.red{color:#ee1e27}
.red a{color:#ee1e27}

.bgWcolor{background-color: #fff !important;}


.visible-lg{display:block !important}
.visible-xs{display:none !important}
.visible-sm{display:none !important}

/*헤드*/
.head01{padding:30px 0 30px 0;border-bottom:1px solid #e5e5e5;}
.head01 .logo{width:20%;float:left;}
.head01 .login {width:75%;float:right;overflow:hidden;}
.head01 .login li {float:right;font-size:15px;margin:0 0 0 15px;}
.head01 .login_on {width:75%;float:right;overflow:hidden;padding: 5px;}
.head01 .login_on li{float:right;font-size:15px;}
.head01 .login_on .level span{background:#ee1e27;color:#FFF;padding:5px 10px 5px 10px;margin:0 5px 0 0;}
.head01 .login_on .charge {margin:0 20px;}
.head01 .login_on .charge a{background:#000;color:#FFF;padding:5px 10px 5px 10px;margin:0 0 0 5px;}
.head01 .login_on .logout {margin:0 0 0 20px;}
.head01 .login_on .logout a{background:#b7b7b7;color:#FFF;padding:5px 10px 5px 10px;}

.head02 .wrap{max-width:1300px;margin:auto;}
/* .head02 .all{float:left;width:30%;padding:18px 0;} */
.head02 .all{float:left;width:10%;padding:18px 0;}
.head02 .all a{margin:0 0 0 10px;}
/* .head02 .nav {float:right;width:70%;} */
.head02 .nav {float:right;width:90%;}
.head02 .nav:after{display:block;content:"";clear:both;}
.head02 .nav li{position:Relative;float:left;width:10%;text-align:Center;}
/* .head02 .nav li{position:Relative;float:left;width:14.285%;text-align:Center;} */
.head02 .nav li:hover{background:#ee1e27;transition:all .3s ease;}
.head02 .nav li:hover a{color:#FFF;}
.head02 .nav li a{display:block;padding:20px 0;}
.head02 .nav .submenu{display:none;position:absolute;background:rgba(255,255,255,0.9);z-index:999;border:1px solid #e5e5e5;}
.head02 .nav .submenu li{width:100%;font-size:1.2em;}
.head02 .nav .submenu li a{display:Block;padding:10px 0;color:#333;}
.head02 .nav .submenu li a:hover{background:#ee1e27;color:#FFF;transition:All .3s ease;}

.header_border{background:#e5e5e5;width:100%;height:1px;clear:both;}
/* 
.sitemap{display:none;border-bottom:1px solid #e5e5e5;position:absolute;background:#FFF;width:100%;padding:40px;z-index:999;}
.sitemap .ft01{float:left;width:10%;color:#ee1e27;font-weight:600}
.sitemap ul{width:100%;margin:0 0 2% 0;clear:both;overflow:hidden;}
.sitemap ul:last-child{margin:0}
.sitemap ul li{float:left;width:10%;font-size:1.2em;}
 */
/* .sitemap{display:none;border-bottom:1px solid #e5e5e5;position:absolute;background:#FFF;width:100%;padding:40px 0;z-index:999;}
.sitemap .ft01{float:none;width:10%;color:#ee1e27;font-weight:600;margin:0 0 5px 0;}
.sitemap ul{width:100%;margin:0 0 2% 0;clear:both;overflow:hidden;}
.sitemap ul:last-child{margin:0}
.sitemap ul li{float:left;width:14.285%;font-size:1.2em;}
 */
.sitemap{display:none;border-bottom:1px solid #e5e5e5;position:absolute;background:#FFF;width:100%;padding:40px 0;z-index:999;}
.sitemap .ft01{float:left;width:10%;color:#ee1e27;font-weight:600;margin:0 0 5px 0;}
.sitemap ul{width:100%;margin:0 0 2% 0;clear:both;overflow:hidden;}
.sitemap ul:last-child{margin:0}
.sitemap ul li{float:left;width:11%;font-size:1.3em;}
 
 

/*mob menu*/
.m_wrap{display:none;}
.m_wrap.on {position:fixed;width:100%;z-index:9999;background:#FFF;top:0;border-bottom:1px solid #f7f4ed}
.m_wrap .logo{padding:20px;display:inline-block;}
.m_wrap .logo img{width:200px;}
.m_warp.on .menu_btn{position:fixed}
.m_menu{position:fixed ;top: 0;right: -100%;bottom: 0;width: 100%;height: 100%;background:#fff;z-index:9998;-webkit-box-shadow: -5px 8px 18px 0px rgba(0, 0, 0, .07);box-shadow: -5px 8px 18px 0px rgba(0, 0, 0, .07);}
.m_menu .lnb_tit {padding: 15px 0;padding-left:15px;}

.menu_btn {display: block;width: 25px;height: 15px;top: 22px;right: 15px;position: absolute;z-index: 9999;cursor: pointer;-webkit-transition: top 300ms;transition: top 300ms;}
.menu_btn > div {display: block;width: 100%;text-indent: -9999px;border: none;background: none;}
.menu_btn span {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";right: 0;display: block;width: 100%;height: 1px;border-radius: 10px;background-color: #000;position: absolute;-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out;}

.menu_btn .btn_line01 {top: 0;}
.menu_btn .btn_line02 {top: 7px;}
.menu_btn .btn_line03 {bottom: 0;}

.menu_btn.on span:nth-child(1) {top: 9px;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
.menu_btn.on span:nth-child(2) {opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";right: -60px;}
.menu_btn.on span:nth-child(3) {top: 9px;-webkit-transform: rotate(-135deg);transform: rotate(-135deg);}

#lnb {background-image: url('../../img/main/m_bg.png');background-size:80%;background-repeat: no-repeat;background-position: right bottom;overflow: scroll;width: 100%;height: 100%;}
#lnb .lnb_box{margin-top:30px;}
#lnb .depth01 {display: block;padding: 12px 20px;position: relative;top: 0;left: 0;text-align: left;color: #3e3e3c;}
#lnb .depth01 .down{display:block;float:right;}
#lnb .depth02{display:none;background-color: #333;text-align:left}
#lnb .depth02 li a {padding: 12px 20px;display: block;position:relative;top:0;left:0;color:#fff;}



.m_login {padding-left:15px;text-align:Center}
.m_login:after {display: block;content: "";clear: both;}
.m_login li {padding:10px 30px;display: block;margin-top: 15px;float:left;margin-right:10px;border-radius:50px;}
.m_login li a{color:#fff;}
.m_login li:nth-child(1){background:#333;border:1px solid #333}
.m_login li:nth-child(2){background:#ee1e27;border:1px solid #ee1e27}
.m_login li:nth-child(3){background:#fff;border:1px solid #3e3e3c;}
.m_login li:nth-child(3) a{color:#3e3e3c;}
.m_login li img{display:inline-block;vertical-align:middle;margin-right:3px;height:15px;margin-top:-3px;}


/*공통*/
/* .container{max-width:1280px;margin:auto;overflow:hidden;} */
.container{max-width:1280px;margin:auto;overflow:hidden;width:90%;}
.wrap{width:90%;}
/* .ft01{font-size:1.4em;}17px
.ft02{font-size:1.6em;}19px
.ft03{font-size:2em;}24px
.ft04{font-size:2.3em;}28px
.ft05{font-size:1.2em;} */

.ft01{font-size:1.4em;}/*17px*/
.ft02{font-size:1.6em;}/*19px*/
.ft03{font-size:1.6em;}/*24px*/
.ft04{font-size:2.3em;}/*28px*/
.ft05{font-size:1em;}
.ft06{font-size:1.2em;}

.mainslide .swiper-wrapper .slide_intersection {
	height:500px;
	text-align: left;
	color: #fff;
	letter-spacing: -0.05em;
	cursor: pointer
}

/*메인*/
/* .mainslide {max-width:1920px;margin:auto;overflow:hidden;}*/
.mainslide {max-width:1920px;margin:auto;overflow:hidden;/* background:url('../../img/main/slide01.png') no-repeat 90% bottom #fffbf7; */background-size:30%;}
.mainslide .slide01 {background:url('../../img/main/slide01.png') no-repeat 70% bottom #fffbf7;padding:100px 0 0 0;height:500px;}
.mainslide .slide01 h1{font-size:44px;margin:0 0 30px 0;}
.mainslide .swiper-pagination-progressbar{background:#e5e1de;width:10% !important;top:auto !important;bottom:17%;left:16% !important;}
.mainslide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#000}

.main .board {border-top:1px solid #e5e1de;border-bottom:1px solid #e5e1de;margin:0 0 20px 0;}
.main .board p{font-weight:300;}
/* .main .board .box{padding:20px 0;width:48%;} */
/* .main .board .box{padding:12px 0;width:100%;} */
.main .board .box{padding:12px 0;/* width:48%; */}
.main .board .box01{float:left;width:44%;}
.main .board_slide {height:40px;}
.board_slide .swiper-slide{padding:0 40px 0 0;line-height:2.5}

/* 너무 긴 공지사항 줄 바꿈을 위한 설정 */
.board_slide .swiper-slide a{width : 80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display : block;}

.board_slide .swiper-button-next, .board_slide .swiper-button-prev{outline:none;width:14px;height:8px;top:auto;right:0;left:auto;background-position:center;background-repeat:no-repeat}
.board_slide .swiper-button-prev:after, .board_slide .swiper-button-next:after{content:"";}
.board_slide .swiper-button-prev{background-image:url('../../img/main/arrow_up.png');bottom:70%}
.board_slide .swiper-button-next{background-image:url('../../img/main/arrow_down.png');bottom:0%}

.main .board .box01 .ft04{width:20%;float:left;}
.main .board .box01 span{color:#a3a3a3;float:right;}

.main .board .box02{float:right;width:52%;}
.main .board .box02 .num{color:#ed1e26;margin:0 15px;float:left;}
.main .board .box02 a{color:#ed1e26;}
.main .board .box02 .ft01{line-height:2.5;font-weight:400}

#section01 ul{overflow:hidden;width:100%;}
#section01 ul li{float:left;width:23.5%;margin:0 2% 0 0;} 
#section01 ul li:last-child{margin:0}
#section01 ul li a{display:block;color:#FFF;padding:40px;border-radius:10px;background-repeat:no-repeat;background-position:105% 125%;background-size:28%;}
#section01 ul li:nth-child(1) a{background-image:url('../../img/main/msg01.png');background-color: #f8b12a}
#section01 ul li:nth-child(2) a{background-image:url('../../img/main/msg02.png');background-color: #f49737}
#section01 ul li:nth-child(3) a{background-image:url('../../img/main/msg03.png');background-color: #ef7f3f}
#section01 ul li:nth-child(4) a{background-image:url('../../img/main/msg04.png');background-color: #c3ad70}
#section01 ul li a:hover{background-size:32%;transition:all .5s ease;}

#section02{padding:30px 0 30px 0;position:Relative;}
#section02:before{content:'MOON';z-index:-1;font-family:'Montserrat', sans-serif;display:block;text-shadow:-1px -1px 0 #f3f2f2,1px -1px 0 #f3f2f2,-1px 1px 0 #f3f2f2,1px 1px 0 #f3f2f2;color:#fff;font-weight:bold;font-size:180px;position: absolute;top:50px;left:100px;}
#section02:after{content:'LETTER';z-index:-1;font-family:'Montserrat', sans-serif;display:block;text-shadow:-1px -1px 0 #f3f2f2,1px -1px 0 #f3f2f2,-1px 1px 0 #f3f2f2,1px 1px 0 #f3f2f2;color:#fff;font-weight:bold;font-size:180px;position: absolute;bottom:30px;right:100px;}
#section02 ul{overflow:hidden;width:100%}
#section02 ul li{float:left;width:23.5%;margin:0 2% 0 0;height:400px;text-align:center;padding:45px 0 0 0;background-repeat:no-repeat;background-position:center bottom;background-color:#f4f4f4}
#section02 ul li:last-child{margin:0}
#section02 ul li:nth-child(1){background-image:url('../../img/main/serv01.png');}
#section02 ul li:nth-child(2){background-image:url('../../img/main/serv02.png');}
#section02 ul li:nth-child(3){background-image:url('../../img/main/serv03.png');}
#section02 ul li:nth-child(4){background-image:url('../../img/main/serv04.png');}




/* 
#section03 ul{overflow:hidden;width:100%}
#section03 ul li{float:left;width:50%;}
#section03 ul li a {display:Block;padding:50px 50px 50px 180px;background-repeat:no-repeat;background-position:10% center}
#section03 ul li:nth-child(1) a{background-image:url('../../img/main/icon01.png');background-color:#f4f4f4;}
#section03 ul li:nth-child(2) a{background-image:url('../../img/main/icon02.png');background-color:#fce9e9;}
#section03 .ft03{font-weight:bold;float:left;}
#section03 .fi {background:#000;color:#FFF;font-size:10px;border-radius:100px;padding:6px;margin:8px 0 0 8px;}
#section03 ul li a:hover .fi{margin:8px 0 0 15px;background:#ee1e27;transition:all .3s ease;}
*/
/* 
#section04{padding:100px 0;}
#section04 ul{overflow:hidden;width:100%}
#section04 ul li{float:left;width:32.8%;}
#section04 ul li:nth-child(2){margin:0 0.8%;}
#section04 ul li a{display:block;padding:20px 20px 20px 160px;background-repeat:no-repeat;background-position:15% center;border:1px solid #e5e1de}
#section04 ul li:nth-child(1) a{background-image:url('../../img/main/icon03.png')}
#section04 ul li:nth-child(2) a{background-image:url('../../img/main/icon04.png')}
#section04 ul li:nth-child(3) a{background-image:url('../../img/main/icon05.png')}
 */

#section03 ul{overflow:hidden;width:100%}
#section03 ul li{float:left;width:50%;}
/* #section03 ul li a {display:Block;padding:20px;background-repeat:no-repeat;background-position:90% 50%;background-size:13%;} */
#section03 ul li a {display:Block;padding:50px 50px 50px 180px;background-repeat:no-repeat;background-position:10% center}
#section03 ul li:nth-child(1) a{background-image:url('../../img/main/icon01.png');background-color:#f4f4f4;}
#section03 ul li:nth-child(2) a{background-image:url('../../img/main/icon02.png');background-color:#fce9e9;}
#section03 .ft03{font-weight:bold;float:left;}
#section03 .fi {background:#000;color:#FFF;font-size:10px;border-radius:100px;padding:5px;margin:0 0 0 5px;}
#section03 ul li a:hover .fi{margin:0 0 0 8px;background:#ee1e27;transition:all .3s ease;}


#section04{padding:30px 0 50px 0;}
#section04 ul{overflow:hidden;width:100%}
#section04 ul li{float:left;width:32.8%;}
#section04 ul li:nth-child(2){margin:0 0.8%;}
#section04 ul li a{display:block;padding:20px 20px 20px 160px;background-repeat:no-repeat;background-position:15% center;border:1px solid #e5e1de}
#section04 ul li:nth-child(1) a{background-image:url('../../img/main/icon03.png')}
#section04 ul li:nth-child(2) a{background-image:url('../../img/main/icon04.png')}
#section04 ul li:nth-child(3) a{background-image:url('../../img/main/icon05.png')}


/* .kakao {background:#ffe609;width:100px;height:100px;position:fixed;bottom:20%;right:8.5%;border-radius: 100%;padding: 15px;z-index:9999;} */
.kakao {background:#ffe609;width:100px;height:100px;position:fixed;bottom:28%;right:1.6%;border-radius: 100%;padding: 15px;z-index:9999;}
.kakao a {display:block;text-align:Center;font-size:15px;}

.telegram {background:#BAEEF5;width:100px;height:100px;position:fixed;bottom:15%;right:1.6%;border-radius: 100%;padding: 15px;z-index:9999; }
.telegram a {display:block;text-align:Center;font-size:15px; }

.quick_left {position:related;left:8%;top:20%;background:#fff;border:1px solid #e5e5e5;border-radius:20px;padding:30px 10px;z-index:98;}
.quick_left li{margin:0 0 20px 0;}
.quick_left li a{display:block;text-align:Center;font-size:15px;}
.quick_left li a:hover{color:#ed1e26;font-weight:bold;}
.quick_left li p{padding:3px 0 0 0;}


.quick {position:fixed;right:8%;top:20%;background:#fff;border:1px solid #e5e5e5;border-radius:20px;padding:30px 10px;z-index:98;}
.quick li{margin:0 0 20px 0;}
.quick li a{display:block;text-align:Center;font-size:15px;}
.quick li a:hover{color:#ed1e26;font-weight:bold;}
 .quick li p{padding:3px 0 0 0;}
/* .quick li p{padding:40px 0 0 0;}
.quick li:nth-child(1) a{background:url('../../img/main/quick01.png')no-repeat top center ;}
.quick li:nth-child(1) a:hover{background:url('../../img/main/quick01_on.png')no-repeat top center ;}
.quick li:nth-child(2) a{background:url('../../img/main/quick02.png')no-repeat top center ;}
.quick li:nth-child(2) a:hover{background:url('../../img/main/quick02_on.png')no-repeat top center ;}
.quick li:nth-child(3) a{background:url('../../img/main/quick03.png')no-repeat top center ;}
.quick li:nth-child(3) a:hover{background:url('../../img/main/quick03_on.png')no-repeat top center ;}
.quick li:nth-child(4) a{background:url('../../img/main/quick04.png')no-repeat top center ;}
.quick li:nth-child(4) a:hover{background:url('../../img/main/quick04_on.png')no-repeat top center ;}
.quick li:nth-child(5) a{background:url('../../img/main/quick05.png')no-repeat top center ;border:none;} */
.quick .btn_top{cursor:pointer;position:Absolute;bottom:-20px;left:50%;transform:translateX(-50%);background: #000;text-align: center;color: #FFF;border-radius: 100px;padding: 7px 13px;}
.quick .q_kakao{display:none}

footer .box01 {background:#333333;}
footer .box01 ul{position:relative;padding:20px 0;overflow:hidden;}
/* footer .box01 ul li{float:left;margin:0 50px 0 0;} */
footer .box01 ul li{float:left;width:25%;margin:0;text-align:Center;}
footer .box01 ul li a{font-size:1.25em;font-weight:300;color:#fff;opacity:0.5}
footer .box01 .btn_top {cursor:pointer;position:absolute;right:0;top:0;width:62px;height:62px;text-align:center;font-size:1.25em;background:#fff;font-weight:bold}

footer p{width:70%;}
footer .logo{float:left;margin:0 3% 0 0; width:15%}

footer .kcup_cert { float : left; margin:0 3% 0 0; cursor: pointer; 
	background-image: url("https://yeorcqadlpopsmgaoudu.supabase.co/storage/v1/object/public/certification/mark/3067674d-01c7-49b3-abc6-80e715b5bd4f/d917f762-64c2-4817-b539-a307d47f5e0f-2025-03-12T06:49:22.892Z");
	background-repeat: no-repeat;
	background-size: 80px;
	width : 80px;
	height : 80px;
}

/* footer .box02 {background:#292929;padding:40px 0;} */
footer .box02 {background:#292929;padding:40px 0 110px 0;}
footer .box02 p{float:left;font-size:1.25em;font-weight:300;color:#FFF;opacity:0.5;line-height:1.8}
footer .box02 a{color:#FFF;} 


.btn_top_m{display:none;}
.m_head{display:none;padding:20px;border-bottom:1px solid #e5e5e5;}
.m_head .logo{display:inline-block;}
.m_head .logo img{width:70%;}
.m_head .bar{position:absolute;right:0;top:0;right:0;top:0;width:62px;height:62px;z-index:999;background:#f03e46;}
.m_head .bar .hamburger-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.m_head .hamburger-inner, .m_head .hamburger-inner::before, .m_head .hamburger-inner::after{background:#FFF;}
.m_head .hamburger.is-active .hamburger-inner, .m_head .hamburger.is-active .hamburger-inner::before, .m_head .hamburger.is-active .hamburger-inner::after{background:#FFF;}
.m_nav{display:none;position:fixed;height: 100%;right: 0;width: 80%;background: #fff;border-left:1px solid #e5e5e5;z-index: 99;top: 0;overflow-y:scroll;}
.m_nav .m_login{padding:20px;}
.qna_lst li{border-bottom:1px solid #e5e5e5;}
.qna_lst li:last-child{border-bottom:0 none}
.qna_lst li .qna_q{display:block;width:100%;padding:15px 20px;text-align:left;box-sizing:border-box;}
.qna_lst li.active .qna_q,.qna_lst li .qna_q:hover,.qna_lst li .qna_q:focus{background-color:#000;color:#fff;}
.qna_lst li .qna_a{display:none;padding:5px 15px;background-color:#f9f9f9;}
.qna_lst li .qna_a li{padding:10px 0;}
.qna_lst li.active .qna_a{display:block;}
.qna_lst li .qna_a {font-size:10px;}


.ico {display:inline-block; font-style:normal; overflow:hidden; background:url(../../css/images/ico.png) no-repeat;}

/* paging */
.paging {margin-top:40px;text-align:center;}
.paging a {display:inline-block; width:40px; height:30px; line-height:28px; font-weight:bold; border:1px solid #d9d9d9;  color:#999; vertical-align:top; background-color:#fff;}
.paging a i { height:30px; line-height:1000px; }
.paging a i.btn_prev1 {background-position:-50px -29px;}
.paging a i.btn_prev2 {background-position:-21px -29px;}
.paging a i.btn_next1 {background-position:-79px -29px;}
.paging a i.btn_next2 {background-position:-107px -29px;}
.paging .page_num {display:inline-block; margin:0 8px;}
.paging .page_num a {border:none; font-size:16px;}
.paging .page_num a.on {border:1px solid #27609d; color:#27609d; }



#bo_btn_top {margin:10px 0}
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx {margin-bottom:5px;float:right;zoom:1}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
#bo_list_total {float:left;line-height:34px;font-size:0.92em;color:#4e546f}


.btn_bo_user {float:right;margin:0;padding:0;list-style:none;}
.btn_bo_user li {float:left;width:40px;text-align:center;margin-left:5px;background:#fff}
.btn_bo_user > li {position:relative}


.bo_sch_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
.bo_sch {position:absolute;top:50%;left:50%;background:#fff;text-align:left;width:330px;max-height:300px;margin-left:-125px;margin-top:-180px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 18px rgba(0,0,0,0.2);box-shadow:1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;background:#fff;border-radius:3px}
.bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
.bo_sch h3 {padding:15px;border-bottom:1px solid #e8e8e8}
.bo_sch legend {background:red}
.bo_sch form {padding:15px;display:block}
.bo_sch select {border:0;width:100%;height:40px;border:1px solid #d0d3db;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
.bo_sch .sch_bar {display:inline-block;width:100%;clear:both;margin-top:15px;border:1px solid #d0d3db;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
.bo_sch .sch_input {width:250px;height:38px;border:0;padding:0;background-color:transparent;float:left}
.bo_sch .sch_btn {height:38px;float:right;color:#656565;background:none;border:0;width:40px;font-size:15px}
.bo_sch .bo_sch_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}
.bo_sch_bg {background:#000;background:rgba(0,0,0,0.1);width:100%;height:100%}



/* Desktops -  데스크탑*/
@media (max-width: 1600px){
	
	/* .quick{border-radius:20px 20px 0 0;width:100%;bottom:0;right:0;top:auto;padding:15px 0;} */
	.quick{border-radius:20px 20px 0 0;width:1600px;bottom:0;right:0;top:auto;padding:15px 0;}
	.quick ul{overflow:hidden;}
	.quick ul li{float:left;width:20%;margin:0;}
	.quick li a{border-right:1px solid #e5e5e5}
	.quick .q_kakao{display:block}
	.kakao{display:none;}
	.telegram{display:none;}
	.btn_top{display:none}
	.btn_top_m{display:block;cursor:pointer;position:fixed;right:20px;bottom:100px;background:#000;color:#FFF;border-radius:100%;width:50px;height:50px;text-align:Center;padding:5px;z-index:98;font-size:0.8em}
	
}


/* Laptops, Desktops -  랩탑, 데스크탑
@media (max-width: 1280px){
	
	.visible-sm{display:block !important}
	.visible-lg{display:none !important}
	.hidden-sm{display:none !important}
	
	
	.container{width:90%;}
	.wrap{width:90%;}

	.ft03{font-size:1.6em}
	.ft05{font-size:1em;}

	.sitemap{padding:40px 0}
	.sitemap .ft01{float:none;margin:0 0 5px 0;}
	.sitemap ul li{width:14.285%;}
	
	.mainslide .slide01{background:url('../../img/main/slide01.png') no-repeat 90% bottom #fffbf7;background-size:30%;}
	.main .board .box{width:100%;}


	.head02 .all{width:15%;}
	.head02 .nav{width:85%;}	

	footer .logo {margin:0 5% 0 0;width:20%}
	footer p{width:75%;}
	footer .box01 ul li{width:25%;margin:0;text-align:Center;}
	footer .box02{padding:40px 0 110px 0;}
	
}	



 
 Tablets, Ipads (landscape) -  태블릿, 아이패드(가로) 

@media (max-width:1023px) and (min-width:768px){
	.m_head{display:block;}
	.head01{display:none}
	.head02{display:none}
	.sitemap{display:none !important;}
		
	.m_wrap{display:Block;}

	.ft01 {font-size:1.2em}
	.ft04 {font-size:2em}

	.mainslide .slide01 h1{font-size:25px;}

	#section01 ul li{width:49%;margin:0 2% 2% 0;}
	#section01 ul li:nth-child(even){margin:0 0 2% 0}
	
	#section02{padding:100px 0;}
	#section02:before{font-size:100px;top:25px;}
	#section02:after{font-size:100px;bottom:25px;}
	#section02 ul li{width:49%;margin:0 2% 2% 0;}
	#section02 ul li:nth-child(even){margin:0 0 2% 0}

	#section03 ul li{width:100%;}

	
	#section04 ul li a{background-position:center 20%;background-size:30%;padding:100px 20px 20px 20px;text-align:Center;}
} 

@media (max-width:768px) and (min-width:480px){

	.ft01 {font-size:1.2em}
	.ft04 {font-size:1.8em}
	
	
	.mainslide .slide01 h1{font-size:20px;}
	
	#section01 ul li{width:49%;margin:0 2% 2% 0;}
	#section01 ul li:nth-child(even){margin:0 0 2% 0}
	#section01 ul li a{padding:25px;background-size:20%}

	#section02{padding:100px 0;}
	#section02:before{font-size:100px;top:25px;}
	#section02:after{font-size:100px;bottom:25px;}
	#section02 ul li{width:49%;margin:0 2% 2% 0;height:300px;}
	#section02 ul li:nth-child(even){margin:0 0 2% 0}
	#section02 ul li:nth-child(1){background-size:30%;}
	#section02 ul li:nth-child(2){background-size:60%;}
	#section02 ul li:nth-child(3){background-size:50%;}
	#section02 ul li:nth-child(4){background-size:30%;}

	#section03 ul li{width:100%;}
	#section04 ul li a{background-position:center 20%;background-size:30%;padding:100px 20px 20px 20px;text-align:Center;}
	


}

@media (max-width: 767px){
	
	
	.head01{display:none}
	.head02{display:none}
	.sitemap{display:none !important;}

	.m_wrap{display:Block;}
	
	.mainslide .slide01{height:400px;padding:50px 0 0 0;}
	.mainslide .slide01 h1{margin:0 0 10px 0;}
	.mainslide .swiper-pagination-progressbar{width:15% !important;left:5% !important;bottom:10%}
	.board_slide .swiper-button-next{bottom:20%;}

	footer .logo {width:100%;margin:0 0 20px 0;}
	footer .logo img{width:50%;}
	footer p{width:100%}
	footer .box01 ul{padding:5px 0}
	footer .box01 ul li{margin:5px 0;width:50%;font-size:0.8em;}

	.quick{padding:10px 0;}
	.quick li a{font-size:0.8em;}
}	

@media (max-width: 480px){	
	.visible-xs{display:block !important}
	.hidden-xs{display:none !important}
	
	.ft01{font-size:0.9em}
	.ft02{font-size:1.2em}
	.ft03{font-size:1.2em}
	.ft04{font-size:1.4em}
	.ft05 {font-size:0.8em;}
	
	.mainslide .slide01{background-size:35%;}
	.mainslide .slide01 h1{font-size:18px;}
	

	.main .board{border:none;padding:20px 0;;margin:0 0 30px 0;}
	.main .board .box{padding:20px 0 0 0;}
	.main .board .box01{border-bottom:1px solid #e5e1de}
	.main .board .box01 .ft04{float:none;margin:0 0 10px 0}
	.main .board .box02 .num{display:inline-block;float:none !important;}

	#section01 ul li{width:49%;margin:0 2% 2% 0;}
	#section01 ul li:nth-child(even){margin:0 0 2% 0}
	#section01 ul li a{padding:20px;}
	
	#section02{padding:50px 0;}
	#section02:before{font-size:50px;top:10px;left:0}
	#section02:after{font-size:50px;bottom:20px;right:0}
	#section02 ul li{width:49%;margin:0 2% 2% 0;height:180px;padding:20px 0 0 0}
	#section02 ul li:nth-child(even){margin:0 0 2% 0}
	#section02 ul li:nth-child(1){background-size:30%;}
	#section02 ul li:nth-child(2){background-size:60%;}
	#section02 ul li:nth-child(3){background-size:50%;}
	#section02 ul li:nth-child(4){background-size:30%;}
	

	#section03 ul li{width:100%;}
	#section03 ul li a{padding:20px;background-position:90% 50%;background-size:13%;}
	#section03 ul li a:hover .fi{margin:0 0 0 8px;}
	#section03 .fi{margin:0 0 0 5px;padding:5px;}
	
	#section04{padding:50px 0;}
	#section04 ul li{width:100%;}
	#section04 ul li:nth-child(2){margin:2% 0;}
	#section04 ul li a{background-size:13%;background-position:10% center;padding:20px 20px 20px 130px}
	
	footer .box01 ul{padding:10px 0;}
	footer .box01 ul li{width:50%;text-align:Center;margin:0 0 1% 0}
	footer .box01 ul li a{font-size:0.8em;opacity:1}
	footer .box02 p{font-size:0.8em;opacity:1}
	footer .logo {margin:0 0 20px 0;width:50%;}
}
 */
 
 .btn_s_gray {display:inline-block; margin:0 2px; padding:3px 7px; color:#000; font-size:12px; height:30px; line-height:20px; border:1px solid #adadad; background:#f1f1f1;  }
.btn_s_gray:hover {color:#b42727; text-decoration:none;}
.btn_s_gray_selected {display:inline-block;margin:0 2px; padding:3px 7px;color:#b42727; text-decoration:none;font-size:12px; height:30px; line-height:20px; border:1px solid #adadad; background:#f1f1f1;}
.btn_s_gray_selected:hover {color:#b42727; text-decoration:none;}