@charset "utf-8";
@import "reset.min.css";
@import "style.min.css";

body,html {width:100%; height:100%; margin:0px; padding:0px; font-size:14px; font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; color:#222; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings:'liga'; font-feature-settings:'liga'; word-break:keep-all; image-rendering:-webkit-optimize-contrast;}

button{font-family:inherit; border:0; padding:0; -webkit-box-shadow:none; box-shadow:none; box-sizing:border-box; background:none; outline:none; cursor:pointer;}
input, select{font-family:inherit; box-sizing:border-box;}
a{color:inherit;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none; margin:0;}
input[type="number"]{-moz-appearance:textfield;}
input::-webkit-input-placeholder{color:inherit;}
input::-moz-placeholder{color:inherit;}
input:-ms-input-placeholder{color:inherit;}
input::-ms-input-placeholder{color:inherit;}
input::placeholder{color:inherit;}

select {-webkit-appearance:none; -moz-appearance:none; appearance:none; padding-right:44px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4 7L10 13L16 7Z' fill='%23333'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 16px center; background-size:20px 20px; }

/* 본문 바로가기 */
#skip_nav{position:absolute; width:100%; z-index:10;}
#skip_nav a:visited,
#skip_nav a:link{display:block; width:100%; background-color:#333; color:#fff; text-align:center; box-sizing:border-box; padding:10px; position:absolute; left:0; top:0; top:-100px;}
#skip_nav a:focus,
#skip_nav a:active{top:0;}

/* WRAP */
#wrap{width:100%; /* min-width:1200px; */ min-width:340px; position:relative;}

/* 헤더 */
#header{width:calc(100% - 60px); min-width:340px; clear:both; position:fixed;  background:#fff; border-radius:5px; z-index:1205; top:20px; left:50%; transform:translateX(-50%); transition:top 0.3s ease-in-out , width 0.3s ease-in-out , border-radius 0.3s ease-in-out;}
#header::after{content:""; display:block; width:100%; height:100%; border-radius:5px; box-shadow:0 0 2px rgba(0,0,0,.2); position:absolute; z-index:5; pointer-events:none; top:0; left:0; background:transparent;}
#header .header{display:flex; justify-content:space-between; align-items:center; width:100%; height:80px; text-align:center; margin:0 auto; position:relative; padding:0 30px;}
#header .header .logo{display:flex; justify-content:center; align-items:center; width:250px; height:100%;}
#header .header .logo .pcOnly{display:block;}
#header .header .logo .mobileOnly{display:none;}
#header .header .logo a{display:block; width:100%; height:100%; display:flex; justify-content:flex-end; align-items:center;}
#header .header .subMenuBox{display:inline-flex; justify-content:center; align-items:center; height:100%;}
#header .header .subMenuBox .boxItem{display:inline-block; width:auto; height:100%; text-align:center;}
#header .header .subMenuBox .boxItem .subMenuTitle{width:100%; height:100%; position:relative; z-index:3;}
#header .header .subMenuBox .boxItem .subMenuTitle::before{content:""; display:block; width:6px; height:6px; border-radius:50%; transform:translateX(-50%); left:50%; bottom:14px; position:absolute; z-index:4;}
#header .header .subMenuBox .boxItem .subMenuTitle a{display:inline-flex; height:100%; justify-content:center; align-items:center; font-size:19px; font-weight:500; letter-spacing:-0.025em; line-height:1; color:#000; padding:0 30px; transition:padding 0.5s;}
#header .header .subMenuBox .boxItem .subMenuList{width:100%; top:60px; height:auto; max-height:0; left:50%; transform:translateX(-50%); z-index:2; position:absolute; transition:max-height 0.3s linear; transition-delay:0s; overflow:hidden; background:rgba(255,255,255,.9); opacity:0;}
#header .header .subMenuBox .boxItem .subMenuList ul{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:100%; max-width:1200px; text-align:center; padding:50px 30px 30px 30px; gap:30px; margin:0 auto;}
#header .header .subMenuBox .boxItem .subMenuList li{display:inline-block;}
#header .header .subMenuBox .boxItem .subMenuList li a{display:flex; justify-content:center; align-items:center; width:100%; height:auto; font-size:18px; font-weight:300; letter-spacing:-0.025em; line-height:1; color:#231815;}
#header .header .subMenuBox:hover .boxItem .subMenuTitle a{padding:0 40px;}
#header .header .subMenuBox .boxItem:hover .subMenuTitle::before{background:#f47320;}
#header .header .subMenuBox .boxItem:hover .subMenuList{max-height:310px; opacity:1;}
#header .header .subMenuBox .boxItem:hover .subMenuList li a:hover{color:#f47320;}
#header .header .headRightMenu{display:inline-flex; justify-content:flex-end; align-items:center; height:100%;}
#header .headRightMenu .headMenuBtn{display:inline-flex; flex-shrink:0; justify-content:flex-end; align-items:center; width:250px; height:100%; z-index:10;}
#header .headRightMenu .headMenuBtn .inBox{display:inline-block; transition:all .4s; box-sizing:border-box; position:relative; width:32px; height:20px;}
#header .headRightMenu .headMenuBtn span{display:inline-block; transition:all .4s; box-sizing:border-box; position:absolute; left:0; width:100%; height:2px; background-color:#000;}
#header .headRightMenu .headMenuBtn span:nth-of-type(1){top:0;}
#header .headRightMenu .headMenuBtn span:nth-of-type(2){top:9px;}
#header .headRightMenu .headMenuBtn span:nth-of-type(3){bottom:0;}
#header .headRightMenu .headMenuBtn.active span:nth-of-type(1){transform:translateY(9px) rotate(-45deg);}
#header .headRightMenu .headMenuBtn.active span:nth-of-type(2){opacity:0;}
#header .headRightMenu .headMenuBtn.active span:nth-of-type(3){transform:translateY(-9px) rotate(45deg);}

#header.fixed{width:100%; top:0; border-radius:0;}

#sitemap{display:none; width:100%; height:100%; position:fixed; top:0; left:50%; transform:translateX(-50%); background:#fff; z-index:1505; padding-top:0; overflow-y:auto;}
#sitemap .inBox{width:100%; height:100%;}
#sitemap .inBox .sitemapHead{display:flex; justify-content:space-between; align-items:center; width:100%; height:80px; text-align:center; position:relative; padding:0 30px;}
#sitemap .inBox .sitemapHead .sitemapLogo{display:flex; justify-content:center; align-items:center; width:auto; height:100%; position:absolute; top:0; left:30px;}
#sitemap .inBox .sitemapHead .sitemapLogo .logo{display:inline-flex; width:250px; height:100%; align-items:center; justify-content:center;}
#sitemap .inBox .sitemapHead .sitemapMenuBtn{display:inline-flex; justify-content:flex-end; align-items:center; width:250px; height:100%; position:absolute; top:0; right:30px;}
#sitemap .inBox .sitemapHead .sitemapMenuBtn .inBox{display:inline-block; transition:all .4s; box-sizing:border-box; position:relative; width:32px; height:20px;}
#sitemap .inBox .sitemapHead .sitemapMenuBtn span{display:inline-block; transition:top .4s, bottom .4s, transition:top .4s, bottom .4s, transform .4s; transition:top .4s, bottom .4s, transform .4s, -webkit-transform .4s; box-sizing:border-box; position:absolute; left:0; width:100%; height:2px; background-color:#222;}
#sitemap .inBox .sitemapHead .sitemapMenuBtn span:nth-of-type(1){top:0;}
#sitemap .inBox .sitemapHead .sitemapMenuBtn span:nth-of-type(2){top:9px;}
#sitemap .inBox .sitemapHead .sitemapMenuBtn span:nth-of-type(3){bottom:0;}
#sitemap .inBox .sitemapHead .sitemapMenuBtn.active span:nth-of-type(1){transform:translateY(9px) rotate(-45deg);}
#sitemap .inBox .sitemapHead .sitemapMenuBtn.active span:nth-of-type(2){opacity:0;}
#sitemap .inBox .sitemapHead .sitemapMenuBtn.active span:nth-of-type(3){transform:translateY(-9px) rotate(45deg);}
#sitemap .inBox .sitemapMenuBox{width:100%; height:auto; padding-top:20px; text-align:left;}
#sitemap .inBox .sitemapMenuBox .pcOnly{display:block;}
#sitemap .inBox .sitemapMenuBox .mobileOnly{display:none;}
#sitemap .inBox .sitemapMenuBox .allMenuList{display:flex; justify-content:center; align-items:flex-start; width:calc(100% - 50px); height:auto; max-width:1800px; margin:0 auto;}
#sitemap .inBox .sitemapMenuBox .allMenuList .listItem{display:inline-block;}
#sitemap .inBox .sitemapMenuBox .allMenuList .listItem + .listItem{margin-left:150px;}
#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .menuTitle{font-size:32px; font-weight:700; letter-spacing:-0.025em; line-height:1; color:#000; cursor:pointer; text-align:center;}
#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList{width:100%; height:auto; margin-top:40px; /* padding-left:30%; */}
#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul{width:100%; height:auto; text-align:center;}
#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li{width:100%; height:auto;}
#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li + li{margin-top:15px;}
#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li .subMenuTitle{width:100%; height:auto; font-size:18px; font-weight:400; letter-spacing:-0.025em; line-height:23px; color:#222;}
#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li .subMenuTitle a{display:block; width:100%; height:auto; color:#222;}
#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li .inSubMenu{width:100%; height:auto; margin-top:15px;}
#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li .inSubMenu a{display:block; width:100%; height:auto; box-sizing:border-box; padding-left:15px; position:relative; font-size:18px; font-weight:400; letter-spacing:-0.025em; line-height:1; color:#888;}
#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li .inSubMenu a::before{content:"-"; display:inline-block; font-size:1em; position:absolute; top:0; left:0;}
#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li .inSubMenu a + a{margin-top:20px;}
#sitemap .inBox .sitemapMenuBox .allMenuList .listItem.on .subMenuList{display:block;}
#sitemap .inBox .sitemapSnsBox{display:none;}


/* #sitemap .inBox .sitemapMenuBox .allMenuList .listItem.hover, #header .header .subMenuBox .boxItem.hover{background-color:#1c3d88;}
#sitemap .inBox .sitemapMenuBox .allMenuList .listItem.hover .menuTitle, #sitemap .inBox .sitemapMenuBox .allMenuList .listItem.hover a, #header .header .subMenuBox .boxItem.hover .subMenuTitle a{color:#fff !important;} */

/* #header.hover .header, #header.fixed .header, #header.subActive .header{box-shadow:0 3px 5px rgba(0,0,0,.15);} */

@-webkit-keyframes fadeInOut {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}

@keyframes fadeInOut {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}

@-webkit-keyframes fadeInOut2 {
    0%, 100% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}

@keyframes fadeInOut2 {
    0%, 100% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}
/* 퀵메뉴 */
#quick{display:flex; flex-wrap:wrap; justify-content:center; width:90px; height:auto; position:fixed; right:50px; top:50%; transform:translateY(-50%); z-index:1200; margin-top:40px;}
#quick .quickList{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; height:auto; text-align:center; border-radius:6px; background:#1a3263; padding:28px 0; gap:30px;}
#quick .quickList li{display:flex; width:100%; height:auto;}
#quick .quickList li a{display:flex; flex-wrap:wrap; justify-content:center; align-content:center; width:100%; height:auto; text-align:center; font-size:14px; font-weight:500; letter-spacing:-0.05em; line-height:1; color:#fff;}
#quick .quickList li a img{display:block; margin-bottom:15px;}
#quick .quickList li a p{width:100%;}
#quick > button{width:100%; height:85px; margin-top:15px; background:#ffffff url("/html/resource/img/comm/quick_top.png") no-repeat center center; border-radius:6px; box-shadow:0 0 2px rgba(0,0,0,.4);}

#mobileQuick{display:none;}

/* 푸터 */
#footer{display:flex; flex-direction:row-reverse; align-items:center; width:100%; background:#fff; overflow:hidden; text-align:left;}
#footer .mapBox{width:50%; height:1030px; position:relative; overflow:hidden;}
#footer .mapBox .root_daum_roughmap{width:100%; height:100%; position:absolute; top:0; left:0;}
#footer .mapBox .root_daum_roughmap .wrap_map{height:100% !important;}
#footer .mapBox .root_daum_roughmap .map_border{display:none;}
#footer .mapBox .map{border-radius:0;}
#footer .textBox{display:inline-flex; justify-content:flex-end; align-items:center; width:50%; padding-right:50px;}
#footer .textBox .inBox{display:flex; flex-wrap:wrap; align-content:flex-start; width:calc(100% - 50px); max-width:620px;}
#footer .textBox .call{display:block; width:100%; font-size:43px; font-weight:700; letter-spacing:-0.05em; line-height:1; color:#222; margin-bottom:38px;}
#footer .textBox .infoList{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; gap:45px;}
#footer .textBox .infoList .listItem{display:flex; align-items:flex-start; width:100%;}
#footer .textBox .infoList .listItem .title{display:inline-block; flex-shrink:0; width:138px; font-size:22px; font-weight:700; letter-spacing:-0.025em; line-height:1; color:#222;}
#footer .textBox .infoList .listItem .text{display:inline-block; width:calc(100% - 148px); font-size:20px; letter-spacing:-0.025em; line-height:1;}
#footer .textBox .infoList .listItem .callList{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; gap:14px;}
#footer .textBox .infoList .listItem .callList li{display:flex; width:100%;}
#footer .textBox .infoList .listItem .callList li span{display:inline-block; flex-shrink:0; font-weight:600; width:130px;}
#footer .textBox .infoList .listItem .callList li p{display:inline-block; font-weight:400;}
#footer .textBox .infoList .listItem address{display:block; width:100%; margin-bottom:15px;}
#footer .textBox .infoList .listItem .mapLink{display:flex; width:100%; gap:10px;}
#footer .textBox .infoList .listItem .mapLink a{display:inline-flex; align-items:center; justify-content:center; width:140px; height:40px; border-radius:20px; border:1px solid #ddd; font-size:16px; font-weight:500; letter-spacing:-0.05em; line-height:1;}
#footer .textBox .infoList .listItem .mapLink a img{display:inline-block; flex-shrink:0; margin-right:7px;}
#footer .textBox .infoList .listItem .timeList{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; gap:14px;}
#footer .textBox .infoList .listItem .timeList li{display:flex; width:100%;}
#footer .textBox .infoList .listItem .timeList li span{display:inline-block; flex-shrink:0; font-weight:600; width:85px;}
#footer .textBox .infoList .listItem .timeList li p{display:inline-block; font-weight:400;}
#footer .textBox .infoList .listItem .timeList li p.night{font-weight:600; color:#f47320;}
#footer .textBox .infoList .listItem .holiday{width:100%; font-size:17px; font-weight:400; letter-spacing:-0.025em; line-height:1.4; color:#717171; margin-top:15px;}
#footer .textBox .footerText{width:100%; margin-top:50px; border-top:1px solid #ddd; padding-top:30px;}
#footer .textBox .footerText .linkBox{display:flex; justify-content:space-between; align-items:center; width:100%; margin-bottom:15px;}
#footer .textBox .footerText .linkBox .popList{display:inline-flex; align-items:center; font-size:18px; font-weight:700; letter-spacing:-0.05em; line-height:1; color:#717171;}
#footer .textBox .footerText .linkBox .popList a{display:inline-block; cursor:pointer; color:inherit;}
#footer .textBox .footerText .linkBox .popList span{display:inline-block; flex-shrink:0; width:20px; text-align:center;}
#footer .textBox .footerText .linkBox .snsList{display:inline-flex; gap:6px;}
#footer .textBox .footerText .linkBox .snsList a{display:inline-block; font-size:0; width:34px; height:33px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
#footer .textBox .footerText .linkBox .snsList a:nth-child(1){background-image:url("/html/resource/img/comm/sns_icon01.png");}
#footer .textBox .footerText .linkBox .snsList a:nth-child(2){background-image:url("/html/resource/img/comm/sns_icon02.png");}
#footer .textBox .footerText .linkBox .snsList a:nth-child(3){background-image:url("/html/resource/img/comm/sns_icon03.png");}
#footer .textBox .footerText .text{font-size:17px; font-weight:400; letter-spacing:-0.05em; line-height:1.529; color:#717171;}
#footer .textBox .footerText .text address{display:inline-block;}
#footer .textBox .footerText .text span{display:inline-block; width:10px;}

.youtube_bg{width:100%; height:100%; position:fixed; z-index:2001; top:0; left:0; background:rgba(0,0,0,.7);}
.youtube_bg .youtube_box{display:flex; flex-wrap:wrap; align-content:flex-start; justify-content:flex-end; width:calc(100% - 60px); max-width:1000px; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.youtube_bg .youtube_box .zClose{display:inline-block; width:60px; height:60px; background:#333; text-align:center; font-size:28px; font-weight:500; letter-spacing:-0.025em; line-height:60px; color:#fff;}
.youtube_bg .youtube_box .inFrame{width:100%; height:auto; padding-top:56.25%; overflow:hidden; position:relative; background:#000;}
.youtube_bg .youtube_box iframe{display:block; width:100%; height:100%; position:absolute; top:0; left:0;}

/* 스프라이트 이미지 */
.sprite{display:inline-block;}

/* 배경색 지정 */
.bgColor1{background-color:#fafafa !important;}
.bgColor2{background-color:#f5f7f9 !important;}
.bgColor3{background-color:#e3e9ef !important;}

/* 글자색 지정 */
.color1{color:#222 !important;}
.color2{color:#fff !important;}


br.pcOnly{display:block;}
br.mobileOnly{display:none;}

/* 폰트 굵기 */
.fw1{font-weight:100 !important;}
.fw2{font-weight:200 !important;}
.fw3{font-weight:300 !important;}
.fw4{font-weight:400 !important;}
.fw5{font-weight:500 !important;}
.fw6{font-weight:600 !important;}
.fw7{font-weight:700 !important;}
.fw8{font-weight:800 !important;}
.fw9{font-weight:900 !important;}

.mr_no{margin-right:0 !important;}
.ml_no{margin-left:0 !important;}
.mt_no{margin-top:0 !important;}
.mb_no{margin-bottom:0 !important;}
.pr_no{padding-right:0 !important;}
.pl_no{padding-left:0 !important;}
.pt_no{padding-top:0 !important;}
.pb_no{padding-bottom:0 !important;}

.mb310{margin-bottom:310px;}

.ta_l{text-align:left !important;}
.ta_c{text-align:center !important;}
.ta_r{text-align:right !important;}

.italic{font-style:italic;}

.inp{height:31px; box-sizing:border-box; padding:7px 10px; border:1px solid #d8d8d8;}
.inp[type="radio"]{vertical-align:-2px; border:none;}
.inp[type="checkbox"]{vertical-align:-2px; border:none;}
.sel{height:31px; box-sizing:border-box; padding:4px 10px 5px; border:1px solid #d8d8d8;}

/* PAGING */
.paging {width:100%; height:40px; text-align:center; font-size:16px; margin-top:80px; position:relative;}
.paging  a {color:#6d6d6d}
.paging .link_page {border:1px solid #d1d1d1; color:#5a5a5a; display:inline-block; font-weight:500; text-align:center; width:40px; height:40px; line-height:38px; margin-left:-1px;}
.paging .link_page:hover{position:relative; z-index:1; border:1px solid #7c7c7c;}
.paging .link_page_on{position:relative; z-index:1; border:1px solid #7c7c7c; color:#222; display:inline-block; text-align:center; width:40px; height:40px; font-weight:700; line-height:38px;}
.paging .btn_prev {display:inline-block; text-align:center; width:40px; height:40px; line-height:38px; margin-right:10px; color:#5a5a5a; font-weight:700; border:1px solid #d5d5d5; background-color:#fff;}
.paging .btn_next {display:inline-block; text-align:center; width:40px; height:40px; line-height:38px; margin-left:10px; color:#5a5a5a; font-weight:700; border:1px solid #d5d5d5; background-color:#fff;}

.btn_box1{display:flex; justify-content:center; width:100%; overflow:hidden; font-size:15px; font-weight:500; gap:15px;}
.btn_box1.center{text-align:center;}
.btn_box2{width:100%; overflow:hidden; text-align:center; margin-top:50px;}

a.btn_left_1, button.btn_left_1{float:left; margin-right:10px; display:inline-block; vertical-align:top; box-sizing:border-box; width:180px; height:50px; font-size:20px; text-align:center; line-height:48px; border:1px solid #222; font-size:14px; color:#222; background-color:#fff;}
a.btn_left_2, button.btn_left_2{float:left; margin-right:10px; display:inline-block; vertical-align:top; box-sizing:border-box; width:180px; height:50px; font-size:20px; text-align:center; line-height:48px; border:1px solid #222; color:#fff; background-color:#222;}

a.btn_right_1, button.btn_right_1{float:right; margin-left:10px; display:inline-block; vertical-align:top; box-sizing:border-box; width:180px; height:50px; font-size:20px; text-align:center; line-height:48px; border:1px solid #222; color:#222; background-color:#fff;}
a.btn_right_2, button.btn_right_2{float:right; margin-left:10px; display:inline-block; vertical-align:top; box-sizing:border-box; width:180px; height:50px; font-size:20px; text-align:center; line-height:48px; border:1px solid #222; color:#fff; background-color:#222;}

a.btn_center_1, button.btn_center_1{display:inline-flex; justify-content:center; align-items:center; box-sizing:border-box; width:160px; height:50px; border-radius:25px; font-size:20px; font-weight:600; letter-spacing:-0.05em; line-height:1; color:#1a3263; background:#fff; border:1px solid #133f91;}
a.btn_center_2, button.btn_center_2{display:inline-flex; justify-content:center; align-items:center; box-sizing:border-box; width:160px; height:50px; border-radius:25px; font-size:20px; font-weight:600; letter-spacing:-0.05em; line-height:1; background:#1a3263; color:#fff;}

.content_hide{visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px;}

.noContent{width:100%; height:auto; padding:3em 1em; text-align:center; font-size:1.5em; font-weight:500; letter-spacing:-0.05em; line-height:1; color:#000;}

.srOnly{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); white-space:nowrap; border:0;}

@media (max-width:1800px) {
}

@media (max-width:1700px) {
}

@media (max-width:1580px) {
}

@media (max-width:1530px) {
	.bottomBoard .boardTitleBox a{right:65px;}
}

@media (max-width:1500px) {
	#header .header .subMenuBox .boxItem .subMenuTitle a{padding:0 20px; box-sizing:border-box;}
	#header .header .subMenuBox:hover .boxItem .subMenuTitle a{padding:0 30px;}
	
	#sitemap .inBox .sitemapMenuBox .allMenuList{gap:50px;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem + .listItem{margin-left:0;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .menuTitle{font-size:30px;}
}

@media (max-width:1380px) {
	#header .header .subMenuBox{display:none;}
}

@media (max-width:1300px) {	
}

@media (max-width:1240px) {	
	#footer{flex-wrap:wrap; flex-direction:row; align-content:flex-start; justify-content:center;}
	#footer .mapBox{width:100%; height:450px;}
	#footer .textBox{display:flex; justify-content:center; width:100%; padding:80px 0;}
	#footer .textBox .inBox{width:calc(100% - 60px); max-width:1000px;}
	#footer .textBox .call{font-size:43px; margin-bottom:38px;}
	#footer .textBox .infoList{gap:45px;}
	#footer .textBox .infoList .listItem .title{width:138px; font-size:22px;}
	#footer .textBox .infoList .listItem .text{width:calc(100% - 148px); font-size:20px;}
	#footer .textBox .infoList .listItem .callList{gap:14px;}
	#footer .textBox .infoList .listItem .callList li span{width:130px;}
	#footer .textBox .infoList .listItem address{margin-bottom:15px;}
	#footer .textBox .infoList .listItem .mapLink{gap:10px;}
	#footer .textBox .infoList .listItem .mapLink a{width:140px; height:40px; border-radius:20px; font-size:16px;}
	#footer .textBox .infoList .listItem .mapLink a img{margin-right:7px;}
	#footer .textBox .infoList .listItem .timeList{gap:14px;}
	#footer .textBox .infoList .listItem .timeList li span{width:85px;}
	#footer .textBox .infoList .listItem .holiday{font-size:17px; margin-top:15px;}
	#footer .textBox .footerText{margin-top:50px; padding-top:30px;}
	#footer .textBox .footerText .linkBox{margin-bottom:15px;}
	#footer .textBox .footerText .linkBox .popList{font-size:18px;}
	#footer .textBox .footerText .linkBox .popList span{width:20px;}
	#footer .textBox .footerText .linkBox .snsList{gap:6px;}
	#footer .textBox .footerText .linkBox .snsList a{width:34px; height:33px;}
	#footer .textBox .footerText .text{font-size:17px;}
	#footer .textBox .footerText .text span{width:10px;}
}

@media (max-width:1180px) {
	#sitemap .inBox .sitemapMenuBox .allMenuList{gap:40px;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .menuTitle{font-size:28px;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li .subMenuTitle{font-size:17px;}
}

@media (max-width:1100px) {
}

@media (max-width:1000px) {	
	#header .header{height:100px;}
	#header .header .logo{display:flex; justify-content:flex-start; align-items:center; width:250px; height:100%;}
	#header .header .logo .pcOnly{display:none;}
	#header .header .logo .mobileOnly{display:block;}
	#header .header .headRightMenu{width:75px;}
	#header .headRightMenu .headMenuBtn{justify-content:flex-end; width:75px;}
	#header .headRightMenu .headMenuBtn .inBox{width:46px; height:31px;}
	#header .headRightMenu .headMenuBtn span{height:3px;}
	#header .headRightMenu .headMenuBtn span:nth-of-type(2){top:14px;}
	#header .headRightMenu .headMenuBtn.active span:nth-of-type(1){transform:translateY(14px) rotate(-45deg);}
	#header .headRightMenu .headMenuBtn.active span:nth-of-type(2){opacity:0;}
	#header .headRightMenu .headMenuBtn.active span:nth-of-type(3){transform:translateY(-14px) rotate(45deg);}
	
	#sitemap{display:none; width:100%; height:100%; position:fixed; top:0; left:0; background:#fff; padding:0 0 20px 0; overflow-y:auto; transform:unset;}
	#sitemap .inBox{width:100%; height:100%; margin:0 auto;}
	#sitemap .inBox .sitemapHead{width:100%; height:100px; text-align:center; position:relative; padding:0 30px;}
	#sitemap .inBox .sitemapHead .sitemapLogo{display:inline-flex; width:auto; position:relative; top:auto; left:auto; padding-left:0;}
	#sitemap .inBox .sitemapHead .sitemapLogo .logo{width:250px; height:100%;}
	#sitemap .inBox .sitemapHead .sitemapLogo .logo a{display:flex; justify-content:flex-end; align-items:center; width:100%; height:100%;}
	#sitemap .inBox .sitemapHead .sitemapMenuBtn{display:flex; justify-content:flex-end; align-items:center; width:95px; height:100%; position:relative; top:auto; right:auto;}
	#sitemap .inBox .sitemapHead .sitemapMenuBtn .inBox{width:46px; height:31px; margin:0 0 0 auto;}
	#sitemap .inBox .sitemapHead .sitemapMenuBtn span{height:3px;}
	#sitemap .inBox .sitemapHead .sitemapMenuBtn span:nth-of-type(2){top:14px;}
	#sitemap .inBox .sitemapHead .sitemapMenuBtn.active span:nth-of-type(1){transform:translateY(14px) rotate(-45deg);}
	#sitemap .inBox .sitemapHead .sitemapMenuBtn.active span:nth-of-type(3){transform:translateY(-14px) rotate(45deg);}
	#sitemap .inBox .sitemapMenuBox{padding-top:0;}
	#sitemap .inBox .sitemapMenuBox .pcOnly{display:none;}
	#sitemap .inBox .sitemapMenuBox .mobileOnly{display:block;}
	#sitemap .inBox .sitemapMenuBox .allMenuList{-ms-flex-wrap:wrap;flex-wrap:wrap; width:100%; gap:0;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem{display:block; flex-basis:unset; flex-grow:unset; width:100%; position:relative; padding-bottom:1px;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem::after{content:""; width:calc(100% - 80px); height:1px; background:#e0e0e0; position:absolute; bottom:0; left:50%;  transform:translatex(-50%); z-index:2;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem + .listItem{margin-left:0;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .menuTitle{width:100%; font-size:36px; font-weight:400; line-height:1; color:#222; cursor:pointer; text-align:left; padding:30px 40px; position:relative;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .menuTitle::after{content:""; display:block; width:24px; height:13px; background:url("/html/resource/img/comm/mobile_menu_arrow.png") no-repeat center center/cover; position:absolute; top:50%; right:50px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}	
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .menuTitle.noArrow::after{display:none;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .menuTitle a{display:block;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList{display:none; width:100%; height:auto; margin-top:0; padding:0; background:#f8f8f8; text-align:left;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul{width:100%; height:auto; padding:30px 40px; text-align:left;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li{width:100%; height:auto;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li + li{margin-top:10px;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li .subMenuTitle{font-size:28px; line-height:48px;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li .subMenuTitle.on{color:#b35137;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li .subMenuTitle.on a{color:inherit;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem.on .subMenuList{display:block;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem.on .menuTitle::after, #sitemap .inBox .sitemapMenuBox .allMenuList .listItem.active .menuTitle::after{-webkit-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);}

	
	#quick{display:none;}
	#mobileQuick{display:flex; width:100%; position:fixed; bottom:0; left:0; z-index:1000;}
	#mobileQuick .quickCall{display:flex; justify-content:center; align-items:center; width:100px; height:100px; border-radius:50%; box-shadow:0 0 10px rgba(0,0,0,.3); background:#fff url("/html/resource/img/comm/m_quick_call.png") no-repeat center center/51px auto; position:absolute; bottom:130px; right:20px; animation: floating 1.5s ease-in-out infinite;}
	#mobileQuick .quickCall a{display:block; width:100%; height:100%;}
	#mobileQuick ul{display:flex; width:100%; height:100px; background:#133f91;}
	#mobileQuick ul li{display:inline-block; width:20%; height:100%;}
	#mobileQuick ul li a{display:flex; flex-wrap:wrap; justify-content:center; align-content:flex-start; width:100%; height:100%; padding-top:12px;}
	#mobileQuick ul li a img{display:block; margin-bottom:8px;}
	#mobileQuick ul li a span{display:block; width:100%; font-size:24px; font-weight:500; letter-spacing:-0.05em; line-height:1; color:#fff; text-align:center;}
	
	@keyframes floating {
		0% {
			transform: translateY(0);
		}
		50% {
			transform: translateY(-15px);
		}
		100% {
			transform: translateY(0);
		}
	}
	
	#footer .mapBox{height:450px;}
	#footer .textBox{padding:80px 0;}
	#footer .textBox .inBox{width:calc(100% - 60px);}
	#footer .textBox .call{font-size:47px; margin-bottom:38px;}
	#footer .textBox .infoList{gap:45px;}
	#footer .textBox .infoList .listItem .title{width:160px; font-size:26px;}
	#footer .textBox .infoList .listItem .text{width:calc(100% - 170px); font-size:24px;}
	#footer .textBox .infoList .listItem .callList{gap:14px;}
	#footer .textBox .infoList .listItem .callList li span{width:150px;}
	#footer .textBox .infoList .listItem address{margin-bottom:15px;}
	#footer .textBox .infoList .listItem .mapLink{gap:10px;}
	#footer .textBox .infoList .listItem .mapLink a{width:165px; height:44px; border-radius:22px; font-size:20px;}
	#footer .textBox .infoList .listItem .mapLink a img{margin-right:7px;}
	#footer .textBox .infoList .listItem .timeList{gap:14px;}
	#footer .textBox .infoList .listItem .timeList li span{width:105px;}
	#footer .textBox .infoList .listItem .holiday{font-size:21px; margin-top:15px;}
	#footer .textBox .footerText{margin-top:50px; padding-top:30px;}
	#footer .textBox .footerText .linkBox{margin-bottom:15px;}
	#footer .textBox .footerText .linkBox .popList{font-size:22px;}
	#footer .textBox .footerText .linkBox .popList span{width:20px;}
	#footer .textBox .footerText .linkBox .snsList{gap:6px;}
	#footer .textBox .footerText .linkBox .snsList a{width:34px; height:33px;}
	#footer .textBox .footerText .text{font-size:21px;}
	#footer .textBox .footerText .text span{width:10px;}
	
	.youtube_bg .youtube_box{width:calc(100% - 60px);}
	.youtube_bg .youtube_box .zClose{width:60px; height:60px; font-size:28px; line-height:60px;}

	br.pcOnly{display:none;}
	br.mobileOnly{display:block;}

	.paging{margin-top:80px;}

	.btn_box1{font-size:19px; gap:15px;}
	.btn_box2{margin-top:40px;}

	a.btn_left_1, button.btn_left_1{margin-right:10px; width:180px; height:50px; font-size:20px; line-height:48px;}
	a.btn_left_2, button.btn_left_2{margin-right:10px; width:180px; height:50px; font-size:20px; line-height:48px;}

	a.btn_right_1, button.btn_right_1{margin-left:10px; width:180px; height:50px; font-size:20px; line-height:48px;}
	a.btn_right_2, button.btn_right_2{margin-left:10px; width:180px; height:50px; font-size:20px; line-height:48px;}

	a.btn_center_1, button.btn_center_1{width:200px; height:54px; border-radius:27px; font-size:24px;}
	a.btn_center_2, button.btn_center_2{width:200px; height:54px; border-radius:27px; font-size:24px;}
}


@media (max-width:768px) {
	select{background-size:16px; background-position:right 12px center; padding-right:36px;}
	#header .header{height:13.02083vw; padding:0 3.90625vw;}
	#header .header .logo{width:32.55208vw;}
	#header .header .headRightMenu{width:9.76563vw;}
	#header .headRightMenu .headMenuBtn{width:9.76563vw;}
	#header .headRightMenu .headMenuBtn .inBox{width:5.98958vw; height:4.03646vw;}
	#header .headRightMenu .headMenuBtn span{height:0.39063vw;}
	#header .headRightMenu .headMenuBtn span:nth-of-type(2){top:1.82292vw;}
	#header .headRightMenu .headMenuBtn.active span:nth-of-type(1){transform:translateY(1.82292vw) rotate(-45deg);}
	#header .headRightMenu .headMenuBtn.active span:nth-of-type(2){opacity:0;}
	#header .headRightMenu .headMenuBtn.active span:nth-of-type(3){transform:translateY(-1.82292vw) rotate(45deg);}
	
	#sitemap{padding:0 0 2.60417vw 0;}
	#sitemap .inBox .sitemapHead{padding:0 3.90625vw; height:13.02083vw;}
	#sitemap .inBox .sitemapHead .sitemapLogo{}
	#sitemap .inBox .sitemapHead .sitemapLogo .logo{width:32.55208vw;}
	#sitemap .inBox .sitemapHead .sitemapMenuBtn{width:9.76563vw;}
	#sitemap .inBox .sitemapHead .sitemapMenuBtn .inBox{width:5.98958vw; height:4.03646vw;}
	#sitemap .inBox .sitemapHead .sitemapMenuBtn span{height:0.39063vw;}
	#sitemap .inBox .sitemapHead .sitemapMenuBtn span:nth-of-type(2){top:1.82292vw;}
	#sitemap .inBox .sitemapHead .sitemapMenuBtn.active span:nth-of-type(1){transform:translateY(1.82292vw) rotate(-45deg);}
	#sitemap .inBox .sitemapHead .sitemapMenuBtn.active span:nth-of-type(3){transform:translateY(-1.82292vw) rotate(45deg);}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem::after{width:calc(100% - 10.41667vw);}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .menuTitle{font-size:5.20833vw; padding:3.90625vw 5.20833vw;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .menuTitle::after{width:3.12500vw; height:1.69271vw; right:6.51042vw;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul{padding:3.90625vw 5.20833vw;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li + li{margin-top:1.30208vw;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li .subMenuTitle{font-size:4.16667vw; line-height:6.25000vw;}
	
	#mobileQuick .quickCall{width:13.02083vw; height:13.02083vw; background-size:6.64063vw auto; bottom:16.92708vw; right:2.60417vw;}
	#mobileQuick ul{height:13.02083vw;}
	#mobileQuick ul li a{padding-top:1.56250vw;}
	#mobileQuick ul li a img{width:auto; height:5.33854vw; margin-bottom:1.04167vw;}
	#mobileQuick ul li a span{font-size:3.38542vw;}
	
	@keyframes floating {
		0% {
			transform: translateY(0);
		}
		50% {
			transform: translateY(-1.95313vw);
		}
		100% {
			transform: translateY(0);
		}
	}
	
	#footer .mapBox{height:58.59375vw;}
	#footer .textBox{padding:10.41667vw 0;}
	#footer .textBox .inBox{width:calc(100% - 7.81250vw);}
	#footer .textBox .call{font-size:6.64063vw; margin-bottom:4.94792vw;}
	#footer .textBox .infoList{gap:5.85938vw;}
	#footer .textBox .infoList .listItem .title{width:22.78646vw; font-size:3.90625vw;}
	#footer .textBox .infoList .listItem .text{width:calc(100% - 24.08854vw); font-size:3.64583vw;}
	#footer .textBox .infoList .listItem .callList{gap:1.82292vw;}
	#footer .textBox .infoList .listItem .callList li span{width:24.73958vw;}
	#footer .textBox .infoList .listItem address{margin-bottom:1.95313vw;}
	#footer .textBox .infoList .listItem .mapLink{gap:1.95313vw;}
	#footer .textBox .infoList .listItem .mapLink a{width:24.08854vw; height:6.25000vw; border-radius:3.12500vw; font-size:3.12500vw;}
	#footer .textBox .infoList .listItem .mapLink a img{width:auto; height:2.86458vw; margin-right:0.91146vw;}
	#footer .textBox .infoList .listItem .timeList{gap:1.82292vw;}
	#footer .textBox .infoList .listItem .timeList li span{width:16.27604vw;}
	#footer .textBox .infoList .listItem .holiday{font-size:3.25521vw; margin-top:1.95313vw;}
	#footer .textBox .footerText{margin-top:6.51042vw; padding-top:3.90625vw;}
	#footer .textBox .footerText .linkBox{flex-wrap:wrap; justify-content:center; align-content:flex-start; margin-bottom:3.90625vw;}
	#footer .textBox .footerText .linkBox .popList{justify-content:center; width:100%; font-size:3.38542vw; margin-bottom:3.25521vw;}
	#footer .textBox .footerText .linkBox .popList span{width:2.60417vw;}
	#footer .textBox .footerText .linkBox .snsList{justify-content:center; width:100%; gap:0.78125vw;}
	#footer .textBox .footerText .linkBox .snsList a{width:7.81250vw; height:7.81250vw;}
	#footer .textBox .footerText .text{font-size:3.25521vw;}
	#footer .textBox .footerText .text span{width:1.30208vw;}
	
	.youtube_bg .youtube_box{width:calc(100% - 7.81250vw);}
	.youtube_bg .youtube_box .zClose{width:7.81250vw; height:7.81250vw; font-size:3.64583vw; line-height:7.81250vw;}
	
	.paging {height:7.8125vw; font-size:3.1250vw; margin-top:10.41667vw;}
	.paging .link_page {width:7.8125vw; height:7.8125vw; line-height:7.5521vw;}
	.paging .link_page_on{width:7.8125vw; height:7.8125vw; line-height:7.5521vw;}
	.paging .btn_prev {width:7.8125vw; height:7.8125vw; line-height:7.5521vw; margin-right:1.3021vw;}
	.paging .btn_next {width:7.8125vw; height:7.8125vw; line-height:7.5521vw; margin-left:1.3021vw;}

	.btn_box1{font-size:2.99479vw; gap:1.95313vw;}
	.btn_box2{margin-top:6.5104vw;}

	.boardBox.writeBox .tblWrite .btn_box1, .boardBox.writeBox .tblWrite .btn_box2{padding:0 3.9063vw !important;}

	a.btn_left_1, button.btn_left_1{margin-right:1.3021vw; width:26.0417vw; height:8.0729vw; font-size:3.1250vw; line-height:7.8125vw;}
	a.btn_left_2, button.btn_left_2{margin-right:1.3021vw; width:26.0417vw; height:8.0729vw; font-size:3.1250vw; line-height:7.8125vw;}

	a.btn_right_1, button.btn_right_1{margin-left:1.3021vw; width:26.0417vw; height:8.0729vw; font-size:3.1250vw; line-height:7.8125vw;}
	a.btn_right_2, button.btn_right_2{margin-left:1.3021vw; width:26.0417vw; height:8.0729vw; font-size:3.1250vw; line-height:7.8125vw;}

	a.btn_center_1, button.btn_center_1{width:28.64583vw; height:7.55208vw; border-radius:3.77604vw; font-size:3.64583vw;}
	a.btn_center_2, button.btn_center_2{width:28.64583vw; height:7.55208vw; border-radius:3.77604vw; font-size:3.64583vw;}

	.mt15{margin-top:1.95313vw;}
	.mt20{margin-top:2.60417vw;}
	.mt25{margin-top:3.25521vw;}
	.mt30{margin-top:3.90625vw;}
	.mt40{margin-top:5.20833vw;}
	.mt45{margin-top:5.85938vw;}
	.mt50{margin-top:6.51042vw;}
	.mt55{margin-top:7.16146vw;}
	.mt60{margin-top:7.81250vw;}
	.mt70{margin-top:9.11458vw;}
	.mt75{margin-top:9.76563vw;}
	.mt85{margin-top:11.06771vw;}
	.mt90{margin-top:11.71875vw;}
	.mt95{margin-top:12.36979vw;}
	.mt100{margin-top:13.02083vw;}
	.mt110{margin-top:14.32292vw;}
	.mt115{margin-top:14.97396vw;}
	.mt120{margin-top:15.62500vw;}
	.mt130{margin-top:16.92708vw;}
	.mt140{margin-top:18.22917vw;}
	.mt160{margin-top:20.83333vw;}
	.mt200{margin-top:26.04167vw;}
	
	.mb25{margin-bottom:3.25521vw;}
	.mb40{margin-bottom:5.20833vw;}
	.mb45{margin-bottom:5.85938vw;}
	.mb60{margin-bottom:7.81250vw;}
	.mb70{margin-bottom:9.11458vw;}
	.mb95{margin-bottom:12.36979vw;}
	.mb180{margin-bottom:23.43750vw;}
	.mb310{margin-bottom:40.36458vw;}

	.pt15{padding-top:1.95313vw;}
	.pt60{padding-top:7.81250vw;}
	.pt75{padding-top:9.76563vw;}
	.pt80{padding-top:10.41667vw;}
	.pt85{padding-top:11.06771vw;}
	.pt120{padding-top:15.62500vw;}
	.pt130{padding-top:16.92708vw;}
	.pt170{padding-top:22.13542vw;}
	.pt185{padding-top:24.08854vw;}
	.pt200{padding-top:26.04167vw;}

	.pb30{padding-bottom:3.90625vw;}
	.pb40{padding-bottom:5.20833vw;}
	.pb50{padding-bottom:6.51042vw;}
	.pb60{padding-bottom:7.81250vw;}
	.pb70{padding-bottom:9.11458vw;}
	.pb75{padding-bottom:9.76563vw;}
	.pb80{padding-bottom:10.41667vw;}
	.pb100{padding-bottom:13.02083vw;}
	.pb130{padding-bottom:16.92708vw;}
	.pb140{padding-bottom:18.22917vw;}
	.pb150{padding-bottom:19.53125vw;}
}

.make_company{color: #fff !important}
.make_company > a:visited{color: #fff}
.make_company::selection {
	background-color: white;
}