@charset "utf-8";

/******************** wrapper ********************/
#wrapper {position:relative; overflow:hidden;}










/******************** header ********************/
#header {position:fixed; left:0; top:0; width:100%; background:#fff; z-index:300;}

/***** head *****/
#header .head {display:table; width:100%; height:65px; height:18.056vw; padding:0 15px; padding:0 4.167vw; background:#fff; box-sizing:border-box;}
#header .logo {display:table-cell; vertical-align:middle; color:#000; font-size:20px; font-size:5.556vw;}
#header .logo a {display:block; color:#000; font-weight:bold; letter-spacing:-0.5px; letter-spacing:-0.139vw;}
#header .logo img {height:35px; height:9.722vw; vertical-align:top;}

/***** menu_close *****/
#header .menu_btn .ico_side:before {top:7px; top:1.944vw;}
#header .menu_btn .ico_side:after {top:14px; top:3.889vw;}
#header .menu_btn .ico_side:after, #header .menu_btn .ico_side:before {display:block; position:absolute; left:0; width:25px; width:6.944vw; height:3px; height:0.833vw; background-color:#876b53; content:"";}
#header .menu_btn .ico_side {display:block; position:absolute; right:15px; right:4.167vw; top:22px; top:6.111vw; width:25px; width:6.944vw; height:3px; height:0.833vw; background-color:#876b53; text-indent:-9999px;}
#header .menu_btn {position:absolute; right:0; top:0; width:65px; width:18.056vw; height:65px; height:18.056vw;}


