@charset "utf-8";
/* Layout CSS Document */
#wrap{display:flex; flex-direction:column; justify-content:flex-start; align-items:normal; position:relative; min-height:100vh;}
.inner{box-sizing:border-box; width:100%; width:1328px; margin:0 auto; padding-left:24px; padding-right:24px;}
/* Header */
#header{font-size:15px;}
#header .header_top{position:relative; background-color:#f2f2f2;}
#header .header_top:before{content:''; position:absolute; left:0; bottom:0; width:100%; border-bottom:1px solid #d4d4d4;}
#header .header_top > .inner{display:flex; justify-content:space-between; align-items:center;}
#header .header_related .related_list{display:flex;}
#header .header_related .related_list a{display:block; position:relative; padding:10px 15px; border-left:1px solid #d4d4d4; font-weight:700;}
#header .header_related .related_list li:last-child a{border-right:1px solid #d4d4d4;}
#header .header_related .related_list a.active{background-color:#fff; color:#9c6646; text-decoration:underline;}
#header .utility_list{display:flex;}
#header .utility_list a{display:flex; gap:4px; font-weight:700; font-size:14px;}
#header .utility_list a.home:before{content:''; width:20px; height:20px; background:url(../images/common/2025/ico_home.png) no-repeat 0 0/contain;}
#header .header_branding{position:relative;}
#header .header_branding .inner{display:flex; align-items:center; justify-content:space-between;}
#header .header_branding .logo a{display:block; width:309px; height:44px; background:url(../images/common/2025/logo_h.png) no-repeat 0 0/contain;}
/* gnb */
.gnb_area{}
#gnb{display:flex; position:relative;}
#gnb > li{position:relative;}
#gnb > li > a{display:flex; justify-content:center; align-items:center; height:105px; padding:0 35px; font-size:21px; font-weight:700;}
#gnb > li > a:after{content:''; position:absolute; left:50%; bottom:-1px; z-index:33; width:0px; height:3px; background-color:#6c5648; transition:all .4s;}
#gnb > li.active > a:after{left:0; width:calc(100% + 1px);}
#gnb > li > div{visibility:hidden; position:absolute; top:105px; z-index:31; overflow:hidden; width:100%; border-left:1px solid #d4d4d4; transition:height .4s cubic-bezier(0.165, 0.84, 0.44, 1);}
#gnb > li:last-child > div{border-right:1px solid #d4d4d4;}
#header #gnb > li.open > div{display:block; visibility:visible; z-index:32;}
#gnb > li > div > ul{margin:10px 0;}
#gnb > li > div > ul > li > a{display:block; padding:10px 5px; font-weight:700; text-align:center;}
#gnb > li > div > ul > li > a:hover{text-decoration:underline;}
/* gnb 배경 */
#header .gnb_wrap .gnb_bg{position:absolute; top:105px; left:0; z-index:20; overflow:hidden; width:100%; height:0; background:rgba(255,255,255,1); backdrop-filter:blur(5px); transition:height .4s cubic-bezier(0.165, 0.84, 0.44, 1);}
#header .gnb_wrap .gnb_bg.open{border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4;}
#header .gnb_wrap .gnb_bg .inner{display:flex; align-items:center; height:100%;}
#header .gnb_wrap .gnb_bg .box_sns{width:350px; text-align:center;}
#header .gnb_wrap .gnb_bg .box_sns .sns_list{display:flex; justify-content:center; gap:15px;}
#header .gnb_wrap .gnb_bg .box_sns .sns_list .sns_link{display:block; width:64px; height:64px; background:url(../images/common/2025/ico_sns_facebook.png) no-repeat 0 0/contain;}
#header .gnb_wrap .gnb_bg .box_sns .sns_list .sns_link.instagram{background-image:url(../images/common/2025/ico_sns_instagram.png);}
#header .gnb_wrap .gnb_bg .box_sns .txt{margin-top:20px; font-weight:700; text-align:center;}

