@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------
 * Name      : web_layout.css    
 * Desc      : page layout 
 * Created   : 
 * Updated   : 
 ------------------------------------------------------------ */
#navigation {display: none;}
body.fixe {overflow-x: hidden; overflow-y: scroll; width: 100%; height: 100%; position: fixed;}
.m_gnb .sub_menu {display:none !important;}
.web_dis {display:block;}
.mb_dis {display:none;}
.search_btn {display: none; position: absolute; right:10px; top:47px; z-index: 99}
.search_btn button {outline: none;}
.web_img {display: block;}
.mobile_img {display: none;}
.main_wrap {font-size:14px;}

/* wrap */
#wrap {width:100%; max-width:1920px; padding-top:85px; overflow:hidden; margin:0 auto;}
#inner_wrap {margin:0 auto; position:relative; padding-bottom:80px;}
#inner_wrap:after {clear:both; content:""; display:block;}
#inner_wrap.no_visual {padding-top:70px;}
.inner {max-width:1200px; min-height:200px; margin:0 auto;}
.inner:after { clear: both; content: ""; display: block;}



/* header */
#header {width:100%; position:fixed; left:0px; top:0px; z-index:9999; box-sizing: border-box; transition: all 0.3s 0s ease-in-out; background: #260b2a;}
#header h1 {position: absolute; left: 0px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: all 0.3s 0s ease-in-out; z-index:9 }
#header h1 a {display:inline-block; }
.in_header {max-width:1200px; width:100%; height:85px; padding: 0px 10px; box-sizing: border-box; margin:0 auto; position:relative; z-index:9}


