@charset "utf-8";

.csize01 {width:94%; max-width:1280px; margin-left:auto; margin-right:auto;}
.csize02 {width:94%; max-width:1400px; margin-left:auto; margin-right:auto;}
.board_contents {width:94%; max-width:1280px; margin:80px auto 100px;}

body {}
#wrap {overflow:hidden; position:relative; min-width:320px;}


#pc_header {overflow:hidden; position:absolute; top:0; left:0; z-index:11120; width:100%; height:170px; transition:height 0.4s; font-weight:300;}
#pc_header:before {position:absolute; top:0; left:0; width:100%; height:170px; background:rgba(45,47,53,.5); content:'';} /*241118수정*/
#pc_header:after {position:absolute; top:170px; left:0; width:100%; height:100px; background:rgba(45,47,53,.6); content:'';}
.header_top {position:relative; z-index:1; height:110px; border-bottom:1px solid rgba(255,255,255,0.1)}
#pc_header .inwrap {position:relative; width:97%; max-width:1400px; margin:0 auto;}
#pc_header h1 {padding-top:33px; text-align:center;}
#top_sns {position:absolute; top:43px; left:0;}
#top_sns li {float:left; margin-right:10px;}
#top_sns img {opacity:0.4; transition: opacity 0.4s;}
#top_sns a:hover img {opacity:1;}
#top_sns * {vertical-align:middle;}
#pc_header .btn_cart {position:absolute; top:42px; right:0px;}
#pc_header .btn_tsearch {overflow:hidden; position:absolute; top:42px; right:0px; width:23px; height:23px; text-indent:-999px; background:url('../images/common/icon_search.png') no-repeat; background-size:contain;}
#pc_header .lan_list {position:absolute; top:42px; right:45px;}
#pc_header .lan_list li {float:left; margin-left:12px;}
#pc_header .lan {position:absolute; top:40px; right:0;}
#pc_header .lan > a {display:block; position:relative; width:100px; padding-left:11px; border:1px solid #84786c; font-size:13px; line-height:28px; color:#f7d281; letter-spacing:0.02em;}
#pc_header .lan > a:after {position:absolute; top:50%; right:10px; width:10px; height:6px; margin-top:-3px; background:url('../images/common/icon_arr.png') no-repeat center; content:'';}
.header_bottom {position:relative; z-index:1; height:110px;}

