@charset "utf-8";
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
       url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
       url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
       url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}

#skipNavi{position:absolute;margin:0 auto;width:100%;list-style:none;font-size:1.15em;top:-10.5em;left:0;z-index:999999;}
#skipNavi a:active,
#skipNavi a:focus{position:absolute;padding-top:0.5em;width:100%;height:2em;top:10.5em;text-align:center;color:#000;font-weight:bold;background:#fff;border-bottom:1px solid #475470;outline:0;z-index:999999;}
#wrap{font-family:'Noto Sans KR', '맑은 고딕', sans-serif;-webkit-text-size-adjust:100%;font-weight:300;font-size:13px;line-height:150%;position: relative;}
#calendar_ajax li p{font-size: 22px;text-align: center;}
.clf::after { content:""; display: block; clear: both; }
.resize{font-size: 22px;text-align: center;line-height: 150%;padding: 110px 0;}

/* main_layout */
#header{position: absolute;top: 0;left: 0;right: 0;background: #fff;margin-top: 30px;z-index: 100;height: 85px;}
#header h1{position:absolute;left:50%;top:0;padding:8px 0;margin-left:-50px;}
#header .gnb{max-width:872px;margin:0 auto;}
#header .gnb > ul{}
#header .gnb > ul > li{float:left;padding:0 25px;position:relative;}
#header .gnb > ul > li > a{display:block;font-size:22px;color:#000;line-height:80px;height:80px;-webkit-transition:all .3s;transition:all .3s;font-weight:500;padding:0 5px;}
#header .gnb > ul > li > a:hover{color:#b28a71;border-bottom:5px solid #b28a71;}
#header .gnb > ul > li > .gnb_sub{display:none;position:absolute;left:0;top:100px;right:0;z-index:1000;}
#header .gnb > ul > li > .gnb_sub > ul{padding:25px 0;}
#header .gnb > ul > li > .gnb_sub > ul > li{padding-bottom:15px;}
#header .gnb > ul > li > .gnb_sub > ul > li > a{display:block;font-size:18px;color:#000;line-height:150%;font-weight:400;text-align:center;letter-spacing:-1px;-webkit-transition:all .3s;transition:all .3s;}
#header .gnb > ul > li > .gnb_sub > ul > li > a:hover{color:#b28a71;text-decoration:underline;}
#header .gnb > ul > li > .gnb_sub > ul > li > a:focus{color:#b28a71;text-decoration:underline;}
#header .gnb > ul > li > .gnb_sub > ul > li > a.on{color:#b28a71;text-decoration:underline;}
#header .gnb > ul > li > .gnb_sub > ul > li > ul{padding-top:15px;}
#header .gnb > ul > li > .gnb_sub > ul > li > ul > li{padding-bottom:10px;}
#header .gnb > ul > li > .gnb_sub > ul > li > ul > li > a{display:block;font-size:14px;color:#666;text-align:center;}
#header .gnb > ul > li > .gnb_sub > ul > li > ul > li > a:hover{color:#b28a71;text-decoration:underline;}
#header .gnb > ul > li.gnb02{margin-right:140px;}
#header .gnb > ul > li.gnb03{margin-left:140px;}
#header .gnb > ul:after{content:'';display:block;clear:both;}
#header .gnb_bg{display:none;position:absolute;left:0;right:0;top:85px;background:#fff url(../img/bg_gnb_sub.jpg) no-repeat center bottom;z-index:999;border:1px solid #b28a71;height:245px;}
#mobile_header{display:none;position:relative;border-bottom:1px solid #d7d7d7;}
#mobile_header h1{padding:15px 10px; text-align:left;}
#mobile_header h1 img{height:40px;}
#mobile_header .btn_fullmenu{position:absolute;right:0;top:15px;padding:10px;}
#mobile_header .btn_fullmenu img{height:22px;}
#mobile_header .gnb_wrap{display:none;position:absolute;left:0;right:0;top:70px;border-bottom:1px solid #d7d7d7;z-index:10000;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.15);}
#mobile_header .gnb_wrap .gnb{border-bottom:1px solid #d7d7d7;}
#mobile_header .gnb_wrap .gnb > ul > li > a{display:block;border-top:2px solid #d7d7d7;font-size:20px;text-align:center;padding:20px 0;font-weight: 500;}
#mobile_header .gnb_wrap .gnb > ul > li > a span{display:block;font-size:11px;color:#adadad;line-height:120%;}
#mobile_header .gnb_wrap .gnb > ul > li > a.active{}
#mobile_header .gnb_wrap .gnb > ul > li > .gnb_sub{display:none;padding:10px 0;background:#f9f9f9;}
#mobile_header .gnb_wrap .gnb > ul > li > .gnb_sub > .inner > ul > li > a{display:block;text-align:center;font-size:18px;color:#010101;padding:10px 0;}
#mobile_header .gnb_wrap .gnb > ul > li > .gnb_sub > .inner > ul > li > ul > li > a{display:block;text-align:center;font-size:14px;color:#010101;padding:3px 0;} 
#mobile_header .gnb_wrap .gnb > ul > li > .gnb_sub > .inner > ul > li > a:hover{text-decoration:underline;color:#5a7b9d}
#mobile_header .gnb_wrap .gnb > ul > li > .gnb_sub > .inner > ul > li > a span{display:block;font-size:11px;color:#adadad;line-height:120%;}
#mobile_header .gnb_wrap .login_top{text-align:center;padding:15px 0;}
#container .main_visual{position: relative;}
#container .main_visual ul li a.btn_etecenc{border: 1px solid #fff;color: #fff;font-size: 15px;position: absolute;left: 50%;bottom: 20%;transform: translateX(-50%);padding: 10px 20px;}
#container .main_visual ul li a .img{ position: relative;height: 0;overflow: hidden;padding-bottom: 49%;}
#container .main_visual ul li a .img h2{position: absolute;left: 50%;top: 52%;font-size: 40px;color: #fff;font-weight: 200;line-height: 120%;transform: translate(-50%,-52%);text-align: center}
#container .main_visual ul li a .img img{width:100%;}
#container .main_visual ul li a .txt{position:absolute;left:0;right:0;top:35%;text-align:center;z-index:100;color:#fff;}
#container .main_visual ul li a .txt .txt01{font-size:60px;line-height:130%;padding-bottom:20px;}
#container .main_visual ul li a .txt .txt02{font-size:28px;line-height:130%;}
#container .main_visual .bx-wrapper{position:relative}
#container .main_visual .bx-wrapper .bx-stop{position:absolute;left:50%;bottom:44px;margin-left:40px;width:8px;height:10px;background:url(../img/ico_pause.png) no-repeat center center;text-indent:-9999px;overflow:hidden;z-index:100}
#container .main_visual .bx-wrapper .bx-start{position:absolute;left:50%;bottom:44px;margin-left:40px;width:8px;height:10px;background:url(../img/ico_play.png) no-repeat center center;text-indent:-9999px;overflow:hidden;z-index:100}
#container .main_visual .bx-wrapper .bx-pager{position:absolute;left:-30px;bottom:40px;right:0;text-align:center;z-index:100}
#container .main_visual .bx-wrapper .bx-pager .bx-pager-item{display:inline-block;margin:0 5px;}
#container .main_visual .bx-wrapper .bx-pager .bx-pager-item a{display:block;text-indent:-9999px;overflow:hidden;width:10px;height:10px;background:url(../img/ico_nav.png) no-repeat right top;}
#container .main_visual .bx-wrapper .bx-pager .bx-pager-item a.active{background-position:left top;}
#container .main_visual .bx-wrapper .bx-prev{position:absolute;left:50%;top:52%;margin:-35px 0 0 -590px;width:39px;height:71px;background:url(../img/btn_prev.png) no-repeat center center;text-indent:-9999px;overflow:hidden;z-index:100}
#container .main_visual .bx-wrapper .bx-next{position:absolute;right:50%;top:52%;margin:-35px -590px 0 0;width:39px;height:71px;background:url(../img/btn_next.png) no-repeat center center;text-indent:-9999px;overflow:hidden;z-index:100}
#container .inner{max-width:1100px;margin:0 auto;}
#container .main_section01{padding:65px 0;}
#container .main_section01 .inner ul{overflow: hidden;margin-left: -2%;}
#container .main_section01 .inner li{float: left;width: 23%;margin-left: 2%;vertical-align: top;margin-bottom: 2%;}
/*#container .main_section01 .inner li{display:inline-block;width: 22.5%;margin-left: 2%;vertical-align: top;margin-bottom: 2%;}*/
#container .main_section01 .inner li a{display:block;border:1px solid #cbcbcb;}
#container .main_section01 .inner li a .img{height:0;padding-bottom:61%;overflow:hidden;}
#container .main_section01 .inner li a .img img{width:100%;}
#container .main_section01 .inner li a .txt{padding:30px 20px 20px 20px;text-align:left;}
#container .main_section01 .inner li a .txt > strong{display:block;background:url(../img/bg_line03.png) no-repeat left top;font-size:18px;color:#222;line-height:130%;height:46px;overflow:hidden;margin-bottom:10px;font-weight:400;padding-top:15px;}
#container .main_section01 .inner li a .txt > p{font-size:13px;color:#a9a9a9;line-height:150%;height:80px;overflow:hidden;margin-bottom:20px;letter-spacing: -1px;}
#container .main_section01 .inner li a .txt > p > span{display: block;padding-bottom: 5px;}
#container .category{position:relative;}
#container .category .ico{display:inline-block;width:68px;height:24px;line-height:24px;background:#142f48;color:#d1a285;text-align:center;position:absolute;left:0;top:2px;}
#container .category .ico.ico01{background:#647dce;color:#fff;}
#container .category .ico.ico02{background:#779e44;color:#fff;}
#container .category .ico.ico03{background:#d96d8e;color:#fff;}
#container .category .ico.ico04{background:#d98311;color:#fff;}
#container .category .ico.ico05{background:#af73c7;color:#fff;}
#container .category .ico.ico06{background:#4e9c93;color:#fff;}
#container .category p{font-size:14px;color:#222;height: 20px;line-height:24px;margin-left:75px;font-weight:400;}
#container .main_section02{background: #f7f7f7;overflow: hidden}
#container .main_section02 .place{float: left;width: 40%;text-align: center;line-height: 320px;}
#container .main_section02 .place img{max-width: 100%;vertical-align: middle}
#container .main_section02 .txt{float: left;width: 58%;padding: 60px 0 60px 2%;}
#container .main_section02 .txt strong{font-size: 36px;color: #000;line-height: 150%;}
#container .main_section02 .txt p{font-size: 20px;color: #000;line-height: 150%;padding: 10px 0;background: url(../img/bg_line04.png) no-repeat left top;margin: 23px 0;}
#container .main_section02 .txt a{display: inline-block; border: 1px solid #000;padding: 5px 10px;font-size: 16px;color: #000}
#container .main_section03{margin: 85px 0;}
#container .main_section03 .inner{overflow: hidden}
#container .main_section03 .inner > div{float: left;width: 33.33%;position: relative;}
#container .main_section03 .inner > div h2{display: inline-block;padding: 12px 25px;}
#container .main_section03 .inner > div.story h2{background: #b28a71;position: absolute;left: 0;top: 0;z-index: 100;}
#container .main_section03 .inner > div.gallery h2{background: #626262;position: absolute;right: 0;bottom: 0;z-index: 100;}
#container .main_section03 .inner > div.lounge h2{background: #142f48;position: absolute;right: 0;top: 0;z-index: 100;}
#container .main_section03 .inner > div h2 a{display: block;font-size: 16px; color: #fff;font-weight: 600;line-height: 150%;background: url(../img/arrow_right.png) no-repeat right center;padding-right: 30px;}
#container .main_section03 .inner > div > p{overflow: hidden}
#container .main_section03 .inner > div > p > img{max-width: 100%;transition: all 0.8s ease-in-out;}
#container .main_section03 .inner > div:hover > p > img{transform: scale(1.2);transition: all 0.8s ease-in-out;}
#footer{background:#444444;padding:25px 0;}
#footer .inner{max-width:1100px;margin:0 auto;position:relative;}
#footer .inner .foot_logo{position:absolute;left:0;top:8px;}
#footer .inner .foot_info{margin-left:180px;font-size:13px;color:#a7acb3;line-height:150%;}
#footer .inner .family_site{position:absolute;right:0;top:0;z-index:100}
#footer .inner .family_site ul{display:none;position:absolute;left:0;bottom:25px;border:1px solid #fff;width:150px;background:#444444;padding:5px 0;}
#footer .inner .family_site ul li a{display:block;padding:1px 10px;font-size:11px;color: #fff}
#footer .inner .family_site ul li a:hover{background: #6a6a6a;}
#footer .inner .family_site:after{content:'';display:block;clear:both;}
#footer .inner .family_site > a.open_family_site{color:#fff;float:left;display:block;border:1px solid #fff;background:url(../img/ico_arrow01.png) no-repeat 95% 50%;height:25px;line-height:25px;font-family:ng;font-size:11px;width:130px;padding:0 10px}
#footer .inner .family_site > a.open_family_site.on{background:url(../img/ico_arrow02.png) no-repeat 95% 50%;}
#footer .etecenc{position: absolute;right: 0;top: 34px;}
#footer .etecenc a{display:inline-block;border: 1px solid #fff;color: #fff;font-size: 11px;padding: 3px 28px;}
.popup_window{}
.popup_window img{border: 0;}
.popup_window > a{display: inline-block;border:1px solid #dcdcdc;}
.popup_window > p{overflow:hidden;padding:10px 15px;background:#000;color:#fff}
.popup_window > p > label{float: left;}
.popup_window > p > a{display:inline-block;margin-left:25px;float:right;color:#fff}
.sub_top{text-align:center;background-image:url(../img/bg_sub_top01.jpg);height:250px;background-repeat:no-repeat;background-position:center top;position:relative;	}
.sub_top{background: #f3f3f3;}
/*
.sub_top.sub_top01_1{background-image:url(../img/bg_sub_top01_1.jpg);}
.sub_top.sub_top01{background-image:url(../img/bg_sub_top01.jpg);}
.sub_top.sub_top02{background-image:url(../img/bg_sub_top02.jpg);}
.sub_top.sub_top02_1{background-image:url(../img/bg_sub_top02_1.jpg);}
.sub_top.sub_top03{background-image:url(../img/bg_sub_top03.jpg);}
.sub_top.sub_top03_1{background-image:url(../img/bg_sub_top03_1.jpg);}
.sub_top.sub_top04{background-image:url(../img/bg_sub_top04.jpg);}
.sub_top.sub_top04_1{background-image:url(../img/bg_sub_top04_1.jpg);}
*/
.sub_top h2{font-size:40px;color:#142f48;line-height:150%;font-weight:500;padding-top:110px}
.sub_top p{display: inline-block;font-size:20px;color:#142f48;line-height:150%;font-weight:200;position: relative;}
.sub_top p span{position: absolute;right: -80px;top: -45px;}
.sub_top .path{position:absolute;left:0;right:0;top:0;background: #142f48;}
.sub_top .path ul{max-width:1100px;margin:0 auto;overflow:hidden;}
.sub_top .path ul li{float:left;}
.sub_top .path ul li a{display:block;font-size:16px;background:url(../img/bg_path_arrow.png) no-repeat left center;color:#fff;padding:15px 10px 15px 20px;}
.sub_top .path ul li:first-child a{background:none;padding-left:0;}

/* sub */
.sub #header{position: static;margin-top: 0;}
.inner{max-width:1100px;margin:0 auto;}
.contents{padding:50px 0;}
.line{border-top:1px solid #ebebeb;}
.btn_list{text-align: center;padding-bottom: 30px;}
.btn_list.right{text-align: right;padding: 30px 10px 30px 0;}
.tab_area{}
.tab_area ul{text-align:center;}
.tab_area ul li{display:inline-block;width: 100px;margin-right: 15px;}
.tab_area ul li a{display: block;font-size: 18px;color: #9e9e9e;border-bottom: 1px solid #9e9e9e;font-weight: 400;padding-bottom: 12px}
.tab_area ul li a.active{color: #000;border-bottom: 1px solid #000;}
.searchBoard{padding:40px 0;text-align:center;}
.searchBoard input[type="text"]{height:35px;line-height:35px;border:1px solid #f2f2f2;width:25%;font-size:14px;padding-left: 5px;}
.searchBoard button{background:#142f48;font-size:14px;height:36px;line-height:36px;border:0;color:#fff;padding:0 25px;}
.searchBoard select{width:5%;height:38px;line-height:38px;color:#343434;font-size:14px;border:1px solid #f2f2f2;vertical-align:top;min-width:80px;}
.table_list{margin-bottom:30px;}
.table_list table{width:100%;border-collapse:collapse;}
.table_list table th{border-top:1px solid #142f48;border-bottom:1px solid #142f48;font-size:16px;color:#142f48;line-height:150%;font-weight:500;text-align:center;padding:12px 10px;}
.table_list table td{border-bottom:1px solid #ebebeb;font-size:15px;color:#343434;line-height:150%;text-align:center;padding:12px 10px 13px 10px;position:relative;}
.table_list table td.left{text-align:left;padding-left:30px;}
.table_list table td a:hover{text-decoration-line: underline;font-weight: 500;}
.table_list01{padding: 30px 25px}
.table_list01 table{width:100%;border-collapse:collapse;}
.table_list01 table th{font-size:15px;color:#000;vertical-align:top;text-align:left;font-weight:600;letter-spacing:-1px;line-height:130%;}
.table_list01 table td{font-size:15px;color:#000;font-weight:400;}
.table_view table{width:100%;padding: 70px 0 30px 25px;/*;border-collapse:collapse;*/}
.table_view table caption{background:#d3d3d3;text-align:left;font-size:17px;padding:15px 0;}
.table_view table th{font-size:17px;color:#000;line-height:150%;font-weight:600;padding:5px 10px;text-align: left}
.table_view table th a{display: inline-block;padding-right: 10px;line-height: 9px}
.table_view table td{font-size:17px;line-height:150%;padding:5px 30px;}
.btn_more{text-align: center;padding-top: 20px;}
.btn_group{overflow:hidden;padding:40px 0;}
.btn_group .btn_style01{display:inline-block;height:30px;line-height:30px;padding:0 50px;font-size:18px;color:#000;border: 1px solid #ebebeb}
.btn_group .center{text-align:center;}
.nothing{display:none;text-align: center;font-size: 22px;font-weight: 400;page-break-after: 50px 0;}
#container .guide_list ul{overflow: hidden;margin-left: -2%;text-align: center}
#container .guide_list ul li{float: left;width: 23%;margin-left: 2%;margin-bottom: 2%;vertical-align: top;box-sizing: border-box}
#container .guide_list ul li a{display:block;border:1px solid #cbcbcb;}
#container .guide_list ul li a .img{height:0;padding-bottom:61%;overflow:hidden;}
#container .guide_list ul li a .img img{width:100%;}
#container .guide_list ul li a .txt{padding:30px 20px 20px 20px;text-align:left;}
#container .guide_list ul li a .txt > strong{display:block;background:url(../img/bg_line03.png) no-repeat left top;font-size:18px;color:#222;line-height:130%;height:46px;overflow:hidden;margin-bottom:10px;font-weight:400;padding-top:15px;}
#container .guide_list ul li a .txt > p{font-size:13px;color:#a9a9a9;line-height:150%;height:76px;overflow:hidden;margin-bottom:20px;letter-spacing: -1px;}
#container .guide_list ul li.prepare{height: 396px;border: 1px solid #f3f3f3; vertical-align: top;}
#container .guide_list ul li.prepare span{display: block;background: url(../img/prepare.png) no-repeat center;height: 185px;line-height: 185px;font-size: 30px;color: #fff;padding: 100px 0;}
#container .guide_list ul li a .guide_img{max-width: 920px}
#container .guide_list ul li a .guide_img img{width: 100%}
#container .details{padding-top: 45px;}
#container .details .division{overflow: hidden;}
#container .details .division h2{display:inline-block;font-size: 35px;padding: 15px 5px 15px 0;color: #142f48;float: left;}
#container .details .division .category{float: left;}
#container .details .division .category .ico{position: absolute;left: 20px;top: 12px;}
#container .details .inner{position: relative;}
#container .details .inner .homepage{position: absolute;right: 0;bottom: 0;background: url(../img/homepage.png) no-repeat 3px 0;}
#container .details .inner .homepage a{display: inline-block;padding-top: 60px;font-size: 16px;color: #000;margin-bottom: 10px;width: 60px;}
#container .details .inner > p{background: url(../img/call_bg.png) no-repeat left 3px;font-size: 18px;line-height: 150%;font-weight: 600;color: #000;padding: 0 0 30px 30px;}
.information{/*border-top:1px solid #ebebeb;*/max-width: 860px;margin: 0 auto}
.information img{width: 100%}
.information iframe{max-width: 100%;padding:20px 0;}
.information .img_area{padding-top: 60px;}
.information .table_list01{border: 1px solid #ebebeb;margin: 30px 0; }
.information .table_list01 table th{color: #647dce;background: url(../img/bg_square.png) no-repeat left 18px;padding: 10px 0 0 10px;}
.information .table_list01 table td{padding-top:10px;}
.information .img_area02 p{}
.information .img_area02 ul{overflow: hidden;padding: 12px 0 20px 0;margin-left: -1%;}
.information .img_area02 ul li{float: left;width: 24%;height: 158px;margin-left: 1%;}
.information .img_area02 ul li a{display: block;position: relative;}
.information .img_area02 ul li a span{position: absolute;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,0.5);padding: 15px 18px;color: #fff;}
.information .img_area03{padding-bottom:60px}
.year{text-align: center;padding-bottom: 30px;}
.year ul{overflow: hidden;display: inline-block;height: 35px; line-height: 30px;}
.year ul li{float: left;font-size: 25px;color:#a3a3a3;font-weight: 600;padding: 0 50px;letter-spacing: -2px;}
.year ul li.active{font-size: 40px;color: #fdb913;font-weight: 900;padding: 0;}
.year ul li a{color: #7f7f7f;}
.calendar_wrap{padding-bottom: 50px;}
.calendar_list{overflow: hidden;padding: 45px 0;border-bottom: 1px solid #cccccc;}
.calendar_list h2{background: url(../img/bg_line05.png) no-repeat left;line-height: 150%;font-size: 32px;padding: 0 18px;color: #142f48;float: left;width: 6%;}
.calendar_list .list{float: left;width: 90%;}
.calendar_list .list ul li a .category{display: inline-block}
.calendar_list .list ul li a .right_txt{margin-left: 80px;overflow: hidden}
.calendar_list .list ul li a .right_txt strong{font-size: 18px;float: left;width: 40%;}
.calendar_list .list ul li a .right_txt strong:hover{text-decoration-line: underline;}
.calendar_list .list ul li a .right_txt span{font-size: 18px;float: left;width: 40%;}
.calendar_list .list ul li a .right_txt span:hover{text-decoration-line: underline;}
.notice_wrap{}
.notice_wrap .table_view .title{border-bottom: 1px solid #d7d7d7;}
.notice_wrap .table_view .title h3{font-size: 16px;font-weight: 700;border-top: 1px solid #142f48;padding: 20px 0;color: #142f48;font-weight: 500;}
.notice_wrap .table_view .title span{font-size: 13px;color: #949393;display: inline-block;padding: 0 70px 15px 0;}
.notice_wrap .table_view table tr th{border-top: 1px solid #d7d7d7;}
.notice_wrap .table_view table tr td{border-top: 1px solid #d7d7d7;}
.notice_wrap .table_view table td a{color:#949393;}
.notice_wrap .table_view table td a:hover{text-decoration-line: underline;font-weight: 500;}
.notice_wrap .table_view .cont{padding-top: 15px;max-width: 1100px}
.notice_wrap .table_view .cont img{width: 100%;}
.paging{text-align:center;padding:0 0 20px 0}
.paging a{display:inline-block;width:28px;height:28px;line-height:28px;border:1px solid #d7d7d7;font-size:14px;text-align:center;color:#959595}
.paging a:hover{border:1px solid #848383;background:#142f48;color:#fff;}
.paging a:focus{border:1px solid #848383;background:#142f48;color:#fff;}
.paging a.on{border:1px solid #848383;background:#142f48;color:#fff;}
.paging strong{display:inline-block;width:28px;height:28px;line-height:28px;border:1px solid #848383;background:#142f48;font-size:14px;text-align:center;color:#fff;}
.paging a.btn{border:0;vertical-align:middle;}
.paging a.btn:hover{background:none;}
.inquiry{padding: 40px 0;overflow: hidden;}
.inquiry .inquiry_img{float: left;width: 56%;}
.inquiry .inquiry_img img{max-width: 100%;}
.inquiry .inquiry_txt{float: left;width: 38%;padding: 80px 2%;}
.inquiry .inquiry_txt h2{font-size: 27px;position: relative;line-height: 130%;font-weight: 400;color: #000;padding-bottom: 20px;}
.inquiry .inquiry_txt h2:after{content: '';width: 32px;height: 3px;background: #000;position: absolute;left: 0;bottom: 5px;}
.inquiry .inquiry_txt p{font-size: 19px;line-height: 140%;color: #000;padding-top: 15px;letter-spacing: -1px;}
.inquiry_list{}
.inquiry_list > ul{overflow: hidden;margin-left: -2%;padding: 40px 0}
.inquiry_list > ul > li{float: left;width: 31.33%;margin-left: 2%;}
.inquiry_list > ul > li > h2{padding: 30px 25px;background: #b28a71;font-size: 24px;color: #fff;background-position: right center; background-repeat:no-repeat;position: relative;}
.inquiry_list > ul > li > h2 > span{position: absolute;right: 25px;top: 30px;}
.inquiry_list > ul > li > ul{height: 185px;padding: 45px 25px;border: 1px solid #e1e1e1;}
.inquiry_list > ul > li > ul > li{font-size: 18px;line-height: 150%;font-weight: 400;position: relative;color: #222222;padding-left: 10px;}
.inquiry_list > ul > li > ul > li:after{content: '';width: 2px;height: 2px;background: #222222;position: absolute;left: 0;top: 14px;}
.inquiry_list > ul > li > p{background: #e1e1e1;padding: 16px 25px;}
.inquiry_list > ul > li > p > span{display: block;color: #000;font-size: 14px;}
.pr{overflow: hidden;padding-bottom: 80px;}
.pr .mvp{float: left;max-width: 48%;margin: 0 1%}
.pr .healing{float: left;max-width: 48%;margin: 0 1%}
.pr > div > div > img{width: 100%;}
.pr > div > h2{font-size: 30px;color: #142f48; text-align: center;padding-top: 35px;padding-bottom: 18px;line-height: 100%;}
.pr > div > span{display:block;font-size: 20px;color: #142f48;text-align: center;font-weight: 400;}
.story{position: relative;padding-bottom: 30px;}
.story h1{position: absolute;left: 0;top: 96px;z-index: 999;margin-left: 120px;}
.story h1 span{display: block;font-size: 70px;color: #939598;font-weight: 700;letter-spacing: -0.5px;line-height: 92%;}
.story h1 span:last-child{margin-left: 100px;color: #fff;}
.story .story_txt{position: absolute;left: 0;top: 160px;max-width: 551px;background: #142f48;padding: 85px 35px 25px;}
.story .story_txt span{font-size: 18px;line-height: 150%;color: #fff;}
.story .story_img{width: 65%;margin-left: 35%;}
.story .story_img img{width: 100%;}
.stroy_one{background: url(../img/story_bg01.jpg) no-repeat;background-size: cover;}
.stroy_one .story_wrap{width: 70%;margin-left: 30%;overflow: hidden;padding: 60px 0 400px 0;}
.stroy_one .story_wrap .cont_img{float: left;width: 30%;}
.stroy_one .story_wrap .cont_img img{max-width: 100%;}
.stroy_one .story_wrap .cont_text{float: left;width: 65%;margin-left: 5%;}
.stroy_one .story_wrap .cont_text h2{font-size: 30px;font-weight: 400;color: #fff;line-height: 130%;position: relative;padding-bottom: 20px;}
.stroy_one .story_wrap .cont_text h2:after{content: '';width: 52px;height: 4px;background: #fff;position: absolute;left: 0;bottom: 0;}
.stroy_one .story_wrap .cont_text p{padding-top: 35px;}
.stroy_one .story_wrap .cont_text p span{display: block;color: #fff;font-size: 16px;line-height: 140%;}
.stroy_two{background: url(../img/story_bg02.jpg) no-repeat;background-size: cover; padding: 145px 0 100px 110px;}
.stroy_two .story_wrap{width: 70%;margin-right: 30%;}
.stroy_two .story_wrap .cont_text{}
.stroy_two .story_wrap .cont_text h2{font-size: 30px;font-weight: 500;color: #000;line-height: 150%;position: relative;padding-bottom: 20px;}
.stroy_two .story_wrap .cont_text h2:after{content: '';width: 52px;height: 4px;background: #000;position: absolute;left: 0;bottom: 0;}
.stroy_two .story_wrap .cont_text p{padding-top: 120px;}
.stroy_two .story_wrap .cont_text p span{display: block;color: #000;font-size: 16px;line-height: 170%;font-weight: 300;}
.value{padding: 50px 0 100px 0;overflow: hidden;}
.brand_logo{float: left;width: 36%;margin: 0 2%}
.brand_logo img{max-width: 100%;}
.mean{float: left;width: 56%;margin: 0 2% }
.mean p{color: #142f48;font-weight: 400;font-size: 19px;line-height: 150%;margin-bottom: 40px;}
.bor_bottom{border-bottom: 3px solid #b28a71;}
.bi .mean .impression strong{display: block;border-bottom: 3px solid #b28a71;color: #142f48;font-weight: 600;font-size: 25px;line-height: 130%;padding-bottom: 10px;}
.bi .mean .impression p{padding-top: 25px;}
.bi{padding-top: 150px;}
.bi {overflow: hidden;margin-left: -5%;}
.bi > div{height: 480px;float: left;width: 45%;margin-left: 5%;padding-bottom: 50px;}
.bi h2{color: #142f48;font-size: 23px;font-weight: 600;line-height: 150%;padding-bottom: 35px;letter-spacing: -0.5px;}
.bi > div > p {display: block;vertical-align: middle}
.bi > div > p > img{max-width: 100%}
.palette{overflow: hidden;padding-bottom: 50px;}
.palette h2{color: #142f48;font-size: 30px;font-weight: 600;line-height: 150%;padding-bottom: 35px;letter-spacing: -0.5px;position: relative;}
.palette h2:after{content: '';width: 35px;height: 3px;background: #b28a71;position: absolute;top: 0;left: 0;}
.palette .text_area{float: left;width: 30%;margin-right: 10%;}
.palette .text_area p{color: #142f48;font-weight: 400;font-size: 18px;line-height: 150%;padding-bottom: 16px;}
.palette .color_img{float: left;width: 60%;}
.palette .color_img img{max-width: 100%}
.gallery_img {padding-top: 30px;}
.gallery_img ul{overflow: hidden;margin-left: -2%;}
.gallery_img ul li{float: left;width: 31.33%;margin-left: 2%;padding-bottom: 25px;}
.gallery_img ul li a{/* display:inline-block; */position: relative;display: block;}
.gallery_img ul li a img{max-width: 100%;}
.gallery_img ul li a span{display: block;position: absolute;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,0.6);color: #fff;font-size: 16px;padding: 15px}
.gallery_tit{background: #f3f3f3;padding: 20px 0;margin-top: 30px;}
.gallery_tit h2{text-align: center;font-size: 25px;color:#142f48;line-height: 120%;}
.gallery_tit h2 span{display: inline-block;padding: 0 20px;}
.gallery_tit h2 span img{vertical-align: 8px;}
.details .table_view table{padding: 30px 0 10px 15px;}
/*
.details_img .inner{position:relative;padding-top:40px;overflow:hidden}
.details_img .lSSlideOuter .lSGallery{position:absolute;left:0;top:40px;right:0;height: 70px;}
.details_img .lSSlideOuter .lSGallery li{margin-right: 10px;}
.details_img .lSSlideOuter .lSGallery li.active a:after{background: none}
.details_img .lSSlideOuter .lSGallery li a{position:relative;display:block;}
.details_img .lSSlideOuter .lSGallery li a:after{content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;background:url(../img/bg_gray.png) repeat left top;}
.gallery .lSSlideOuter .lSGallery li.active a:after{display:none;}
.details_img .lSSlideOuter .lSPager.lSGallery li.active, .gallery .lSSlideOuter .lSPager.lSGallery li:hover{border-radius:0;}
.details_img .lSSlideOuter .lSSlideWrapper{margin-top:95px;}
.details_img .lSSlideOuter .lSSlideWrapper img{width:100%;}
.details_img .lSAction > a.lSPrev{background:url(../img/btn_prev02.png) no-repeat;width:30px;height:80px;text-indent:-9999px;overflow:hidden;}
.details_img .lSAction > a.lSNext{background:url(../img/btn_next02.png) no-repeat;width:30px;height:80px;text-indent:-9999px;overflow:hidden;}
.details_img .line{margin-top: 40px}
.details_img .date{position: absolute;left: 0;top: 0px;padding: 10px 30px;background: rgba(0,0,0,0.7);color: #fff;font-size: 15px;}
*/
.total_bar{border: 1px solid #d7d7d7;padding: 60px 0;overflow: hidden;text-align: center;margin: 50px 0;}
.total_bar .present_date{float: left;width: 20%;}
.total_bar .present_date strong{font-size: 22px;color: #000}
.total_bar .present_date span{font-size: 18px;color: #000;}
.total_bar .bar{float: left;width: 59%;background:#e1e1e1;border-radius: 10px;height: 15px;margin:5px 0;}
.total_bar .bar .bar_circle{background: #d98311;height: 15px;border-radius: 10px 0 0 10px;position: relative;}
.total_bar .bar .bar_circle p {width: 64px;height: 64px;line-height: 64px;background: url(../img/bar_circle.png) no-repeat;text-align: center;position: absolute;right: -20px;top:-25px}
.total_bar .bar .bar_circle p span{font-size: 18px; color: #fff;font-weight: 600;}
.total_bar .complete_date{float: left;width: 20%;}
.total_bar .complete_date strong{font-size: 22px;color: #000}
.total_bar .complete_date span{font-size: 18px;color: #000;}
.stucture{margin: 40px 30px;}
.stucture .stucture_tit{}
.stucture .stucture_tit > p{color: #142f48;font-weight: 400;font-size: 17px;line-height: 150%;letter-spacing: -0.2px;padding: 30px 0 40px}
.stucture .stucture_tit > p.bor_bottom{}
.stucture .stucture_tit > p.bor_bottom strong{font-size: 40px;font-weight: 700;line-height: 100%;display: block;}
.stucture .stucture_tit > p.bor_bottom span{font-size: 20px;display: block;padding-bottom: 5px;}
.stucture .stucture_list{}
.stucture .stucture_list ul{overflow: hidden;}
.stucture .stucture_list ul li{float: left;width: 29.33%;margin: 0 2%;}
.stucture .stucture_list ul li p{height: 274px;padding-bottom: 50px;text-align: center;}
.stucture .stucture_list ul li p img{max-width: 100%;}
.stucture .stucture_list ul li span{display: block;color: #142f48;font-size: 22px;text-align: center;line-height: 150%;font-weight: 400;}
#lightboxOverlay{width: 100% !important;right: 0;}
.lb-outerContainer{width:800px !important;height:600px !important;}
.lightbox .lb-image{width:100% !important;height:100% !important;}
.lb-data .lb-close{}
.gallery_box { height: auto; }
.gallery_box .img_view { width: 100%; height: auto; float: left; overflow: hidden; position: relative; }
.gallery_box .img_view img { width: 100%; height: 100%; }
.gallery_box .img_view span.date { padding: 10px 20px; display: block;background: #777;position: absolute; z-index: 2; top:0; left:0; color: #fff; font-size: 1.8rem;}
.gallery_box .thum_list { width: 100%; height: 100%; float: left; margin-bottom: 10px; box-sizing: border-box; }
.gallery_box .thum_list a { width: 40px; height: 70px; background: #ccc; line-height: 70px; float: left; }
.gallery_box .thum_list .thum_con { width: calc( 100% - 80px ); height: 70px; box-sizing: border-box; overflow: hidden; float:left; }
.gallery_box .thum_list ul { height: 100%; }
.gallery_box .thum_list ul li { width: 12.5%; height: 100%; background: #ccc; overflow: hidden; cursor: pointer; float:left; outline: 5px #fff solid; background: #000; }
.gallery_box .thum_list ul li:last-child img { padding-right:0; }
.gallery_box .thum_list ul li img { width: 100%; height: 100%; opacity: 0.6; padding-right: 5px; }
.gallery_box .thum_list ul li.on img { opacity: 1; }
.gallery_box .thum_list a { height: 50px; line-height: 50px; }
.gallery_box .thum_list .thum_con { height:50px; }
.rg-gallery {position: relative;}
.rg-gallery .rg-image-nav-prev{background: url(../img/btn_prev02.png) no-repeat;height: 80px;width: 30px;position: absolute;left: 0;top: 50px;text-indent: -9999px;overflow: hidden}
.rg-gallery .rg-image-nav-next{background: url(../img/btn_next02.png) no-repeat;height: 80px;width: 30px;position: absolute;right: 0;top: 50px;text-indent: -9999px;overflow: hidden}
.rg-gallery .rg-caption-wrapper{}
.rg-image-wrapper .rg-image img{width: 100%;}
.details_img .inner{position: relative;}
.rg-caption{position: absolute;left: 0;top: 168px;padding: 10px 30px;background: rgba(0,0,0,0.7);color: #fff;font-size: 15px;z-index: 9999;}
/* mobile */
@media only screen and (max-width: 1200px) {
        #container .main_visual ul li a .img h2{font-size: 35px;text-align: center}
        #container .main_visual ul li a .img h2 strong{display: block}
        .popup_window{display: none !important;}
        .bx-controls-direction{display: none;}
        .sub_top .path{padding: 0 10px;}
        .total_bar .present_date span{display: block;}
        .total_bar .complete_date span{display: block}
}

@media only screen and (max-width: 1024px) {
        #container .main_visual ul li a .img h2{font-size: 20px;}
        #footer .inner{margin: 0 2%}
        #container .main_section01 .inner li{width: 48%;}
        #container .main_visual ul li a.btn_etecenc{font-size: 12px;}
        .inner{max-width:1100px;margin:0 1%;}
        .details h2 span{font-size: 25px;}
        .searchBoard{padding:15px 0;}
        .searchBoard select{font-size:14px;}
        .searchBoard input[type="text"]{width:40%;}
        .searchBoard button{font-size:14px;padding:0 10px;}
        .notice_wrap .searchBoard{padding: 40px 0;}
        .guide_list ul li a .guide_cont h2{font-size: 15px;}
        .guide_list ul li a .guide_cont p{font-size: 15px;}
        .inquiry .inquiry_txt h2{font-size: 20px;}
        .inquiry .inquiry_txt p{font-size: 16px;}
        .value .mean p{font-size: 18px;}
        .value .mean p br{display: none;}
        .stucture .stucture_list ul li span{font-size: 18px;}
        .lb-nav a.lb-prev{margin-left: 0 !important;background-position: bottom !important;margin-top: 80px;left: 10% !important;}
        .lb-nav a.lb-next{margin-right:0 !important;background-position: bottom !important;margin-top: 80px;right: 10% !important;}
        .story h1{top: 74px;margin-left: 80px;}
        .story h1 span{font-size: 50px;}
        .story .story_txt{top: 120px;}
        .story .story_txt span{font-size: 14px;}
    .stroy_one .story_wrap{margin-left: 20%;width: 80%;}
/*    .lb-data .lb-close{right: 0 !important;top: -630px !important; }*/
}
    @media only screen and (max-width: 937px) {
        .rg-gallery .rg-image-nav-prev{top: 20px;}
        .rg-gallery .rg-image-nav-next{top: 20px;}
        .rg-caption{top: 104px;}
        
}

    @media only screen and (max-width: 920px) {
        #header{height: 80px;}
        #header h1{padding: 5px 0;}
        #header .gnb_bg{top: 80px;}
        #header .gnb > ul > li{width: 18%;padding: 0 1%;text-align: center;}
        #header .gnb > ul > li.gnb02{margin-right: 10%;}
        #header .gnb > ul > li.gnb03{margin-left: 10%;}
        #header .gnb > ul > li > a{font-size: 18px;height: 80px;line-height: 80px;}
        #header .gnb > ul > li > .gnb_sub > ul > li > a{font-size: 16px;}
        #container .main_visual ul li a .txt{top: 20%;}
        #container .main_visual ul li a .txt .txt01{font-size: 40px;}
        #container .main_visual ul li a .txt .txt02{font-size: 20px;}
        #container .main_section02 > .cont > .inner > ul > li .txt{font-size: 13px;}
        #container .main_section02 .txt strong{font-size: 25px;}
        #container .main_section02 .txt p{font-size: 16px;}
        #container .main_section02 .txt a{font-size: 14px;}
        #container .main_section03 .inner > div h2 a{font-size: 20px;}
        #container .guide_list ul li{width: 33.3333%;}
        #container .details .division h2{font-size: 30px;}
        #container .details .inner{margin: 0 1%}
        #container .details .inner > p{font-size: 16px;}
        #container .details .inner .homepage a{font-size: 14px;}
        #container .guide_list ul{text-align: left}
        #container .guide_list ul li.prepare{display: none}
        .contents{margin: 0 2%}
/*        .information .img_area02 ul li a span{padding: 10px;}*/
        .inquiry .inquiry_img{float: none;width: 96%;margin: 0 2%}
        .inquiry .inquiry_txt{float: none;width: 96%;margin: 0 2%;padding: 40px 0;}
        .inquiry .inquiry_txt p{padding-top: 0;line-height: 150%;}
        .inquiry_list > ul{padding: 0}
        .inquiry_list > ul > li > h2{font-size: 20px;}
        .inquiry_list > ul > li > ul{height: 100px;}
        .inquiry_list > ul > li > ul > li{font-size: 14px;}
        .palette .text_area p{font-size: 15px;}
        .table_list01 table th{font-size:15px;padding:10px 5px;}
        .table_list01 table td{font-size:15px;padding:10px 5px;word-break: break-all;}
        .details h2 span{font-size: 20px;}
        .guide_list ul li{width: 31.33%;}
        .calendar_list .list .right_txt span{font-size: 16px;}
        .pr > div > h2{font-size: 25px;}
        .pr > div > span{font-size: 18px;}
        .value .mean p{font-size: 16px;}
        .value .mean p.bor_bottom strong{font-size: 50px;}
        .value .mean p.bor_bottom span{font-size: 18px;}
        .stucture .stucture_list ul li{width: 46%;}
        .stucture .stucture_list ul li p{padding-bottom: 20px }
        .bi > div{padding-bottom: 0;}
        .bi > div .f_left{float: none;width: 92%;margin: 0 4%;}
        .bi > div .f_right{float: none;width: 92%;margin: 0 4%;padding-bottom: 25px;}
        .bi > div .f_right h2 strong{font-size: 45px;}
        .bi > div .f_right h2 span{font-size: 15px;}
        .bi .impression .f_left{float: none;width: 92%;margin: 0 4%;padding-bottom: 25px;} 
        .bi .impression .f_right{float: none;width: 92%;margin: 0 4%;}
        .bi > div .f_left h2{padding-bottom: 25px;}
        .bi > div .text_area p{padding-bottom: 15px;}
        .bi > div .text_area{padding-bottom: 25px;}
        .bi > div .text_area p{font-size: 13px;}
        #footer .inner .foot_logo{position: static;padding-bottom: 15px;}
        #footer .inner .foot_info{margin-left: 0;}
/*        #lightboxOverlay{position: fixed !important;}*/
        .lb-outerContainer{width:90% !important;margin:0 auto;height:auto !important;}
        .lb-dataContainer{position:static !important;}
        .lightbox .lb-image{width:100% !important;height:100% !important;}
        .lb-data .lb-close{top: 10px !important;right:10px !important;}
        .story h1{top: 15px;margin-left: 35px;}
        .story h1 span{display: inline-block}
        .story h1 span:last-child{margin-left: 10px;}
        .story .story_txt{position: static;max-width: 100%}
        .story .story_img{width: 100%;margin-left: 0;}
        .stroy_one .story_wrap{padding: 60px 0 200px 0;}
        .stroy_one .story_wrap .cont_text h2{font-size: 20px;}
        .stroy_one .story_wrap .cont_text p span{font-size: 14px;}
        .stroy_two{padding: 100px 0 50px 60px;}
        .stroy_two .story_wrap{width: 80%;}
}

    @media only screen and (max-width: 680px) {
        #header{display: none;}
        #mobile_header{display: block;}
        #container .main_visual ul li a.btn_etecenc{padding: 5px 15px}
        #container .main_visual ul li a .txt{top: 15%;}
        #container .main_visual ul li a .txt .txt01{font-size: 25px;}
        #container .main_visual ul li a .txt .txt02{font-size: 13px;}
        #container .main_visual ul li a .img h2{top: 40%;display: inline-table;}
        #container .main_visual .bx-wrapper .bx-pager{bottom: 20px;}
        #container .main_visual .bx-wrapper .bx-stop{bottom: 25px;}
        #container .main_visual .bx-wrapper .bx-start{bottom: 25px;}
        #container .main_section01 .inner li a .txt > strong{font-size: 15px;}
        #container .main_section01 .inner li a .txt > .category p{font-size: 12px;}
        #container .main_section02.active > .cont > .inner > ul > li{width: 48%;padding-bottom: 20px;}
        #container .main_section02.active > .cont > .inner > ul > li.cont03{padding-bottom: 0;}
        #container .main_section02 .place{float: none;width: 100%;text-align: left}
        #container .main_section02 .txt{float: none;width: 100%;padding: 0 2% 30px 2%}
        #container .main_section03 .inner > div{width: 50%;}
        #container .main_section03 .inner > div > h2{width: 96%;padding: 12px 2%;}
        #container .main_section03 .inner > div.story h2{position: static;;}
        #container .main_section03 .inner > div.gallery h2{position: static;}
        #container .main_section03 .inner > div.lounge h2{position: static;}
        #container .guide_list ul li{width: 48%;}
        .sub_top p span{top: -20px;right: -50px;}
        .sub_top p span img{width: 50px;height: 50px;}
        .gallery_img ul li{width: 48%;padding-bottom: 14px;}
        .gallery_img ul li a span{font-size: 14px;}
        .information .img_area02 ul li{width: 49%;height: auto;margin-bottom: 1%}
        .inquiry_list > ul {margin-left: 0;}
        .inquiry_list > ul > li{width: 48%;margin: 1%}
        .bi{margin-left: 0;}
        .bi > div{float: none; width: 96%;margin:0 2%;height: auto;padding-bottom: 50px;}
        .palette .text_area{float: none;width: 98%;margin: 0 1%}
        .palette .color_img{float: none;width: 98%;margin: 0 1%;padding-top: 20px;}
        .sub_top h2{font-size: 28px;}
        .sub_top p{font-size: 18px;}
        .tab_area ul li{width: 80px;}
        .tab_area ul li a{font-size: 14px;}
        .table_list table th{font-size: 13px;}
        .table_list table td{font-size: 13px;}
        .information .table_list01{float: none;width: 100%;}
        .details h2 span{font-size: 18px;line-height: 150%; display: block;padding: 5px 0;}
        .details p{font-size: 14px;}
        .guide_list ul li{width: 48%;}
        .year ul li{font-size: 15px;padding: 0 30px}
        .year ul li.active{font-size: 25px;}
        .year ul li a.active{font-size: 30px;}
        .calendar_list h2{font-size: 35px;}
        .calendar_list .list ul li a .right_txt strong{width: 50%;}
        .calendar_list .list ul li a .right_txt span{width: 50%;}
        .information .small_img{float: none;text-align: center;width: 100%;}
        .pr .mvp{float: none;max-width: 90%;margin: 0 auto;padding-bottom: 35px;}
        .pr .healing{float: none;max-width: 90%;margin: 0 auto;}
        .value .brand_logo{float: none;width: 90%;margin: 0 5%;text-align: center;}
        .value .mean{float: none;width: 96%;padding-top: 50px;}
        .value .mean p{margin-bottom: 20px;}
        .stucture{margin: 0 10px}
        .stucture .stucture_tit > p{padding: 30px 0 20px}
        .stucture .stucture_tit > p.bor_bottom strong{font-size: 30px;}
        .stucture .stucture_list ul li{padding-bottom: 20px;}
        .total_bar{padding: 10px}
        .total_bar .present_date strong{font-size: 14px;}
        .total_bar .present_date span{font-size: 14px;}
        .total_bar .complete_date strong{font-size: 14px;}
        .total_bar .complete_date span{font-size: 14px;}
        .total_bar .bar{margin: 10px 0;}
        .total_bar .bar .bar_circle p{background-size: 42px;background-position: center}
        .total_bar .bar .bar_circle p span{font-size: 14px;}
        .gallery_tit h2{font-size: 20px;}
        .gallery_tit h2 span img{vertical-align: 5px;}
        .details_img .date{font-size: 12px;}
        .resize{font-size: 18px;padding: 60px 0;}
        #footer .inner .foot_info{font-size: 12px;}
        #container .details .division h2{font-size: 18px;}
        .story h1 span{font-size: 40px;}
        .story .story_txt span{font-size: 12px;}
        .stroy_one .story_wrap{margin-left: 0;width: 96%;margin: 0 2%}
        .stroy_one .story_wrap .cont_text p span{display: inline;}
        .stroy_two{padding: 50px 0;}
        .stroy_two .story_wrap{width: 90%;margin-right: 0;margin: 0 5%}
        .stroy_two .story_wrap .cont_text h2{font-size: 20px;}
        .stroy_two .story_wrap .cont_text p{padding-top: 50px;}
        .stroy_two .story_wrap .cont_text p span{font-size: 14px;}
        
        
}

    @media only screen and (max-width: 460px) {
        #mobile_header .gnb_wrap .gnb > ul > li > a{font-size: 16px;}
        #mobile_header .gnb_wrap .gnb > ul > li > .gnb_sub > .inner > ul > li > a{font-size: 14px;padding: 5px 0}
        #mobile_header .gnb_wrap .gnb > ul > li > .gnb_sub > .inner > ul > li > ul > li > a{font-size: 12px;}
        #container .main_visual .bx-wrapper .bx-pager{bottom: 10px;}
        #container .main_visual .bx-wrapper .bx-stop{bottom: 15px;}
        #container .main_visual ul li a.btn_etecenc{font-size: 10px;padding: 2px 10px}
        #container .main_visual ul li a .img h2{font-size: 14px;}
        #container .main_section01 .inner ul{margin-left: 0;}
        #container .main_section01 .inner li{width: 96%; margin: 0 2%; padding-bottom: 20px;}
        #container .main_section02.active > .cont > .inner > ul > li{width: 94%;margin:0 2%;padding-bottom: 20px;}
        #container .main_section02 > .cont{background:url(../img/bg_main_section02.jpg) no-repeat left top;padding: 25px 0}
        #container .main_section02 > .cont > .inner > ul{margin-left: 2%;}
        #container .main_section02 > .cont > .inner > ul > li .tit{padding: 90px 0 40px 0;}
        #container .main_section02 .txt strong{font-size: 20px;}
        #container .main_section02 .txt p{font-size: 14px;}
        #container .main_section02 .txt a{font-size: 12px;}
        #container .main_section03{margin: 40px 0}
        #container .main_section03 .inner > div{width: 96%;margin: 0 2%;}
        #container .main_section03 .inner > div h2 a{font-size: 16px;}
        #container .main_section03 .inner > div > p > img{width: 100%;}
        #container .guide_list ul{margin-left: 0;}
        #container .guide_list ul li{width: 96%;margin: 0 2%;padding-bottom: 10px;}
        #container .details .division h2{font-size: 14px;}
        #container .details .division .category .ico{left: 0;}
        #container .details .inner > p{font-size: 14px;background-position: left 0;}
        #container .details .inner .homepage{background-size: 50px}
        .sub_top p span{top: -40px;right: 60px;}
        .sub_top p span img{width: 40px;height: 40px;}
        .calendar_list .list ul li a .right_txt{margin-top: -6px;}
        .calendar_list .list ul li a .right_txt strong{font-size: 16px;width: 80%;}
        .calendar_list .list ul li a .right_txt span{font-size: 14px;width: 80%;}
        .gallery_img ul{margin-left: 0;}
        .gallery_img.look ul li{width: 80%;margin: 0 10%;}
        .information .table_list01{width: auto; }
        .information .img_area02 ul{margin-left: 0}
        .inquiry{padding: 0}
        .inquiry_list > ul > li{width: 96%;margin: 2%}
        .inquiry_list > ul > li > h2{font-size: 18px;}
        .inquiry_list > ul > li > p > span{font-size: 12px;}
        .bi{padding-top: 50px;}
        .bi h2{font-size: 18px;}
        .palette h2{font-size: 25px;}
        .palette .text_area p{font-size: 14px;}
        .stucture .stucture_list ul li span{font-size: 14px;}
        #footer .inner .family_site select{padding: 0px 5px 0px 10px}
        .sub_top h2{font-size: 25px;}
        .sub_top p{font-size: 15px;}
        .sub_top .path ul li a{font-size: 14px;}
        .tab_area ul li{width: 60px;}
        .tab_area ul li a{font-size: 12px;}
        .table_list table th{font-size: 12px;}
        .table_list table td{font-size: 12px;padding: 10px 8px;}
        .table_list01{padding: 30px 15px;}
        .table_list01 table th{font-size:14px;}
        .table_list01 table td{font-size:14px;}
        .table_view table th{font-size: 15px;padding: 5px;}
        .table_view table td{font-size: 13px;padding: 15px 0 15px 5px;}
        .searchBoard button{font-size: 12px;}
        .searchBoard input[type="text"]{width: 50%;font-size: 12px;}
        .paging a{font-size:12px;height:22px;line-height:22px;width: 20px;}
        .paging strong{font-size:12px;height:22px;line-height:22px;width: 20px;}
        .paging a.btn{width:15px;}
        .paging a.btn img{height:20px;}
        .guide_list ul{margin-left: 0; }
        .guide_list ul li{width: 92%;margin: 0 4%}
        .guide_list ul li a .guide_cont h2{font-size: 18px;}
        .btn_group .btn_style01{font-size: 12px;padding: 0 25px}
        .tit h3{font-size: 14px;padding-bottom: 10px;}
        .tit span{font-size: 12px;}
        .year ul li{padding: 0 10px;font-size: 20px;}
        .year ul li a.active{font-size: 28px;}
        .calendar_list .list ul li{width: 98%;}
        .notice_wrap .table_view .title h3{font-size: 14px;}
        .notice_wrap .table_view .title span{font-size: 12px;padding:0 30px 15px 0}
        .inquiry .inquiry_txt h2{font-size: 15px;}
        .inquiry .inquiry_txt p{font-size: 12px;}
        .pr > div > h2{padding-bottom: 10px;}
        .value{padding: 0}
        .value .mean p.bor_bottom{padding-bottom: 5px;}
        .value .mean p.bor_bottom strong{font-size: 30px;}
        .value .mean p.bor_bottom span{font-size: 15px;display: block;padding: 5px 0 0 0;}
        .value .mean p{font-size: 14px;}
        .stucture .stucture_tit > p{padding: 20px 0 10px;font-size: 14px;}
        .stucture .stucture_tit > p.bor_bottom span{font-size: 15px;}
        .stucture .stucture_tit > p.bor_bottom strong{font-size: 20px;}
        .stucture .stucture_list ul li{float: none;width: 96%;}
        .stucture .stucture_list ul li p{height: 300px;padding-bottom: 0;}
        .bi > div .f_left h2{font-size: 18px;}
        .bi > div .f_right h2 strong{font-size: 35px;padding: 10px 0;}
        .bi > div .f_right h2 span{display: block;padding: 0;padding-bottom: 5px}
        .bi > div .text_area p{font-size: 12px;}
        .total_bar .present_date{float: none;width: 100%;text-align: left}
        .total_bar .bar{float: none;width: 100%;margin: 20px 0}
        .total_bar .complete_date{float: none;width: 100%;text-align: right}
        .gallery_tit h2{font-size: 14px;}
        .gallery_tit h2 span{padding: 0 10px}
        .gallery_tit h2 span img{vertical-align: 4px;}
        .total_bar .bar .bar_circle p span{font-size: 12px;}
        .lb-data .lb-caption{font-size: 14px !important;}
        .lb-nav a.lb-prev{background-size: 30px !important;margin-top: 50px;}
        .lb-nav a.lb-next{background-size: 30px !important;margin-top: 50px;}
        .details .table_view table{padding: 0;}
        .resize{font-size: 15px;}
        .story h1 span{font-size: 30px;}
        .story .story_txt{padding: 60px 25px 25px}
        .story .story_txt span br{display: none}
        .stroy_one .story_wrap{padding: 30px 0 100px 0;}
        .stroy_one .story_wrap .cont_img{float: none;margin-left: 5%;width: 90%;padding-bottom: 20px;}
        .stroy_one .story_wrap .cont_text{float: none;width: 90%;}
        .stroy_one .story_wrap .cont_text p{padding-top: 20px;}
        .stroy_two .story_wrap .cont_text p span{display: inline}
        
        
}