@charset "utf-8";

/* font */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap'); /*font-family: 'Anton', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;600&display=swap'); /*font-family: 'Inter', sans-serif;*/ 


::-moz-selection {
	background: #222d5b;
	color: #fff;
}
::selection {
background: #222d5b;
color: #fff;
}

/* reset */
html * {max-height: 999999px} /* font size bug fix */
html,body{margin:0px;padding:0px;width:100%;font-size:10px;font-family: 'Noto Sans KR', sans-serif;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;letter-spacing:-1px}
ul,ol,li,dl,dd,dt,input,h1,h2,h3,h4,h5,h6,p,b,input,button,textarea,fieldset,legend,td,th{margin:0px;padding:0px;font-weight:normal;word-break:keep-all}
li{list-style:none}
fieldset,img,a{border:0px}
a{text-decoration:none}
legend,.blind{position:absolute;top:0;left:-10000px;width:0;height:0;overflow:hidden;font-size:0;line-height:0}
caption{display:none}
button,label{cursor:pointer}
button{overflow:visible}	/* button fix for ie8 */
input,textarea,button,select{font-family: 'Noto Sans KR', sans-serif}
/*input[type="password"]{font-family:"돋움",sans-serif }*/
table{width:100%;border-collapse:collapse;border-spacing:0;text-align:left}
table th, table td{text-align:left}
input::-webkit-input-placeholder{color:#9e9e9e}
input::-moz-placeholder{color:#9e9e9e}
input:-moz-placeholder{color:#9e9e9e}
input:-ms-input-placeholder{color:#9e9e9e}
textarea::-webkit-input-placeholder{color:#9e9e9e}
textarea::-moz-placeholder{color:#9e9e9e}
textarea:-moz-placeholder{color:#9e9e9e}
textarea:-ms-input-placeholder{color:#9e9e9e}
input:focus::-webkit-input-placeholder{color:transparent!important}
input:focus::-moz-placeholder{color:transparent!important}
input:focus:-moz-placeholder{color:transparent!important}
input:focus:-ms-input-placeholder{color:transparent!important}
textarea:focus::-webkit-input-placeholder{color:transparent!important}
textarea:focus::-moz-placeholder{color:transparent!important}
textarea:focus:-moz-placeholder{color:transparent!important}
textarea:focus:-ms-input-placeholder{color:transparent!important}
header, footer, section, article, aside, nav, address { display: block; margin:0; } /* ie8 */

.clear-wrap:before,.clear_wrap:after{content:" ";display:table}
.clear-wrap:after{clear:both}
/* .clear-wrap{*zoom:1} */
.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.ellipsism{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.appearance{border:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}
.boxsizing{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mobilescrolling{-webkit-overflow-scrolling:touch}
body *,
body *:after,
body *:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

figure {padding: 0; margin:0}
figcaption {display: none; opacity: 0;}

input:focus {outline: none;}
/* input {	-webkit-appearance: none;	-webkit-border-radius: 0; } */

label.hide {display: none;}

a,button,input { -webkit-tap-highlight-color:transparent;}
a:hover {cursor: pointer;}

.img_full {max-width:100%}
.diagramimg {max-width: 100%; margin:0 auto}


.main_visual .btn_about,
.mobile_btn_menu span,
.main_btn_ft,
.mobile_allmenu,
.gnb .btn_menu::after,
.update_panel .notice_box .cell .thumb_box img,
.about_panel .cell_box .right_box .bg,
#header,
#header .header_wrap,
#header .header_wrap span.off,
#header .header_wrap span.on,
.gnb .btn_menu,
.gnb .sub_menu .subs_menu .btn_subs,
.gnb .sub_box.active .btn_sub.arrow,
#header .header_slide_area .slide_page .swiper-pagination-bullet,
#header .header_slide_area .slide_page .swiper-pagination-bullet:after,
.gnb .sub_menu,
.gnb .subs_menu,
#btn_top,
#header .header_slide_area,
.popup_language .btn_lang,
.main_visual .slide_page .swiper-pagination-bullet,
.footer,
.footer .family_wrap .btn_site,
.footer .family_wrap .btn_site .icon,
.footer .family_wrap .btn_site .icon:before,
.footer .family_wrap .btn_site .icon:after,
.ani{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}

/* 공통 */
.new2024 .pc_submenu{display:none}
.contains{position:relative;padding-left:40px;padding-right:40px;margin:0 auto;/*max-width:1425px*/max-width:1400px}

/* tablet */
.tablet,
.mobile { display: none;}

.mobile table { table-layout: fixed;}

.bg_cover{background-position:center center!important;background-size:cover!important}

/* 팝업 */
body.popup{overflow:hidden}

/* 퀵메뉴 */
.overflow-hide {overflow: hidden;}


/* 헤더 */
#header{position:fixed;left:0;top:5px;right:0;z-index:700}
#header .header_wrap{position:relative;padding-left:200px;height:80px;z-index:110}
#header .header_wrap .logo{position:absolute;left:30px;top:50%;transform:translateY(-50%);width:149px;height:41px; cursor: pointer;}
#header .header_wrap .logo a{display:block;position:relative;width:100%;height:100%}
#header .header_wrap .logo span{display:block;position:absolute;left:0;top:0;width:149px;height:41px;text-indent:-9999px}
#header .header_wrap .logo span.off{background:url("../img/common/logo.png") no-repeat center center; background-size: 100% auto;}
#header .header_wrap .logo span.on{background:url("../img/common/logo_on.png") no-repeat center center;opacity:0;background-size: 100% auto;}
#header .header_bg{display:block;position:absolute;left:0;top:100px;right:0;height:261px;background:#fff;z-index:100;/*border-bottom:1px solid #e2e2e2;*/}
#header .header_bg.load{display:none;opacity:1;visibility:visible;z-index:100;box-shadow: 0 5px 10px rgba(0,0,0,0.05);}

#header .header_icon{display:block;content:"";position:absolute;left:0;top:66px;width:6px;height:6px;border-radius:50%;background:#ED1B23;opacity:0;z-index:10;
	-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;
	-webkit-transition-property:transform, opacity;transition-property:transform, opacity;
}
#header.sub_on .header_icon,
#header.menu .header_icon{opacity:1}

#header .gnb{display:none;}


.gnb{display:table;}
.gnb li.menu_box{display:table-cell;padding:24px 10px 0 10px;height:80px}

.gnb .btn_menu{display:block;position:relative;padding:0 15px;height:42px;line-height:40px;font-size:15px;color:#fff;font-family: 'Inter', sans-serif; font-weight: 600; letter-spacing: 1px;}

.gnb .btn_menu::after { content: ""; width:35px; height: 2px; background: #fff; display: block; position: absolute; top:3px; left:5px}

/*.gnb .menu_box.active .btn_menu:after{display:block;content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:6px;height:6px;border-radius:50%;background:#ED1B23}*/
.gnb .sub_menu{position:fixed;left:0;top:101px;right:470px;padding:40px 0 0 305px;height:260px;background:#fff}
.gnb .sub_menu .sub_title{position:absolute;left:60px;top:40px;}
.gnb .sub_menu .sub_title .title{margin-bottom:10px;line-height:1.3em;font-size:28px;color:#222d5b;font-weight:700;font-family:"KTfont"!important}
.gnb .sub_menu .sub_title .desc{line-height:1.4em;font-size:1.4em;color:#666;font-family:"KTfont"!important}
.gnb .sub_menu .sub_list{position:relative;max-width:700px;height:160px;margin-left:-13px;}
.gnb .sub_menu .btn_sub{display:inline-block;position:relative;padding-right:40px;width:220px;height:26px;line-height:26px;font-size:1.5em;color:#151515;font-weight:700}
.gnb .sub_menu .btn_sub:after{display:none;content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:24px;height:24px;background:url("../img/icon/link_arrow_red.png") no-repeat center center}
.gnb .menu_box:not(.sub) .sub_menu .sub_list .sub_box{float:left;width:50%}
.gnb .menu_box:not(.sub) .sub_menu .sub_list .sub_box .btn_sub{max-width:220px;width:95%}
.gnb .sub_box{margin-bottom:10px;width:220px}
.gnb .sub_box.active .btn_sub{color:#ED1B23}
.gnb .sub_box.active .btn_sub:after{display:block}
.gnb .sub_menu .subs_menu{position:absolute;left:260px;top:0;padding-left:40px;border-left:1px solid #e2e2e2;background:#fff}
.gnb .sub_menu .subs_menu .btn_subs{display:inline-block;height:26px;line-height:26px;font-size:1.3em;color:#666;white-space:nowrap}
.gnb .sub_menu .subs_menu .btn_subs:hover{color:#222d5b}
.gnb .sub_menu .subs_list.two{width:350px;overflow:hidden}
.gnb .sub_menu .subs_list.two li{float:left;width:170px}
.gnb .sub_menu{height:0;overflow:hidden;visibility:hidden}
.gnb .subs_menu{height:0;overflow:hidden;visibility:hidden}
.gnb .menu_box.active .sub_menu{height:260px;visibility:visible}
.gnb .menu_box.active .sub_box.active .subs_menu{height:160px;visibility:visible}



#header.black .header_wrap .logo span.off{display: none; opacity: 0;}
#header.black .header_wrap .logo span.on{display: block; opacity: 1;}

.gnb .menu_box.active .btn_menu{color: #fe4409 !important;}
.gnb .menu_box.active .btn_menu::after{background:#fe4409 !important}

.gnb .menu_box:hover .btn_menu::after { left:15px}


#header { background:transparent}
#header.main{opacity:0}

.mobile_btn_menu { z-index: 710; display: block; width: 60px; height: 60px; border-radius: 60px; position: fixed; top:20px; right:20px; cursor: pointer; background: #0162ff; box-shadow: 0 5px 10px rgb(0,0,0,0.4);}
.mobile_btn_menu span{display: block;width: 24px;height:2px;background:#fff;position: absolute;}
.mobile_btn_menu span:nth-child(1) {top: 25px;left: 18px;}
.mobile_btn_menu span:nth-child(2) {top: 33px;right: 18px;width: 18px;}




.btn_link { position: fixed; top:26px; right:40px; display: inline-block; text-align: right; padding-left: 38px;}
.btn_link .txt { font-size: 20px; letter-spacing: 0; font-weight: 500; color:#fff}
.btn_link .ic2 {width: 0px; display: block; position: absolute; top:10px; left: 12px;height: 0px;
	border-left: 5px solid #fff;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
.btn_link .ic  {position: absolute; top:0; left: 0px;display: block;width:28px; height: 28px;border-radius: 28px;transform: rotate(45deg);
	border: 2px solid transparent;
	border-right-color:#fff;
	border-top-color:#fff;
	border-left-color:#fff;
}

.btn_link:hover .ic { animation: spin 900ms infinite linear; }


#header.on .btn_link:hover .ic, 
#header.scroll .btn_link:hover .ic {
	border-right-color: #fe480b !important;;
    border-top-color: #fe480b !important;;
    border-left-color: #fe480b !important;;
}

#header.on .btn_link:hover .ic2, 
#header.scroll .btn_link:hover .ic2 {
	border-left-color: #fe480b!important;
}
#header .btn_link:hover .txt { color: #fe480b !important;}


#header.on .btn_link .txt, 
#header.scroll .btn_link .txt { color:#000}

#header.on .btn_link .ic, 
#header.scroll .btn_link .ic {
	border-right-color:#000;
	border-top-color:#000;
	border-left-color:#000;
}

#header.on .btn_link .ic2, 
#header.scroll .btn_link .ic2 {border-left-color:#000;}


#header.sub.scroll {box-shadow: 0 5px 10px rgba(0,0,0,0.05); background:#fff; top:0} 
#header.sub.scroll + .mobile_btn_menu { right:10px; top:10px;background:#fff }




/* 푸터 */
.footer { background: #000; position: relative; padding:30px 0 30px}
.footer .text{line-height:1.5em;font-size:12px;color:#aaa; letter-spacing: 0;}
.footer .text b{font-weight:500;color: #fff;}
.footer .text br.mobile{display:none}
.footer .text span {color:#151515}
.footer .copyright{margin-top:10px;line-height:1.4em;font-size:11px;color:#aaa;letter-spacing: 0; position: absolute; bottom:10px; right:0}
.footer .copyright b{font-weight:500; color:#fff}
.footer .btn_link{display:block;position:absolute;right:60px;top:25px;padding-left:27px;width:150px;height:40px;line-height:40px;font-size:14px;color:#151515;}
.footer .btn_link:after{display:block;content:"";position:absolute;right:27px;top:50%;margin-top:-9px;width:20px;height:20px;background:url("../img/icon/link_arrow_black.png") no-repeat center center; background-size: 7px auto;}

.footer .logo {margin-bottom: 20px; display: inline-block;}


.footer .text_box {  display: inline-block; padding-left: 40px; position:relative; top:5px}
.footer .text_box ul { margin-bottom: 10px;}
.footer .text_box ul li { display: inline-block; vertical-align: middle; position: relative;}
.footer .text_box ul li + li { margin-left: 20px;} 
.footer .text_box ul li + li::before { content: ""; opacity: 0.7; width:3px; height: 3px; border-radius: 3px; background: #fff; position: absolute; top:50%; margin-top: -1px; left: -11px;}
.footer .text_box ul li a { font-size: 14px; color:#fff; opacity: 0.8; letter-spacing: 0;}
.footer .text_box ul li:first-child a { opacity: 1;}



.footer .family_wrap { position: absolute; top:0px; right:0px; width:200px}
.footer .family_wrap .family_btn { position: relative; cursor: pointer; border:1px solid #fff; padding: 0 20px;}
/* .footer .family_wrap .family_btn::after { content: ""; width:100%; height: 2px; background: #fff; position: absolute; bottom:0; left:0} */
.footer .family_wrap .family_btn .txt { color:#fff;font-size: 13px;  line-height: 1em;  height: 40px; line-height: 40px;}

.footer .family_wrap .family_btn .ic {  width:10px; height: 2px; background:#fff; display: block; position: absolute; top:19px; right:15px}
.footer .family_wrap .family_btn .ic::after { content: ""; width:2px; height: 10px; background:#fff; display: block; position: absolute; top:-4px; right:4px}

.footer .family_wrap ul { position: absolute; bottom:100%; right:0; left:0; width:100%; border:1px solid #fff; background:#000; display: none; }
.footer .family_wrap ul li { height:40px; line-height: 40px;}
.footer .family_wrap ul li + li { border-top: 1px solid #999;}
.footer .family_wrap ul li a { height:40px; line-height: 40px; display: block; padding:0 20px}
.footer .family_wrap ul li a span { color:#fff; font-size: 15px; display: block;font-family: 'Inter', sans-serif; font-weight: 800; letter-spacing: 1px;}

.footer .family_wrap.on ul {display: block;}
.footer .family_wrap.on .family_btn .ic::after {display: none;}

.footer .sns_wrap { position: absolute; bottom:40px; right:95px; width:300px; text-align: right;}
.footer .sns_wrap a { display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin-left: 20px; opacity: 0.8;}
.footer .sns_wrap a:hover { opacity: 1;}
.footer .sns_wrap a .ic { display: block;width: 30px; height: 30px; background-repeat: no-repeat; background-position: center; background-size: 29px auto;} 
.footer .sns_wrap a .ic.instagram { background-image: url(../img/common/ic_instagram.png);}
.footer .sns_wrap a .ic.youtube { background-image: url(../img/common/ic_youtube.png);}
.footer .sns_wrap a .ic.facebook { background-image: url(../img/common/ic_facebook.png);}
.footer .sns_wrap a .ic.twitter { background-image: url(../img/common/ic_twitter.png);}

/*donation_panel*/
.donation_panel .donation_box .box .right_box .desc_box .desc {padding-left: 10px;position: relative;}
.donation_panel .donation_box .box .right_box .desc_box .desc:before {content:"-";position: absolute;top: 0;left: 0;}

/*rental_panel*/
.rental_panel .rental_box .txt_box .desc_box .desc {padding-left: 10px;position: relative;}
.rental_panel .rental_box .txt_box .desc_box .desc:before {content:"-";position: absolute;top: 0;left: 0;}


/* popup */
.overhide {overflow: hidden!important;}
.popup_mask,
#popup_mask {position: fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity: 0.7; z-index:999; display: none }
.popup_window { position:fixed; top:50%; left:50%; transform: translate(-50%, -50%); min-width:800px;  background: #fff; z-index:9999  }
.popup_window .popup_inner { position: relative; padding:50px 0 0;}
.popup_window .popup_inner .popup_header  {padding:0 50px}
.popup_window .popup_inner .popup_header .top {position:relative}
.popup_window .popup_inner .popup_header .top .menu { color:#222d5b; font-size: 20px; font-weight: 700;}
.popup_window .popup_inner .popup_header .top .btn_close {width:30px; height: 30px; position: absolute; top:0px; right:0; }
.popup_window .popup_inner .popup_header .top .btn_close span {text-indent: -9999px; font-size: 0; width:30px; height: 2px; background:#151515; display: block; position: absolute; top:10px; right:0; transform: rotate(45deg);}
.popup_window .popup_inner .popup_header .top .btn_close span::after { content: "";width:30px; height: 2px; background:#151515; display: block; position: absolute; top:0px; right:0; transform: rotate(90deg);}
.popup_window .popup_inner .popup_header .top .btn_close:hover span,
.popup_window .popup_inner .popup_header .top .btn_close:hover span::after {background:#222d5b}
.popup_window .popup_inner .popup_header .title { font-weight: 700; color: #151515; font-size: 28px; line-height: 1.3em;}
.popup_window .popup_inner .popup_header * + .title {margin-top:20px}

.popup_window .popup_inner .popup_contents .title { font-weight: 700; color: #151515; font-size: 28px; line-height: 1.3em;}
.popup_window .popup_inner .popup_contents * + .title {margin-top:20px}

.popup_window .popup_inner .popup_contents { position: relative;margin-top: 20px;padding:0 50px 50px 50px; overflow-y: auto; max-height: calc(90vh - 98px);}
.popup_window .popup_inner .popup_contents .popup_subtit {color:#151515; font-size: 20px; font-weight: 700; line-height: 1.1em;}
.popup_window .popup_inner .popup_contents .btn_box {margin-top:30px}



/* mobile_allmenu */
.mobile_allmenu {position: fixed; top:0;left:0;right:0;bottom:0; background: #fff; z-index: 999; width:100%; height:100vh; overflow: hidden; }
.mobile_allmenu {left:auto; right:-100%; opacity: 0; z-index: -1;}
.mobile_allmenu.active {right:0; opacity: 1; z-index: 999;}
.mobile_allmenu .allmenu_top { width:100%; position: relative; height: 60px;}
.mobile_allmenu .allmenu_top .logo { position: absolute; top:20px; left:20px;display: block;}
.mobile_allmenu .allmenu_top .logo img { width: 100px;}

.mobile_allmenu .allmenu_top .menu_close { display: block; width: 60px; height: 60px; border-radius: 60px; position: fixed; top:20px; right:20px; cursor: pointer; background: #f5f7fa; }

.mobile_allmenu .allmenu_top .menu_close span {display: block;width:25px;height: 2px;background:#000;position: absolute;top: 29px;left: 18px;transform: rotate(45deg);}
.mobile_allmenu .allmenu_top .menu_close span + span { transform: rotate(-45deg);}
.mobile_allmenu .btn_link { top:auto; right:0;left:0; bottom:0; background:#0162ff; text-align: left;padding:20px 0}
.mobile_allmenu .btn_link p { display: block; position: relative; padding-left: 40px; font-size: 22px; position: relative; }
.mobile_allmenu .btn_link p::before {content:"";width:30px;height: 2px;background:#fff;position:absolute;display:block;bottom: 10px;right: 30px;}
.mobile_allmenu .btn_link p::after {content:"";width: 13px;height: 2px;display: block;position: absolute;background:#fff;bottom: 15px;right: 29px;transform: rotate(45deg);}

	
.mobile_allmenu .allmenu_contents {padding-top: 40px;overflow-y: auto; height: calc(100vh - 150px);}

.mobile_allmenu .allmenu_contents .submenu_list a { font-size: 40px; font-weight: 700; line-height: 1em; color:#444; display: inline-block}
.mobile_allmenu .allmenu_contents .submenu_list a span { display: block; position: relative}
.mobile_allmenu .allmenu_contents .submenu_list a span::after { content: ""; width:10px; height: 10px; border-radius: 10px; background:#0162ff; position: absolute; top:-10px; right:-15px; display: none}
/* .mobile_allmenu .allmenu_contents .submenu_list a span::before {content: "";width:100%;height:2px;left:0;bottom:-6px;position: absolute;display: block;background: #0162ff;display: none} */
.mobile_allmenu .allmenu_contents .submenu_list li { padding:15px 0; }
.mobile_allmenu .allmenu_contents .submenu_list li.active a span::after{ display: block;}

.mobile_allmenu .allmenu_contents .submenu_list li.active a { color:#0162ff}

.mobile_allmenu .allmenu_contents .submenu_list .submenu_2depth {padding:20px 20px 20px 20px;display: none;}
.mobile_allmenu .allmenu_contents .submenu_list .submenu_2depth a {font-size:20px;font-weight: 500;opacity: 0.6;}
.mobile_allmenu .allmenu_contents .submenu_list .submenu_2depth a span::before{ content: "- ";}
.mobile_allmenu .allmenu_contents .submenu_list .submenu_2depth a:hover {opacity: 1;}

.mobile_allmenu .allmenu_contents .submenu_list li.open .submenu_2depth,
.mobile_allmenu .allmenu_contents .submenu_list li.active .submenu_2depth {display: block;}

.mobile_allmenu .allmenu_contents .submenu_list li.active .submenu_2depth a {color:#444;}
.mobile_allmenu .allmenu_contents .submenu_list li.active .submenu_2depth a span::after{display: none;}

/* .mobile_allmenu .allmenu_contents .submenu_list .submenu_2depth a:hover span::before{content: "";width:100%;height:2px;left:0;bottom:-6px;position: absolute;display: block;background: #0162ff;} */
/* .mobile_allmenu .allmenu_contents .submenu_list .submenu_2depth a span::after{width:5px;height:5px;right:-10px;top:-2px;background: #fff;opacity: 1;} */
.mobile_allmenu .allmenu_contents .submenu_list .submenu_2depth > div + div{margin-top:15px}



.mobile_allmenu .allmenu_contents .sns_box { margin-top: 20px;}
.mobile_allmenu .allmenu_contents .sns_box li { display: inline-block; vertical-align: middle;}
.mobile_allmenu .allmenu_contents .sns_box li + li { margin-left: 20px;}
.mobile_allmenu .allmenu_contents .sns_box li a { display: block; width:25px; height: 25px; background-size: 25px auto; background-repeat: no-repeat; background-position: center; }

.mobile_allmenu .allmenu_contents .sns_box li a.facebook { background-image: url(../img/icon/sns_facebook_b.png); width:12px; background-size: 12px auto;}
.mobile_allmenu .allmenu_contents .sns_box li a.instagram { background-image: url(../img/icon/sns_instagram_b.png); width:22px; background-size: 22px auto;}
.mobile_allmenu .allmenu_contents .sns_box li a.youtube { background-image: url(../img/icon/sns_youtube_b.png);}

.mobile_allmenu .tel_box {margin-top: 40px;}
.mobile_allmenu .tel_box p { color:#444; font-size:16px; line-height: 1.5em; margin-bottom:10px; font-weight: 700;}
.mobile_allmenu .tel_box a { color:#444; line-height: 1.2em; font-family: 'Anton', sans-serif; letter-spacing:1px; font-size: 24px;}
.mobile_allmenu .tel_box a + a { font-size:20px; line-height: 1.2em;}



@media screen and (min-width:1220px) {

	.animate_top{transform:translateX(150px);opacity:0;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-webkit-transition-property:transform, opacity;transition-property:transform, opacity}
	.animate_delay_2{-webkit-transition-delay:0.2s;transition-delay:0.2s}
	.animate_delay_4{-webkit-transition-delay:0.4s;transition-delay:0.4s}
	.animate_delay_6{-webkit-transition-delay:0.6s;transition-delay:0.6s}
	.animate_delay_8{-webkit-transition-delay:0.8s;transition-delay:0.8s}
	.animate_delay_10{-webkit-transition-delay:1s;transition-delay:1s}
	.animate_delay_12{-webkit-transition-delay:1.2s;transition-delay:1.2s}
	.animate_delay_14{-webkit-transition-delay:1.4s;transition-delay:1.4s}

	.animate_top.on{transform:translateX(0);opacity:1}

	.animate_top.top { transform: translateY(-150px);}
	.animate_top.top.on{transform:translateY(0);}

	.animate_top.bottom { transform: translateY(500px);}
	.animate_top.bottom.on{transform:translateY(0);}

	.animate_top.top2 { transform: translateY(-50px);}
	.animate_top.top2.on{transform:translateY(0);}

	.animate_top.op { transform: translateY(0px);-webkit-transition-delay:1.8s;transition-delay:1.8s}
	.animate_top.op.on{transform:translateY(0);}

	/* web-hover */		
	.btn_box a:hover { background: #0050d0;}
	.btn_box a.btn_black:hover { background: #0050d0;}
	.btn_box a.btn_gray:hover { background: #e7e7e7;}
	
    /* web-hover */    
    .faq_wrap ul.faq li.f_list .answer .answer_btn a:hover span,  
    .filelist li a:hover {text-decoration: underline;}
    .page_list .btn_page.active:hover,
    .page_view a.disabled:hover .subject,
    .page_view a:hover .subject {text-decoration:none;}

    .page_list a:hover { font-weight: 700; color:#222d5b;text-decoration:none;}

    .page_list .btn_first:hover span,
    .page_list .btn_prev:hover span,
    .page_list .btn_next:hover span,
    .page_list .btn_last:hover span {background-color: #f5f7fa;}

    .page_view .btn_prev:hover span.ic.more {margin-left:-10px}
    .page_view .btn_next:hover span.ic.more {margin-right:-10px}
    .page_view .btn_prev.disabled:hover span.ic.more{margin-left:0px;margin-right:0}
    .page_view .btn_next.disabled:hover span.ic.more {margin-left:5px;margin-right:0}


	/* mobile menu */
	.mobile_allmenu .btn_link,
	.mobile_allmenu { width:400px; left:auto;}
	.mobile_allmenu .allmenu_contents .submenu_list a { font-size: 24px;}

	.mobile_allmenu .allmenu_top .logo {display: none;}

	.mobile_allmenu {left:auto; right:-400px;opacity: 0;}
	.mobile_allmenu.active {left:auto; right:0;opacity: 1;}

	.mobile_allmenu .allmenu_contents .submenu_list a:hover span::after { display: block;}
	.mobile_allmenu .allmenu_contents .submenu_list .submenu_2depth a:hover span::after{display: none;}

	.mobile_btn_menu:hover span:nth-child(2){ width:24px}
}

@media screen and (min-height:900px) {

	.mobile_allmenu .tel_box {margin-top: 0;position: fixed;bottom: 100px;right:0px;width: calc(100vw - 20px);}
	.mobile_allmenu .sns_box {margin-top: 0;position: fixed;bottom: 220px;}

}	

@media screen and (min-height:900px) and (min-width:1220px) {

	.mobile_allmenu .tel_box {width: calc(400px - 40px);}

}



@media screen and (max-width:1640px) {
	.gnb .btn_menu {font-size: 1.6em;}

}


@media screen and (max-width:1520px) {

	#header .header_wrap{padding-left:240px}
	.gnb li.menu_box{padding-left:5px;padding-right:5px}

}



@media screen and (max-width:1420px) {

	#header .header_wrap .logo{left:40px}
	#header .header_wrap{padding-left:200px}

	.btn_link {right: 40px;}
	
	.gnb .btn_menu{padding-left:10px;padding-right:10px}

	.gnb .sub_menu{right:400px;padding-left:250px}
	.gnb .sub_menu .sub_title{left:40px}
	#header .header_slide_area{width:300px}
	

	.footer{padding-left:0px;padding-right:0px}
	.footer .btn_link{right:40px}
	.footer .family_wrap { right:40px}
	.footer .sns_wrap { right:85px}
	.footer .copyright { right: 80px;}


	#btn_top.bottom { right:20px}
	

}

@media screen and (max-width:1300px) {

	.gnb .btn_menu{padding-left:5px;padding-right:5px}

}



@media screen and (max-width:1220px) {

	.animate_top{transform:translateY(50px);opacity:0;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-webkit-transition-property:transform, opacity;transition-property:transform, opacity}
	.animate_delay_2{-webkit-transition-delay:0.2s;transition-delay:0.2s}
	.animate_delay_4{-webkit-transition-delay:0.4s;transition-delay:0.4s}
	.animate_delay_6{-webkit-transition-delay:0.6s;transition-delay:0.6s}
	.animate_delay_8{-webkit-transition-delay:0.8s;transition-delay:0.8s}
	.animate_top.on{transform:translateY(0);opacity:1}

	.animate_top.left { transform: translateX(-50px);}
	.animate_top.left.on{transform:translateX(0);}


	.gnb li.menu_box{padding-left:5px;padding-right:5px}
	.gnb .sub_menu{right:0;padding-right:40px}
	#header .header_slide_area{display:none}

	.footer { padding-top: 30px;}
	.footer .logo {  display: block;	margin-bottom: 10px;}
	.footer .text_box { padding-left: 0;}
	.footer .copyright { position: relative; bottom:auto;right: auto;}
	


}

@media screen and (max-width:1180px) {

	br.pc { display: none!important;}
	
}

@media screen and (max-width:1044px) {
	body{font-size:9px}

	/* tablet */
	.hide_tablet,
	.pc { display: none!important;}
	.tablet { display: block;}


	
	#header.sub_on .header_icon, 
	#header.menu .header_icon,
	#header .header_icon,
	.gnb{display:none; opacity: 0;}

	/* 2025.04.07 수정 */
	#header .header_wrap{padding:0;/*height:60px*/}	

	.btn_link { top: 16px; right: 80px;}

	#header.scroll + .mobile_btn_menu { top:0; right:0}

	.etc #header,
	#header.scroll {box-shadow: 0 5px 10px rgba(0,0,0,0.05); background:#000; top:0; display: block;} 
	.etc #header + .mobile_btn_menu,
	#header.scroll + .mobile_btn_menu,
	#header.sub.scroll + .mobile_btn_menu { right:10px; top:10px;background:#000 }
	.etc #header + .mobile_btn_menu,
	#header.scroll + .mobile_btn_menu,
	#header.sub.scroll + .mobile_btn_menu { top:0; right:0;background: #0162ff; border-radius: 0; box-shadow: none; width:60px; height:60px}

	.etc #header + .mobile_btn_menu span:nth-child(1),
	#header.scroll + .mobile_btn_menu span:nth-child(1),
	#header.sub.scroll + .mobile_btn_menu span:nth-child(1) {top: 25px;left: 18px;}
	.etc #header + .mobile_btn_menu span:nth-child(2),
	#header.scroll + .mobile_btn_menu span:nth-child(2),
	#header.sub.scroll + .mobile_btn_menu span:nth-child(2) {top: 33px;right: 18px;width: 18px;}


	.mobile_btn_menu { top:10px; right:10px; width:50px; height:50px}
	.mobile_btn_menu span:nth-child(1) {top: 20px;left: 15px;}
	.mobile_btn_menu span:nth-child(2) {top: 28px;right: 17px;width: 16px;}

	.mobile_allmenu .allmenu_top .menu_close { top:10px; right:10px; width:50px; height:50px}
	.mobile_allmenu .allmenu_top .menu_close span { top:25px; left:13px}
	
	
	.gnb{display:none}


	
	#header .btn_link { padding-left: 33px;}


	/* footer */
	body{margin-bottom:0}

	.footer .btn_link{padding-left:10px;width:120px}
	.footer .btn_link:after{right:10px}
	.footer .text { max-width: calc(100vw - 320px)}

	.footer{height:auto;font-size:9px; position: relative; padding: 30px 0;}
	
	.footer .btn_link{position:relative;right:auto;top:auto;width:100%}
	.footer .logo{position:relative;right:auto;bottom:auto;margin:0 0 20px 0;}

	.footer .family_wrap { width:150px}
	.footer .family_wrap .family_btn .txt { font-size: 14px; height: 40px; line-height: 40px;}
	.footer .family_wrap .family_btn .ic { top: 17px; transform: scale(0.8);}	

	.footer .family_wrap ul li {height: auto; line-height:normal;padding:0;}
	.footer .family_wrap ul li a {height: auto; line-height:normal; padding: 10px 20px;}
	.footer .family_wrap ul li a span {font-size: 14px; line-height:1.4em;}

	.footer .sns_wrap { right:45px} 
}


@media screen and (max-width:767px) {
	body{font-size:8px}

	.pc {display: none!important}
	.tablet {display: block!important}
    
	.footer .family_wrap { width:100%; position:relative; top:auto; right:auto; clear: both; margin-top:20px}
	.footer .logo { margin:20px auto 10px; display: block;}
	/* .footer .family_wrap .family_btn .txt { height: 60px; line-height: 60px;} */
	.footer .family_wrap .family_btn .ic { top: 20px;}
	.footer .text { max-width: none; padding-right: 0;}
	/* .footer .text br {display: none;} */
	.footer .text b {display: block;}

	.footer { padding: 20px 0;}
	.footer .copyright { border-top: 1px solid #1e1d1d; margin-top: 20px; padding-top: 20px;}

	.footer .sns_wrap {top:120px; right:20px}
	.footer .sns_wrap a { opacity: 1; margin-left: 5px;}
	.footer .sns_wrap a .ic.instagram { background-image: url(../img/common/ic_instagram_m.png);}
	.footer .sns_wrap a .ic.youtube { background-image: url(../img/common/ic_youtube_m.png);}
	.footer .sns_wrap a .ic.facebook { background-image: url(../img/common/ic_facebook_m.png);}
	.footer .sns_wrap a .ic.twitter { background-image: url(../img/common/ic_twitter_m.png);}
}

@media screen and (max-width:588px) {
	/* body{margin-bottom:290px} */
	
	.contains{padding:0 20px}

	.hide_mobile {display: none!important;}
	.tablet {display: none!important}
	.mobile,
	.mobile.tablet {display: block!important}
	br.pc {display: none!important}


	
	
	.footer .logo img {width:164px}

	.btn_link .txt { font-weight: 700;}

	#header .btn_link .txt {font-size: 14px; position: relative; top: 3px;}

	#header .header_wrap .logo{width:100px; left: 18px;}
	#header .header_wrap .logo span{width:110px;}
	#header .header_wrap .logo span.off{background-size: 100% auto; background-image: url("../img/common/logo_m.png");}
	#header .header_wrap .logo span.on{background-size: 100% auto; background-image: url("../img/common/logo_on_m.png");}

	#header.scroll .header_wrap .logo span.off{background-image: url("../img/common/logo_on_m.png");}
	#header.scroll .header_wrap .logo span.on{background-image: url("../img/common/logo_m.png");}

	.mobile_allmenu .allmenu_contents .submenu_list a { font-size: 28px;}

	.mobile_allmenu .allmenu_contents .submenu_list .submenu_2depth {padding:20px}
	.mobile_allmenu .allmenu_contents .submenu_list .submenu_2depth > div + div {margin-top:20px}
	.mobile_allmenu .allmenu_contents .submenu_list .submenu_2depth a {font-size:24px; opacity: 0.8;}

	/* mobile menu */
	.mobile_allmenu .allmenu_contents .submenu_list a { font-size: 24px;}
	.mobile_allmenu .allmenu_contents .submenu_list .submenu_2depth a {font-size:20px;}

	.mobile_allmenu .allmenu_contents .sns_box, 
	.mobile_allmenu .allmenu_contents .tel_box, 
	.mobile_allmenu .allmenu_contents #gnb { margin-left: 20px}

	.mobile_allmenu .btn_link p { padding-left: 20px;}

	.mobile_allmenu .allmenu_contents .sns_box li + li {margin-left: 15px;}
	.mobile_allmenu .allmenu_contents .sns_box li a {  width:27px; height: 40px; }
	.mobile_allmenu .allmenu_contents .sns_box li a.facebook { background-image: url(../img/icon/sns_facebook_m.png); width:10px; background-size: 100% auto;}
	.mobile_allmenu .allmenu_contents .sns_box li a.instagram { background-image: url(../img/icon/sns_instagram_m.png); width:22px; background-size: 100% auto;}
	.mobile_allmenu .allmenu_contents .sns_box li a.youtube { background-image: url(../img/icon/sns_youtube_m.png); background-size: 100% auto;}

	.mobile_allmenu .tel_box { border-top:1px solid rgba(255,255,255,0.2); padding-top: 50px; width:calc(100% - 40px)}
	.mobile_allmenu .tel_box br + a {margin-top:5px}


	/* mobilemnenu color */	
	/* .mobile_allmenu{background: #000;}
	.mobile_allmenu .tel_box p,
	.mobile_allmenu .tel_box a,
	.mobile_allmenu .allmenu_contents .submenu_list a,
	.mobile_allmenu .allmenu_contents .submenu_list li.active .submenu_2depth a{color:#fff} */
}


@media screen and (max-width:378px) {

	#header .btn_link { display: none;}

	.bbs_top { padding-bottom: 0;}

}


/* 숨김 */
caption {
	position:absolute !important;  
	width:1px; 
	height:1px; 
	overflow:hidden;
	clip:rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip:rect(1px, 1px, 1px, 1px);
}

/* 2025.04.07 */
@media screen and (max-width:1340px) and (min-width:1025px) {
	#header .header_wrap .logo span.off.main-bg {
		background: url("../img/common/logo.png") no-repeat center center;
	  }
	
	  #header .header_wrap .logo span.off.content-bg {
		background: url("../img/common/logo_on.png") no-repeat center center;
	  }
}

@media screen and (max-width:1024px) {
	#header .header_wrap {height:60px}
}

@media screen and (max-width:390px) {
	.mobile_allmenu .tel_box {word-break:break-all;}
}


.cate.zh + span,
.cate.zh {
	font-family:
    "PingFang SC",          /* macOS 중국어 간체 */
    "Hiragino Sans GB",     /* 구버전 macOS */
    "Microsoft YaHei",      /* Windows 간체 */
    "WenQuanYi Micro Hei",  /* Linux */
    "Noto Sans CJK SC",     /* 일부 Android / Linux */
    sans-serif!important;
}