@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; -webkit-box-sizing:border-box; box-sizing:border-box; background:none; outline:none; cursor:pointer;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none; margin:0;}
input[type="number"]{-moz-appearance:textfield;}

/* 본문 바로가기 */
#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; -webkit-box-sizing:border-box; box-sizing:border-box; padding:10px; position:absolute; left:0; top:0; top:-2000px;}
#skip_nav a:focus,
#skip_nav a:active{top:0;}

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

/* 헤더 */
#header{width:100%; height:90px; min-width:340px; position:fixed; z-index:1000; top:0; left:0; border-bottom:1px solid #c99e67; background:#044750;}
#header .header{display:flex; justify-content:space-between;; align-items:center; width:calc(100% - 60px); max-width:1600px; height:100%; text-align:center; position:relative; margin:0 auto;}
#header .header .logo{display:flex; justify-content:center; align-items:center; width:300px; height:100%;}
#header .header .logo a{display:block; width:100%; height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#header .header .logo .pcOnly{display:block;}
#header .header .logo .mobileOnly{display:none;}
#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 + .boxItem{margin-left:50px;}
#header .header .subMenuBox .boxItem .subMenuTitle{height:100%;}
#header .header .subMenuBox .boxItem .subMenuTitle a{display:flex; height:100%; justify-content:center; align-items:center; font-size:20px; font-weight:500; letter-spacing:-0.02em; line-height:1; color:#fff;}
#header .header .subMenuBox .boxItem.on .subMenuTitle a, #header .header .subMenuBox .boxItem:hover .subMenuTitle a{color:#c99e67 !important; font-weight:700;}
#header .header .headRightMenu{display:none;}

/* #header.fixed, #header:hover{background:#044750;} */
/* #header.fixed .header .subMenuBox .boxItem .subMenuTitle a, #header:hover .header .subMenuBox .boxItem .subMenuTitle a{color:#000;} */

#sitemap{display:none;}

/* 푸터 */
#footer{width:100%; height:auto; padding:80px 0; background:#1c2b2d; border-top:3px solid #c99e67;}
#footer .footer{display:flex; justify-content:center; align-items:center; width:100%; height:auto; text-align:left; margin:0 auto;}
#footer .footer .leftBox{display:inline-block; margin-right:120px;}
#footer .footer .rightBox{display:inline-block; margin-left:50px;}
#footer .footer .rightBox .inCall{display:flex; align-items:center;}
#footer .footer .rightBox .inCall span{display:inline-block; flex-shrink:0; font-size:30px; font-weight:700; letter-spacing:-0.02em; line-height:1; color:#fff; margin-right:30px;}
#footer .footer .rightBox .inCall strong{display:inline-block; flex-shrink:0; font-size:42px; font-weight:700; letter-spacing:-0.02em; line-height:1; color:#c99e67; padding-left:30px; border-left:3px solid #c99e67;}
#footer .footer .rightBox .inCall strong a{color:inherit;}
#footer .footer .rightBox .inNavBox{display:flex; align-items:center; margin-top:40px;}
#footer .footer .rightBox .inNavBox a{display:inline-block; font-size:16px; font-weight:400; letter-spacing:-0.02em; line-height:1; color:#cecdcd;}
#footer .footer .rightBox .inNavBox a + a{margin-left:30px;}
#footer .footer .rightBox .inText{font-size:16px; font-weight:400; letter-spacing:-0.02em; line-height:1.5; color:#cecdcd; margin-top:25px;}
#footer .footer .rightBox .inText span{display:inline-block; margin:0 10px;}
#footer .footer .rightBox .inText address{font-weight:inherit; display:inline;}