/* GNB */
.w_gnb {padding:0px 0px 0px 135px; }
.w_gnb .gnb:after {content:""; display:block; clear:both;}
.w_gnb .gnb {margin: 0 auto;}
.w_gnb .gnb > ul {font-size:0px; display: table; width: 100%; text-align: right;}
.w_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul > li {display:inline-block; zoom:1; *display:inline; padding: 0px 4%; position:relative;}
.w_gnb .gnb > ul > li > a {display:block; color:#fff;}
.w_gnb .gnb > ul > li > a > span {display:inline-block; font-size:18px; line-height:85px; height:85px; transition: all 0.2s 0s ease-in-out; font-weight:300; box-sizing: border-box; letter-spacing: -1px;}
.w_gnb .gnb > ul > li:hover > a:after {display: block; content: ""; width: 8px; height:8px; border-left: 1px solid #ce4482; border-top: 1px solid #ce4482; position: absolute; left: 50%; top:100%; margin: -4px 0px 0px -4px; background: #260b2a; transform: rotate(45deg); -webkit-transform: rotate(45deg); z-index:99}
.w_gnb .gnb > ul > li:hover > a {color:#ce4482; }

.w_gnb .gnb > ul > li.on > a {color:#ce4482}

.w_gnb .sub_menu  {position:absolute; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width:100%; box-sizing:border-box; overflow:hidden; top:100%; display:none; padding:0px 0px; border:1px solid #260b2a; background:#260b2a; padding: 10px 0px;}
.w_gnb .sub_menu > li {padding:3px 3px 3px 3px; letter-spacing:-0.5px;}
.w_gnb .sub_menu > li > a {display:block; font-size:14px; text-align:center; font-weight:100; color:#d4d4d4; padding:3px 0px; line-height:20px;}
.w_gnb .sub_menu > li > a:hover {color:#fff;}
.w_gnb .three_depth { display:none;}
.w_gnb .three_depth { display:none;}
.gnb08 {display: none !important;}
.gnb09 {display: none !important;}
.w_gnb .m_gnb_on {position:absolute; right:0px; top:-1px; padding:21px; background: #2d3749}

/* 전체메뉴 */
.slide_menu_wrap {width:60%; box-sizing: border-box; height: 100%;  z-index: 99999; position: fixed; right:-90%; top: 0px; bottom:0px; }
.slide_menu_inner {padding:63px 15px 0px 15px; height: 100%; box-sizing: border-box; overflow-y:auto; overflow-x:inherit; -webkit-overflow-scrolling:touch; background: #343434; }
.slide_menu_top {height: 88px; background:url(../img/common/logo.png) no-repeat center center #fff; box-sizing: border-box; border-bottom: 1px solid #4a76b4}
.slide_menu_wrap .m_gnb_on {display:none !important}

.all_close {position: absolute; right:20px; top: 20px; z-index: 99998}
.all_close button {background: none; border: none; outline: none; /*width: 26px; height: 26px;*/ padding: 0px; margin: 0px; }
.all_close .menu_btn .line-top, .all_close .menu_btn .line-middle, .all_close .menu_btn .line-bottom {background:#fff !important}
.slide_menu_wrap .gnb > ul {overflow: hidden;}
.slide_menu_wrap .gnb > ul > li {border-bottom: 1px solid #474747; transform: translateX(30%); -webkit-transform: translateX(30%); transition: all 0.8s 0s ease-in-out; -webkit-transition: all 0.8s 0s ease-in-out; border-bottom: 1px solid #474747;}
.slide_menu_wrap .gnb > ul > li > a {display: block; line-height:33px; font-size:18px; color: #fff; background: #f2f2f2; padding: 10px 10px 10px 25px; background: url(../img/common/g_plus.png) no-repeat 93% center; font-weight: 500; } 
.slide_menu_wrap .gnb > ul > li > a.on {background: url(../img/common/g_minus.png) no-repeat 93% center; } 
.slide_menu_wrap .gnb .sub_menu {background:#333333; border-top:1px solid #474747; display: none; padding: 10px 0px; }
.slide_menu_wrap .gnb .sub_menu > li > a {display: block; line-height:23px; padding:5px 10px 5px 25px; font-size:15px; color:#d6d6d6; } 
.slide_menu_wrap .gnb .sub_menu02{background:#4e4e4e; border-top:1px solid #777777; border-bottom:1px solid #777777; padding:10px 0px; }
.slide_menu_wrap .gnb .sub_menu02 > li > a {display: block; line-height:23px; padding:5px 10px 5px 35px; font-size:13px; color: #d6d6d6;} 
.slide_menu_wrap.on .gnb > ul > li {transform: translateX(0%); -webkit-transform: translateX(0%); transition: all 0.8s 0s ease-in-out; -webkit-transition: all 0.8s 0s ease-in-out;}




/* visual */
.main_visual {width: 100%; position: relative;}
.main_visual .bxslider > li {background-size:cover !important;}
.main_visual .v_frame {max-width: 1200px; margin: 0 auto; position: relative;}
.main_visual .v_frame .v_txt {position: absolute; opacity:0; margin-top:30px; width: 100%; box-sizing: border-box; left: 50%; top: 50%; transform: translate(-50%, -50%); -wbkit-transform: translate(-50%, -50%); color: #fff; font-size:58px; line-height: 130%; text-align: center;}
.main_visual .v_frame .v_txt .small {font-weight: 600; font-size:32px; display: block; line-height: 140%; padding-top:20px;}
.main_visual .v_frame img {width: 100%;}
.main_visual .on .v_frame .v_txt {opacity:1; transition: all 0.8s 0s ease-in-out; margin-top:-10px;}
.main_visual .bx-controls {text-align: center; position: absolute; left: 50%; transform: translateX(-50%); bottom:140px; width: 100%; max-width: 1200px; box-sizing: border-box; z-index: 99; }
.main_visual .bx-wrapper .bx-pager {position: relative; width: auto !important; left: auto; bottom: auto; display: inline-block; vertical-align: top; padding: 0px; z-index: 99;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {position: relative; bottom: auto; display: inline-block; right: auto; text-align: right;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0; z-index: 99; width: 35px;}

.main_visual .bx-wrapper .bx-pager.bx-default-pager a {width:10px; height:10px; margin:0 4px; background:none; border:none; -moz-border-radius:10px;  -webkit-border-radius:10px; border-radius:10px; background: #fff; opacity: 0.6;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover {background: #fff;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a.active {background: #fff; opacity: 1;}
.main_visual .bx-wrapper .bx-controls-direction a {width:62px; height:66px; top:50%; position: absolute; margin-top: -33px; text-indent:-9999px;}
.main_visual .bx-wrapper .bx-prev {left:4px; background:url(../img/common/controls3.png) no-repeat 0 0px;}
.main_visual .bx-wrapper .bx-next {right:4px; background: url(../img/common/controls3.png) no-repeat right 0px;}

.main_visual .bx-wrapper .bx-controls-auto .active {display: none;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {position: relative; bottom:auto; display: inline-block; right: auto; text-align: left;}
.main_visual .bx-controls-direction {display: none;}

/* section */
.section {padding:60px 0px 50px 0px; position: relative;  z-index: 99 }
.section .more {position: absolute; right:0px; top:5px;}
.section .more a {display:block; min-height:15px; line-height:16px; padding-left:35px; background: url(../img/main/more.gif) no-repeat left center; font-size: 14px; color: #333333;}
.section .inner {position: relative;}
.m_tit {text-align: center; line-height: 150%; margin-bottom:15px; color: #000; position: relative; font-size:2.3em; font-weight: 700;}
.m_tit_s {text-align: center; display: block; color: #666666; font-size:18px; line-height: 150%; font-weight: 100; padding:0px 0px 40px 0px; margin-top: -5px;}

#section1 {background: #260b2a; color: #fff;}
#section1 .m_tit {color: #ce4482; margin-bottom: 5px;}
#section1 .m_tit > span {display: inline-block; padding:0px 110px; position: relative;}
#section1 .m_tit > span:before {display: block; content: ""; width:89px; height: 22px; background: url(../img/main/tit_bg_l.png) no-repeat left center; background-size:cover; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%)}
#section1 .m_tit > span:after {display: block; content: ""; width:89px; height: 22px; background: url(../img/main/tit_bg_r.png) no-repeat left center; background-size:cover; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%)}
#section1 .m_tit_s {color: #ce4482}

.main_banner {padding-bottom:10x;}
.main_banner > ul {overflow: hidden; margin:-9px; }
.main_banner > ul > li {float: left; width:50%; padding:9px; box-sizing: border-box;}
.main_banner > ul > li > a {display:block; line-height: 140%; font-size: 20px; color: #fff;  word-break: keep-all;  transition: all 0.3s 0s ease-in-out; -webkit-transition: all 0.3s 0s ease-in-out;}
.main_banner > ul > li > a .ico {display:block;}
.main_banner > ul > li > a .ico img {max-width: 100%;}
.main_banner > ul > li > a .txt_t {display:block; padding:15px 0px 0px 0px; font-weight: 500;}
.main_banner > ul > li > a .txt_s {display:block; font-weight:100;}
.main_banner .tr_t {color: #beb6c0; font-weight: 100; font-size:18px; padding-bottom: 20px; text-align: right;}
.main_banner > ul > li > a:hover {color:#ce4482; transition: all 0.3s 0s ease-in-out; -webkit-transition: all 0.3s 0s ease-in-out;}


.pr_ban {overflow: hidden; padding: 5px 0px;}
.pr_ban .txt_w {float: left; width: 50%; font-size: 18px; line-height: 140%; box-sizing: border-box; text-align: center;}
.pr_ban .pic {float: right; width: 50%; }
.pr_ban .pic img {max-width: 100%;}
.pr_ban .txt_w h3 {font-size:32px; color: #000; line-height: 140%; padding-bottom: 10px; padding-top: 20px; }
.pr_ban .txt_w h3 > strong {font-weight: 600;}
.pr_ban .txt_w h3 .small {font-weight: 100; font-size: 18px; display: block; text-align: center;}
.pr_ban .txt_w .price {font-size:22px; color: #999999; line-height: 140%;}
.pr_ban .txt_w .price .fn {display: inline-block; position: relative; font-weight: 500 !important; vertical-align:middle; padding: 0px 20px;}
.pr_ban .txt_w .price .fn:after {display: block; content:""; width: 100%; height: 100%; background: url(../img/main/arrow.png) no-repeat center center; position: absolute; left: 0px; top: 0px;}
.pr_ban .txt_w .price strong {font-size: 1.4em; font-weight: 700 !important;}
.pr_ban .txt_w .price .fb {display: inline-block; padding: 0px 5px; font-size: 1.3em; font-weight: 500 !important; color: #260b2a; vertical-align:middle; }
.pr_ban .txt_w .price .best {display: inline-block; vertical-align:middle; padding-left: 10px;}
.pr_ban .txt_w .price:after {display: block; content: ""; width: 1px; height:40px; background: #502f4a; margin: 10px auto;}
.pr_ban .txt_w .txt_s {font-weight: 100;}
.pr_ban .txt_w .txt_s > span {display: inline-block; line-height:27px; height: 30px; margin-left:5px; background: #502f4a; padding:0px 5px; color: #fff;}
.pr_ban .txt_w .txt_t {font-size:1.1em; font-weight:400; padding: 15px 0px; color:#333;}


/* section2 */
#section2 {background: #f4f6f7; color: #000; padding-bottom:80px;}
#section2 .m_tit {color: #000; margin-bottom: 10px;}
#section2 .m_tit > span {display: inline-block; padding:0px 110px; position: relative;}
#section2 .m_tit > span:before {display: block; content: ""; width:89px; height: 22px; background: url(../img/main/tit_bg02_l.png) no-repeat left center; background-size:cover; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%)}
#section2 .m_tit > span:after {display: block; content: ""; width:89px; height: 22px; background: url(../img/main/tit_bg02_r.png) no-repeat left center; background-size:cover; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%)}
#section2 .m_tit_s {color: #000;}

#section2 .main_admin {overflow: hidden; margin: -17px;}
#section2 .main_admin > li {float: left; width: 33.3333%; display: table; box-sizing: border-box; padding:15px;}
#section2 .main_admin > li .tit {font-size:26px; color:#000; padding:35px 0px; text-align:center;}
#section2 .main_admin > li .pic02_1 {width:100%; height:200px; position:relative; background: url(../img/main/ban06.jpg) no-repeat left center;}
#section2 .main_admin > li .pic02_2 {width:100%; height:200px; position:relative; background: url(../img/main/ban07.jpg) no-repeat left center;}
#section2 .main_admin > li .pic02_3 {width:100%; height:200px; position:relative; background: url(../img/main/ban08.jpg) no-repeat left center;}
#section2 .main_admin > li .pic02_1 .best {position:absolute; right:10px; top:10px;}
#section2 .main_admin > li .box02 {width:100%; background:#fff; text-align:center; min-height:200px; padding:35px 0px;}

#section2 .main_admin .admin01 .box02 .price02 {font-size:22px; color: #999999; line-height: 140%; padding-bottom:30px;}
#section2 .main_admin > li .box02 .price02 .fn02 {display: inline-block; position: relative; font-weight: 500 !important; vertical-align:middle; padding: 0px 20px;}
#section2 .main_admin > li .box02 .price02 .fn02:after {display: block; content:""; width: 100%; height: 100%; background: url(../img/main/arrow.png) no-repeat center center; position: absolute; left: 0px; top: 0px;}
#section2 .main_admin > li .box02 .price02 strong {font-size: 1.4em; font-weight: 700 !important;}
#section2 .main_admin > li .box02 .price02 .fb02 {display: inline-block; padding: 0px 5px; font-size: 1.3em; font-weight: 500 !important; color: #260b2a; vertical-align:middle; }
#section2 .main_admin > li .box02 .txt_s02 {font-size:16px; color: #333; font-weight: 100;}
#section2 .main_admin > li .box02 .txt_s02 > span {display: inline-block; line-height:27px; height: 30px; margin-left:5px; background: #502f4a; padding:0px 5px; color: #fff;}
#section2 .main_admin > li .box02 .txt_t02 {font-size:1.3em; font-weight:400; padding: 15px 0px; color:#333;}

#section2 .main_admin > li > a:hover .box02 {background:#ce4482; color:#fff;}
#section2 .main_admin > li > a:hover .price02 .fn02:after {display: block; content:""; width: 100%; height: 100%; background: url(../img/main/arrow02.png) no-repeat center center; position: absolute; left: 0px; top: 0px;}
#section2 .main_admin > li > a:hover .fb02 {color:#fff !important;}
#section2 .main_admin > li > a:hover .fn02 {color:#fff;}
#section2 .main_admin > li > a:hover .txt_s02 {color:#fff;}
#section2 .main_admin > li > a:hover .txt_s02 > span {display: inline-block; line-height:27px; height: 30px; margin-left:5px; background: #ce4482; padding:0px 5px; color: #fff;}
#section2 .main_admin > li > a:hover .txt_t02 {color:#fff;}
#section2 .main_admin > li > a .box02 {transition: all 0.3s 0s ease-in-out; -webkit-transition: all 0.3s 0s ease-in-out;}



#section3 {background: #fff;}

.guide_box {position: relative; box-sizing: border-box; padding-left:600px; padding-right:160px; min-height:360px;}
.guide_box .slide_banner {position: absolute; left: 0px; top:30px; width:530px; box-sizing: border-box; }
.guide_box .slide_banner > h3 {font-size:20px; color: #000; line-height: 140%; padding-bottom:20px; font-weight:600;}

.slide_banner .bt {position: absolute; top:50%; transform: translateY(-50%); z-index: 99}
.slide_banner .bt a {display: block;}
.slide_banner #n_pronext {right:0px;}
.slide_banner #n_proprev {left:0px;}
#slide_banner > li > a {position: relative; display: block; overflow: hidden;}
#slide_banner > li > a:after {display: block; content: ""; width: 1px; height: 100%; background: #fff; position: absolute; left: 50%; top: 0px;}
#slide_banner > li > a .frame {position: relative; display: block; float: left; width: 50%; box-sizing: border-box;}
#slide_banner > li > a .frame .pic {display: block; overflow: hidden; position: relative;}
#slide_banner > li > a .frame img {width: 100%;}
#slide_banner > li > a .frame .item {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 100%;}
#slide_banner > li > a .frame .txt {display:  block; font-size: 1.2em; text-align: center; color: #000; font-weight: 100; padding-top: 10px;}
.guide_box .banner_wrap {padding-top:2px;}
.guide_box .banner_wrap .banner {display:table; width: 100%; box-sizing: border-box; background-size:cover !important;}
.guide_box .banner_wrap .banner.ico01 {background: url(../img/main/ban05.jpg) no-repeat center center;  color: #fff; }
.guide_box .banner_wrap .cell {display: table-cell; width: 100%; height:176px; text-align: center; vertical-align:middle;box-sizing: border-box; padding: 0px 10px;}
.guide_box .banner_wrap .tel {font-size:32px; font-weight:500; line-height: 140%;}
.guide_box .banner_wrap .txt {font-size:20px; font-weight:100; line-height: 140%; padding-top:5px;}
.guide_box .banner_wrap .txt .ib {font-size:15px; padding-top: 15px; line-height:140%;}



.guide_box .banner_wrap .banner.ico02 a {display:block; box-sizing: border-box; text-align:left; position:relative; color: #000; font-size:15px; padding: 0px 0px 0px 140px; background: url(../img/main/ico_map.gif) no-repeat 20px center;}
.guide_box .banner_wrap .banner.ico02 .txt_t {display: block; font-size:1.35em; font-weight:600; line-height: 150%; padding-bottom: 10px;}
.guide_box .banner_wrap .banner.ico02 a:after {display: block; content: ""; width:34px; height:8px;  transition: all 0.3s 0s ease-in-out; -webkit-transition: all 0.3s 0s ease-in-out; background: url(../img/main/g_arrow.png) no-repeat right top; margin-top: 20px;}
.guide_box .banner_wrap .banner.ico02 a:hover:after {margin-left:10px;  transition: all 0.3s 0s ease-in-out; -webkit-transition: all 0.3s 0s ease-in-out;}
.guide_box .sns_banner {position: absolute; overflow: hidden; right: 0px; top: 0px; width:153px; height: 100%;}
.guide_box .sns_banner > li {height: 50%; box-sizing: border-box; padding: 2px 0px; display: table; width: 100%;}

.guide_box .sns_banner > li > a {display:table-cell; vertical-align: middle; text-align: center; height:100%; color: #fff; transition: all 0.3s 0s ease-in-out; -webkit-transition: all 0.3s 0s ease-in-out;}
.guide_box .sns_banner > li > a .txt {display: block; font-weight:300; font-size:18px; padding-top: 15px;}
.guide_box .sns_banner > li > a.ico01 {background:#333333}
.guide_box .sns_banner > li > a.ico02 {background:#ce4482}
.guide_box .sns_banner > li > a.ico01:hover {background:#000000; }
.guide_box .sns_banner > li > a.ico02:hover {background:#b30c57; }
.guide_box .sns_banner > li > a:hover {transition: all 0.3s 0s ease-in-out; -webkit-transition: all 0.3s 0s ease-in-out;}


/* footer */
#footerW {clear:both; width:100%; min-height:150px; z-index: 99; background:#4c5259; box-sizing: border-box; margin:0 auto; position:relative;}


#footer {position: relative;}
#footer .addressW {max-width: 1200px; box-sizing: border-box; margin: 0 auto; padding:25px 320px 35px 210px; position: relative; color:#fff; line-height:21px; font-weight:100; background: url(../img/common/f_logo.png) no-repeat left 30px;}
#footer .addressW a {color: #fff}
#footer .addressW address {margin-left: -10px; line-height: 150%;}
#footer .addressW address span {display: inline-block; padding:2px 10px;}
#footer .addressW address span.ico_tel {padding-left: 32px; background: url(../img/common/ico_tel2.png) no-repeat 10px 5px;}
#footer .addressW .copy {color: #cacbce; padding-top: 15px;}
#footerW .go_top {position: absolute; right:0px; top:30px;}
#footerW .go_top > a {display: block; width:40px; text-align: center; color:#fff; font-weight: 100; font-size: 15px;}



#content {width:100%; max-width:1200px; margin:0 auto; padding:30px 0px;}
#content:after {clear:both; content:""; display:block;}

.sub_wrap .bt_quick {display: none}
.sub_wrap .in_header {max-width:1200px;}


.sub_visual {height:251px; padding: 0px 10px; box-sizing: border-box; overflow: hidden; position: relative; background-size: cover!important}
.sub_visual .sub_txt {display: table; height: 100%; width: 100%;}
.sub_visual .sub_txt .cell {display: table-cell; vertical-align: middle; height: 100%; box-sizing: border-box; text-align: center; padding-bottom:5%;}
.sub_wrap_1 .sub_visual {background: url(../img/introduce/sub_visual.jpg) no-repeat center top;}
.sub_wrap_2 .sub_visual {background: url(../img/body/sub_visual.jpg) no-repeat center top;}
.sub_wrap_3 .sub_visual {background: url(../img/1day/sub_visual.jpg) no-repeat center top;}
.sub_wrap_4 .sub_visual {background: url(../img/review/sub_visual.jpg) no-repeat center top;}
.sub_wrap_5 .sub_visual {background: url(../img/customer/sub_visual.jpg) no-repeat center top;}



#sub_tit {font-size:32px; color: #fff; font-weight:500; line-height:140%; padding-bottom:5px;}
#sub_tit .txt_s {font-size:36px; display: inline-block;}
.sub_tit2 {display: block; color: #fff; font-size:25px; line-height: 150%; padding-top:55px; font-weight: 300;}
.sub_tit_s {display: block; color: #fff; font-size:32px; line-height:140%; font-weight:100;}
#m_lnb {display:none;}


/*lnb_wrap*/

#lnb_wrap {position:relative; min-height:60px; margin-top: -60px; z-index:10; background:url(../img/common/lnb_bg.png) repeat left top; box-sizing:border-box; border-top:1px solid #b0a8a2; }
#lnb_wrap .lnb {max-width: 1200px; margin: 0 auto;}
#lnb_wrap .lnbs1 {display: none;}
#lnb_wrap .ico_home {display: none;}
#lnb_wrap .ico_home a {display:block; width:69px; height:41px; text-indent:-1000px; font-size:0px; background:url(../img/common/ico_home.gif) no-repeat center center;}
.lnbs2 ul {text-align: center; font-size: 0px;}
.lnbs2 ul li {color:#333; display: inline-block; padding: 0px 30px;}

.lnbs2 ul li a {color:#fff; font-size:18px; display:block; line-height:24px; max-height:60px; padding:16px 0px; box-sizing:border-box; font-weight:100; }
.lnbs2 ul li.on a {font-weight:400; border-bottom:6px solid #fff; }
#lnb_tit2 {display: none}



#lnb_tit {font-size:14px; letter-spacing:-1px; padding:0px 0px 0px 20px; color:#333333; line-height:39px; height:39px; background:url(../img/common/lnb_arrow.png) no-repeat 90% center; cursor:pointer;}
#lnb_tit2 {font-size:14px; letter-spacing:-1px; padding:0px 0px 0px 20px; color:#333333; line-height:39px; height:39px; background:url(../img/common/lnb_arrow.png) no-repeat 95% center; cursor:pointer;}



.title_bar {position: relative; padding:25px 0px 0px 0px; margin-bottom:45px; text-align: center}
.title_bar h2 {display: inline-block; vertical-align:top; font-size:32px; margin-top: 20px; color:#333333; font-weight:700; line-height:100%;}
.title_bar h2:after {display: block; content: ""; margin:20px auto 0px; width:1px; height:44px; background:#000;}
.title_bar .s_txt {font-size:13px; color:#555555}
.title_bar .title_s {font-size:18px; color:#333; font-weight: 300;}

.location {line-height:20px; text-align:right;}
.location span {display:inline-block; zoom:1; *display:inline; line-height: 32px; padding-left:17px; margin-left:10px; background:url(../img/common/location.gif) no-repeat left center; color:#333333; font-size: 14px; font-weight: 300;}
.location span:first-child {padding-left:0px; margin-left:0px; background:none}
.location #location_2 {color:#260b2a; font-weight:500;}
.location img {vertical-align:middle; margin-top: -3px;}


.sub_con {min-height:100px; max-width: 1200px; margin: 0 auto; color: #333333; font-size: 15px; line-height: 160%; word-break: keep-all;}
.sub_con img {max-width: 100%;}
.sub_tit {font-size: 26px; color: #333333; line-height: 140%; text-align: center; padding: 20px 0px 10px 0px;}
.sub_tit_p {font-size: 24px; color: #82308e; line-height: 140%; text-align: center; padding: 20px 0px 10px 0px; font-weight: 700;}
.s_tit {font-size:26px; color: #857262; line-height: 140%; padding:0px 0px 20px 0px; margin-top:50px; font-weight:700; position: relative;}
.s_tit:after {display:inline-block; content: ""; vertical-align: top; margin: 10px 0px 0px 10px; width:95px; height:1px; background: #857262;}
.s_tit.tc {text-align: center; background: none !important; padding-left: 0px;}
.ss_tit {font-size:21px; color: #02476f; line-height: 140%; padding:0px 0px 10px 15px; position: relative; margin-top:20px; font-weight:700;}
.ss_tit:after {display: block; content: ""; width:3px; height:18px; background: #02476f; position: absolute; left:0px; top: 6px;}
.sss_tit {font-size:18px; color: #333333; line-height: 140%; padding:0px 0px 10px 0px; margin-top:20px; font-weight:500;}
.s_titW {max-width: 1200px; margin:0 auto; padding: 50px 0px 5px 0px;}
.b_tit {font-size:26px; color: #000; line-height: 140%; padding:0px 0px 20px 0px; margin-top:50px; font-weight:700; position: relative;}
.b_tit > span {display: inline-block; border-top:1px solid #000;}
.b_txt {font-size: 18px; color: #494949; line-height: 150%;}
.s_txt_r {text-align: right; margin-top: -35px; height: 20px; padding-bottom:15px;}
.s_txt_r2 {height: 40px; margin-top: -55px;}
.imgW img {max-width:100%;}
.ss_tit .s_txt {font-size:14px; font-weight: 300; margin-left: 10px;}
.click_count {text-align: right; padding: 10px 0px; color: #666666}

.radio_group {font-size: 0px; padding: 5px 0px 0px 0px; margin:-5px 0px 0px -15px;}
.radio_group > li {display: inline-block; font-size:15px; padding: 5px 0px 0px 15px;}
.input_etc {position: relative; padding-left: 62px; box-sizing: border-box;}
.input_etc .pa {position: absolute; left: 0px; top: 0px; font-size: 14px; line-height:40px;}

.btn-tc {text-align: center; padding: 30px 0px; border-top:1px solid #333333; margin-top: 30px;}
.btn-tc > a {margin: 0px 20px;}
.btn-tl {text-align: left; overflow: hidden; padding: 30px 0px; border-top:1px solid #333333; margin-top: 30px;}




.important {padding-right:15px; position:relative; display:inline-block;}
.important:after {display:inline-block; content:"*"; vertical-align: middle; font-size: 20px; color:#ec5133; position:absolute; right:0px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);line-height: 100%;}
.important2 {padding-left:15px; position:relative; display:inline-block; }
.important2:after {display:block; content:"*"; color:#eb444b; position: absolute; left: 0px; top:50%; font-size: 20px; line-height: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.date_picker_two {overflow: hidden; position: relative}
.date_picker_two .date_picker {float: left; width:47%;}
.date_picker {position: relative; padding-right:50px; box-sizing: border-box;}
.date_picker .input {width: 100%;}
.date_picker img {position: absolute; right: 0px; top:50%; margin-top: -21px; width:43px; height: 43px;}
.date_picker.two_col .input {width: 100%;}
.date_picker_two .col-sm-2  {float: left; width:47%;}
.date_picker_two .pa {left: 50%; top:0%; line-height: 30px; text-align: center; width: 10px; margin:0px 0px 0px -5px;}
.date_picker_ff {border: 1px solid #ccc; background: #fff;}
.date_picker_ff .input {border: none; min-height:38px}
.time_wrap {padding-left:140px;}
.time_ch {position:absolute; left:20px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.time_ch > ul {overflow:hidden;}
.time_ch > ul > li {float:left; padding:0px 5px;}



.introduce_photo {overflow: hidden; margin:-17px;}
.introduce_photo > li {float: left; width: 33.333%; box-sizing: border-box; padding:17px;}

.map_wrap {width: 100%; height:420px; overflow: hidden; border: 1px solid #ccc; box-sizing: border-box;}
.map_wrap iframe {width: 100% !important; height: 100% !important;}
.map_address {border: 1px solid #cccccc; padding:25px 10px 25px 80px; margin-bottom: 5px; position: relative; color: #000; font-size:18px;}
.map_address .ico {position: absolute; left:20px; top:20px; }
.map_address  > strong {padding-left: 10px;}

.map_txt {font-size: 0px; padding:20px 10px; background: #f3f4f8;}
.map_txt > li {position: relative; padding:10px 10px 10px 70px; color: #000; font-size:18px; display: inline-block;}
.map_txt > li .ico {position: absolute; left:20px; top:3px;}
.map_txt > li .ico img {vertical-align: baseline;}
.map_txt > li > strong {padding-left: 10px;}
.map_txt > li a {color: #000}

.map_info {overflow: hidden; padding-top: 30px; margin: 0px -20px;}
.map_info .cell {float: left; width: 50%; font-size:1.15em; box-sizing: border-box; padding: 0px 20px;}
.map_info .cell dl {padding-left:55px; padding-bottom: 30px;}
.map_info .cell dl dt {font-size:1.15em; padding:5px 0px 5px 0px; line-height: 140%; font-weight:500; color: #333333;}
.map_info .cell .ico01 {background: url(../img/introduce/ico_metro.png) no-repeat left top;}
.map_info .cell .ico02 {background: url(../img/introduce/ico_bus.png) no-repeat left top;}
.map_info .cell .ico03 {background: url(../img/introduce/ico_car.png) no-repeat left top;}
.map_info .cell .bul02 {padding-top: 10px; font-size:0.9em; color: #666666; word-break: keep-all}

.body_admin {overflow: hidden; margin: -17px;}
.body_admin > li {float: left; width: 33.3333%; display: table; box-sizing: border-box; padding:17px;}
.body_admin > li .box {border: 1px solid #dddddd; text-align: center; display: table-cell; vertical-align:middle; overflow: hidden; height: 290px; width: 33.3333%; background-size:cover !important; position: relative;}
.body_admin > li.ico01 .box {background: url(../img/body/01_img_01.jpg) no-repeat center center;}
.body_admin > li.ico02 .box {background: url(../img/body/01_img_02.jpg) no-repeat center center;}
.body_admin > li.ico03 .box {background: url(../img/body/01_img_03.jpg) no-repeat center center;}
.body_admin > li .box .over_area {opacity: 0; position: absolute; left: 0px; top: 0px; width: 100%; height: 290px; margin-top:50px; transition: all 0.3s 0s ease-in-out; -webkit-transition: all 0.3s 0s ease-in-out; color: #fff; z-index: 99; background-size:cover !important;}
.body_admin > li .box .over_area .txt_t {font-size:23px; padding-top:40px;}
.body_admin > li .box .over_area .txt {font-size: 18px; line-height: 140%;}
.body_admin > li .box .txt_t {font-size:18px; padding-bottom: 10px;}
.body_admin > li .box .price {font-size:23px; color: #ce4482; padding: 10px 0px; font-weight:300; line-height: 140%;  color: #333;}
.body_admin > li .box .price .off {text-decoration: line-through; display: inline-block; vertical-align: middle; font-weight: 100;}
.body_admin > li .box .price .arrow {font-size:10px; display: inline-block; vertical-align: middle; padding: 0px 10px;}
.body_admin > li .box .price .on {display: inline-block; vertical-align: middle; color: #ce4482;}
.body_admin > li .box .price .on strong {font-size: 1.4em; font-weight: 700 !important;}

.body_admin > li .box .price .best {display: inline-block; vertical-align:middle; padding-left: 10px;}
.body_admin > li .box .over_area .txt_t:after {display: block; content: ""; width: 1px; height:40px; background: #fff; margin: 10px auto;}
.body_admin > li .box .time {text-align: center; padding-top: 5px;}
.body_admin > li .box .time > span {display: inline-block; border: 1px solid #502f4a; border-radius:30px; line-height:32px; color: #502f4a; min-width: 130px; padding: 0px 3px; font-weight: 400;}
.body_admin > li .box .txt_s {padding-top: 10px; font-size: 15px;}
.body_admin > li .best {width:65px; height: 65px; background: url(../img/body/best.png) no-repeat center center; position: absolute; right: 5px; top: 5px; z-index: 99}
.body_admin > li .box:hover .over_area {opacity:1; margin-top:0px; transition: all 0.3s 0s ease-in-out; -webkit-transition: all 0.3s 0s ease-in-out; }
.body_admin > li .box:hover .best {background: url(../img/body/best_on.png) no-repeat center center;}
.body_admin > li.ico01 .box .over_area {background: url(../img/body/01_img_01_on.jpg) no-repeat center center;}
.body_admin > li.ico02 .box .over_area {background: url(../img/body/01_img_02_on.jpg) no-repeat center center;}
.body_admin > li.ico03 .box .over_area {background: url(../img/body/01_img_03_on.jpg) no-repeat center center;}

.gray_section {background: #f8f8f8; padding:20px 0px;}
.program_list > li {padding:20px 0px;}
.program_list > li .box {position: relative; padding-left:395px; padding-top: 20px; min-height:230px; box-sizing: border-box;}
.program_list > li .box:after {display: block; content: ""; width: 1px; height: 100%; position: absolute; left: 395px; top: 0px; background: #dddddd}
.program_list > li .box > h4:before {display: block; content: ""; width: 2px; height: 100%; position: absolute; left:0px; top: 0px; background: #4e2e54;}
.program_list > li .box .pic {position: absolute; left: 0px; top: 0px;}
.program_list > li .box > h4 {font-size:1.5em; padding-left: 20px; color: #4e2e54; line-height: 140%; position: relative; z-index: 99}
.program_list > li .box > h4 > .small {font-size:0.8em; padding-left: 5px; font-weight: 100; display: inline-block;}
.program_list > li .box .txt {padding-top: 20px; padding-left: 20px;}

.body_admin_on {position: relative; font-size: 1.15em; min-height: 290px; padding-left:450px; }
.body_admin_on .pic {display: block; position: absolute; left: 0px; top: 0px;}
.body_admin_on .time > span {display: inline-block; text-align: center; border: 1px solid #502f4a; border-radius:30px; line-height:32px; color: #502f4a; min-width:170px; padding: 0px 5px; font-weight: 400; font-size: 18px;}
.body_admin_on .price {font-size:23px; color: #ce4482; padding:20px 0px; font-weight:300; line-height: 140%;  color: #333;}
.body_admin_on .price .off {text-decoration: line-through; display: inline-block; vertical-align: middle; font-weight: 100;}
.body_admin_on .price .arrow {font-size:10px; display: inline-block; vertical-align: middle; padding: 0px 10px;}
.body_admin_on .price .on {display: inline-block; vertical-align: middle; color: #ce4482;}
.body_admin_on .price .on strong {font-size: 1.4em; font-weight: 700 !important;}
.body_admin_on .txt_s {padding-top: 25px; margin-top:25px; border-top:1px solid #ddd; font-size: 15px;}

.coupon_t {text-align: center; font-size:1.5em; line-height: 140%; }
.coupon_area {margin: 30px 0px 50px 0px; cursor: pointer; position: relative;}
.coupon_area .over_area {position: absolute; display: none; left: 0px; top: 0px; width: 100%; height: 100%;}
.coupon_area .over_area:after {display: block; content: ""; width: 100%; height: 100%; background: #492945; opacity: 0.9; position: absolute; left: 0px; top: 0px;}
.coupon_area .over_area .cell {display: table; width: 100%; height: 100%; position: relative; z-index: 9}
.coupon_area .over_area .cell > a {display: table-cell; text-align: center; vertical-align: middle; display:table-cell; height: 100%; color: #fff; font-size: 2em; line-height: 140%; font-weight: 100;}
.coupon_area .over_area .cell > a .txt {display: block; font-size: 0.7em; padding-top: 100px; background: url(../img/1day/ico_print.png) no-repeat center top; margin-top:15px;}
.coupon_area:hover .over_area {display: block;}

#wrap.print_wrap {padding: 0px;}
#wrap.print_wrap #header {display: none;}
#wrap.print_wrap #footerW {display: none;}
#wrap.print_wrap .sub_visual {display: none;}
#wrap.print_wrap #lnb_wrap {display: none;}
#wrap.print_wrap .title_bar {display: none;}
#wrap.print_wrap .coupon_t {display: none;}
#wrap.print_wrap .b_tit {display: none;}
#wrap.print_wrap .b_txt {display: none;}
#wrap.print_wrap .gray_section  {display: none;}
#wrap.print_wrap .over_area {display: none;}

@media (hover: none) {
	.coupon_area:hover .over_area {display: none !important;}

}

.before_after {overflow: hidden; margin: -20px;}
.before_after > li {float: left; width: 50%; padding:20px;  box-sizing: border-box; overflow: hidden;}
.before_after > li .frame {position: relative; display: block; float: left; width: 50%; box-sizing: border-box;}
.before_after > li .frame:first-child:after {display: block; content: ""; width: 1px; height: 100%; background: #fff; position: absolute; left: 100%; top: 0px; z-index: 9;}
.before_after > li .frame .pic {display: block; overflow: hidden; position: relative;}
.before_after > li .frame img {width: 100%;}
.before_after > li .frame .item {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 100%;}
.before_after > li .frame .txt {display:  block; font-size: 1.1em; text-align: center; color: #000; font-weight: 100; padding: 10px 5px;}
.before_after > li .title {clear: both; background: #260b2a; text-align: center; color: #fff; padding: 10px;}
.before_after > li .title .txt_t {display: block; font-size: 18px; line-height: 140%; padding-bottom: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}




/*atab*/
.atab { margin-bottom:30px; padding-top: 10px;}
.atab:after {clear:both; display:block; content:"";}
.atab li {float:left; width:20%; box-sizing:border-box; position:relative; display: table; }
.atab li a {display:table-cell; width: 100%; height:50px; vertical-align: middle; background:#fff; line-height:20px; font-weight: 100;  padding:0px 0px; text-align:center; color:#cccccc; box-sizing:border-box; border:1px solid #cccccc; font-size:15px; border-left: none}
.atab li:first-child a {border-left:1px solid #cccccc;}

.atab li.on a {border: 1px solid #857262 !important; background: #fff; color: #857262; font-weight: 600;}
.atab.two li {width:50%;}
.atab.three li {width:33.33%;}
.atab.four li {width:25%;}
.atab.two_row > li {margin: -1px 0px 0px -1px}
.atab.two_row > li.on {margin-top:-1px;}
.atab.two_row > li.on a {height: 50px;}
.atab.two_row > li > a {border-left:1px solid #cccccc;}

.btab {padding-top: 10px; margin: 0 auto; margin-bottom: 40px; font-size: 0px; text-align: center}
.btab:after {clear:both; display:block; content:"";}
.btab li {display: inline-block; max-width:200px; box-sizing:border-box; position:relative;}
.btab li a {display:block; width: 100%; padding:10px 0px; text-align:center; border: 1px solid #dddddd; color:#333333; box-sizing:border-box; font-size: 15px;}
.btab li.on a {color: #fff; background: #000}

.btab.two li {width:50%;}

.ctab { margin-bottom:40px; padding-top: 10px; font-size: 0px; text-align: center}
.ctab:after {clear:both; display:block; content:"";}
.ctab li {display: inline-block; max-width:200px; padding:0px 15px; box-sizing:border-box; position:relative;}
.ctab li a {display:block; width: 100%; padding:0px 0px; text-align:center; color:#333333; box-sizing:border-box; font-size: 16px; }
.ctab li a .ico {display:block; margin: 0 auto; width: 120px; height: 120px; overflow: hidden; margin-bottom:10px;}
.ctab li.on a {color: #ed2129;}
.ctab li.on a .ico img {margin-top: -100%;}
.ctab.two li {width:50%;}



.of_hi .fl50 {float:left; width:48%;}
.of_hi .fr50 {float:right; width:48%;}
.graybox { background:#cccccc; padding:10px;}
.no_flash { display: none;}

/* 레이어팝 */
#black {display:none; background-color: #000; display: none; height: 100%; left: 0; opacity: 0.6; filter: alpha(opacity=60); position: fixed; top: 0; width: 100%; z-index: 9999;}
.layerPop {-webkit-overflow-scrolling: touch; overflow-y: auto; width: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; background:url(../img/common/png_70.png) repeat left top;/*background:#d7d7d7;*/ zoom: 1;}

.layerPop_inner {width: 100%; height: 100%; padding: 15px; display: table; position: relative; margin: 0 auto; box-sizing: border-box;}
.pop_wrap {display: table-cell; vertical-align: middle; position: relative;}
.pop_wrap .pop_body {padding:15px 20px 20px 15px; font-size:1.05em; line-height: 150%; background: #fff; word-break: keep-all;}
.pop_wrap .pop_body img {max-width:100%; width:auto !important; height:auto !important;}
.pop_wrap .pop_body .btns {padding-top: 20px;}
.pop_wrap .pop_wrap_in {width:100%; margin: 0 auto;}
.pop_wrap .x_btn {position: absolute; right:25px; top:50%; margin-top: -13px; display: inline-block; width:26px; height: 26px; cursor: pointer; background: none}
.pop_wrap .pop_head {background:#260b2a; position: relative;}
.pop_wrap .pop_head .title {font-size:24px; line-height:150%;  color: #fff; padding:15px 45px 15px 25px; text-align: left; font-weight:500;}
.pop_wrap .pop_head .title .small {font-size:18px; font-weight:100;}
.pop_wrap .pop_head .title.tc {padding:15px 45px 20px 45px;}
.pop_wrap .pop_head .s_txt {font-size:14px; line-height:14px;  color: #646464; text-align: center; padding: 0px 0px 30px 0px;}
.pop_wrap .x_btn2 {position: absolute; right:0px; bottom:0px; }

.pop_body .btn-tc {padding: 20px 0px 0px 0px; margin-top:15px;}
.pop_body .btn-tc > a {margin: 0px 10px;}




/* 팝업 */

.popup_scroll {max-height:400px; overflow-x:hidden; overflow-y:auto;}

.layers_wrap {background:#FFF; position:relative; min-width:300px;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; line-height:150%; background:#28bdb3;  text-align: center; font-size:1.8em; color:#fff; position:relative;}
.layers_wrap .layers_tit .logo {padding-left:25px; padding-top:20px;}
.layers_wrap  .close_pop { position:absolute; right:25px; top:17px;}
.layers_wrap .layers {padding:20px; font-size: 14px; position:relative; /*min-height:100px; max-height:760px; overflow-x:hidden; overflow-y:auto; -webkit-print-color-adjust:exact;*/}

.layers_wrap .close {height:30px; border-top:none; text-align:right; background:#e2e2e2; line-height:30px;}
.layers_wrap .close a { display:inline-block; zoom:1; *display:inline; font-family:Noto Sans; color:#2d2d2d; padding-right:20px; background:url(http://pic.neungyule.com/newnetimes/img/btn/pop_close_s.gif) no-repeat right center; margin-right:10px;}
.layers_wrap .pop_tit {padding-left:5px; border-bottom:1px solid #afafaf; min-height:41px; padding-bottom:3px; font-family:Noto Sans; color:#444444; font-size:22px; line-height:41px;}
.layers_wrap .pop_tit.ico_check2 { font-size:13px; min-height:20px; padding:10px 10px 10px 50px; background:url(../img/common/ico_check2.gif) no-repeat 10px 10px #f9f9f9; line-height:150%; border-bottom:none;}
.layers_wrap .pop_tit_no {min-height:38px; font-family:Noto Sans; color:#444444; font-size:22px; line-height:38px;}






.board-write .input {min-height: 40px; line-height: 40px; width: 100%;}




.btnNormal.m_block span {min-width:60px;}



.bt_include {position: relative; padding-right: 100px; box-sizing: border-box;}
.bt_include .add_bt {position: absolute; right: 0px; top: 0px;}
.bt_include select {width: 100%; max-width: 100%;}
.bt_include2 {padding-right:65px; margin: 0 auto;}






/* ------------------------------------------------------------
 * Name      : mobile_layout.css    
 * Desc      : page layout 
 * Created   : 
 * Updated   : 
 ------------------------------------------------------------ */
.mobile_on .m_gnb .gnb > ul {overflow-y:auto; overflow-x:hidden;}
.m_gnbW .menu_btn .line-top, .m_gnbW .menu_btn .line-middle, .m_gnbW .menu_btn .line-bottom {background: #fff;}
.m_gnbW {position:absolute; right:10px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);display: none; z-index: 99}
.m_gnb .gnb > ul {width:100%; background:rgba(18,18,18, .97); position:relative; overflow-x:hidden;}
.m_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.m_gnb .gnb > ul > li > a {display:block; font-size:14px; color:#ffffff; padding:15px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
/*.m_gnb .gnb > ul > li:hover > a {background:#000;}*/

.m_gnb .sub_menu  {width:100%; line-height:20px; background:#4a4a4a; display:none;}
.m_gnb .sub_menu > li > a {display:block; color:#fff; font-size:12px; padding:5px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
.m_gnb .sub_menu > li > a:hover { background:#009091;}
.m_gnb .gnb .alarm { background-size:20px;}
.m_gnb .gnb .name {max-width:200px;}
.mobile_on input, .mobile_on select, .mobile_on textarea {-webkit-appearance:none;}
.mobile_on select {height:31px; padding:0px 2em 0px 8px!important;}
.mobile_on .sel_arrow {position: relative;}

.down_file {display: inline-block; vertical-align: middle; margin-left: 10px;}
.down_file > span {display: block; padding-left:23px; background: url(../img/common/ico_file.png)no-repeat left center;}
.down_file:first-child {margin-left:0px;}
/*.view_tit {padding: 15px 10px; background: #f5f5f5; border-top: 2px solid #000; border-bottom: 1px solid #cccccc; font-size: 1.15em; font-weight: 500;}
.click_count {text-align: right; padding:15px 0px; font-size:1.05em; color: #666666}*/



/* 1200px 이상 */
@media screen and (min-width:1199px) {
	.m_gnb {display:none !important;}
    
    
}

/* 1220px 이하 */
@media screen and (max-width:1219px) {
    
    #inner_wrap {padding:0px 10px 80px 10px;}
    #header h1 {left: 10px;}
    
   
    .w_gnb .gnb > ul > li > a > span {font-size:17px;}
    .w_gnb .sub_menu > li > a {font-size:13px;}

    .section .inner {padding:0px 10px;}
    
    
    .guide_box {padding-right: 0px; padding-bottom:170px;}
    .guide_box .slide_banner {top: 0px;}
    .guide_box .sns_banner {width: 100%; height: auto; top: auto; bottom:0px;}
    .guide_box .sns_banner > li {float: left; width: 50%;}
    .guide_box .sns_banner > li > a {height: 150px;}
    
}
/* 980px 이상 */
@media screen and (min-width:980px) {
    .lnbs2 ul {display: block !important}
    
}
/* 980px 이하 */
@media screen and (max-width:979px) {
    .main_wrap {font-size:12px;}
    #wrap {padding-top:70px;}
    .in_header {height:70px;}
    .m_gnbW {display: block;}
    .w_gnb {display:none;}
	#gnb_bar {display:none !important;}
	.m_gnb_on {display:block}
    
    

    .w_gnb .gnb {position: relative; z-index: 9}
    
   
    
    .main_visual .bx-controls {bottom:5%; padding-left: 3%}
    
    .guide_box .banner_wrap {margin-top: 30px;}
    .guide_box .slide_banner {position: relative; left: auto; top: auto; width:100%;}
    .guide_box {padding-left:0px; margin: 0 auto; max-width: 600px;}
    
    .pr_ban {max-width: 600px; margin: 0 auto; padding-bottom: 60px;}
    .pr_ban .pic {float: none !important; width: 100%;}
    .pr_ban .txt_w {float: none !important; width: 100%;}
	

	#section2 .m_tit {color: #000; margin-bottom: 30px;}
	#section2 .main_admin {padding:0 15px;}
	#section2 .main_admin > li {border-box; padding:5px;}
    #section2 .main_admin > li .tit {font-size:20px; color:#000; padding:15px 0px;}
    #section2 .main_admin .admin01 .box02 .price02 {font-size:18px; color: #999999; line-height: 140%; padding-bottom:20px;}
    
    
    #footer .addressW {padding:80px 5px 25px 5px; text-align: center; background-position:center 20px;}

    
    #footer .footer_logo {right:50%; top:25px; bottom: auto; margin-right:-131px; }
    #footerW .go_top a {font-size: 0px;}

    

    
     #lnb_wrap {position:relative; min-height: 10px; margin-top: -42px; border-bottom:1px solid #e2e2e2; background:#fff;}
    #lnb_wrap .lnbs1 {display: block;}

    #lnb_wrap .lnb {max-width:1200px; margin:0 auto; position:relative;}
    #lnb_wrap .lnb:after { clear:both; content:""; display:block;}
    #lnb_wrap .lnb .lnbs { float:left; width:196px; border-right:1px solid #e2e2e2; position:relative;}
    #lnb_wrap .lnb .lnbs .copy_menu { position:absolute; left:-1px; top:42px; width:100%; border-left:1px solid #e2e2e2;  border-right:1px solid #e2e2e2; display:none; background: #fff;}
    #lnb_wrap .lnb .lnbs .sub_menu {display:none !important;}

    #lnb_wrap .ico_home {float:left; display: block; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2}
    #lnb_wrap .ico_home a {display:block; width:69px; height:41px; text-indent:-1000px; font-size:0px; background:url(../img/common/ico_home.gif) no-repeat center center;}
    .lnb ul li {color:#666666; display: block; padding: 0px;}
    .lnb ul li.on {display:none !important;}
    .lnb ul li a {color:#666666; font-size:13px; display:block; line-height:20px; min-height:20px; padding:10px 0px 10px 25px; border-bottom:1px solid #e2e2e2; box-sizing:border-box; text-align: left; border-top:none }
    .lnb ul li a:hover {color:#333; border-top:none }

    .lnb ul li .three_depth a {background:#e5e5e5; border-bottom:1px solid #fff; border-top:none; color:#666666; padding:10px 30px 10px 35px;}

    #lnb_tit {font-size:14px; box-sizing:border-box; padding-left:25px; color:#333; line-height:41px; height:41px; background:url(../img/common/lnb_arrow.png) no-repeat right center; cursor:pointer; font-weight: 300;}
    #lnb_tit2 {display: block; font-size:14px; box-sizing:border-box; padding-left:25px; color:#333; line-height:41px; height:41px; background:url(../img/common/lnb_arrow.png) no-repeat right center; cursor:pointer; font-weight: 500;}
    #lnb_tit.on {background:url(../img/common/lnb_arrow_on.gif) no-repeat right center;}
    #lnb_tit2.on {background:url(../img/common/lnb_arrow_on.gif) no-repeat right center;}
    
    
    .body_admin_on {position: relative; padding-left:0px; text-align: center; max-width: 700px; margin: 0 auto; padding-bottom: 20px;}
    .body_admin_on .pic {position: relative; left: auto; top:auto; text-align: center;}
    .body_admin_on .time {padding-top: 15px;}

    .body_admin_on .price {text-align: center}
    .body_admin_on .price .off {text-decoration: line-through; display: inline-block; vertical-align: middle; font-weight: 100;}
    .body_admin_on .price .arrow {font-size:10px; display: inline-block; vertical-align: middle; padding: 0px 10px;}
    .body_admin_on .price .on {display: inline-block; vertical-align: middle; color: #ce4482;}
    .body_admin_on .price .on strong {font-size: 1.4em; font-weight: 700 !important;}
    .body_admin_on .txt_s {padding-top: 25px; margin-top:25px; border-top:1px solid #ddd; font-size: 15px;}

    .coupon_area .over_area .cell > a {font-size:1.4em;}
    .coupon_area .over_area .cell > a .txt {padding-top:50px; background-size:50px auto; }

    
   
    
    
}

/* 768 이하 */
@media screen and (max-width:767px) {
    .main_wrap {font-size:10px;}
    .m_tit {font-size:30px;}
    .m_tit_wrap .s_txt {font-size:15px;}
	.inner {padding:0px 10px; word-break: keep-all;}
    

    
    
    .section .more {right: 10px; top:0px;}
    .main_visual .v_frame .v_txt {font-size:45px;}
    .main_visual .v_frame .v_txt .small {font-size: 24px;}
    
    .main_banner {max-width:590px; margin: 0 auto; }
    .main_banner > ul > li {float: none; width: 100%; padding-top: 30px;}
    .main_banner > ul > li:first-child {padding-top:0px;}

	.main_banner {max-width:590px; margin: 0 auto; }

	/* section2 */
	#section2 .inner {max-width:590px; margin: 0 auto; }
	#section2 .m_tit {color: #000; margin-bottom: 10px;}
	#section2 .m_tit > span {display: inline-block; padding:0px 110px; position: relative;}

	#section2 .main_admin > li {width: 100%;}
	#section2 .main_admin > li .tit {font-size:26px; color:#000; padding:35px 0px;}
	#section2 .main_admin > li .pic02_1 {width:100%; height:220px; background: url(../img/main/ban06_m.jpg) no-repeat left center;}
	#section2 .main_admin > li .pic02_2 {width:100%; height:220px; background: url(../img/main/ban07_m.jpg) no-repeat left center;}
	#section2 .main_admin > li .pic02_3 {width:100%; height:220px; background: url(../img/main/ban08_m.jpg) no-repeat left center;}
	#section2 .main_admin > li .box02 {width:100%; background:#fff; text-align:center; min-height:150px; padding:35px 0px;}

	#section2 .main_admin > li .box02 .txt_s02 {font-size:16px; color: #333; font-weight: 100;}
    #section2 .main_admin > li .box02 .txt_s02 > span {display: inline-block; line-height:27px; height: 30px; margin-left:5px; background: #502f4a; padding:0px 5px; color: #fff;}
    #section2 .main_admin > li .box02 .txt_t02 {font-size:16px; font-weight:400; padding: 15px 0px; color:#333;}


    
	
    .title_bar {margin-bottom:20px;}
	.title_bar h2 {font-size: 2.2em;}
    .title_bar > p {font-size: 1em;}
    .s_tit {font-size:24px; margin-top:30px; padding: 10px 0px 10px 0px;}
    .ss_tit {font-size:18px;}
    .ss_tit:after {top: 4px;}
	.b_txt {font-size: 15px;}
    .b_tit {font-size:24px; margin-top:30px; padding: 10px 0px 10px 0px;}
	.sub_title {font-size:14px;}
	.of_hi .fl50 {float:none; width:100%;}
	.of_hi .fr50 {float:none; width:100%; margin-top:15px;}
	
    #lnb_wrap .lnb {padding-left: 71px; position: relative;}
    #lnb_wrap .ico_home {float: none; position: absolute; left: 0px; top: 0px;}
    #lnb_wrap .lnb .lnbs {width:50%; box-sizing: border-box;}
   
    
    .introduce_photo > li {width:50%;}

    /*.program_list > li .box {padding-left:270px; padding-top: 0px; min-height:162px;}
    .program_list > li .box .pic img {width: 250px;}
    .program_list > li .box:after {left:270px;}
    .program_list > li .box .txt {padding-top: 10px;}*/
    .gray_section {padding: 10px 0px;}
    .program_list > li {border-top:1px solid #ddd; }
    
    .program_list > li:first-child {border-top:none;}
    .program_list > li:first-child .box {padding-top: 0px;}
    .program_list > li .box {padding-left:0px; min-height:162px;}
    .program_list > li .box .pic {display: block; padding-bottom: 10px; position: relative; left: auto; top: auto; text-align: center;}
    .program_list > li .box:after {display: none;}
    .program_list > li .box .txt {padding-top: 10px;}
    
    .before_after > li {width:100%; float: none;}

	.body_admin > li {float:none; width:100%;}

    
    
    
    /*atab*/
    .atab li a {font-size:13px;}
    .btn-tc > a {margin: 0px;}
    .web_img {display:none;}
    .mobile_img {display:block;}
    .col-sm-2.time_wrapW > .select_ds {width:100%; float:none;}
	.time_wrapW .time_wrap {margin-top:5px; padding-left:120px;}
	.time_ch {left:0px;}
    

   
    
}
/* 600 이하 */
@media screen and (max-width:599px) {
    .main_visual .v_frame .v_txt {font-size:30px; padding: 0px 10px 0px 10px; word-break: keep-all}
    .main_visual .v_frame .v_txt br {display: none;}
    .main_visual .v_frame .v_txt .small {font-size:18px;}

    
    #footer .addressW {font-size: 12px; padding-top: 50px; background-size:100px auto !important; }
    #footerW .copy > p {font-size: 12px;}
    #footer .addressW address {padding-top:10px; margin: 0px;}
    #footer .addressW .copy {padding-top:5px;}
    #footer .addressW address span.line {padding: 0px;}
    #footerW .go_top {top:20px;} 
    .pop_wrap .pop_head .title {font-size:22px; color: #fff; padding: 17px 15px 18px 15px;}
    .pop_wrap .pop_head .title .small {font-size:16px;}
    .pop_wrap .pop_body {padding: 15px;}

	
    .sub_tit2 {font-size:20px;}

    
    .layers_wrap .layers {padding:10px; font-size:0.95em;}

    
    .bt_include {padding:0px 0px 45px 0px;}
    .bt_include2 {padding:0px 0px 35px 0px;}
    .bt_include .add_bt {position: absolute; right: 0px; top: auto; left: 0px; bottom:0px;}
    .bt_include .add_bt a {display: block;}
 
    
    
}



/* 480px 이하 */
@media screen and (max-width:479px) {

    #header h1 img {height:22px;}  
    .slide_menu_top {height:70px; background-size:auto 60px;}
	.m_gnb_on img {width:33px;}

    .m_tit_wrap {padding:40px 0px 20px 0px; margin-bottom:10px; background-position:center -30px;}
    .m_tit {font-size:25px;}
    .m_tit_s {font-size: 14px;}
    
    
    .slide_menu_wrap .gnb > ul > li > a {padding-left: 0px; background-size:10px auto !important; font-size: 16px; background-position:right center !important}
    .slide_menu_wrap .gnb .sub_menu > li > a {padding-left: 10px; font-size: 14px;}
    .section {padding:30px 0px;}
    .section .more {display: none;}
    
    .main_visual .v_frame {height:220px;}

    
    .main_banner .tr_t {font-size: 15px;}
    .main_banner > ul > li > a {font-size: 17px;}
    
    
    .pr_ban {padding-bottom: 30px;}
    .pr_ban .txt_w {font-size: 16px;}
    .pr_ban .txt_w .price {font-size: 18px;}
    .pr_ban .txt_w .price .best img {width:36px; }
    .pr_ban .txt_w > h3 {font-size: 26px;}
    
    .slide_banner .bt img {width:30px; }
    
    
    #inner_wrap {padding-bottom:50px;}

    
    .pop_wrap .pop_head .title {text-align: left !important; padding:15px 45px 15px 15px !important;}
    .pop_wrap .pop_head .title br {display: none;}
    .pop_wrap .x_btn {right:15px; }
    
    
    
	.mb_dis {display: block;}
    .sub_visual {height:180px;}
    .sub_tit_s {display: none;}
    
     #lnb_wrap {margin-top:-51px; background: url(../img/common/png_50.png) repeat left top; border-top:1px solid #9b9a98}
    #lnb_wrap .lnb {padding-left:0px; position: relative;}
    #lnb_wrap .ico_home {display: none}
    #lnb_tit {display: none;}
    #lnb_wrap .lnb .lnbs {width:100%; border: none; box-sizing: border-box;}
    #lnb_tit2 {padding-left:0px; text-align: center; color: #fff; line-height:51px; height:51px; background: url(../img/common/lnb_arrow3.png) no-repeat right center; font-size: 14px;}
    
    #lnb_tit2.on {background:url(../img/common/lnb_arrow3_on.png) no-repeat right center;}
    #lnb_wrap .lnb .lnbs .copy_menu {top:52px; border: none; box-shadow:0px 1px 3px #ccc;}
    #lnb_wrap #gnb_menu {display: none !important;}
    .lnb ul li a {font-size: 14px;}
    
    
    
    #sub_tit {font-size:28px; color: #fff; font-weight: 700; line-height: 140%; padding-bottom:30px;}
    .sub_tit2 {font-size: 18px;}
    .sub_tit2 br {display: none;}

    
    
	
	.subject {padding-left:10px;}
	.bbs_search {margin-bottom:10px;}
	.bbs_search_in {padding:0px;}
	.bbs_search_in .select { position:relative; margin-bottom:5px; width:100%;}
	.bbs_search_in .btn_search { position:relative; display:block; margin:5px 0px 0px 0px; width:100%;}
    .bbs_search2 {padding:15px;}
	.paging a {width:23px;}
	.paging a.prev, .paging a.next, .paging a.first, .paging a.last {width:33px;}
    .block_m {display: block;}
    .block_m.fl {float: none;}
    .list_btn .block_m {margin: 2px 0px;}
	.board-view td.view_td {padding:20px 10px;}
    .list_btnW a {display: block;}

	
    
    .s_txt_r {margin-top: -25px; padding-bottom:5px;}
    .s_txt_r2 {margin-top: -45px;}

    
    #inner_wrap.no_visual {padding-top: 30px;}
    .sub_con {font-size:0.95em; }
    .title_bar {padding:15px 0px 10px 0px;}
	.title_bar h2 {font-size:2em; }
    .title_bar h2:after {height:30px;}
	.title_bar .s_txt {font-size:16px; padding-bottom: 5px;}
    .location {display: none;}
    .s_tit {font-size: 20px;}
    .s_tit:after {width:70px;}
    .b_tit {font-size: 20px;}
    .m_th_b {width:105px !important;}
	.m_th {width:85px !important;}
    .m_th_s {width:55px !important;}
    .m_th_ss {width:45px !important;}
    

    .w_date {width:80px;}
    .m_block {display: block !important; margin-bottom: 3px !important; float: none !important;}
    .scrollbox {height:120px; }
    .atab {margin-bottom: 20px;}
 
   
    .radio_group > li {font-size:13px;}
   
    input.input5 {height:36px; padding: 0px 5px; line-height: 34px; font-size: 13px;}
    .textarea {padding:5px 5px; font-size: 13px;}
    
    .security_code .code .num {height:34px; line-height: 32px; font-size: 14px;}
    .file_input label {height:36px;  line-height:34px; font-size: 13px;}
    .radio_group {margin-top:-5px;}
    .click_count {padding:10px 0px;}
    .time_wrapW .time_wrap {padding-left: 105px;}
    
    
    .introduce_photo {margin: -5px;}
    .introduce_photo > li {padding: 5px;}
    
    .map_wrap {height:280px;}
    .map_address {padding: 10px 10px 10px 40px; display: block; font-size:15px;}
    .map_address .ico {width:23px; height:23px; left:12px; top:8px;}
    .map_txt > li {padding:5px 10px 5px 40px; display: block; font-size:15px;}
    .map_txt > li .ico {width:20px; height:20px; left: 10px; top:5px;}
    
    .coupon_area .over_area .cell > a {font-size:1em;}
    .coupon_area .over_area .cell > a .txt {padding-top:0px; line-height: 35px; height: 35px; background-size:35px auto; font-size: 0px; }

   

    
    
}




/* 320px 이하 */
@media screen and (max-width:320px) {
   
    .atab li a {font-size:12px;}
    .title_bar .s_txt {padding-left: 10px;}

    .btns > li {width:100%; float: none; padding:2px 0px;}
    .btn-tc {padding:20px 0px;}
   
}