/***** lnb *****/
.main #lnb {display:none;}
#lnb {display:none; position:relative; border-top:1px solid #ddd; border-top:0.278vw solid #ddd; background:#fff;}
/* lnb_1depth */
#lnb .lnb {position:relative; z-index:100; padding:0 15px; padding:0 4.167vw; height:81px; height:22.5vw; text-align:center;}
.lnb > ul {overflow:hidden; overflow-x:auto; width:100%; height:100%; white-space:nowrap;}
.lnb > ul > li {display:inline-block; padding:0 11px; padding:0 3.056vw; vertical-align:top;}
.lnb > ul > li > a {position:relative; display:block; height:45px; height:12.5vw; font-size:14px; font-size:3.889vw; color:#333; font-weight:400; letter-spacing:-1px; letter-spacing:-0.278vw; line-height:48px; line-height:13.333vw;}
.lnb > ul > li > a:active, .lnb > ul > li.on > a {color:#000; font-weight:bold;}
.lnb > ul > li.on > a > span {position:absolute; bottom:0; left:-11px; left:-3.056vw; right:-11px; right:-3.056vw; display:block; height:3px; height:0.833vw; background:#876b53;}
/* lnb_2depth */
.lnb_2depth {display:none; position:absolute; top:45px; top:12.5vw; left:0; width:100%; text-align:left;}
.lnb_2depth ul {overflow:hidden; overflow-x:auto; padding:0 15px; padding:0 4.167vw;}
.lnb_2depth li {display:inline-block; height:36px; height:10vw; padding:0 11px; padding:0 3.056vw;}
.lnb_2depth li a {display:block; font-size:13px; font-size:3.611vw; color:#777; font-weight:400; letter-spacing:-1px; letter-spacing:-0.278vw; line-height:36px; line-height:10vw;}
.lnb_2depth li a:active, .lnb_2depth li.on > a {color:#000;}
#lnb li.on .lnb_2depth {display:block;}
#lnb .bg {position:absolute; z-index:1; bottom:0; left:0; width:100%; height:36px; height:10vw; border-top:1px solid #efefef; background:#efefef;}

/***** menu *****/
#menu {position:fixed; left:0px; top:0px; background-color:rgba(0,0,0,0.8); width:100%; height:100%; z-index:9999;}
.menu_box {position:fixed; right:0; top:0px; bottom:0; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; width:70%; min-height:100%; color:#333; background:#fff; z-index:999;}
.menu_box a {display:block; color:#333; text-decoration:none;}
.menu_touch {position:fixed; top:0; left:0; bottom:0; overflow:hidden; width:20%; min-height:100%; z-index:999;}
/* side_menu_top */
.side_menu_top {padding:20px 19px; padding:5.556vw 5.278vw; border-bottom:1px solid #efefef; font-size:16px; font-size:4.444vw; color:#000; line-height:1; text-align:center;}
.menu_box_home {position:absolute; left:19px; left:5.278vw; top:20px; top:5.556vw; z-index:1000;}
.menu_box_home img {width:18px; width:5vw; height:auto;}
.menu_box_close {position:absolute; right:17px; right:4.722vw; top:20px; top:5.556vw; z-index:1000}
.menu_box_close img {width:15px; width:4.167vw; height:15px; height:4.167vw;}
.side_menu_top span {display:inline-block; margin-top:15px; margin-top:4.167vw; padding:8px 24px; padding:2.22vw 6.667vw; border:1px dashed #b5b5b5; border-radius:100px; font-size:13px; font-size:3.611vw; font-weight:200; line-height:1; color:#666;}
.side_menu_top span strong {margin-right:5px; margin-right:1.389vw; font-weight:bold; font-size:12px; font-size:3.333vw; color:#000; }
.side_menu_top span a {display:inline-block;}
/* side_menu_1depth */
.side_menu {font-size:15px; font-size:4.167vw;}
.side_menu li {border-bottom:1px solid #efefef; letter-spacing:-1px; letter-spacing:-0.278vw;}
.side_menu li span a:active {font-weight:bold; color:#000;}
.side_menu li.on span a {font-weight:bold; color:#000;}
.side_menu li span {padding:16px 17px; padding:4.444vw 4.722vw; display:block; font-weight:normal;}
/* side_menu_2depth */
.side_menu_2depth {overflow:hidden; padding:9px 17px 12px; padding:2.500vw 4.722vw 3.333vw; border-top:1px solid #efefef; background:#f4f4f4;}
.side_menu_2depth li {border:none; float:left; width:50%; font-size:13px; font-size:3.611vw; color:#777; padding:3px 0; padding:0.833vw 0; line-height:2;}
.side_menu_2depth li a {display:initial; color:#777;}
.side_menu_2depth li a:active {color:#876b53; font-weight:bold;}
.side_menu_2depth li.on a {font-weight:bold; color:#876b53;}










/******************** footer ********************/


#footer {background-color:#eee; padding:24px 20px; padding:6.667vw 5.556vw; font-size:14px; font-size:3.889vw; text-align:center; color:#555;}
#footer p {margin:0;}
#footer .foot_menu {margin-bottom:20px; margin-bottom:5.556vw; text-align:center;}
#footer .foot_menu li {display:inline-block; padding:8px 20px; padding: 2.222vw 5.556vw; background-color:#fff; line-height:1; letter-spacing: -1px; letter-spacing: -0.278vw;}
#footer .foot_menu li a { color:#000;}

#footer .foot_menu li.on {background:#ffa800; font-weight:bold;}
#footer .foot_menu li.on a {color:#fff;}
#footer .foot_menu .family_site {z-index:99; position:relative;}
#footer .foot_menu .family_list {position:absolute; right:0; bottom:40px; bottom:11.111vw; width:240%; padding:10px 0; padding:2.778vw 0; background:#fff; border:1px solid #ddd; border:0.278vw solid #ddd; text-align:left; font-weight:normal; letter-spacing:-1px; letter-spacing:-0.278vw;}
#footer .foot_menu .family_list li {display:block; padding:5px 20px; padding:1.389vw 5.556vw; background:none; font-size:13px; font-size:3.611vw; line-height:1.5;}
#footer .foot_menu .family_list li a {color:#000;}
#footer .foot_menu .family_list li a:hover {color:#ffa800;}

#footer address {font-size:13px; font-size:3.611vw;}
#footer address a {color:#ccc;}
#footer .copy {margin-top:10px; margin-top:2.778vw; font-size:11px; font-size:3.056vw;}

/***** top *****/
#top {position:fixed; right:15px; right:4.167vw; bottom:15px; bottom:4.167vw; display:block; z-index:250; width:40px; width:11.111vw; height:40px; height:11.111vw; background:#000; border-radius:50%;}
#top img {width:100%; height:100%;}

/***** foot *****/
.foot address {color:#fff; font-size:13px; font-size:3.611vw;}
.foot p {color:#ccc; font-size:13px; font-size:3.611vw;}
.foot p span {color:#fff;}










/******************** main ********************/
/* main_visual */
.swiper-container { position:relative; z-index:1; overflow:hidden; width:100%; max-height:315px; max-height:87.5vw;}

.swiper-slide { position:relative; z-index:10; display:flex; }
.swiper-slide a { display:block; width:100%; line-height:0;}
.swiper-slide img { position:relative; z-index:20; height:auto; width:100%; }
.swiper-slide .box { position:absolute; bottom:43px; bottom:11.944vw; left:0; z-index:100; width:100%;}
.swiper-slide .tit { margin:0; padding:0 35px; padding:0 9.722vw; font-size:20px; font-size:5.556vw; font-weight:bold; color:#fff; line-height:1; letter-spacing:-1px; letter-spacing:-0.278vw; text-shadow:1px 0px 1px rgba(0, 0, 0, 0.2);word-break:keep-all; }
.swiper-slide .tit span {display:block; font-weight:bold; color:#876b53; line-height:1.6; }
.swiper-slide .text { margin:10px 0 0; margin:2.778vw 0 0; padding:3px 35px; padding:0.833vw 9.722vw; font-size:14px; font-size:3.889vw; line-height:1.3; color:#fff; word-break:keep-all !important; }

.swiper-button-next, .swiper-button-prev {display:none; position:absolute; z-index:100; top:38% !important; margin-top:0 !important; width:32.593px !important; width:10.185vw !important; height:32.593px !important; height:10.185vw !important; border:0.889px solid rgba(255, 255, 255, 0.7); border:0.278vw solid rgba(255, 255, 255, 0.7); border-radius:50%; box-sizing:border-box; opacity:0.5; }
.swiper-button-next { right:17.778px !important; right:5.556vw !important; left:auto !important; background:rgba(0, 0, 0, 0.5) url('/mobile/_wpcomm/HomeType/basic/image/main/btn_next.png') no-repeat 0 0 !important; background-size:100% 100% !important; }
.swiper-button-prev { left:17.778px !important; left:5.556vw !important; right:auto !important; background:rgba(0, 0, 0, 0.5) url('/mobile/_wpcomm/HomeType/basic/image/main/btn_prev.png') no-repeat 0 0 !important; background-size:100% 100% !important; }
.swiper-button-next:active,
.swiper-button-prev:active { opacity:1; }

.swiper-pagination { position:absolute; z-index:100; bottom:13.630px !important; bottom:4.259vw !important; }
.swiper-pagination-bullet { width:8px !important; width:2.222vw !important; height:8px !important; height:2.222vw !important; }
.swiper-pagination-bullet:active,
.swiper-pagination-bullet-active { width:17.185px !important; width:5.370vw !important; border-radius:7.259px !important; border-radius:2.269vw !important; background:#876b53 !important; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin:0 3px !important; margin:0 0.833vw !important; }


/***** main_contents  *****/
/* 메인배너 */
#main_banner {overflow:hidden;width:100%;padding:15px;padding:4.167vw;background:#876b53; box-sizing:border-box;}
#main_banner li {float:left;width:33.333%;margin:10px 0; margin:2.778vw 0;}
#main_banner li:last-child {background:none;}
#main_banner li a {display:block;}

#main_banner li.mb01 .icon span {background:url("../image/main/main_icon01.png");}
#main_banner li.mb02 .icon span {background:url("../image/main/main_icon02.png");}
#main_banner li.mb03 .icon span {background:url("../image/main/main_icon03.png");}
#main_banner li.mb01 .icon span, #main_banner li.mb02 .icon span, #main_banner li.mb03 .icon span {background-size:45px auto; background-size:12.5vw auto; background-repeat:no-repeat; background-position:50% 50%;}

#main_banner li .icon {width:65px; width:18.056vw; height:65px; height:18.056vw; margin:0 auto 12px; margin:0 auto 3.333vw; font-size:34px; font-size:9.444vw; text-align:center; border-radius:50px;border-radius:13.889vw; background:#ffa800; color:#000; box-sizing:border-box;}
#main_banner li .icon span {display:block; width:65px; width:18.056vw; height:65px; height:18.056vw;}
#main_banner li .icon img {width:55%;}
#main_banner li .icon:active {background-color:#ff9600;}
#main_banner li p {margin:0;font-weight:bold;font-size:14px; font-size:3.889vw;text-align:center;letter-spacing:-1px;letter-spacing:-0.278vw;line-height:1.3; color:#fff;}

/* 공지사항 */
#main_notice {position:relative;width:100%; padding:21px 0 0; padding:5.833vw 0 0; background-color:#fff; box-sizing:border-box;}
#main_notice h2 {font-size:20px; font-size:5.556vw; font-weight:bold; padding:0 15px; padding:0 4.167vw; margin:0 0 21px 0; margin:0 0 5.833vw 0; background:none;color:#333; letter-spacing:-1px; line-height:1.65;}
#main_notice ul {margin:0; padding:0; font-size:16px; font-size:4.444vw;}
#main_notice ul li {position:relative; padding:21px 15px;padding:5.833vw 4.167vw; background-color:#f7f7f7; border-bottom:1px dashed #ddd; border-bottom:0.278vw dashed #ddd;color:#666;}
#main_notice ul li:nth-child(even) {background-color:#fff;}
#main_notice ul li:last-child {border-bottom:0.278vw solid #876b53}
#main_notice ul li a {color:#333;}
#main_notice ul li span.YearMonth {display:block; margin-top:5px; margin-top:1.389vw; font-size:13px; font-size:3.611vw; color:#876b53; }
#main_notice ul li span.subject {width:280px; width:77.778vw;}

#main_notice .more {position:absolute; right:15px; right:4.167vw; top:21px; top:5.833vw; width:30px; width:8.333vw; height:30px; height:8.333vw; border:1px solid #b6a99e; text-align:center; line-height:1; box-sizing:border-box; }
#main_notice .more a {display:block; padding:7.667px; padding:2.129vw;}



/* 포토갤러리 */
#main_gallery {position:relative;width:100%; padding:21px 0 0; padding:5.833vw 0 0; background-color:#fff; box-sizing:border-box;}
#main_gallery h2 {font-size:20px; font-size:5.556vw; font-weight:bold; padding:0 15px; padding:0 4.167vw; margin:0 0 21px 0; margin:0 0 5.833vw 0;line-height:1; background:none;color:#333; letter-spacing:-1px; line-height:1.65;}
#main_gallery .list {overflow:hidden; padding:0 15px 15px; padding:0 4.167vw 4.167vw;}

#main_gallery .pic {float:left; width:50%; border:1px solid #fff; box-sizing: border-box;}
#main_gallery .pic a {display:block; line-height:0;}
#main_gallery .pic img {height:125px; height:34.722vw}
#main_gallery .more {position:absolute; right:15px; right:4.167vw; top:21px; top:5.833vw; width:30px; width:8.333vw; height:30px; height:8.333vw; border:1px solid #b6a99e; text-align:center; line-height:1; box-sizing:border-box; }
#main_gallery .more a {display:block; padding:7.667px; padding:2.129vw; }












/******************** sub_layout ********************/
/***** visual *****/
/*#sub_visual {height:130px; height:36.111vw; margin-top:146px; margin-top:40.556vw; background-color:#000;}*/
#sub_visual {height:150px; height:41.667vw; margin-top:65px; margin-top:18.056vw; background-color:#000;}
#sub_visual .title {height:55px; height:15.278vw; padding-top:35px; padding-top:9.722vw; font-size:26px; font-size:7.222vw; text-align:center; line-height:1; letter-spacing:-1px; text-shadow:1px 1px 1px rgba(0,0,0,0.3); text-shadow:0.278vw 0.278vw 0.278vw rgba(0,0,0,0.3); letter-spacing:-0.278vw; color:#fff;}

#location {display:none;}

.content {min-height:300px; min-height:83.333vw; margin:-50px 15px 15px; margin:-13.889vw 4.167vw 4.167vw; padding:15px 15px 50px; padding:4.167vw 4.167vw 13.889vw; font-weight:300; letter-spacing:-0.5px; letter-spacing:-0.139vw; color:#666; background:#fff;}
.content h1.sub_title {font-size:19px; font-size:5.278vw; margin-bottom:30px; margin-bottom:8.333vw; font-weight:normal; color:#000;}











/******************** media ********************/
@media screen and (orientation: landscape) {
    #header {position:absolute;}
}