/* 배경색 지정 */
.bgColor1{background-color:#f6f6f6 !important;}
.bgColor2{background-color:#f8f8f8 !important;}

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


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

.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;}

.mt30{margin-top:30px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}

.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 {width:100%; height:40px; text-align:center; font-size:16px; margin-top:30px; margin-bottom:120px; 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:#023c8d; 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{width:100%; overflow:hidden; font-size:15px; font-weight:500; margin-top:30px; margin-bottom:120px;}
.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; -webkit-box-sizing:border-box; box-sizing:border-box; width:180px; height:50px; font-size:20px; text-align:center; line-height:48px; border:1px solid #312d5f; font-size:14px; color:#312d5f; background-color:#fff;}
a.btn_left_2, button.btn_left_2{float:left; margin-right:10px; display:inline-block; vertical-align:top; -webkit-box-sizing:border-box; box-sizing:border-box; width:180px; height:50px; font-size:20px; text-align:center; line-height:48px; border:1px solid #312d5f; color:#fff; background-color:#312d5f;}

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

a.btn_center_1, button.btn_center_1{margin-left:10px; display:inline-block; vertical-align:top; -webkit-box-sizing:border-box; box-sizing:border-box; width:180px; height:50px; font-size:20px; text-align:center; line-height:48px; background-color:#312d5f; border:1px solid #312d5f; color:#fff;}
a.btn_center_2, button.btn_center_2{margin-left:10px; display:inline-block; vertical-align:top; -webkit-box-sizing:border-box; box-sizing:border-box; width:180px; height:50px; font-size:20px; text-align:center; line-height:48px; background-color:#ffffff; border:1px solid #312d5f; color:#312d5f;}

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

@media (max-width:1180px) {
	#header .header .subMenuBox .boxItem + .boxItem{margin-left:25px;}
	
	#footer .footer .leftBox{margin-right:20px;}
	#footer .footer .rightBox{margin-left:20px;}
}

@media (max-width:1000px) {
	#header{height:115px;}
	#header .header{width:calc(100% - 60px);}
	#header .header .logo{width:400px;}
	#header .header .logo .pcOnly{display:none;}
	#header .header .logo .mobileOnly{display:block;}
	#header .header .subMenuBox{display:none;}
	#header .header .headRightMenu{display:inline-flex; align-items:center; height:100%;}
	#header .header .headRightMenu .headMenuBtn{display:inline-block; width:70px; height:100%; background:url("/html/resource/img/loungs/comm/m_menu_icon.png") no-repeat center center/69px 44px;}

	#header.fixed, #header:hover{background:#044750;}
	/* #header.fixed .header .subMenuBox .boxItem .subMenuTitle a, #header:hover .header .subMenuBox .boxItem .subMenuTitle a{color:#000;} */

	#sitemap{display:none; width:100%; height:100%; position:fixed; top:0; left:0; background:#044750; z-index:1005; padding-top:0; overflow-y:auto;}
	#sitemap .inBox{width:100%; height:100%; margin:0 auto;}
	#sitemap .inBox .sitemapHead{display:flex; justify-content:space-between; align-items:center; width:100%; height:115px; text-align:right; position:relative; padding:0 30px; border-bottom:1px solid #c99e67;}
	#sitemap .inBox .sitemapHead .logo{display:inline-flex; align-items:center; width:400px;}
	#sitemap .inBox .sitemapHead .sitemapMenuBtn{display:inline-block; width:70px; height:100%; position:relative;}
	#sitemap .inBox .sitemapHead .sitemapMenuBtn .inBox{display:inline-block; -webkit-transition:all .4s; -o-transition:all .4s; transition:all .4s; box-sizing:border-box; position:relative; width:50px; height:33px;}
	#sitemap .inBox .sitemapHead .sitemapMenuBtn span{display:inline-block; -webkit-transition:top .4s, bottom .4s, -webkit-transform .4s; transition:top .4s, bottom .4s, -webkit-transform .4s; -o-transition:top .4s, bottom .4s, transform .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:4px; background-color:#c99e67;}
	#sitemap .inBox .sitemapHead .sitemapMenuBtn span:nth-of-type(1){top:0;}
	#sitemap .inBox .sitemapHead .sitemapMenuBtn span:nth-of-type(2){top:14.5px;}
	#sitemap .inBox .sitemapHead .sitemapMenuBtn span:nth-of-type(3){bottom:0;}
	#sitemap .inBox .sitemapHead .sitemapMenuBtn.active span:nth-of-type(1){-webkit-transform:translateY(14.5px) rotate(-45deg); -ms-transform:translateY(14.5px) rotate(-45deg); transform:translateY(14.5px) rotate(-45deg);}
	#sitemap .inBox .sitemapHead .sitemapMenuBtn.active span:nth-of-type(2){opacity:0;}
	#sitemap .inBox .sitemapHead .sitemapMenuBtn.active span:nth-of-type(3){-webkit-transform:translateY(-14.5px) rotate(45deg); -ms-transform:translateY(-14.5px) rotate(45deg); transform:translateY(-14.5px) rotate(45deg);}
	#sitemap .inBox .sitemapMenuBox .allMenuList{display:flex; flex-wrap:wrap; width:100%; height:100%;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem{display:block; width:100%; position:relative; padding-bottom:1px;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem::after{content:""; width:calc(100% - 50px); height:1px; background:#fff; position:absolute; bottom:0; left:50%; -webkit-transform:translatex(-50%); -ms-transform:translatex(-50%); transform:translatex(-50%); z-index:2; opacity:0.1;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .menuTitle{width:100%; font-size:36px; font-weight:400; line-height:1; color:#fff; cursor:pointer; text-align:left; padding:30px 25px; position:relative;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .menuTitle a{display:block; color:inherit;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem.on .menuTitle{color:#c99e67; font-weight:700;}

	/* 푸터 */
	#footer{padding:80px 30px;}
	#footer .footer{flex-wrap:wrap; justify-content:center; align-content:flex-start; text-align:center;}
	#footer .footer .leftBox{display:flex; justify-content:center; width:100%; margin-right:0;}
	#footer .footer .rightBox{display:block; width:100%; margin-left:0; margin-top:50px;}
	#footer .footer .rightBox .inCall{justify-content:center;}
	#footer .footer .rightBox .inCall span{font-size:34px; margin-right:30px;}
	#footer .footer .rightBox .inCall strong{font-size:46px; padding-left:30px; border-left-width:3px;}
	#footer .footer .rightBox .inNavBox{justify-content:center; margin-top:40px;}
	#footer .footer .rightBox .inNavBox a{font-size:20px;}
	#footer .footer .rightBox .inNavBox a + a{margin-left:30px;}
	#footer .footer .rightBox .inText{font-size:20px; margin-top:25px;}
	#footer .footer .rightBox .inText span{display:inline-block; margin:0 10px;}
	#footer .footer .rightBox .inText span.mobile{display:none;}

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

	.paging{margin-top:24px; margin-bottom:96px;}

	.btn_box1{font-size:15px; margin-top:24px; margin-bottom:96px;}
	.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{margin-left:10px; width:180px; height:50px; font-size:20px; line-height:48px;}
	a.btn_center_2, button.btn_center_2{margin-left:10px; width:180px; height:50px; font-size:20px; line-height:48px;}
}


@media (max-width:768px) {
	#header{height:14.97396vw;}
	#header .header{width:calc(100% - 7.81250vw);}
	#header .header .logo{width:52.08333vw;}
	#header .header .headRightMenu .headMenuBtn{width:9.11458vw; background-size:8.98438vw 5.72917vw;}

	#sitemap .inBox .sitemapHead{height:14.97396vw; padding:0 3.90625vw;}
	#sitemap .inBox .sitemapHead .logo{display:inline-flex; align-items:center; width:52.08333vw;}
	#sitemap .inBox .sitemapHead .sitemapMenuBtn{width:9.11458vw;}
	#sitemap .inBox .sitemapHead .sitemapMenuBtn .inBox{width:6.51042vw; height:4.29688vw;}
	#sitemap .inBox .sitemapHead .sitemapMenuBtn span{height:0.52083vw;}
	#sitemap .inBox .sitemapHead .sitemapMenuBtn span:nth-of-type(2){top:1.88802vw;}
	#sitemap .inBox .sitemapHead .sitemapMenuBtn.active span:nth-of-type(1){-webkit-transform:translateY(1.88802vw) rotate(-45deg); -ms-transform:translateY(1.88802vw) rotate(-45deg); transform:translateY(1.88802vw) rotate(-45deg);}
	#sitemap .inBox .sitemapHead .sitemapMenuBtn.active span:nth-of-type(3){-webkit-transform:translateY(-1.88802vw) rotate(45deg); -ms-transform:translateY(-1.88802vw) rotate(45deg); transform:translateY(-1.88802vw) rotate(45deg);}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem::after{width:calc(100% - 6.51042vw);}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .menuTitle{font-size:5.20833vw; padding:3.90625vw 3.25521vw;}

	/* 푸터 */
	#footer{padding:10.41667vw 3.90625vw; border-top-width:0.39063vw;}
	#footer .footer .leftBox img{width:54.94792vw; height:auto;}
	#footer .footer .rightBox{margin-top:6.51042vw;}
	#footer .footer .rightBox .inCall span{font-size:4.94792vw; margin-right:3.90625vw;}
	#footer .footer .rightBox .inCall strong{font-size:6.51042vw; padding-left:3.90625vw; border-left-width:0.39063vw;}
	#footer .footer .rightBox .inNavBox{margin-top:5.20833vw;}
	#footer .footer .rightBox .inNavBox a{font-size:3.12500vw;}
	#footer .footer .rightBox .inNavBox a + a{margin-left:3.90625vw;}
	#footer .footer .rightBox .inText{font-size:3.12500vw; margin-top:3.25521vw;}
	#footer .footer .rightBox .inText span{margin:0 1.30208vw;}
	
	.mt30{margin-top:3.90625vw;}
	.mt70{margin-top:9.11458vw;}
	.mt80{margin-top:10.41667vw;}
	.mt90{margin-top:11.71875vw;}

	.paging {height:7.8125vw; font-size:3.1250vw; margin-top:3.9063vw; margin-bottom:15.6250vw;}
	.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:1.9531vw; margin-top:3.9063vw; margin-bottom:15.6250vw;}
	.btn_box1.center{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
	.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{margin-left:1.3021vw; width:26.0417vw; height:8.0729vw; font-size:3.1250vw; line-height:7.8125vw;}
	a.btn_center_2, button.btn_center_2{margin-left:1.3021vw; width:26.0417vw; height:8.0729vw; font-size:3.1250vw; line-height:7.8125vw;}
}