@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900');
@import url('https://fonts.googleapis.com/css2?family=Jua&family=Noto+Sans+KR:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dongle&family=Jua&family=Noto+Sans+KR:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css";

*{margin:0;padding:0;}
html,body{width:100%;height:100%; font-size:62.5%;}
html{font-family:'Noto Sans KR', '나눔고딕', 'NanumGothic', 'Nanum Gothic', '돋움', dotum, sans-serif; -webkit-font-smoothing: antialiased;}
body{*word-break:break-all;-ms-word-break:break-all; font-family:'Noto Sans KR', '나눔고딕', 'NanumGothic', 'Nanum Gothic', '돋움',dotum,sans-serif; -webkit-text-size-adjust: 100% !important;-moz-text-size-adjust: 100% !important;-ms-text-size-adjust: 100% !important;}
body,h1,h2,h3,h4,h5,h6,th,td,input,textarea,select,option{color:#555;font-family:'Noto Sans KR', '나눔고딕', 'NanumGothic', 'Nanum Gothic', '돋움',dotum,sans-serif;font-size:1.2rem;font-weight:normal}
br{font-family:initial;} 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,svg {display: block;}
table {border-collapse: collapse; border-spacing: 0;}
img,fieldset,iframe{border:0 none}
ul,ol,li{list-style:none}
em,address{font-style:normal}
img,input,select,textarea{vertical-align:middle}
input{-webkit-appearance: none; -webkit-border-radius: 0;}
a{color:inherit;text-decoration:none;cursor:pointer}
a:hover{color:inherit; text-decoration:none}
button,label{cursor:pointer;}
button{background:0;border:0;outline:0;font-size:inherit;font-weight:inherit;font-family:inherit}
button img{left:-3px;*left:auto}
option{padding-right:6px}
textarea{overflow:auto;*margin:-1px 0;padding-right:1px}
.blind, legend, caption{position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
hr{display:none}
legend{*width:0}
:root legend{margin-top:-1px;font-size:0;line-height:0}
caption{*line-height:0}
.clear:after {clear:both;content:'';display:block;}
#bg{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:none;z-index:1001;}
div.ie_alert_text {display:none;position: fixed;top: 0;left: 0;width: 100%;height: 50px;background: #ddd;z-index: 10000;text-align: center;padding-top: 10px;font-size: 13px;font-family: 'Noto Sans KR', sans-serif;}
#skip-nav {font-size: 16px;line-height: 40px;position: fixed;z-index: 100000;top: -40px;left: 0;width: 100%;-webkit-transition: .4s;transition: .4s;text-align: center;color: #fff;background: rgba(0,0,0,.6);}
#skip-nav:focus{top:0}
.e_{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box}

#wrap, #container {width:100%;position: relative; }
#contents {position:relative;}
#wrap .inner *{-webkit-box-sizing:border-box; box-sizing:border-box;}


/* header */
body.hide #wrap header{transform:translate3d(0,-100%,0);}
#wrap header{position: fixed;top: 0;left: 0;width: 100%;font-family: 'Noto Sans KR',sans-serif; transition:0.3s;box-sizing: border-box;z-index: 1000;}
#wrap header *{box-sizing:border-box;}
#wrap header .header_wrap *{box-sizing:border-box;}
#wrap header .header_wrap{position: relative;height: 120px;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;padding: 0 100px;border-bottom: 1px solid transparent;}
#wrap header .line{display:block;content:"";position:absolute;top: calc(100% - 1px);left: 50%;transform:translateX(-50%);width: 100%;height: 1px;background: rgba(255,255,255,0.3);opacity:1;}
#wrap header .logo{position: relative;width: 134px;z-index: 1010;}
#wrap header .logo a{display: inline-block;width: 100%; height: 100%;}
#wrap header .logo a svg{width: 100%; height: 100%;}
body:not(.active,.menu_open) #wrap header:not(.on,.dark) .logo a svg *{fill:#fff;}
#wrap header .area_r{display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;z-index: 510;}
.menu_open #wrap header{position:fixed;}
.menu_open #wrap header .header_wrap{opacity:1 !important;display: flex !important;}
.img_invert {filter: invert(50%) brightness(200%);}
#header.hover .logoimg {filter: invert(50%) brightness(200%);}


.util_wrap{margin-right: 30px;}
.util_list{display: flex;flex-wrap: wrap;align-items: center;font-size: 1.2rem;color: rgba(255,255,255,0.9);font-weight: 400;line-height: 1em;}
.util_list > li{display:flex; flex-wrap:wrap;}
.util_list > li:not(.language_wrap){overflow:hidden;}
.util_list > li:not(:last-child):after{display: inline-block;content:"";position: relative;top: 0px;left: 0;width: 1px;height: 9px;background: rgba(255,255,255,0.24);margin: 0 9px 0 6px;}
.util_list li a{position:relative; display:inline-block;}
.util_list > li:not(.language_wrap) > a:after{display:block;content: attr(data-hover);left: 0;position: absolute;top: 100%;}
.util_list > li:not(.language_wrap) > a:hover{opacity: 1;position: relative;transform: translateY(-100%);transition: transform 0.5s ease;}


#wrap header #nav{color: #fff;display: flex;flex-wrap: wrap;font-family: 'Lexend','Noto Sans KR',sans-serif;}
#wrap header .gnb{/* display: flex; *//* flex-wrap: wrap; *//* justify-content: center; */}
#wrap header .gnb.depth1 > li{padding: 0 60px;display: inline-block;vertical-align: top;}
#wrap header .gnb.depth1 > li > a{font-size: 1.6rem;font-weight: 500;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;height: 120px;text-transform: uppercase;font-family: 'Noto Sans KR',sans-serif;}
#wrap header .gnb.depth1 > li > a p{overflow:hidden;position: relative;}
#wrap header .gnb.depth1 > li > a span{position: relative;display: block;letter-spacing: -0.25px;}
#wrap header.hover:not(.none){/* padding-bottom:100px; */}
#wrap header #nav .lnb{position: absolute;width: 100%;top: 100%;left: 0;height: 100px;text-align: center;font-size: 0;overflow: hidden;display: none;}

#wrap header #nav .lnb ul{position: relative;top: 0;left: 0;width: 100%;height: 100%;font-size: 1.8rem;text-align: center;margin: 0 auto;font-weight: 400;display: none;color: #555;text-transform: uppercase;z-index: 10;}
#wrap header #nav .lnb ul li{position: relative;display: inline-block;vertical-align: top;padding: 0 70px;}
#wrap header #nav .lnb ul li:after{display: inline-block;content:"";position: absolute;top: 50%;right: 0px;width: 1px;height: 12px;background:#bfbfbf;vertical-align: top;transform:translateY(-50%);}
#wrap header #nav .lnb ul li:last-child:after{display:none;}

#wrap header #nav .lnb ul li a{position: relative;vertical-align: top;display:inline-block;line-height: 100px;transition:0.3s;}
#wrap header #nav .lnb ul li a:hover{color:#fff;}
#wrap header #bar{position: absolute;bottom: -1px;width: auto;height: 3px;background: #fff;z-index:100;}

#sitemapbtn{position:relative;flex:0 0 auto;width: 33px;height: 23px;}
#sitemapbtn .button{position: absolute;top: 50%;left: 50%;width: 100%;transform: translate(-50%,-50%);cursor: pointer;}
#sitemapbtn .button span{position:relative;display:block;width: 70%;height:2px;margin-bottom: 8px;overflow:hidden;transition: 0.3s;}
#sitemapbtn .button span:nth-child(2){width: 70%;margin-left: 15%;}
#sitemapbtn .button span:nth-child(3){}
#sitemapbtn .button span:last-child{margin: 0 !important;}
#sitemapbtn.close .button span:before,
#sitemapbtn.close .button span:after{transition:initial;}
#sitemapbtn.open .button span:before,
#sitemapbtn .button span:after{content:"";position:absolute;width:100%;height:100%;background-color: #fff;}
#sitemapbtn.open .button span:nth-child(2):before,
#sitemapbtn.open .button span:nth-child(2):after{transition-delay:75ms;}
#sitemapbtn.open .button span:last-child:before,
#sitemapbtn.open .button span:last-child:after{transition-delay:150ms;}
#sitemapbtn.close span{position:absolute;top:0;left:0;transform:rotate(45deg);margin:0;width: 90% !important;}
#sitemapbtn.close span:nth-child(2){display:none;}
#sitemapbtn.close span:nth-child(3){transform:rotate(-45deg);}

/*on*/
body.active #wrap header,
#wrap header.on{background:#000;}
body.active #wrap header .header_wrap,
#wrap header.on .header_wrap{border-bottom:1px solid #3e3e3e;}
body.active #wrap header #nav,
#wrap header.on #nav,
#wrap header.dark #nav{color: #fff;}
body #wrap header.hover .line{background: rgba(0,0,0,0.34);}
#wrap header.on .gnb.depth1 > li > a:after,
#wrap header.on .util_list > li + li:before,
body.active #wrap header .gnb.depth1 > li > a:after,
body.active #wrap header .util_list > li + li:before,
body #wrap header.dark .util_list > li + li:before{background: rgba(0,0,0,0.24);}
#wrap header.on .util_list,
#wrap header.dark .util_list,
body.active #wrap header .util_list,
body.active .util_list .language button,
body header.dark .util_list .language button,
body header.on .util_list .language button{color:rgba(0,0,0,0.9)}
body.active header .util_list .language button:after,
body header.on .util_list .language button:after,
body header.dark .util_list .language button:after{border-color:#000;border-width: 1px;}
#wrap header.on #sitemapbtn.open .button span:before, 
#wrap header.on #sitemapbtn .button span:after,
#wrap header.dark #sitemapbtn.open .button span:before, 
#wrap header.dark #sitemapbtn .button span:after,
body.active #wrap header #sitemapbtn.open .button span:before, 
body.active #wrap header #sitemapbtn .button span:after{background: #fff;}
body.active #wrap header #nav .gnb.depth1 > li > a,
#wrap header.on #nav .gnb.depth1 > li > a,
#wrap header.dark #nav .gnb.depth1 > li > a{font-weight:500;}
#wrap header.on #nav .lnb ul,
body.active header #nav .lnb ul{color:#afb8dd;}


body::-webkit-scrollbar{width: 6px; }
body::-webkit-scrollbar-thumb {background-color: #333; border-radius:6px;}
body::-webkit-scrollbar-track {background-color:transparent;}

.nicescroll-rails{right: 3px !important;}


/*allmenu*/
#allmenu{display:none;position:fixed;top:0;left:0;width: 100vw;height:100%;overflow: hidden;background: #000;z-index:1004;opacity:0.93}
#allmenu *{box-sizing:border-box;}
#allmenu h1.logo a{display:block; width:100%; height:100%;}
#allmenu .close{position:absolute;right: 103px;top: 48px;width: 26px;height: 26px;z-index: 100;}
#allmenu .close:before,
#allmenu .close:after{display: block;content:"";position: absolute;top: -5px;left: 12px;background: #fff;transform: rotate(-45deg);width: 2px;height: calc(100% + 9px);transition: 0.3s;z-index:10;}
#allmenu .close:after{transform:rotate(45deg);}
#allmenu .all_box::-webkit-scrollbar{width:12px;height: 0 !important;}
#allmenu .all_box::-webkit-scrollbar-thumb {background-color: #777;border-radius:10px;border:3px solid #f5f5f5;}
#allmenu .all_box::-webkit-scrollbar-track {background-color:#f5f5f5;}

#allmenu .all_box{position:relative;width:100%;height:100%;display: flex;flex-wrap: wrap;align-items: center;}
#allmenu .inner{position: relative;margin:0 auto;width: 92%;max-width: 1480px;padding-top: 100px;display: flex;flex-wrap: wrap;z-index: 10;}
#allmenu .inner .group{position: relative;width:100%;display: flex;flex-wrap: wrap;z-index: 10;}
#allmenu .inner .logo{width:50%;}
#allmenu .inner .logo svg,
#allmenu .g_logo svg{width: 325px;height: 191px;margin-left: 33.333%;display: block;}
#allmenu .g_logo svg{margin:0;width: 232px;height: 136px;}
#allmenu .inner .logo svg *,
#allmenu .g_logo svg *{fill:#fff;}
#allmenu .inner .site_title{width:25%;font-size: 3.4rem;color: #fff;line-height: 1;font-weight: 600;display: block;font-family: 'Lexend','Noto Sans KR',sans-serif;padding-top: 5px;}
#allmenu .inner .gnb{color: #fff;display: flex;flex-wrap: wrap;width: 75%;}
#allmenu .inner .gnb .menu{position: relative;width: 33.333333%;min-height: 156px;overflow: hidden;border-left: 1px solid #d8d8d8;padding: 15px 55px 0 55px;}
#allmenu .inner .gnb .menu:nth-child(3),
#allmenu .inner .gnb .menu:last-child{border-right: 1px solid #d8d8d8;}
#allmenu .inner .gnb .menu:nth-child(n+4){margin-top: 60px;}
#allmenu .inner .gnb .cate{pointer-events: auto;margin-bottom: 33px;}
#allmenu .inner .gnb .cate .dep1{font-size: 3rem;color: #fff;line-height: 1em;font-weight: 600;display: block;font-family: 'Lexend','Noto Sans KR',sans-serif;}
#allmenu .inner .gnb .sub_menu{font-size: 1.8rem;color: #666;line-height: 1.2;font-weight: 400;}
#allmenu .inner .gnb .sub_menu li{position: relative;padding-left: 18px;}
#allmenu .inner .gnb .sub_menu li:after{display:block;content:"";position: absolute;top: 9px;left: 0;width: 8px;height: 1px;background: #999;}
#allmenu .inner .gnb .sub_menu li + li{margin-top: 11px;}
#allmenu .inner .gnb .sub_menu li a{position:relative;display: inline-block;padding-bottom:1px;transition: 0.5s;color:#999}
#allmenu .inner .gnb .sub_menu li a span{display:inline-block;}



/* footer */
#wrap footer {position:relative; width:100%;background: #111111;padding: 55px 0 70px;font-size: 1.6rem;color: rgba(255,255,255,0.8);font-weight: 300;line-height: 1.85;}
#wrap footer *{box-sizing:border-box;}
#wrap footer .footer_wrap{position: relative;width: 100%;padding: 0 100px;display: flex;flex-wrap: wrap;}
#wrap footer .logo{width: 137px;padding-top: 20px;}
#wrap footer .logo svg{width: 100%;height: 100%;}
#wrap footer .logo svg *{fill: rgba(255,255,255,0.6);}
#wrap footer .info_g{padding-left: 60px;width: calc(100% - 440px - 137px);}
#wrap footer .info_g ul{position: relative;display: flex;flex-wrap: wrap;}
#wrap footer .info_g ul li{width: ;}
#wrap footer .info_g ul li address{display:inline;}
#wrap footer .info_g ul li:not(:last-child):after{display:inline-block;content:"";width:1px;height:12px;background: rgba(255,255,255,0.3);margin: 0 10px;}
#wrap footer .area_r{width: 440px;text-align: right;}


@media(max-width:1650px){
	#wrap header .gnb.depth1 > li > a{font-size: 1.4rem;}
	#wrap header .gnb.depth1 > li{padding: 0 50px;}
	#allmenu .inner .site_title,
	#allmenu .inner .gnb .cate .dep1{font-size: 3rem;}
	#allmenu .inner .gnb .sub_menu{font-size: 1.4rem;}
	#allmenu .inner .gnb .menu{min-height: 270px;}
	#allmenu .inner .gnb .menu:nth-child(n+4){margin-top: 30px;}
	#allmenu .inner .gnb .sub_menu li:after{top:9px;}
	#wrap header .header_wrap{padding: 0 4%;}
	#sitemapbtn .button span{margin-bottom: 6px;}
	#allmenu .close{right: 4%;}
	#wrap header #nav .lnb ul{font-size: 1.4rem;}
	#wrap header #nav .lnb{height: 80px;}
	#wrap header.hover:not(.none){/* padding-bottom:80px; */}
	#wrap header #nav .lnb ul li a{line-height: 80px;}
	#wrap footer{font-size: 1.4rem;}
	#wrap header #nav .lnb ul li{padding: 0 50px;}
}

@media(max-width:1400px){
	#wrap header .gnb.depth1 > li{padding: 0 40px;}
}

@media(max-width:1279px){
	#wrap header #nav{display:none;}
	#wrap footer .footer_wrap{padding:0 40px;}
	#wrap footer .info_g{width:calc(100% - 137px);}
	#wrap footer .area_r{width: 100%;text-align: left;padding-left: 196px;margin-top: 8px;}
	#allmenu .inner .site_title{display: none;}
	#allmenu .inner .gnb{width: 100%;display: block;}
	#allmenu .inner .gnb .cate{pointer-events: auto;margin: 0;padding: 30px 0;}
	body #wrap #allmenu .inner .gnb .menu{width:100%;padding: 0;border: 0;border-bottom: 1px solid #e1e1e1;min-height: auto;margin: 0;}
	#allmenu .inner .gnb .cate .dep1:after{display:block;content:"";position: absolute;top: 35px;right: 4px;width: 10px;height: 10px;border: 3px solid #000;transform: rotate(135deg);border-bottom: 0;border-left: 0;}
	#allmenu .inner .gnb .cate .dep1.act:after{transform: rotate(-45deg);top: 40px;}
	#allmenu .inner .gnb .sub_menu > *{padding-bottom:40px;}
}


@media(max-width:767px){
	#wrap header .header_wrap{height: 55px;}
	#wrap header .logo{width: 95px;height: 25px;}
	.util_wrap{margin-right:20px;}
	#sitemapbtn{width: 25px;height: 18px;}
	#sitemapbtn .button span{width: ;}
	#allmenu .close{top: 17px;width: 22px;height: 22px;}
	#allmenu .inner{padding:0;}
	#allmenu .inner .gnb .cate{padding:20px 0;}
	#allmenu .inner .gnb .cate .dep1{font-size:2.5rem;}
	#allmenu .inner .gnb .cate .dep1:after{width: 8px;height: 8px;top: 24px;}
	#allmenu .inner .gnb .cate .dep1.act:after{top: 30px;}
	#wrap footer{padding: 25px 0;font-size: 1.2rem;}
	#wrap footer .footer_wrap{display: block;}
	#wrap footer .logo{width: 90px;height: auto;margin-bottom: 10px;}
	#wrap footer .info_g{width: 100%;padding: 0;}
	#wrap footer .info_g ul li:not(:last-child):after{height: 10px;margin: 0 7px;}
	#wrap footer .area_r{padding: 0;margin-top: 5px;}
}


.subtitle_default{clear:both; width:100%; font-size:34px; color:#212121; text-align:center; padding-top:30px;padding-bottom:50px;}
.subtitle_default span {font-weight:800}
.subtitle_default p {font-size:17px;margin-top:10px;color:#888;}

.subtitle_default_s{clear:both; width:100%; font-size:30px; color:#212121; text-align:center; padding-top:70px;padding-bottom:50px;}
.subtitle_default_s span {font-weight:800}
.subtitle_default_s p {font-size:15px;margin-top:10px;color:#888;}

.shop_buy_wrap { 
	position: fixed;
    background: #ffffff;
    top: 20px;
}

.head_login_wrap { position:absolute; right:35px;top:20px }
.head_login_wrap ul li {display:inline-block; padding:10px 10px;font-size:13px;}


.main_nav{position:absolute; right:37px;top:55px;}
.main_nav ul li {display:inline-block; padding:10px 10px;text-align:center;}
.main_nav ul li a {font-size:11px;line-height:20px;color:#666}


.gnb_menu #sch_stx {
	display:inline-block;
	width: 440px;
	height: 45px;
	padding-left: 20px;
	border-radius: 30px 0 0 30px;
	background: #fff;
	border: 1px solid #036eb7;
	border-right: 0;
	font-family:'NanumGothic';
	font-size: 16px;
}

.gnb_menu #sch_submit {
	display:inline-block;
	width: 60px;
	height: 45px;
	border: 0;
	background: #036eb7;
	color: #fff;
	border-radius: 0 30px 30px 0;
	cursor: pointer;
	font-size: 16px;
	font-family:'NanumGothic';
	margin-left: -5px;
}


/*모바일 메뉴*/
.placeholdersjs {color:#aaa !important}
.select .placeholder {
    position: relative;
    display: block;
	height:60px;
    z-index: 1;
    padding: 1.4em;
    border-bottom: 1px solid #e9e9e9;
    cursor: pointer;
}


.select.select--white .placeholder {
    font-weight: bold;
    font-size: 1.1em;
    color: #212121;
    position: relative;
    display: block;
    z-index: 1;
    padding: 20px 10px;
    cursor: pointer;
}

.select .placeholder2 {
    position: relative;
    display: block;
	height:60px;
    z-index: 1;
    padding: 1.4em;
    border-bottom: 1px solid #e9e9e9;
    cursor: pointer;
}


.select.select--white .placeholder2 {
    font-weight: bold;
    font-size: 1.1em;
    color: #212121;
    position: relative;
    display: block;
    z-index: 1;
    padding: 20px 10px;
    cursor: pointer;
}

.select ul li {
    text-align: left;
    padding: 1em 1.8em;
    color: #999;
    font-size: 1.0em;
    cursor: pointer;
    padding-left: 28px;

}
#m_hd:after {display:block;visibility:hidden;clear:both;content:""}
#m_hd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#m_hd_wrapper{background: #fff;}
#m_logo {width:100px;margin:0 auto; padding:12px 10px 14px}
#m_gnb_open {position:absolute; top:17px; left:20px;height:2.6em;border:0;width:20px; background:#fff;}
#m_gnb {display:none;background:#282828}
#m_gnb a {display:block;color:#efefef}
#lnb ul {margin:0;padding:0;border-bottom:1px solid #e7f1ed;list-style:none}
#lnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#lnb li {float:left;margin-bottom:-1px;width:25%}
#lnb a {display:block;padding:10px 0;border-right:1px solid #e7f1ed;border-bottom:1px solid #e7f1ed;color:#000;text-align:center;text-decoration:none}
#lnb li:nth-of-type(4n) a {border-right:0}
.select {position: relative;display: block; margin: 0 auto; width: 100%; max-width: 89%; color: #cccccc; vertical-align: middle; text-align: left;
  -webkit-user-select: none;
	 -moz-user-select: none;
	  -ms-user-select: none;
		  user-select: none;
  -webkit-touch-callout: none;
}
.select .placeholder02 {position: relative; display: block; z-index: 1; padding: 1.4em; cursor: pointer;}
.select .placeholder:after {position: absolute;right: 1em; top: 50%;-webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: 'FontAwesome';content: '\f078';z-index: 10;}
.select.is-open .placeholder:after { content: '\f077';}
.select.select--white .placeholder02 {color: #5a5a5a;}
#slide_menu{position:absolute;top:0;width:85%;height:100%;background:#fafafa;}
#slide_menu .logo_wrap{width:100%;height:80px;background:#fff;}
#slide_menu .m_list{width:100%;margin:0 auto;; padding:0;list-style:none;}
#slide_menu .m_list li{width:50%;float:left;height:100px;color:#fff;text-align:center;font-size:1.1em;background:#1d9cdf;font-weight:bold;letter-spacing:-1px;}
#slide_menu .m_list li a{text-decoration: none;}
#m_close{width:20px;float:right;margin-right:20px;margin-top:22px;}
.submenu_wrap { left:-620px;z-index:10000; }
a:hover, a:focus, a:active { text-decoration:none; }
#m_logo2{width:140px;float:left;font-size:1.5em;font-weight:bold;padding:12px 10px 14px}
/*--------- 모바일 head end ---------*/


.select ul li:hover {
  background: #036eb7;
  color:#fff;
}

.form-check {
	display:inline-block;
	margin-right:10px;
	margin-bottom:4px;
}
.form-check .form-check-input {
	position: absolute;
	top: 2px;
	left: 0;
	z-index: -1;
	width: 21px;
	height: 21px;
	visibility: hidden;
	outline: 0;
	opacity: 0!important;
}

.form-check .form-check-label {
	position: relative;
	padding-left: 27px;
	font-weight: 400;
	cursor: pointer;
}

.form-check .form-check-label:before {
	position: absolute;
	top: -1px;
	left: 0;
	display: block;
	width: 21px;
	height: 21px;
	content: "";
	background: #fff;
	border: 1px solid #d3d3d3;
	border-radius: 2px;
	-webkit-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}

.form-check input:checked+.form-check-label:before, .form-check input:checked+label:before {
	background-color: #1f84c1;
	border-color: transparent;
}

.form-check input:checked+.form-check-label:after, .form-check input:checked+label:after {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 11px;
	height: 9px;
	content: "";
	background-image: url(/images/icon_check.png);
	background-repeat: no-repeat;
}

/*---floating-ui--- start */
.floatingbox_wrap {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 160px;
    height: 460px;
    background: #21262dba;
    border-radius: 20px;
    z-index: 12;
    box-sizing: border-box;
    overflow: hidden;
}

.floatingbox_wrap .floating_items {
    width: 100%;
    height: 100% !important;
}

.floatingbox_wrap .swiper-slide {
    height: 150px !important; 
    display: flex;
    align-items: center;
    justify-content: center;
}

.floatingbox_wrap .fig {
    width: 140px;
    height: 140px;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.floatingbox_wrap .bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}
/* 감싸는 검은색 바 */
.floatingbox_wrap .custom-arrow_wrap_top,
.floatingbox_wrap .custom-arrow_wrap_bottom {
    position: absolute;
    left: 0;
    width: 100%;
    height: 25px;
    background: #0f1214;
    z-index: 10;
    cursor: pointer;
}
.floatingbox_wrap .custom-arrow_wrap_top { top: 0; }
.floatingbox_wrap .custom-arrow_wrap_bottom { bottom: 0; }

/* 사라진 화살표 다시 나타나게 하기 */
.floatingbox_wrap .swiper-button-prev,
.floatingbox_wrap .swiper-button-next {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    /* 중앙 정렬 + 90도 회전 (세로형) */
    transform: translate(-50%, -50%) rotate(90deg) !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    color: #fff !important;
}

/* 화살표 아이콘 크기 조절 */
.floatingbox_wrap .swiper-button-prev:after,
.floatingbox_wrap .swiper-button-next:after {
    font-size: 12px !important;
    font-weight: bold;
}

/* 기본 위치값 초기화 (Swiper 기본 CSS 방해 제거) */
.floatingbox_wrap .swiper-button-prev {	top: 20px !important;width: 26px !important;height: 15.6px !important;}
.floatingbox_wrap .swiper-button-next { top:unset !important;bottom: 0px !important;width: 26px !important;height: 15.6px !important; }

/* 컨테이너 높이 조정 (상하 바 25px씩 제외) */
.floatingbox_wrap .floating_items {
    margin: 30px 0; /* 상하 검은바 공간만큼 마진 */
}

@media (max-width: 768px) {
	.floatingbox_wrap { 
		width: 80px;
	    height: 200px;
	}
	.floatingbox_wrap .swiper-slide {
		height: 80px !important; 
	}
	.floatingbox_wrap .fig {
		width: 70px;
		height: 70px;
	}
}
/*---floating-ui--- end */