/* 현재위치 */
.location_wrap{position:relative; min-width:1000px; border-bottom:1px solid #d4d4d4; background:#f2f2f2;}
.location_wrap .inr{width:1000px; min-height:39px; margin:0 auto;}
.location_wrap .inr:after{content:''; display:block; clear:both;}
.location_wrap ol{float:right; margin:0 10px 0 0;}
.location_wrap ol>li{float:left; position:relative; padding:0 10px 0 39px; line-height:39px;}
.location_wrap ol>li.sprh_com{width:19px;background:none;}
.location_wrap ol>li:before{content:''; position:absolute; top:0; left:0; width:20px; height:39px; background-position:-30px 0;}
.location_wrap ol>li:first-child:before{top:50%; left:39px; width:19px; height:18px; margin-top:-9px; background-position:0 0;}

/* Container */
#container{flex:1;}
#container:after{content:''; display:block; clear:both;}
#container > .inr{display:flex; justify-content:space-between; overflow:hidden;margin:0 auto;width:1280px;}
#container > .inr *{box-sizing:revert;}
/* sub_visual */
.sub_visual{/*position:relative;left:50%;margin-left:-960px;*/width:100%;height:197px;background:#292725 url(../images/common/bg_sub_visual.jpg) no-repeat 50% 0; }
.sub_visual .subcopy{margin:0 auto;padding:80px 0 0;width:1000px;font-size:32px;font-weight:bold;color:#fff;text-align:center;}
/*** Side ***/
#side{box-sizing:border-box; width:238px; padding-bottom:50px; border-left:1px solid #ddd; border-right:1px solid #ddd;}
#side .tit_snb{padding:37px 0 0 26px;height:78px;font-size:27px;font-weight:normal;color:#333;white-space:nowrap;vertical-align:top;}
#side .tit_snb span{display:block;margin-bottom:2px;font-size:13px;font-weight:bold;}

/* snb */
#side .snb{border-bottom:1px solid #d7d7d7;}
/* 2차메뉴 */
#side .snb>li {position:relative; }
#side .snb>li>a {display:block;	position:relative; min-height:34px;padding:10px 0 0 20px; font-size:15px; line-height:23px;color:#666;border-top:1px solid #d7d7d7;}
#side .snb>li>a:hover,
#side .snb>li>a:active,
#side .snb>li>a:focus,
#side .snb>li>a.on {margin-right:-1px;margin-top:-1px;font-weight:bold;color:#fff;border-top:1px solid #ffc200;background:#fec200 url(../images/common/bg_snb_on.jpg) no-repeat 100% 0;}

/* 3차메뉴 */
#side .snb>li>ul {padding:10px 0;}
#side .snb>li>ul>li {}
#side .snb>li>ul>li>a {display:block; position:relative;padding:4px 0 4px 28px;line-height:22px;font-size:15px;color:#666;}
#side .snb>li>ul>li a:hover,
#side .snb>li>ul>li a:active,
#side .snb>li>ul>li a:focus {font-weight:bold;color:#000;}
#side .snb>li>ul>li>a.on {font-weight:bold; color:#000;}
#side .snb>li>ul>li>a:before{content:''; display:inline-block; position:absolute; top:50%; left:20px;width:3px; height:3px;background:#666;}

/* ban_area */
.banBox{padding:30px 0;border-bottom:1px solid #d7d7d7;}
.ban_area{margin:0 auto;width:129px;}
.ban_area li{border-top:1px solid #d7d7d7;}
.ban_area li:first-child{border-top:none;}
.ban_area li a{display:block;padding:10px 0 10px 49px;}
.ban_area li.ban01 a{background:url(../images/common/ico_ban01.jpg) no-repeat 2px 50%;}
.ban_area li.ban02 a{background:url(../images/common/ico_ban02.jpg) no-repeat 2px 50%;}
.ban_area li.ban03 a{background:url(../images/common/ico_ban03.jpg) no-repeat 2px 50%;}
.ban_area li.ban04 a{background:url(../images/common/ico_ban04.jpg) no-repeat 2px 50%;}
.ban_area li.ban05 a{background:url(../images/common/ico_ban05.jpg) no-repeat 2px 50%;}

/* Content */
#container .cont_wrap{width:980px; padding-bottom:50px;}
/* cont_head */
.cont_head{position:relative;margin-bottom:33px;min-height:78px;}
.cont_head .cont_tit{margin:37px 0 0;height:76px;line-height:76px;font-size:28px;font-weight:normal;border-top:2px solid #444;border-bottom:1px solid #444;}
/* 현재위치 */
.cont_head .location{overflow:hidden;position:absolute;top:30px;right:10px;}
.cont_head .location li{float:left;padding:0 15px; height:20px;line-height:20px; background: url(../images/common/bg_loc.gif) no-repeat 0 50%; vertical-align:top;}
.cont_head .location li:first-child{background:none;}
/* cont_body */
.cont_body{/*font-size:13px; */line-height:1.5;}

/** Cont Foot **/
.cont_foot{margin-top:40px;font-size:1.077em;}
.cont_foot .cont_manager {overflow:hidden; height:47px; margin:0 0 5px; border:1px solid #d9d9d9; border-top:2px solid #575757;background:#f3f3f3;}
.cont_foot .manager {float:left; margin-left:15px;}
.cont_foot .manager dt,
.cont_foot .manager dd{float:left; line-height:47px;}
.cont_foot .manager dd span{float:left; position:relative; height:47px; padding:0 8px 0 10px; line-height:inherit;}
.cont_foot .manager dd span:before{content:''; display:block; position:absolute; top:50%; left:0; width:1px; height:14px; margin-top:-7px; background:#d4d4d4;}
.cont_foot .manager dd span:first-child:before{display:none;}
.cont_foot .manager dt{padding:0 0 0 25px; background:url(../images/common/bg_cont_mng.jpg) no-repeat 0 50%;}
.cont_foot .update {float:right; margin:0 15px 0 0;}
.cont_foot .update dt,
.cont_foot .update dd{float:left; line-height:47px;}
.cont_foot .update dd{margin-left:5px;}
.cont_foot .cont_rating {position:relative; margin:10px 0 0;height:108px; border:1px solid #d9d9d9;}
.cont_foot .cont_rating h2 {margin:16px 0 13px 15px; padding:0 0 0 25px; background:url(../images/common/bg_cont_rating.jpg) no-repeat 0 50%; font-weight:normal; line-height:20px;}
.cont_foot .cont_rating .inp_area {margin:0 10px; padding-left:50px; border:1px solid #d9d9d9; border-radius:5px; background:linear-gradient(-45deg, transparent 50%, #efefef 50%, transparent 51%) 0 0/4px 4px, linear-gradient(45deg, transparent 50%, #efefef 50%, transparent 51%) 0 0/4px 4px;}
.cont_foot .cont_rating .inp_area .inp_rdo,
.cont_foot .cont_rating .inp_area label {float:left;line-height:50px;}
.cont_foot .cont_rating .inp_area .inp_rdo {width:13px;height:50px;margin:0 5px 0 30px;vertical-align:middle;}
.cont_foot .cont_rating .btn_rate {float:right; overflow:visible; width:100px; height:50px;border:0; border-radius:5px; background:#575757; font-weight:bold; color:#fff; cursor:pointer; }




/* Footer */
#footer{background-color:#363230; font-size:15px; color:#a4a4a4;}
#footer .f_top{border-bottom:1px solid #45403e;}
#footer .f_top .inner{display:flex; justify-content:space-between; align-items:center;}
#footer .f_top .f_menu{display:flex;}
#footer .f_top .f_menu .f_link{display:flex; align-items:center; gap:4px; position:relative; padding:10px; color:#a4a4a4;}
#footer .f_top .f_menu .f_link:first-child{padding-left:0;}
#footer .f_top .f_menu .f_link:not(:first-child):before{content:''; position:absolute; top:0; left:0; bottom:0; height:10px; margin:auto 0; border-left:1px solid #53504e;}
#footer .f_top .f_menu .f_link .link_policy{color:#f3ac7c;}
#footer .f_top .f_menu .f_link-down:after{content:''; width:20px; height:20px; mask:url(../images/common/icon/ico_download.svg) no-repeat 0 0/contain; background-color:#a4a4a4;}
#footer .f_top .link_top a{display:block; width:70px; height:47px; background:url(../images/common/2025/img_top.jpg) no-repeat 0 0/contain;}
#footer .f_cnt .inner{display:flex; align-items:center; gap:20px; padding:30px 24px 40px;}
#footer .f_cnt .f_logo{width:304px; height:43px; background:url(../images/common/2025/logo_f.png) no-repeat 0 0/contain;}
#footer .f_cnt .f_copy{margin-top:5px;}