.mem_link {position:absolute; left:185px; top:46px; font-size:16px; color:#737b83; font-weight:400;}
.mem_link li {float:left; position:relative;}
.mem_link li+li:before {position:absolute; top:50%; width:1px; height:12px; margin-top:-6px; background:#f5f5f5; content:'';}
.mem_link a {display:block; padding:0 9px;color: #fff;}


#pc_gnb {text-align:center; font-size:0;}
#pc_gnb > ul {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
#pc_gnb > ul > li {display:inline-block;}
#pc_gnb > ul > li > a {display:block; font-size:17px; color:#b2b7bc; line-height:60px; font-weight:400; font-family:'Spoqa Han Sans Neo',sans-serif; letter-spacing:-0.065em;}
#pc_gnb > ul > li > a span {display:inline-block; position:relative;}
#pc_gnb > ul > li > a span:after {position:absolute; left:0; right:0; bottom:0; height:2px; background:url('../images/common/menu_line.jpg') center; opacity:0; content:''; transition:opacity 0.4s;}
#pc_gnb .sub {display:none; position:absolute; top:60px; left:0; width:1400px; padding:10px 0;}
#pc_gnb .sub_left {position:relative;}
#pc_gnb .sub_left .sub {left:0; text-align:left;}
#pc_gnb .sub_right .sub {left:auto; right:0; text-align:right;}
#pc_gnb .sub_center .sub {left:0; width:auto; right:0; text-align:center;}
#pc_gnb .sub li {display:inline-block;}
#pc_gnb .sub li+li {margin-left:25px;}
#pc_gnb .sub a {display:block; font-size:16px; color:#b8b8b8; line-height:30px; transition:color 0.4s; font-weight:400; }
#pc_gnb > ul > li.on > a {color:#f7d281}
#pc_gnb > ul > li.on > a span:after {opacity:1;}
#pc_gnb > ul > li.on .sub {display:block;}
#pc_gnb .sub a:hover {color:#fff;}

#pc_header.row2.open {height:250px;}
#pc_header.open {height:220px;}
#pc_header.fixed_top {position:fixed; top:-110px;}



#mobile_header {display:none;}
#mobile_header img {max-width:100%;}
.mobile_top {position:fixed; top:0; left:0; z-index:20; width:100%; min-width:320px; height:66px; text-align:center; background:#2d2f35;}
.mobile_top .logo {padding-top:17px;}
.mobile_top .logo img {width:115px;}
.mobile_top .btn_menu {position:absolute; left:20px; top:21px; width:23px;}
.mobile_top .btn_cart {position:absolute; right:20px; top:21px; width:30px;}
.mobile_top .btn_tsearch {position:absolute; right:20px; top:21px; width:26px;}
.mobile_top .btn_app {position:absolute; right:60px; top:19px; width:31px;}
.mem_list {overflow:hidden; background:#e4e4e4;}
.mem_list li {float:left; width:50%;}
.mem_list li+li {border-left:1px solid #ffffff;}
.mem_list a {display:block; font-size:17px; color:#303238; font-weight:500; text-align:center; line-height:45px;}



#mobile_menu {overflow-y:auto; position:fixed; top:0; left:-100%; z-index:1000000; width:100%; min-width:320px; height:100%; transition:left 0.4s;}
#mobile_menu .logo {height:66px; padding-top:17px; text-align:center; background:#2d2f35;}
#mobile_menu .logo img {width:115px;}
#mobile_sns {height:63px; padding-left:20px; padding-top:23px; font-size:0; background:#212327;}
#mobile_sns li {display:inline-block; margin-right:16px;}
#mobile_sns * {vertical-align:middle;}
#mobile_sns img {opacity:0.4;}
#mobile_menu .btn_close {position:absolute; top:24px; right:20px; width:20px;}

.mobile_menu_qlist {overflow:hidden; background:#fff;}
.mobile_menu_qlist li {float:left; width:20%; text-align:center;}
.mobile_menu_qlist li+li {border-left:1px solid #cccccc;}
.mobile_menu_qlist a {display:block; height:72px; padding-top:47px; font-size:12px; color:#212226; background:url('../images/common/icon_qlist.png') no-repeat #fff; background-size:72px auto;}
.mobile_menu_qlist li.s01 a {background-position:center 0px}
.mobile_menu_qlist li.s02 a {background-position:center -100px}
.mobile_menu_qlist li.s03 a {background-position:center -200px}
.mobile_menu_qlist li.s04 a {background-position:center -300px}
.mobile_menu_qlist li.s05 a {background-position:center -400px}

#mobile_gnb {overflow:hidden; background:#303238;}
#mobile_gnb > ul {float:left; width:50%;}
#mobile_gnb > ul > li {border-bottom:1px solid #212327; border-right:1px solid #212327; background:#2d2f35;}
#mobile_gnb > ul > li > a {display:block; overflow:hidden; position:relative; padding-left:15px; padding-right:20px; font-size:16px; color:#aaaaaa; line-height:45px; font-weight:500; letter-spacing:0; white-space:nowrap; text-overflow:ellipsis;}
#mobile_gnb > ul > li > a:after {position:absolute; top:50%; right:15px; width:13px; height:16px; margin-top:-8px; background:url('../images/common/icon_m_arr.png') center no-repeat; background-size:contain; content:'';}
#mobile_gnb .sub {display:none; background:#27282d;}
#mobile_gnb .sub > li {border-top:1px solid #212327;}
#mobile_gnb .sub a {display:block; padding:12px 15px; font-size:14px; color:#aaaaaa; letter-spacing:0; line-height:21px; font-weight:500;}
#mobile_gnb > ul > li.on > a {color:#f7d281;}
#mobile_gnb > ul > li.on > a:after {background-image:url('../images/common/icon_m_arr_on.png')}
#mobile_gnb > ul > li.on .sub {display:block;}

#mobile_menu.open {left:0;}

.dimmed_bg {display:none; position:fixed; top:0; left:0; z-index:12; width:100%; height:100%; background:rgba(0,0,0,0.4);}
.qdimmed_bg {display:none; position:fixed; top:0; left:0; z-index:112; width:100%; height:100%; background:rgba(0,0,0,0.4);}

.f_btn {position:fixed; right:15px; bottom:40px; z-index:1000; opacity:1; transition:all 0.5s;}
.f_btn.hide {opacity:0; pointer-events: none;}
.f_btn a {display:block; width:65px;}
.f_btn a+a {margin-top:5px;}
.f_btn a img {width:100%;}




#top_search .fbox input[type="text"]::-webkit-input-placeholder {color:#fff;}
#top_search .fbox input[type="text"]:-moz-placeholder {color:#fff; opacity: 1;}
#top_search .fbox input[type="text"]::-moz-placeholder {color:#fff; opacity: 1;}
#top_search .fbox input[type="text"]::-ms-input-placeholder {color:#fff;}
#top_search .fbox input[type="text"]:-ms-input-placeholder {color:#fff;}
#top_search .fbox input[type="text"]::input-placeholder {color:#fff;}

/*
#header.tsearch_open #top_search {top:0px;}
#top_search {position:absolute; top:-170px; left:0; z-index:100; width:100%; height:170px; background:rgba(45,47,53,0.9); transition:top 0.4s;}
#top_search .inwrap {position:relative; width:94%; max-width:1280px; margin:0 auto;}
#top_search .btn_close {overflow:hidden; position:absolute; top:40px; right:0; width:32px; height:32px; text-indent:-999px; background:url('../images/common/btn_search_close.png') no-repeat; background-size:contain;}
#top_search .fbox {max-width:560px; margin:43px auto 0; padding-left:50px; border-bottom:2px solid #cdcdcd; background:url('../images/common/icon_search.png') no-repeat 0 17px;}
#top_search .fbox input[type="text"] {height:60px; border:0; font-family:'Gotham book',sans-serif; font-size:40px; font-weight:500; color:#fff; background:transparent; width:100%;}
#top_search .fbox input[type="text"]::-webkit-input-placeholder {color:#fff;}
#top_search .fbox input[type="text"]:-moz-placeholder {color:#fff; opacity: 1;}
#top_search .fbox input[type="text"]::-moz-placeholder {color:#fff; opacity: 1;}
#top_search .fbox input[type="text"]::-ms-input-placeholder {color:#fff;}
#top_search .fbox input[type="text"]:-ms-input-placeholder {color:#fff;}
#top_search .fbox input[type="text"]::input-placeholder {color:#fff;}
*/


#contact {position: relative;padding: 0; color:rgba(51,51,51,0.8); background:no-repeat center #fff;}
#contact .inwrap {width:84%; max-width:1920px; margin:0 auto; text-align:right;}
#contact .box {display:inline-block; width:500px; padding:78px 53px; text-align:center; background:#ceb099;}
#contact h2 {position:relative; font-family:'Gotham book',sans-serif; font-size:40px; color:#fff; font-weight:700; line-height:1;}
#contact h2:after {position:absolute; left:0; right:0; bottom:4px; height:1px; background:#fff; content:'';}
#contact dt {margin:30px 0 10px; font-family:'Gotham book',sans-serif; font-size:26px; font-weight:700; color:#333333;}
#contact dt * {vertical-align:middle;}
#contact dt i {display:inline-block; width:24px; height:24px; margin-left:8px; background:url('../images/main/contact_icon.png') no-repeat center;}
#contact dd {font-size:17px; line-height:1.47; text-align:center;}
#contact dd > div {display:inline-block; text-align:left;}
#contact dd span {display:inline-block; width:130px; font-weight:500;}


#contact {font-family: 'Spoqa Han Sans Neo',sans-serif;color: #222;padding: 150px 0;}
#contact .csize01 {display: flex;align-items: center;justify-content: space-between;}
#contact .csize01 .left_wrap h3 {display: flex;align-items: center;font-size: 40px;font-family: 'Spoqa Han Sans Neo',sans-serif;font-weight: bold;}
#contact .csize01 .left_wrap h3 span {width: 8px;height: 40px;background-color: #A7DFDA;margin-right: 10px;}
#contact .csize01 .left_wrap h4 {font-size: 25px;padding-top: 20px;font-weight: 500;}
#contact .csize01 .left_wrap strong {display: block;font-size: 50px;font-weight: 700;}

#contact .csize01 .left_wrap .time h5 {font-size: 25px;font-weight: 500;padding-top: 30px;padding-bottom: 10px;}
#contact .csize01 .left_wrap .time ul li {display: flex;font-size: 25px;font-weight: 300;}
#contact .csize01 .left_wrap .time ul li h6 {width: 100px;}
#contact .csize01 .left_wrap .time span {display: block;font-size: 20px;font-weight: 300;color: #666;padding-top: 20px;}

#contact .csize01 .left_wrap .sns {margin-top: 50px;}
#contact .csize01 .left_wrap .sns ul {display: flex;}
#contact .csize01 .left_wrap .sns ul li {margin-left: 20px;}
#contact .csize01 .left_wrap .sns ul li:first-child {margin-left: 0;}



#contact .csize01 .map_box .map_tit {display: flex;align-items: center;margin-bottom: 20px;}
#contact .csize01 .map_box .map_tit span {width: 8px;height: 40px;background-color: #A7DFDA;margin-right: 10px;}
#contact .csize01 .map_box .map_tit h3 {display: flex;align-items: center;font-size: 40px;font-family: 'Spoqa Han Sans Neo',sans-serif;font-weight: bold;}
#contact .csize01 .map_box .map_tit p {font-size: 20px;padding-left: 15px;font-weight: 300;}
#contact .csize01 .map_box .map_map {position: relative;}

#contact .csize01 .map_box .map_map .map_wrap {position:relative;overflow:hidden;width:100%;height:350px;}
#contact .csize01 .map_box .map_map .radius_border{border:1px solid #919191;border-radius:5px;}     
#contact .csize01 .map_box .map_map .custom_typecontrol {position:absolute;top:10px;right:10px;overflow:hidden;width:130px;height:30px;margin:0;padding:0;z-index:1;font-size:12px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;display: flex;}
#contact .csize01 .map_box .map_map .custom_typecontrol span {display:block;width:65px;height:30px;float:left;text-align:center;line-height:30px;cursor:pointer;}
#contact .csize01 .map_box .map_map .custom_typecontrol .btn {background:#fff;background:linear-gradient(#fff,  #e6e6e6);min-width: auto;padding: 0;font-size: 12px;color: #222 !important;}   
#contact .csize01 .map_box .map_map .custom_typecontrol .btn:hover {background:#f5f5f5;background:linear-gradient(#f5f5f5,#e3e3e3);}
#contact .csize01 .map_box .map_map .custom_typecontrol .btn:active {background:#e6e6e6;background:linear-gradient(#e6e6e6, #fff);}    
#contact .csize01 .map_box .map_map .custom_typecontrol .selected_btn {color:#fff;background:#425470;background:linear-gradient(#425470, #5b6d8a);}
#contact .csize01 .map_box .map_map .custom_typecontrol .selected_btn:hover {color:#fff;}   
#contact .csize01 .map_box .map_map .custom_zoomcontrol {position:absolute;top:50px;right:10px;width:36px;height:80px;overflow:hidden;z-index:1;background-color:#f5f5f5;} 
#contact .csize01 .map_box .map_map .custom_zoomcontrol span {position: relative;display:block;width:36px;height:40px;text-align:center;cursor:pointer;}     
#contact .csize01 .map_box .map_map .custom_zoomcontrol span img {position: absolute;top: 50%;left: 50%;width:15px;height:15px;border:none;z-index: 10;transform: translate(-50%,-50%);}             
#contact .csize01 .map_box .map_map .custom_zoomcontrol span:first-child{border-bottom:1px solid #bfbfbf;}  


.fmenu {float:left; width:100%; margin-bottom:60px; border-bottom:1px solid #444444; font-size:0; text-align:center;}
.fmenu li {display:inline-block; position:relative;}
.fmenu li+li:before {position:absolute; top:50%; left:0; width:1px; height:14px; margin-top:-7px; background:#525252; content:''}
.fmenu a {display:block; padding:0 40px; font-size:18px; color:#e8e8e8; line-height:60px; font-weight:300;}




#footer {background:#333333;}
#footer .inwrap {overflow:hidden; padding:0px 0 75px;}
#footer .cbox {float:left; width:50%; padding-top:20px;}
#footer .logo h2 {display:inline-block;}
#footer .logo .tax01 {margin-top:5px; margin-left:20px;}
#footer address {margin-top:30px; font-size:17px; color:#5b5a5a; line-height:1.58;}
#footer .hotline {float:left; width:50%; padding-left:15px;padding-top: 100px;}
#footer .box {max-width:590px; border-radius:10px; color:#868686; background:#2b2b2b;height: 100px;}
#footer .hotline h3 {font-size:20px; font-weight:500;}
#footer .hotline ul {margin-top:7px; font-size:24px; color:#909090; text-align:left;}
#footer .hotline li {position:relative; margin-top:11px; padding-left:0px; line-height:20px;}
#footer .hotline span {position:absolute; top:0; left:0; overflow:hidden; width:20px; height:20px; text-indent:-999px; text-align:left;}
/* #footer .hotline a {pointer-events:none;} */
#footer .tax02 {display:none;}

.bottom_sns {padding:0 15px 0; text-align:center; font-size:0; background:#464646;}
.bottom_sns ul {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width:400px; margin:0 auto; text-align:center;}
.bottom_sns li {display:inline-block;}
.bottom_sns * {vertical-align:middle;}
.bottom_sns img {opacity:.2; vertical-align:middle; transition:opacity 0.3s;}
.bottom_sns a {display:block; height:70px; position:relative; padding:24px 0 23px;}
.pc .bottom_sns a:hover img {opacity:1;}
.bottom_sns li.on a img {opacity:1;}
.bottom_sns li.on a:after {position:absolute; left:50%; bottom:0; margin-left:-6px; border:6px solid #525252; border-color: transparent transparent #525252; content:'';}



.bottom_lan {display:none; position:relative; font-size:0; background:#525252;}
.bottom_lan ul {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width:400px; margin:0 auto; padding:17px 0; text-align:center;}
.bottom_lan li {display:inline-block;}
.bottom_lan.open {display:block;}
.bottom_lan.open:before {position:absolute; top:-11px; right:0; border:11px solid #525252; border-color:transparent transparent #525252  transparent; content:'';}

.lan_list span {display:block; overflow:hidden; width:25px; height:25px; background:url('../images/common/icon_lan.png') no-repeat; text-indent:-999px; background-size:auto 100%;}
.lan_list .s01 span {background-position:0% 0;}
.lan_list .s02 span {background-position:10% 0;}
.lan_list .s03 span {background-position:20% 0;}
.lan_list .s04 span {background-position:30% 0;}
.lan_list .s05 span {background-position:40% 0;}
.lan_list .s06 span {background-position:50% 0;}
.lan_list .s07 span {background-position:60% 0;}
.lan_list .s08 span {background-position:70% 0;}
.lan_list .s09 span {background-position:80% 0;}




#count {position:fixed; right:0; bottom:0; z-index:1000; width:400px; height:32px; transition:all 0.5s;}
#count .swiper-container {position:relative;}
#count .swiper-wrapper {height:32px;}
#count .swiper-slide {height:32px; padding-left:55px; font-size:14px; color:#a9aaaf; line-height:32px;}
#count .swiper-slide strong {font-weight:400; color:#ff286c;}
#count .count {background:url('../images/common/icon_count.png') #1f2231 no-repeat 30px center;} 
#count .booked {background:url('../images/common/icon_booked.png') #1f2231 no-repeat 30px center;} 
#count .btn_count_close {position:absolute; top:8px; right:4px; z-index:2; cursor:pointer;}
#count.close {bottom:-50px; pointer-events:none}



#quick {position:absolute; top:170px; right:0; z-index:1001; width:140px; font-size:14px; line-height:16px; letter-spacing:0em;}
#quick.fixed_top {position:fixed; top:60px;}
.quick_menu {position:relative; z-index:110;}
.quick_menu strong {font-weight:400;}
.quick_menu > ul {background:#2f3238;}
.quick_menu .consultation a {display:block; height:116px; padding-top:74px; font-size:15px; font-weight:600; text-align:center; color:#323339; background:url('../images/common/quick_consultation_bg.jpg');}
.quick_menu > ul > li {position:relative; z-index:5; border-bottom:1px solid #4e5156; background:#2f3238;}
.quick_menu > ul > li > div,
.quick_menu > ul > li > a {padding:9px 12px;}
.quick_menu .addr strong {color:#fff;}
.quick_menu .addr p {margin-top:3px; color:#93a2bd;}
.quick_menu .ctime strong {display:inline-block; width:40px; color:#fff;}
.quick_menu .ctime span {display:inline-block; color:#93a2bd;}
.quick_menu .fconsulting {z-index:4; border-bottom:0;}
.quick_menu .fconsulting a {display:block; position:relative; z-index:5; border-bottom:1px solid #4e5156; color:#fff; background:url('../images/common/icon_qucik_arr01.png') 120px center no-repeat #2f3238;}
.quick_menu .fconsulting.on a {color:#3a3a3a; font-weight:400; background:url('../images/common/quick_gbg.png') 0 center no-repeat;}
.quick_menu .cart a {display:block; padding-left:40px; color:#fff; line-height:30px; background:url('../images/common/icon_quick_cart.png') 12px center no-repeat;}
.quick_menu .news {border-bottom:0;}
.quick_menu .news a {display:block; padding:5px; background:#eeeeee;}
.quick_menu .news .img_wrap {overflow:hidden; border:1px solid #dbdbdb;}
.quick_menu .news .img_wrap span {display:block; position:relative; padding-bottom:61.65%;}
.quick_menu .news .img_wrap img {position:absolute; top:0; left:0; width:100%;}
.quick_menu .news .tit {max-height:32px; margin:7px 0 4px; display: -webkit-box; white-space: normal; word-wrap: break-word; -webkit-line-clamp:2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow:hidden; color:#363636; font-weight:400;}
.quick_menu .news .txt {max-height:30px; display: -webkit-box; white-space: normal; word-wrap: break-word; -webkit-line-clamp:2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow:hidden; font-size:12px; line-height:15px; color:#363636}
.btn_news_close {position:relative; z-index:5;}
.quick_menu .btn_top {display:block; width:60px; margin:0 0 0 70px;}
.quick_menu .btn_home {display:block; width:60px; margin:10px 0 0 70px;}


#quick_cont {position:absolute; top:100px; right:0; z-index:1000;}

#fconsulting {position:absolute; right:-150px; top:0; z-index:2; width:150px; padding:0; background:#f7d281; transition:right 0.4s;}
#fconsulting li {padding:12px 13px; font-size:14px; color:#323339; font-weight:400;}
#fconsulting li+li {border-top:1px solid #d6ba7a;}
#fconsulting strong {font-weight:500;}
#fconsulting p {margin-top:4px;}
#fconsulting.open {right:140px;}

.qpop {display:none; width:500px;}
.qpop .top {padding-left:30px; background:url('../images/common/qpop_tit_bg.jpg') center; background-size:cover;}
.qpop .top h2 {font-family:'Spoqa Han Sans Neo',sans-serif; font-size:30px; color:#323339; line-height:79px; font-weight:800;}
.qpop .qtxt {margin-bottom:17px; font-size:16px; color:#323339; font-weight:400; line-height:20px;}
.btn_quick_close {position:absolute; top:24px; right:20px;}

#qnews {position:absolute; top:20px; right:-500px; background:#fff; transition:right 0.4s;}
#qnews .scroll_box {position:relative; height:570px;}
#qnews .scroll_box .inbox {position:relative; height:570px; padding:30px; overflow-y:auto;}
#qnews .scroll_box:after {position:absolute; left:0; bottom:0; right:30px; z-index:2; height:30px; background:#fff; content:'';}
#qnews .img_wrap {overflow:hidden; border:1px solid #dbdbdb;}
#qnews .img_wrap span {display:block; position:relative; padding-bottom:61.65%;}
#qnews .img_wrap img {position:absolute; top:0; left:0; width:100%;}
#qnews .tit {margin-top:16px; font-size:30px; line-height:35px; color:#363636; font-weight:700;}
#qnews .txt {margin-top:10px; font-size:17px; line-height:25px; color:#757575}
#qnews.open {right:170px;}

#qconsultation {position:absolute; top:20px; right:-500px; z-index:15; background:#fff; transition:right 0.4s;}
#qconsultation .box {padding:30px;}
#qconsultation .mrow {position:relative; padding-left:110px;}
#qconsultation .mrow+.mrow {margin-top:14px;}
#qconsultation .mrow input[type="text"] {width:100%; height:36px; padding:0; padding-left:10px; border:1px solid #dbdbdb; font-size:16px; color:#888888; background:#f2f2f2;}
#qconsultation .mrow textarea {width:100%; height:155px; padding:10px; border:0; border:1px solid #dbdbdb; font-size:16px; color:#888888; background:#f2f2f2;}
#qconsultation .mrow .label {position:absolute; top:0; left:0; font-size:16px; font-weight:500; color:#323339; line-height:36px;}
#qconsultation .mrow .label.r2 {line-height:1.2;}
#qconsultation .email_wrap {overflow:hidden;}
#qconsultation .email_wrap input[type="text"] {float:left; width:45%;}
#qconsultation .email_wrap .bar {float:left; width:10%; font-size:16px; line-height:36px; text-align:center; color:#333333;}
#qconsultation .submit {width:100%; height:66px; margin-top:25px; font-size:30px; color:#fff; font-weight:500; background:#2f3238;}
#qconsultation.open {right:170px;}




#qcart {position:absolute; top:-50px; right:-500px; z-index:10; color:#323339; background:#fff; transition:right 0.4s;}
#qcart .top {height:110px; padding-top:12px;}
#qcart .top h2 {font-size:28px; line-height:50px;}
#qcart .top p {margin-top:2px; font-size:16px; color:#323339;}
#qcart .scroll_box {position:relative; height:680px; overflow-y:auto;}
#qcart .scroll_box dl {padding:30px;}
#qcart .scroll_box dl+dl {border-top:1px solid #dbdbdb;}
#qcart dt {margin-bottom:7px; font-size:20px; font-weight:500;}
#qcart .submit {display:block; height:66px; margin:0 30px 30px; font-size:30px; color:#fff; text-align:center; line-height:66px; background:#1c3ca4;}
#qcart.open {right:170px;}



#quotation {position:absolute; top:-50px; right:-770px; width:770px; color:#323339; background:#fff; transition:right 0.4s;}
#quotation.open {right:680px;}
#quotation .box {padding:20px 0}
#quotation .top_btn {padding:0 30px; text-align:right;}
#quotation .top_btn a {display:inline-block; width:120px; font-size:15px; color:#fff; text-align:center; line-height:30px; background:#34353b;}
#quotation .scroll_cont {height:300px; margin-top:10px; padding:0 30px; overflow-y:auto;}
#quotation .btn_quotation_consult {display:block; max-width:450px; margin:30px auto 10px; font-size:18px; color:#fff; line-height:50px; text-align:center; background:#2f3238;}
#quotation .cart_notice {width:90%; max-width:600px; margin:30px auto 0; text-align:center;}
#quotation .total_price {height:220px; background:#f2f2f2;}
#quotation .qlist {margin:-5px; word-break:break-all;}
#quotation .qlist li {padding:5px;}
#quotation .qlist li > div {position:relative; height:100%; padding:30px; background:#f2f2f2;}
#quotation .qlist .btn_del {overflow:hidden; position:absolute; top:0; right:0; width:24px; height:24px; text-indent:-999px; background:url('../images/common/btn_del.png'); background-size:100% auto;}
#quotation .qlist div p {display:table; width:100%; border-bottom:1px solid #cccccd;}
#quotation .qlist div p:first-child {border-top:1px solid #34353b;}
#quotation .qlist strong,
#quotation .qlist span {display:table-cell; padding:10px; vertical-align:middle;}
#quotation .qlist strong {width:120px; font-size:16px; color:#bb8f49; font-weight:400; letter-spacing:0;}
#quotation .qlist span {font-size:14px; line-height:1.3}
#quotation .qlist span.price {font-weight:700;}
#quotation .total_price {padding:30px; background:#f2f2f2}
#quotation .total_price h3 {font-size:20px; font-weight:700;}
#quotation .total_price .row {margin:15px -35px 0;}
#quotation .total_price dl {position:relative; padding:0 35px;}
#quotation .total_price .price:after {position:absolute; top:50%; right:0; width:16px; height:28px; right:-8px; margin-top:-14px; background:url('../images/common/icon_price_arr.png') no-repeat; content:'';}
#quotation .total_price dt {font-size:16px; color:#fff; text-align:center; line-height:35px; font-weight:300; background:#34353b;}
#quotation .total_price dd {height:90px; padding:15px 30px; border:1px solid #dbdbdb; border-top:0; background:#fff;}
#quotation .price dd {font-size:18px; line-height:60px; text-align:center; font-weight:700;}
#quotation .country dd {overflow-y:scroll; padding:15px 0; font-size:14px; line-height:22px;}
#currencyCode li {padding:0 30px; cursor:pointer;}
#currencyCode li.on {background:#e5e5e5;}



.qcheckbox {display:block; overflow:hidden; position:relative; padding:8px 0; font-size:14px; color:#323339; line-height:25px;}
.qcheckbox * {vertical-align:middle;}
.qcheckbox input {position:absolute; top:-100px; left:0;}
.qcheckbox label {display:inline-block; position:relative; padding:0 20px 0 40px;}
.qcheckbox label em {color:#999999;}
.qcheckbox label:before {position:absolute; top:0px; left:0; width:25px; height:25px; border:1px solid #dbdbdb; content:'';}
.qcheckbox input:checked+label:before {border-color:#f7d281; background:url('../images/common/icon_qcheckbox.png') no-repeat 0 0; background-size:100% 100%;}




#consultation {height:497px; padding:75px 0; background:no-repeat center #ededed;}
#consultation h2 {font-family:'Spoqa Han Sans Neo',sans-serif; font-size:60px; font-weight:400; color:#222222; line-height:1.3; letter-spacing:-0.07em; padding-bottom:5px;}
#consultation h2 strong {font-weight:800;}
#consultation .stxt {font-size:20px; color:#333333;}
#consultation input[type="submit"] {overflow:hidden; position:absolute; top:0; right:0; width:154px; height:154px; text-indent:-999px; background:url('../images/main/consultation_btn.png') no-repeat; cursor:pointer;}
#consultation .mbox {display:inline-block; position:relative; width:100%; max-width:1080px; margin-top:50px; padding-right:155px;}
#consultation .mbox .mcol {float:left; width:50%; padding-right:42px;}
#consultation .mrow {position:relative; padding-left:122px;}
#consultation .mrow+.mrow {margin-top:10px;}
#consultation .mrow input[type="text"] {width:100%; height:45px; padding:0; padding-left:10px; border:0; font-size:20px; font-weight:300; color:#888888; background:#fff;}
#consultation .mrow textarea {width:100%; height:155px; padding:10px; border:0; font-size:20px; font-weight:300; color:#888888; background:#fff;}
#consultation .mrow .label {position:absolute; top:0; left:0; font-size:20px; color:#333333; line-height:45px;}
#consultation .mrow .label.r2 {line-height:24px;}
#consultation .email_wrap {overflow:hidden;}
#consultation .email_wrap input[type="text"] {float:left; width:45%;}
#consultation .email_wrap .bar {float:left; width:10%; font-size:20px; line-height:45px; text-align:center; color:#333333;}




@media all and (min-width:1200px){
	#top_search {position:absolute; top:-170px; left:0; z-index:111100; width:100%; height:170px; background:rgba(45,47,53,0.9); transition:top 0.4s;}
	#top_search .inwrap {position:relative; width:94%; max-width:1280px; margin:0 auto;}
	#top_search .btn_close {overflow:hidden; position:absolute; top:40px; right:0; width:32px; height:32px; text-indent:-999px; background:url('../images/common/btn_search_close.png') no-repeat; background-size:contain;}
	#top_search .fbox {max-width:560px; margin:43px auto 0; padding-left:50px; border-bottom:2px solid #cdcdcd; background:url('../images/common/icon_search.png') no-repeat 0 17px;}
	#top_search .fbox input[type="text"] {height:60px; border:0; font-family:'Gotham book',sans-serif; font-size:40px; font-weight:500; color:#fff; background:transparent; width:100%;}


	#header.tsearch_open #top_search {top:0px;}


	#consultation {background-image:url('../images/main/consultation_bg.jpg');}
}

@media all and (max-width:1199.99px){

	.csize01,
	.csize02 {width:auto; margin-left:30px; margin-right:30px;}
	.board_contents {margin-left:30px; margin-right:30px;}


	
    #quick {display:none;}
	#qconsultation {display:none;}

	#pc_header {display:none;}
	#mobile_header {display:block;}	
	
	#top_search {position:fixed; top:0px; left:0; z-index:10; width:100%; height:66px;}
	#top_search .btn_close {overflow:hidden; position:absolute; top:25px; right:20px; width:20px; height:20px; text-indent:-999px; background:url('../images/common/btn_search_close.png') no-repeat; background-size:contain;}
	#top_search .sbox {overflow:hidden; position:absolute; top:66px; left:0; right:0; height:0; background:rgba(45,47,53,0.9); transition:all 0.4s;}
	#top_search .fbox {margin:22px 40px 30px; padding-left:29px; border-bottom:1px solid #cdcdcd; background:url('../images/common/icon_search.png') no-repeat 0 10px; background-size:18px;}
	#top_search .fbox input[type="text"] {height:35px; border:0; padding:0; font-family:'Gotham book',sans-serif; font-size:18px; font-weight:500; color:#fff; background:transparent; width:100%;}
	#header.tsearch_open #top_search {top:0; z-index:100;}
	#header.tsearch_open #top_search .sbox {height:88px;}
	#header.tsearch_open .mobile_top .btn_menu,
	#header.tsearch_open .mobile_top .btn_tsearch,
	#header.tsearch_open .mobile_top .btn_app {display:none}

	
	
	

	#contact {background:none;padding: 100px 0;}
	#contact .inwrap {width:auto; padding-top:75%;}
	#contact .box {display:block; width:auto; margin:0 30px 0;}

  #contact .csize01 {display: block;}
  #contact .csize01 .map_box {margin-top: 80px;}
	
	
	#quick {top:0; width:100%; right:-100%;}
	#quick.fixed_top {position:absolute; top:0;}
	.quick_menu {display:none;}
	#qnews {display:none;}


	.btn_quick_close img {width:17px;}
	#qcart {overflow:hidden; position:relative; top:0; width:100%; right:0%; height:120vh;}
	#qcart .top {height:75px; padding-top:10px;}
	#qcart .top h2 {font-size:20px; line-height:30px;}
	#qcart .top p {font-size:14px;}
	#qcart.open {right:100%; height:auto;}
	#qcart .scroll_box {height:auto;}
	#qcart dt {font-size:18px;}

	#quotation {overflow:hidden; position:relative; top:0; right:0; width:100%; height:120vh; border-top:1px solid #cccccd;}
	#quotation.open {right:100%; height:auto;}
	#quotation .top {padding-top:23px; padding-left:15px;}
	#quotation h2 {font-size:20px; line-height:30px;}
	#quotation .top {background:#fff;}
	#quotation .box {padding:0 15px 15px;}
	#quotation .top_btn {display:none;}
	#quotation .scroll_cont {height:auto; padding:0; overflow-y:visible;}
	#quotation .total_price {height:auto;}
	#quotation .btn_quotation_consult {max-width:none; margin:15px 0 0; font-size:15px; line-height:45px;}
	#quotation .qlist li > div {padding:30px 25px;}
	#quotation .qlist strong,
	#quotation .qlist span {font-size:15px;}
	#quotation .qlist strong {width:110px;}
	#quotation .total_price {padding:25px 15px;}
	#quotation .total_price h3 {font-size:18px;}
	#quotation .total_price .price {margin-bottom:45px;}
	#quotation .total_price .price:after {top:100%; right:50%; width:24px; height:14px; margin-top:15px; margin-right:-12px; background:url('../images/common/icon_price_arr_m.png') no-repeat 0 0; background-size:100% 100%;}
	#quotation .total_price dt {font-size:15px; line-height:40px;}
	#quotation .total_price dd {padding:15px 20px;}
	#quotation .price dd {font-size:17px;}
	#quotation .country dd {font-size:15px;}
	
	#qconsultation {position:absolute; top:0; right:0; width:100%}
	#qconsultation.open {right:100%;}
	#qconsultation h2 {font-size:20px; line-height:60px;}

	

	#consultation {padding:80px 0;}
	#consultation .mrow {padding:0;}
	#consultation .mrow .label {display:none;}	
	
	
}
@media all and (max-width:991.9px){
	#consultation {height:auto;}
	#consultation .mbox {padding-right:0;}
	#consultation .mbox .mcol {width:100%; margin-top:10px; padding:0;}
	#consultation h2,
	#consultation .stxt {text-align:center;}
	#consultation input[type="submit"] {position:relative; width:100%; height:60px; margin-top:10px; text-indent:0; font-size:22px; color:#fff; background:#fe0265;}

	.fmenu {float:none; position:relative; margin-bottom:40px; border-bottom:0;}
	.fmenu:before {position:absolute; bottom:0; left:-50px; right:-50px; height:1px; background:#444; content:'';}
	#footer .inwrap {overflow:visible;}
	#footer .cbox {float:none; width:100%; text-align:center;}
	#footer .hotline {float:none; width:100%; padding:0; text-align:center;}
	#footer .box {max-width:none; margin-top:50px; padding:30px;}
	#footer .hotline ul {max-width:400px; margin:10px auto 0;}
	#footer .tax01 {display:none;}
	#footer .tax02 {display:block; margin:35px auto 0;}
}
@media all and (max-width:767.9px){
	.csize01,
	.csize02 {margin-left:15px; margin-right:15px;}
	.board_contents {margin:40px 15px 50px;}

	#main {margin-top:66px;}

	
	#consultation {padding:40px 0;}
	#consultation h2 {font-size:30px; text-align:center;}
	#consultation .stxt {margin-top:8px; font-size:15px; text-align:center;}
	#consultation input[type="submit"] {height:45px; font-size:17px;}
	#consultation .mbox {margin-top:12px;}
	#consultation .mrow input[type="text"] {height:35px; font-size:15px;}
	#consultation .mrow textarea {height:100px; font-size:15px;}
	#consultation .email_wrap .bar {line-height:35px;}
	
	
	.fmenu {width:auto; margin:0 -25px 20px;}
	.fmenu li+li:before {height:12px; margin-top:-6px;}
	.fmenu a {padding:0 12px; font-size:14px; line-height:40px;}
	#footer .cbox {float:none;}
	#footer .hotline {float:none;}
	#footer .inwrap {overflow:visible; padding:0px 0 40px;}
	#footer .box {margin-top:25px; padding:18px 12px;}
	#footer .logo h2 img {width:111px;}
	#footer address {font-size:14px;}
	#footer .hotline h3 {font-size:20px;}
	#footer .hotline ul {max-width:300px; margin:6px auto 0; font-size:13px;}
	#footer .hotline a {pointer-events:auto;}
	#footer .tax02 {margin-top:15px; width:92px;}

	#contact {padding-bottom:40px;}
	#contact h2 {font-size:25px;}
	#contact h2:after {bottom:2px;}
	#contact .box {margin-left:15px; margin-right:15px; padding:40px 25px;}
	#contact .inwrap {margin:0;}
	#contact dt {margin:20px 0 5px; font-size:20px;}
	#contact dt i {width:17px; height:17px; margin-left:5px; background-size:contain;}
	#contact dd {font-size:15px;}


  #contact {padding: 60px 0;}
  #contact .csize01 .left_wrap h3 {font-size: 30px;}
  #contact .csize01 .left_wrap h3 span {width: 6px;height: 32px;margin-right: 8px;}
  #contact .csize01 .left_wrap h4, #contact .csize01 .left_wrap .time h5, #contact .csize01 .left_wrap .time ul li {font-size: 20px;}
  #contact .csize01 .left_wrap strong {font-size: 40px;}
  #contact .csize01 .left_wrap .time h5 {padding-top: 20px;}
  #contact .csize01 .left_wrap .time span {font-size: 16px;padding-top: 10px;}
  #contact .csize01 .left_wrap .sns {margin-top: 30px;}


  #contact .csize01 .map_box .map_tit {flex-wrap: wrap;}
  #contact .csize01 .map_box .map_tit span {width: 6px;height: 32px;margin-right: 8px;}
  #contact .csize01 .map_box .map_tit h3 {font-size: 30px;}
  #contact .csize01 .map_box .map_tit p {width: 100%;font-size: 15px;}





	.bottom_sns ul, 
	.bottom_lan ul {max-width:270px;}
	.bottom_sns img {height:19px}
	.bottom_lan .lan_list li span {width:20px; height:20px;}

	#count {width:100%;}
	#count .swiper-slide {overflow:hidden; padding-left:35px; padding-right:30px; white-space:nowrap; text-overflow:ellipsis;}
	#count .count,
	#count .booked {background-position:10px center;}
	
	
}