/*----- 리뉴얼 작업 시작 -----*/ #fp-nav ul li a span, .fp-slidesNav ul li a span { width:5px; height:5px; background:#959595; } #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span { margin:-6px 0 0 -7px; width:15px; height:15px; background:#000; } #main_st2 .fp-tableCell > .inner { margin-top:75px; } #main_st2 #header_st2 { position:fixed; left:0; top:0; z-index:1000; width:100%; background:rgba(0,0,0,0.6);} #main_st2 #header_st2 h1 { position:absolute; left:50px; top:10px;} #main_st2 #header_st2 .callbox { position:absolute; right:20px; top:20px; padding:0 20px; background:#000;} #main_st2 #header_st2 .callbox span { display:inline-block; font-size:15px; color:rgba(255,255,255,0.65); vertical-align:middle; line-height:35px;} #main_st2 #header_st2 .callbox strong { display:inline-block; margin-left:12px; font-size:18px; color:#00c6ff; vertical-align:middle; line-height:35px;} #main_st2 #header_st2 #nav {text-align:center;} #main_st2 #header_st2 #nav h2 { display:none; } #main_st2 #header_st2 #nav > ul { display:inline-block; margin:15px 0; font-size:0;} #main_st2 #header_st2 #nav > ul > li { display:inline-block; vertical-align:middle;} #main_st2 #header_st2 #nav > ul > li > a { display:inline-block; padding:10px 20px; font-size:16px; color:#fff; line-height:24px;} #main_st2 .nav_bg { display:none; } #main_sec { background:url(/img/001.jpg) no-repeat center; background-size:cover;} #main_sec .txt_logo { position:absolute; left:85px; top:50%; margin-top:-179px;} #main_sec .txt_wrap { text-align:center;} #main_sec .txt_wrap strong { display:block; font-size:55px; color:#fff; -webkit-text-shadow:3px 3px 5px rgba(0,0,0,0.3); text-shadow:3px 3px 5px rgba(0,0,0,0.3); -webkit-animation: fadeInDown 0.5s 0.3s both; animation: fadeInDown 0.5s 0.3s both;} #main_sec .txt_wrap p { padding:15px 0 0; font-size:17px; color:#fff; line-height:25px; -webkit-text-shadow:3px 3px 5px rgba(0,0,0,0.3); text-shadow:3px 3px 5px rgba(0,0,0,0.3); -webkit-animation: fadeInDown 0.5s 0.7s both; animation: fadeInDown 0.5s 0.7s both;} #main_sec1 { position:relative;} #main_sec1 .bg { position:absolute; left:50%; top:100px; z-index:0; margin-left:-870px; width:1740px; height:400px; background:url(/img/bg_sun_story.jpg) no-repeat center; background-size:cover;} #main_sec1 .inner { position:relative; z-index:1; margin:0 auto; width:1200px;} #main_sec1 .inner:after { content:""; display:block; clear:both;} #main_sec1 .inner .left { float:left;} #main_sec1 .inner .right { float:right;} #main_sec1 .inner .img { position:absolute; right:0; top:0;} #main_sec1 .inner h2 { padding:50px 0 0; font-size:50px; color:#fff; line-height:44px; letter-spacing:3px;} #main_sec1 .inner h2 span { display:block;} #main_sec1 .inner .story_nav { padding:20px 0 30px;} #main_sec1 .inner .story_nav li { display:inline-block; text-align:center;} #main_sec1 .inner .story_nav li > a { display:inline-block; width:175px; border:1px solid rgba(255,255,255,0.5); font-size:15px; color:rgba(255,255,255,0.5); line-height:40px;} #main_sec1 .inner .story_nav li.on > a {border:1px solid #fff; color:#fff;} #main_sec1 .inner .story_conarea { display:none; } #main_sec1 .inner .story_conarea .img_area > div { display:inline-block; margin-right:5px; margin-bottom:10px; vertical-align:middle; box-shadow:2px 2px 5px rgba(0,0,0,0.2);} #main_sec1 .inner .story_conarea .txt_area strong { display:block; padding:40px 0 20px; font-size:20px; font-weight:500;} #main_sec1 .inner .story_conarea .txt_area p { font-size:14px; color:#868686; line-height:22px;} #main_sec1 .fp-tableCell { border-bottom:1px solid #ddd; } #main_sec2 { background-repeat: no-repeat !important; background-size: 38% !important; background-position: 70px center !important; text-align:center;} #main_sec2:after { content:""; position: absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.9); } #main_sec2 .inner { position: relative; z-index:10; margin:0 auto; width:1400px;} #main_sec2 h2 { font-size:50px; letter-spacing:3px; } #main_sec2 .menu_nav { padding:35px 0;} #main_sec2 .menu_nav ul { font-size:0; text-align:center;} #main_sec2 .menu_nav li { display:inline-block;} #main_sec2 .menu_nav li a { display:inline-block; width:180px; border:1px solid #666; font-size:17px; color:#666; line-height:40px;} #main_sec2 .menu_nav li.on a { background:#000; border:1px solid #000; color:#fff; } #main_sec2 .menu_conarea { display:none; } #main_sec2 .menu_conarea .menu_slider h3 { font-size:34px; color:#242424;} #main_sec2 .menu_conarea .menu_slider p { padding:25px 0 30px; font-size:14px; color:#868686; line-height:22px;} #main_sec2 .menu_conarea .menu_slider strong { font-size:15px; line-height:24px;} #main_sec2 .menu_conarea .menu_slider .slick-dots { position:absolute; left:0; top:0; width:100%;} #main_sec2 .menu_conarea .menu_slider .slick-dots li { display:inline-block; margin:0 20px; vertical-align:middle;} #main_sec2 .menu_conarea .menu_slider .slick-dots li button { display:inline-block; font-size:18px; color:#666;} #main_sec2 .menu_conarea .menu_slider .slick-dots li.slick-active button { position:relative; padding:0 0 5px; font-size:22px; color:#000;} #main_sec2 .menu_conarea .menu_slider .slick-dots li.slick-active button:after { content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#000;} #main_sec2 .menu_conarea .menu_slider .slick-list { padding:100px 0 0;} #main_sec2 .menu_conarea .menu_slider .slick-slide { position:relative; height:400px;} #main_sec2 .menu_conarea .menu_slider .txtbox { margin:0 auto; max-width:540px; } #main_sec2 .menu_conarea .menu_slider .imgbox { position:absolute; right:0; top:0;} #main_sec2 .menu_conarea .menu_slider .slick-prev {position:absolute; left:630px; top:auto; bottom:0; z-index:10; width:52px; height:52px; border-radius:52px; background:#383838 url(/img/bu/bu_slider_arrow.png) no-repeat 19px center; font-size:0; line-height:0;} #main_sec2 .menu_conarea .menu_slider .slick-next {position:absolute; right:630px; top:auto; bottom:0; z-index:10; width:52px; height:52px; border-radius:52px; background:#383838 url(/img/bu/bu_slider_arrow.png) no-repeat -56px center; font-size:0; line-height:0;} /*#main_sec3 .inner { position: relative; margin:0 auto; width:1560px;}*/ #main_sec3 { background:url(/img/bg_interior01.jpg) no-repeat center; background-size:cover; } #main_sec3 .titarea { position: absolute; left: 15%; top: 20%;} #main_sec3 .titarea h2 { padding:0 0 15px; font-size:50px; letter-spacing:3px; } #main_sec3 .titarea p { font-size:14px; color:#6c6c6c; line-height:22px;} #main_sec3 .titarea p span { display:block;} #main_sec3 .brand_nav { padding:25px 0 0; } #main_sec3 .brand_nav li { margin:5px 0;} #main_sec3 .brand_nav li > a { display:inline-block; width:180px; border:1px solid #393939; font-size:17px; color:#393939; line-height:40px; text-align:center;} #main_sec3 .brand_nav li.on > a { border:1px solid #000; background:#000; color:#fff;} #main_sec3 .brand_conarea { display:none; text-align:right;} #main_sec3 .brand_conarea .coninner { display:inline-block; margin-right:3%; width:1300px;} #main_sec3 .brand_conarea .coninner2 { display:inline-block; margin-right:15%; width:910px;} #main_sec3 .brand_conarea .coninner3 { display:inline-block; margin-right:3%; width:1300px;} #main_sec3 .brand_conarea .coninner4 { display:inline-block; margin-right:15%; width:910px;} #main_sec3 .brand_conarea .interior_slider .slick-list { padding:0 50px 100px !important;} #main_sec3 .brand_conarea .interior_slider .slick-slide { float: none; display:inline-block; margin:0 10px; vertical-align: middle; -webkit-transform: scale(0.25) translate(2000px); -moz-transform: scale(0.25) translate(2000px); transform: scale(0.25) translate(2000px); -webkit-transition: transform .4s; -moz-transition: transform .4s; transition: transform .4s; -webkit-filter: grayscale(100%); filter: gray; } #main_sec3 .brand_conarea .interior_slider .slick-slide img { display:inline-block; } #main_sec3 .brand_conarea .interior_slider .slick-active { -webkit-transform: scale(0.4) translate(380px); -moz-transform: scale(0.4) translate(380px); transform: scale(0.4) translate(380px); } #main_sec3 .brand_conarea .interior_slider .slick-center { -webkit-transform: scale(1) translate(0); -moz-transform: scale(1) translate(0); transform: scale(1) translate(0); -webkit-filter: grayscale(0); filter: none; } #main_sec3 .brand_conarea .interior_slider .slick-center + .slick-slide { -webkit-transform: scale(0.4) translate(-380px); -moz-transform: scale(0.4) translate(-380px); transform: scale(0.4) translate(-380px); } #main_sec3 .brand_conarea .interior_slider .slick-center + .slick-slide + .slick-slide { -webkit-transform: scale(0.25) translate(-2000px); -moz-transform: scale(0.25) translate(-2000px); transform: scale(0.25) translate(-2000px); } #main_sec3 .brand_conarea .interior_slider .slick-prev {position:absolute; left:570px; top:auto; bottom:0; z-index:10; width:52px; height:52px; background:#383838 url(/img/bu/bu_slider_arrow.png) no-repeat 19px center; font-size:0; line-height:0;} #main_sec3 .brand_conarea .interior_slider .slick-next {position:absolute; right:570px; top:auto; bottom:0; z-index:10; width:52px; height:52px; background:#383838 url(/img/bu/bu_slider_arrow.png) no-repeat -56px center; font-size:0; line-height:0;} #main_sec3 .brand_conarea .interior_slider.resetSlider .slick-slide { opacity: 0; visibility: hidden; transition: none;} #main_sec3 .brand_conarea .interior_slider .slick-slide { opacity: 1; visibility: visible; transition: all 0.3s;} #main_sec3 .brand_conarea .interior_slider .slick-slide .imgbox:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8);} #main_sec3 .brand_conarea .interior_slider .slick-active .imgbox:after { background:rgba(0,0,0,0.3);} #main_sec3 .brand_conarea .interior_slider .slick-center .imgbox:after { display:none;} /* #main_sec3 .brand_conarea .interior_slider .slick-active { transform: scale(0.25) translate(1900px); } #main_sec3 .brand_conarea .interior_slider .slick-active + .slick-active { transform: scale(0.4) translate(350px); } #main_sec3 .brand_conarea .interior_slider .slick-center { transform: scale(1) translate(0) !important; -webkit-filter: grayscale(0); filter: none;} #main_sec3 .brand_conarea .interior_slider .slick-center + .slick-slide { transform: scale(0.4) translate(-350px) !important; } #main_sec3 .brand_conarea .interior_slider .slick-center + .slick-slide + .slick-slide { transform: scale(0.25) translate(-1900px); } #main_sec3 .brand_conarea .interior_slider .slick-prev {position:absolute; left:570px; top:auto; bottom:0; z-index:10; width:52px; height:52px; border-radius:52px; background:#383838 url(/img/bu/bu_slider_arrow.png) no-repeat 19px center; font-size:0; line-height:0;} #main_sec3 .brand_conarea .interior_slider .slick-next {position:absolute; right:570px; top:auto; bottom:0; z-index:10; width:52px; height:52px; border-radius:52px; background:#383838 url(/img/bu/bu_slider_arrow.png) no-repeat -56px center; font-size:0; line-height:0;} #main_sec3 .brand_conarea .interior_slider .slick-slide .imgbox:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:511px; background:rgba(0,0,0,0.8);} #main_sec3 .brand_conarea .interior_slider .slick-active + .slick-active .imgbox:after { background:rgba(0,0,0,0.5);} #main_sec3 .brand_conarea .interior_slider .slick-center .imgbox:after { display:none;} */ #main_sec4 h2 { padding:0 0 25px; font-size:50px; letter-spacing:3px; } #main_sec4 .inner { margin:0 auto; width:1200px; text-align:center;} #main_sec4 .pagenavi{text-align:center;font-size:0;position:relative;margin:30px 0 0 0;} #main_sec4 .pagenavi a, #main_sec4 .pagenavi button {display:inline-block; margin:0 2px; width:40px; height:40px; border:1px solid #aaa; font-size: 13px; color:#aaa; line-height:38px; text-align:center;} #main_sec4 .pagenavi a:focus, #main_sec4 .pagenavi button:focus, #main_sec4 .pagenavi a:hover, #main_sec4 .pagenavi button:hover{border:1px solid #404040; color: #404040;} #main_sec4 .pagenavi a.pagebtn.active, #main_sec4 .pagenavi button.pagebtn.active{border: 1px solid #404040; background: #404040; color: #fff;} #main_sec4 .pagenavi .control{ overflow:hidden; display:inline-block; position:relative; width:40px; height:40px; vertical-align:top; font-size:0; border:1px solid #aaa;} #main_sec4 .pagenavi .control span{ overflow:hidden; display:inline-block; margin:16px 0 0 0; width:10px; height:7px; background: url('/theme/basic/img/bu/bu_page_arr.png') no-repeat 0 0; text-indent:-9999px;} #main_sec4 .pagenavi .control.next span{background-position: 0 -7px;} #main_sec4 .pagenavi .control.next{margin-left: 10px;} #main_sec4 .pagenavi .control.prev{margin-right: 10px;} #main_sec4 .store_p_wrap .store_p_movie { top:10%; } #main_sec5 { background:url(/img/bg_fr01.jpg) no-repeat center; background-size:cover; } #main_sec5 .franchise_area { display:none; } #main_sec5 h2 { padding:0 0 15px; font-size:50px; color:#fff; letter-spacing:3px; } #main_sec5 .inner { margin:0 auto; width:1200px; text-align:center;} #main_sec5 .franchise_nav { padding:0 0 40px;} #main_sec5 .franchise_nav ul { font-size:0; text-align:center;} #main_sec5 .franchise_nav li { display:inline-block;} #main_sec5 .franchise_nav li a { display:inline-block; width:180px; border:1px solid rgba(255,255,255,0.5); font-size:17px; color:rgba(255,255,255,0.5); line-height:40px;} #main_sec5 .franchise_nav li.on a { border:1px solid #fff; color:#fff;} #main_sec5 .fc_step ul { font-size:0;} #main_sec5 .fc_step ul:after { content:""; display:block; claer:both;} #main_sec5 .fc_step ul li { float:left; width:20%; vertical-align:middle;} #main_sec5 .fc_step ul li.right dl { position:relative; padding-bottom:70px;} #main_sec5 .fc_step dl dt { position:relative; display:inline-block; width:165px; height:165px; border-radius:165px; border:1px solid #797979;} #main_sec5 .fc_step dl dt > div { margin:30px 0 0; height:55px; } #main_sec5 .fc_step dl dt > span { display:block; padding:7px 0 0; font-size:16px; color:#fff; line-height:24px;} #main_sec5 .fc_step dl dd { padding:30px 0 0; font-size:14px; color:rgba(255,255,255,0.6); line-height:20px; text-align:center;}#main_sec5 .fc_step ul li.right { float:left;} #main_sec5 .fc_step ul li.right dl dt:after { content:""; position:absolute; right:-50px; top:50%; margin-top:-7.5px; width:22px; height:15px; background:url(/img/bu/bu_fc_step_right.png) no-repeat center;} #main_sec5 .fc_step ul li.left { float:right;} #main_sec5 .fc_step ul li.left dl dt:after { content:""; position:absolute; left:-50px; top:50%; margin-top:-7.5px; width:22px; height:15px; background:url(/img/bu/bu_fc_step_left.png) no-repeat center;} #main_sec5 .fc_step ul li.list01 dl dd { font-size:16px; color:#fff;} #main_sec5 .fc_step ul li.list01 dl dd strong { display:block; color:#f66800; font-weight:500;} #main_sec5 .fc_step ul li.list05 dl dt:after { display:none;} #main_sec5 .fc_step ul li.list05 dl:before { content:""; position:absolute; left:50%; bottom:35px; margin-left:-7.5px; width:15px; height:22px; background:url(/img/bu/bu_fc_step_bottom.png) no-repeat center;} #main_sec5 .fc_step ul li.list10 dl dt { border:5px solid #fff;} #main_sec5 .fc_step ul li.list10 dl dt:after { display:none;} #main_sec5 .fc_step ul li.list10 dl dd { font-size:16px; color:#fff;} #main_sec6 { background:url(/img/bg_fr01.jpg) no-repeat center; background-size:cover; } #main_sec6 .franchise_area { display:none; } #main_sec6 h2 { padding:0 0 15px; font-size:50px; color:#fff; letter-spacing:3px; } #main_sec6 .inner { margin:0 auto; width:1200px; text-align:center;} #footer_st2 .inner { position:relative; padding:30px 0; margin:0 auto; width:1200px;} #footer_st2 .address { font-size:13px; color:#777777; line-height:24px;} #footer_st2 .address p { padding:0 0 15px;} #footer_st2 .address p span { margin:0 8px;} #footer_st2 h2 { position:absolute; right:0; top:30px;} @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @media all and (max-width: 1700px) { #main #section0 .right .mainslider { margin-left:170px;} } @media all and (max-width: 1600px) { #header h1 { top:42px; width:200px;} #subhead.fixed.active #header h1 { top:22px; width:200px;} #main #section0 .left { margin-top:-240px; width:auto; height:auto;} #main #section0 .left .bg01 { position:static; margin:20px 0; width:160px;} #main #section0 .left .bg02 { position:static; margin:20px 0; width:160px;} #main #section0 .left .bg03 { position:static; margin:20px 0; width:160px;} #main #section0 .right { margin:0 5% 0 20%; max-width:1050px;} #main #section0 .right .txtwrap { } #main #section0 .right .mainslider { margin-left:0; float:right; max-width:850px;} #main #section0 .right .mainslider .slick-prev { left:110px;} #main #section0 .right .mainslider .slick-next { right:30px;} #main #section1 h2 strong { font-size:78px;} #main #section1 h2 p { padding:5px 0; font-size:27px;} #main #section1 .btnarea { padding:35px 0 30px;} #main #section1 .auth > li dl > dt > strong { font-size:22px;} #main #section4 #instafeed a { width:250px; height:250px;} } @media all and (max-width: 1440px) { #header { height:100px;} #header h1, #subhead.fixed.active #header h1 { left:20px; top:33px; width:180px;} #header .lnbwrap { padding:37px 0 0;} #header .topsns { right:20px; top:40px;} .nav_toggle { top:35px;} #sitemap h2 { width:200px; } #sitemap .sitecon .sitenavi { width:700px; } #sitemap .sitecon .sitenavi > li > strong { font-size:27px; } #sitemap .sitecon .sitenavi > li > .depth li a { font-size:17px; } #main #section0 .left { margin-top:-200px;} #main #section0 .left .bg01 { width:140px;} #main #section0 .left .bg02 { width:140px;} #main #section0 .left .bg03 { width:140px;} #main #section0 .right { margin:0 5% 0 20%; max-width:980px;} #main #section0 .right .txtwrap { top:110px; z-index:10;} #main #section0 .right .mainslider { max-width:720px;} #main #section0 .right .mainslider .slick-prev { left:110px;} #main #section0 .right .mainslider .slick-next { right:30px;} #main #section0 .right .txtwrap > span { font-size:32px; letter-spacing:5px;} #main #section0 .right .txtwrap .nameslider { margin-left:35px; width:100px;} #main #section0 .right .txtwrap .nameslider strong { font-size:65px;} #main #section0 .right .txtwrap .chkpoint { left:140px;} .btn_youtube { width:80px; height:40px;} #main #section1 h2 strong { font-size:65px;} #main #section1 h2 p { padding:0; font-size:24px;} #main #section1 .btnarea { padding:30px 0;} #main #section1 .auth > li dl > dt > strong { font-size:20px;} #main #section2 h2 { font-size:43px;} #main #section2 .txt { padding:10px 0 0; font-size:16px;} #main #section2 .khslider .slidearea p { font-size:20px; line-height:27px;} #main #section3 .maxinner > h2 { font-size:38px; line-height:55px;} #main #section3 .maxinner > p { padding:15px 0; font-size:16px; letter-spacing:-0.5px;} #main #section3 .trand .imgbox { width:180px; height:124px;} #main #section4 h2 { font-size:38px;} #main #section4 h2 img { display:inline-block; margin-top:-5px; width:50px; vertical-align:middle;} #main #section4 p { margin:5px 0 35px; font-size:16px;} } @media all and (max-width: 1280px) { /* 레이아웃 크기 지정 */ #hd, #wrapper, #ft{min-width:none;} #hd_pop, #hd_wrapper, #tnb ul, #gnb .gnb_wrap, #container_wr, #ft_wr{width:auto;} .nav_toggle { top:33px; right:-60px;} #header .lnbwrap .lnb > li { margin:0 20px;} #header .topsns li { margin:0 8px;} #header .lnbwrap .lnb > li > a { font-size:17px;} #main #section0 .left { margin-top:-170px;} #main #section0 .left .bg01 { width:115px;} #main #section0 .left .bg02 { width:115px;} #main #section0 .left .bg03 { width:115px;} #main #section0 .right { margin:0 5% 0 17%; max-width:850px;} #main #section0 .right .mainslider { max-width:580px;} #main #section0 .right .mainslider .slick-prev { left:80px;} #main #section0 .right .mainslider .slick-next { right:20px;} #main #section0 .right .txtwrap { top:70px;} #main #section0 .right .txtwrap > span { font-size:28px; letter-spacing:3px;} #main #section0 .right .txtwrap .nameslider { margin-left:35px; width:90px;} #main #section0 .right .txtwrap .nameslider strong { font-size:55px; letter-spacing:10px;} #main #section0 .right .txtwrap .chkpoint { left:120px;} #main #section1 h2 strong { font-size:55px; line-height:65px;} #main #section1 h2 p { padding:0; font-size:22px;} #main #section1 .auth > li dl > dt > span.ico { width:130px; height:130px;} #main #section2 .maxinner { margin:0 20px; width:auto;} #main #section2 h2 { font-size:38px; letter-spacing:-1px;} #main #section2 .txt { padding:5px 0 0; font-size:15px; line-height:23px;} #main #section2 .khslider { margin:40px auto 0; max-width:1000px;} #main #section2 .khslider .slidearea p { font-size:20px; line-height:27px;} #main #section3 .maxinner { margin:0 20px; width:auto;} #main #section3 .maxinner > h2 { font-size:32px; line-height:48px;} #main #section3 .maxinner > p { font-size:15px; line-height:25px;} #main #section3 .trand { width:520px;} #main #section3 .trand .imgbox { width:160px; height:110px;} #main #section4 h2 { font-size:32px;} #main #section4 h2 img { width:45px;} #main #section4 p { margin:5px 0 30px; font-size:15px;} #main #section4 .maxinner { max-width:1000px; width:auto;} #main #section4 #instafeed a { width:220px; height:220px;} #footer .ft_top .maxinner { margin:0 20px; width:auto;} #footer .ft_top .callbox { padding:18px 0;} #footer .ft_top .callbox span { margin:0 0 5px; font-size:16px;} #footer .ft_top .callbox strong { font-size:27px;} #footer .ft_top .ft_navi { padding:38px 0 0;} #footer .ft_top .ft_navi li a { font-size:15px;} #footer .ft_btm .maxinner { margin:0 20px; width:auto;} #sub .maxinner { margin:0 20px; } #sub #sitemap .maxinner { margin:0; } #sub .subtit { margin-top:148px; padding:40px 0; } #sub .subtit h2 { font-size:38px; line-height:45px;} #sub .subtit p { padding:10px 0 0; } .about .sec01 .maxinner { width:auto;} .about .sec02 .maxinner { width:auto;} .about .sec03 .maxinner { width:auto;} .gallery .maxinner { width:auto;} .location .maxinner { width:auto;} .location .maparea { width:auto; height:500px;} .menu .maxinner { width:auto;} .search_store .maxinner { width:auto;} .open_store .maxinner { width:auto;} .competition .sec01 .maxinner { width:auto;} .competition .sec02 .maxinner { width:auto;} .competition .sec03 .maxinner { width:auto;} .process .maxinner { width:auto;} .price .maxinner { width:auto;} .consultation .maxinner { width:auto;} #bo_list .maxinner { width:auto;} #bo_v .maxinner { width:auto; } #bo_w .maxinner { width:auto; } #bo_gall .maxinner { width:auto; } .store_p_wrap .detail{padding: 10px;} .store_p_wrap .store_p_movie { margin:0 20px; } .store_p_wrap .detail .info{;} .store_p_wrap .detail .info .photo{float: none;width: 100%;} .store_p_wrap .detail .info .txts{margin: 30px 0 0 0;} .store_p_wrap .detail .info .txts .btnArea{;} .store_p_wrap .detail .info .txts .btnArea a{;} .store_p_wrap .detail .map{;} .open_store .openlist .listbox { width:48%; } .competition .sec01 .tbwrap .tbcon span { font-size:20px; } .competition .sec01 .tbwrap .tbcon p, .competition .sec01 .tbwrap .tbcon p span { font-size:16px; line-height:24px;} .competition .sec01 .tbwrap .tbcon strong { font-size:40px; letter-spacing: -1px;} .competition .sec02 .cplist .txt dd { padding:0 20px 0 0; line-height:1.5; } .competition .sec02 .cplist .txt dd span.pcblock { display:initial !important; } .competition .sec02 .cplist .bg { height:auto; } .competition .sec02 .cplist .txt dt span { padding:30px 0 0; font-size:55px; line-height:55px; } .competition .sec02 .cplist .txt dt strong { padding:10px 0; font-size:25px; } .process .sec01 { overflow: hidden; margin:0 auto; max-width:900px; } .process .sec01 .leftlist { margin-right:-55px; } .process .sec01 .leftlist .pc_step { background-position: 90% 25%; } .process .sec01 .leftlist .pc_step.last {background-position: 37% 85%;} .process .sec01 .rightlist { margin-left:-55px; } .process .sec01 .rightlist .pc_step { background-position: 10% 25%; } .process .sec01 .pc_step { padding-bottom:65px; } .process .sec01 .pc_step .con .ico { width:180px; height:180px; } .process .sec02 .edu_system { margin:0 auto; max-width:900px; } .process .sec02 .edu_system .oneweek { width:51%; } .process .sec02 .edu_system .twoweek { margin-left:2%; width:23%;} .process .sec02 .edu_system .trheeweek { margin-left:2%; } .process .sec02 .edu_system .weekbox .con { width:170px; } .process .sec02 .edu_system .oneweek .con { width:420px; } .process .sec02 .edu_system .oneweek ul li p { font-size:14px; letter-spacing: -1px;} .process .sec02 .edu_system strong { font-size:25px; } } @media all and (max-width: 999px) { #sitemap { background:#fff; } #sitemap h2 { padding:20px 0; max-width:none; width:auto; background:#932f4a;} #sitemap h2 img { width:120px; } #sitemap .sitecon .sitenavi { padding:0; } #sitemap .sitecon .sitenavi > li { margin:0; border-top:1px solid #be8292;} #sitemap .sitecon .sitenavi > li > strong { position: relative; display:block; padding:8px 20px; background:rgba(255,255,255,0.1); border-bottom:1px dotted rgba(255,255,255,0.5); font-size:17px; color:#932f4a;} #sitemap .sitecon .sitenavi > li > strong:after { content:""; position: absolute; right:30px; top:20px; border:7px solid transparent; border-top:7px solid #932f4a; } #sitemap .sitecon .sitenavi > li > .depth { padding:8px 0; background:rgba(0,0,0,0.1);} #sitemap .sitecon .sitenavi > li > .depth li { margin:0;} #sitemap .sitecon .sitenavi > li > .depth li a { padding:0; margin:0 0 0 20px; font-size:15px; color:#333;} #sitemap .sitecon .sitenavi > li > .depth li a:after { display:none; } #sitemap .sitecon .sitenavi { width:auto; } #sitemap .btnarea { position: absolute; right:20px; top:17px; margin:0; } .btn_close_sitemap { width:35px; height:35px; background-size:15px !important; background-color:rgba(0,0,0,0.6);} #main .bg_video { display:none !important;} #main .secwrap { padding-top:0;} #main .section { display:block !important; height:auto !important;} #main .fp-tableCell { display:block !important; height:auto !important;} #main #section0 .secwrap { padding-top:80px;} #main #section1 { position: relative; background: #000 url(/theme/basic/img/@img_bg_video.jpg) no-repeat center;} #main #section1:after { content:""; position: absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);} #main #section1 .fp-tableCell { position: relative; z-index:10; } #header { height:80px; box-shadow: 0 2px 4px rgba(0,0,0,0.3);} #header h1, #subhead.fixed.active #header h1 { top:26px; width:160px;} #header .lnbwrap { position: static;} #header .lnbwrap .lnb { display:none;} .nav_toggle { right:20px; top:25px;} #header .topsns { display:none;} #main #section0 { padding:70px 0;} #main #section0 .secwrap { position:relative; margin-right:55px;} #main #section0 .left { display:none; margin-top:-170px; left:0; top:50%; margin-top:-295px;} #main #section0 .left .bg01 { width:100px;} #main #section0 .left .bg02 { width:100px;} #main #section0 .left .bg03 { width:100px;} #main #section0 .right { overflow:hidden; margin:0 auto; max-width:650px;} #main #section0 .right .txtwrap { position:static; margin-left:55px; text-align:center;} #main #section0 .right .txtwrap > span { position:static; font-size:25px; letter-spacing:2px; writing-mode:horizontal-tb; -ms-writing-mode:lr-tb;} #main #section0 .right .txtwrap .nameslider { position:static; margin:0; width:auto;} #main #section0 .right .txtwrap .nameslider strong { margin-left:0; font-size:48px; letter-spacing:8px; writing-mode:horizontal-tb; -ms-writing-mode:lr-tb;} #main #section0 .right .mainslider { margin:0 auto; float:none; max-width:500px;} #main #section0 .right .txtwrap .chkpoint { position:static; margin:10px 0; width:100%;} #main #section0 .right .mainslider .slick-prev { left:40px;} #main #section0 .right .mainslider .slick-next { right:-20px;} #main #section1 { padding:100px 0;} #main #section1 .maxinner { margin:0 20px; width:auto} #main #section1 h2 strong { font-size:45px; line-height:50px;} #main #section1 h2 p { padding:0; font-size:20px;} #main #section1 .auth { margin:0; font-size:0;} #main #section1 .auth > li { margin:0 2%;} #main #section1 .auth > li dl > dt > span.ico { margin:0 auto 10px; width:110px; height:110px;} #main #section1 .auth > li dl > dt > strong { font-size:18px;} #main #section2 { padding:100px 0;} #main #section2 .maxinner { margin:0 20px;} #main #section2 .khslider .slidearea span.ico { margin:60px 0 0;} #main #section2 h2 { font-size:35px;} #main #section2 .slick-prev { left:0;} #main #section2 .slick-next { right:0;} #main #section2 .khslider { padding:0 50px; } #main #section2 .khslider .slidearea p { margin:0 0 50px; font-size:18px;} #main #section3 { padding:100px 0;} #main #section3 .bgbox { left:50%; top:50%; margin-left:-802.5px; margin-top:-350px; width:1605px; height:700px;} #main #section4 { padding:100px 0;} #main #section4 .maxinner { margin:0 20px;} #main #section4 #instafeed a {width: 187px;height:200px;} #footer .ft_top { position:relative;} #footer .ft_top .ft_navi { float:none; padding:110px 0 30px; width:auto; text-align:center;} #footer .ft_top .ft_navi li a { font-size:14px;} #footer .ft_top .callbox { float:none; position:absolute; left:0; top:0; width:100%; padding:25px 0; text-align:center;} #footer .ft_top .callbox strong { display:inline-block;} #footer .ft_btm { text-align:center;} #footer .ft_btm .address { float:none; padding:30px 0 0; width:auto;} #footer .ft_btm .ft_sns { float:none; padding:20px 0; width:auto;} #subhead #subnavi { height:5px; } #subhead #subnavi ul { display:none !important; } #sub .subtit { margin-top:85px; } #sub .subtit h2 { font-size:32px; line-height:40px; } .about .sec01 { padding:70px 0; background-position: 60% center;} .about .sec01 .txtwrap h3 { font-size:25px; } .about .sec01 .txtwrap p { padding:30px 0 0; font-size:15px; line-height:1.5; } .about .tit_type01, .about .tit_type01 span { font-size:25px; } .about .txt_type01, .about .txt_type01 span { font-size:15px; line-height:1.5; } .about .sec03 .vision li strong { font-size:35px; } .about .sec03 .vision li p { padding-top:5px; letter-spacing: -0.5px;} .gallery .g_navi > a { width:13.28571428571429%; } .location .maparea { height:450px; } .location h3 { font-size:25px; } .location p { font-size:15px; } .menu .item .itemlist.on .sum strong { font-size:26px; } .menu .item .itemlist .sum p { overflow: hidden; margin-top:5px; padding:0; height: 40px; min-height:auto; font-size: 14px; line-height: 20px; letter-spacing: -1.2px; font-weight: 300; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;} .search_store .searchArea .searchBox > .clearfix > div.list01 { width:40%; } .search_store .searchArea .searchBox > .clearfix > div.list03 { width:60%; } .store_p_wrap .detail .map { height:450px !important; } #main_sec4 .store_p_wrap .detail .map { height:450px !important;} .open_store .openlist .listbox { background-position: center 15px !important; } .open_store .openlist .listbox .txtwrap { margin:90px 0 0; padding:20px 0;} .open_store .callbox span { font-size:19px; } .open_store .callbox strong { font-size:35px; line-height:40px;} .competition .sec02 .cplist { margin:0 auto 50px; max-width:600px; width:auto; } .competition .sec02 .cplist .bg { overflow: hidden; position: relative; float:none; width:100%; height:300px;} .competition .sec02 .cplist .bg img { position: absolute; left:50%; top:50%; width:600px; height:380px; margin:-210px 0 0 -300px; max-width:none;} .competition .sec02 .cplist .txt { float:none; width:auto; } .competition .sec02 .cplist.right .txt dt, .competition .sec02 .cplist.right .txt dd { padding:0; } .competition .sec02 .cplist .txt dt span { font-size:40px; line-height:40px; } .competition .sec02 .cplist .txt dt strong { font-size:22px; } .btn_type01 { padding:0 60px 0 20px; font-size:16px;} .competition .sec03 .left span { padding-left:30px; font-size:20px; line-height:20px; } .competition .sec03 .left strong { font-size:35px; line-height:35px; } .tbstyle01 table th { font-size:15px; word-break: keep-all;} .tbstyle01 table td { padding:10px; font-size:14px; word-break: keep-all;} .tbstyle02 table th { padding:10px 20px; font-size:15px; word-break: keep-all;} .tbstyle02 table td { font-size:14px; word-break: keep-all;} #bo_v_title { padding:10px; } #bo_v_title .bo_v_tit { font-size:18px; } .bo_v_nb li .nb_tit { font-size:14px; } .bo_v_nb li a { font-size:14px; } .bo_v_nb li .nb_date { font-size:14px; } .tbl_frm01 th { padding:5px 10px; } .process .sec02 .edu_system .oneweek { float:none; padding-bottom:50px; margin-bottom:50px; width:auto; background:url(/theme/basic/img/bu/bu_step_bottom.png) no-repeat center bottom;} .process .sec02 .edu_system .twoweek { float:none; padding-bottom:50px; margin-bottom:50px; margin-left:0; width:auto; background:url(/theme/basic/img/bu/bu_step_bottom.png) no-repeat center bottom;} .process .sec02 .edu_system .threeweek { float:none; margin-left:0; width:auto;} .process .sec02 .edu_system .oneweek .con { margin:0 auto; } .process .sec02 .edu_system .weekbox .con { margin:0 auto; } .process .sec02 .edu_system strong { font-size:22px; } .process .sec01 { max-width:700px; } .process .sec01 .pc_step .con .ico { width:130px; height:130px; } .process .sec01 .pc_step .con span { padding:15px 0 5px; font-size:15px;} .process .sec01 .pc_step .con .ico > div { width:50px; height:50px; background-size:70% !important; } .process .sec01 .pc_step .con p { padding:10px 0 0; font-size:14px; } .process .sec01 .leftlist .pc_step.last { background-position: 33% 85%; } #main #section1 .btnarea a { pointer-events: initial; } #main .fixprivacy .con { left:5%; top:10%; width:90%; margin:0;} #main .fixprivacy .con .inner { padding:20px; } #main .fixprivacy .con .inner h2 { font-size:22px; } #main .fixprivacy .con .inner .box { padding:0 20px 20px; height:280px; } } @media all and (max-width: 769px) { .nav_toggle { top:23px; } #header h1, #subhead.fixed.active #header h1 { top:28px; width:120px;} #main #section0 .secwrap { margin-right:40px;} #main #section0 .right .txtwrap { margin-left:40px;} #main #section0 .right .txtwrap > span { font-size:20px;} #main #section0 .right .txtwrap .nameslider strong { font-size:38px;} #main #section0 .right .mainslider { max-width:420px;} #main #section0 .right .mainslider .slick-prev { left:40px;} #main #section0 .right .mainslider .slick-next { right:0;} #main #section1 h2 strong { font-size:38px; letter-spacing:0;} #main #section1 h2 p { font-size:18px; line-height:24px;} #main #section1 .auth { margin:0 auto; max-width:450px;} #main #section1 .auth > li { margin:15px 2%; width:46%; vertical-align:top;} #main #section1 .auth > li span.pcblock { display:initial !important; word-break:keep-all;} #main #section2 h2 { font-size:32px; line-height:45px;} #main #section2 .txt { font-size:14px;} #main #section2 .khslider .slidearea p { font-size:16px; line-height:22px;} #main #section2 .slick-prev { background-size:20px; } #main #section2 .slick-next { background-size:20px; } #main #section2 .txt span.pcblock { display:initial !important; word-break:keep-all;} #main #section3 .maxinner > h2 { font-size:28px; line-height:42px;} #main #section3 .maxinner > p { font-size:14px; line-height:23px;} #main #section3 .trand { width:430px;} #main #section3 .trand .imgbox { width:130px; height:89px;} #main #section4 h2 { font-size:28px;} #main #section4 p { font-size:14px; word-break:keep-all;} #main #section4 #instafeed a { width:160px; height:160px;} #footer .ft_btm .address p { word-break:keep-all;} #footer .ft_top .ft_navi li { padding-left:20px; } #footer .ft_top .ft_navi li:after { left:10px; } #sub .subtit { padding:30px 0; } #sub .subtit h2 { font-size:25px; } #sub .subtit p { padding:0 20px; font-size:14px; word-break: keep-all; } #sub #contents { padding-bottom:80px; } .about .sec01 { background-position: 65% center; } .about .sec01 .txtwrap h3 { font-size:22px; } .about .sec01 .txtwrap p { font-size:14px; } .about .sec02 { padding:50px 0; } .about .tit_type01, .about .tit_type01 span { font-size:22px; } .about .txt_type01, .about .txt_type01 span { font-size:14px; word-break: keep-all;} .about span.pcblock {display:initial !important;} .about .sec03 { padding:50px 0; } .about .sec03 .vision { display:block; height:auto; background-size:cover;} .about .sec03 .vision li { display:block; padding:25px 0; width:auto; } .about .sec03 .vision li.vision02, .about .sec03 .vision li.vision03, .about .sec03 .vision li.vision04 { border-left:none !important; border-top:1px dotted #fff; } .about .sec03 .vision li strong { font-size:32px; } .gallery .bx-wrapper .bx-controls-direction a { margin-top:-22.5px; width:45px; height:45px; background-size:12px !important; } .gallery .bx-wrapper .bx-prev { left:3%; } .gallery .bx-wrapper .bx-next { right:3%; } .gallery .g_navi > a { width:19%; } .location .maparea { height:350px; } .location h3 { padding:0 0 5px; font-size:22px; } .location p { font-size:14px; } .location p span { margin:0 5px; } .menu .item .itemlist.on .sum { position: static; background:#000;} .menu .item .itemlist.on { margin: 0 1% 40px; } .menu .item .itemlist.on .sum strong { font-size:20px; } .menu .item .itemlist.on .sum p { margin-bottom:5px; padding:0 20px;} .menu .item .itemlist { margin:0 1% 15px; width:48%; } .menu .item .itemlist:after { display:none !important; } .search_store .searchArea .searchBox em { margin-bottom:5px; font-size:15px; } .search_store .searchArea .searchBox { padding:20px; } .search_store .searchArea .searchBox > .clearfix { margin:0 auto 20px; width:350px;} .search_store .searchArea .searchBox > .clearfix > div { float:none; margin:10px 0; width:auto !important;} .search_store .searchArea .searchBox select { max-width:120px; } .btn_search_store { padding:0 40px 0 20px; background-position: 85% center;} .search_store .resultArea .info_wrap .info .name { font-size:17px; } .search_store .resultArea .info_wrap .info .addr { font-size:14px; } .search_store .resultArea .info_wrap .info .tel { font-size:13px; } .search_store .resultArea .info_wrap { padding:15px 20px; } .btn_mapview { padding:0 40px 0 20px; font-size:14px;} .store_p_wrap .detail .map { height:350px !important; } #main_sec4 .store_p_wrap .detail .map { height:350px !important; } .store_p_wrap .store_name { padding:10px 0; font-size:17px; } .store_p_wrap .store_desc { font-size:14px; word-break: keep-all;} .store_p_wrap .store_desc span#store_addr { display:block; padding-bottom:20px; border-bottom:1px dotted #ddd; } .open_store .openlist .listbox { margin:5px 1%;} .open_store .openlist .listbox .txtwrap .txt .tit span { font-size:17px; } .open_store .openlist .listbox .txtwrap .txt .tit strong { font-size:16px; } .open_store .openlist .listbox .txtwrap p { font-size:14px; } .open_store .callbox { padding:30px 0 0; } .open_store .callbox span { font-size:17px; line-height:25px; } .open_store .callbox strong { font-size:30px; line-height:35px;} .competition .sec01 .tbwrap { height:330px; } .competition .sec01 .tbwrap .tbcon span { font-size:15px; } .competition .sec01 .tbwrap .tbcon p, .competition .sec01 .tbwrap .tbcon p span {font-size:14px;} .competition .sec01 .tbwrap .tbcon strong { font-size:25px; } .competition .sec01 .tbwrap .tbcon p { padding:0 30px; } .competition .sec01 .tbwrap .tbcon p span.pcblock { display:initial !important; word-break: keep-all;} .competition .sec02 .cplist .txt dt span { font-size:30px; line-height:30px; } .competition .sec02 .cplist .txt dt strong { font-size:19px; line-height:19px; } .competition .sec02 .cplist .txt dd { font-size:14px; } .competition .sec03 .left { float:none; text-align: center;} .competition .sec03 .right { float:none; margin-top:15px; text-align: center;} .competition .sec03 .left strong { padding-left:2%; font-size:28px; line-height:28px; } .competition .sec03 .left span { padding-left:0;font-size:17px; line-height:17px; } .btn_type01 { font-size:14px; } .competition .sec02 { padding:70px 0 0; } .tbstyle02 table th, .tbstyle02 table td { display:block !important; text-align: center;} .btn_complete { font-size:16px; } .input_type01 { height:32px; line-height:32px; } #bo_cate a { padding:0 30px; font-size:14px;} #bo_list .tbl_head01 thead th { font-size:14px; } #bo_list .tbl_head01 td { font-size:14px; } .th_datetime, .td_datetime { display:none !important; } .th_num, .td_num { display:none !important; } .th_name, .td_name { display:none !important; } #bo_w .tbl_frm01 th, #bo_w .tbl_frm01 td {display:block !important; width:auto; height:auto; text-align: center;} .process .sec02 .edu_system strong { font-size:18px; word-break: keep-all;} .process .sec02 .edu_system .weekbox .box { padding:30px 0; font-size:15px; } .process .sec02 .edu_system span.edutit { font-size:18px; } .process .sec02 .edu_system .oneweek .con { max-width:420px; width:auto; } .process .sec02 .edu_system .oneweek ul li span { font-size:16px; } .process .sec02 .edu_system .weekbox span.edutit { margin-left:-35px; font-size:18px; } .process .sec02 .edu_system .oneweek ul li { margin:0 1% 15px; width:31.3333%; } .process .sec02 .edu_system .oneweek ul { border:none; } .process .sec02 .edu_system .oneweek ul li span { border:1px solid #932f4a !important; } .process .sec02 .edu_system .oneweek ul li p { border:1px solid #932f4a !important;} .process .sec01 .leftlist .pc_step { padding-bottom:30px !important; margin-bottom:30px !important; background:url(/theme/basic/img/bu/bu_step_bottom.png) no-repeat center bottom !important; } .process .sec01 .rightlist .pc_step { padding-bottom:30px !important; margin-bottom:30px !important; background:url(/theme/basic/img/bu/bu_step_bottom.png) no-repeat center bottom !important; } .process .sec01 .rightlist .pc_step.last { background:none !important; } .process .sec01 .pc_step .con p { min-height:auto; } .process .sec01 .pc_step .con { display:block; } .process .sec01 .pc_step .con .ico { margin:0 auto; } .process .sec01 .leftlist { margin-right:0; } .process .sec01 .rightlist { margin-left:0; } .process .sec01 .leftlist .pc_step { float:none; width:auto; } .process .sec01 .rightlist .pc_step { float:none; width:auto; } .select_type01 { height:32px; line-height:32px; } #bo_sch .input_type01 { width:200px; } #bo_sch .sch_btn { height:32px; line-height:32px; } .open_store .openlist .listbox { float:none; margin:15px 0; width:auto;} .open_store .openlist .listbox .txtwrap .detail { min-height:auto; } } @media all and (max-width: 600px) { .search_store .resultArea .info_wrap .info { float:none; } .search_store .resultArea .info_wrap .btnarea { float:none; padding:10px 0 0; text-align: right;} .search_store .searchArea .searchBox input[type=text] { width:180px; } .search_store .totalstore { font-size:15px; } .competition .sec02 .cplist .bg { height:250px; } } @media all and (max-width: 479px) { #main #section0 { padding:60px 0;} #main #section0 .secwrap { margin-right:30px;} #main #section0 .right .txtwrap { margin-left:30px;} #main #section0 .right .txtwrap > span { margin-bottom:5px; font-size:17px;} #main #section0 .right .txtwrap .nameslider strong { font-size:35px;} #main #section0 .right .mainslider { max-width:290px;} #main #section0 .right .mainslider .slick-prev { left:30px; background-size:18px;} #main #section0 .right .mainslider .slick-next { right:0; background-size:18px;} #main #section0 .right .txtwrap .chkpoint p { padding:5px 0 0; } #main #section1 { padding:60px 0;} #main #section1 .auth > li { margin:10px 0; padding:15px 0 0; border-top:1px dotted rgba(255,255,255,0.5); width:auto;} #main #section1 .auth > li dl { display:table; width:100%;} #main #section1 .auth > li dl > dt > span.ico { width:90px; height:90px; background-size:50% !important; } #main #section1 .auth > li dl > dt { display:table-cell; width:40%; vertical-align: middle;} #main #section1 .auth > li dl > dd { display:table-cell; vertical-align: middle; text-align: left; line-height:1.5;} #main #section1 h2 strong { font-size:32px;} #main #section1 h2 p { font-size:16px; line-height:20px;} #main #section1 .auth > li dl > dt > strong { font-size:15px;} .btn_youtube { width:65px; height:34px; background-size:12px;} #main #section2 { padding:60px 0;} #main #section2 .txt { line-height:20px;} #main #section2 h2 { font-size:25px;} #main #section2 .slick-prev { background-size:20px;} #main #section2 .slick-next { background-size:20px;} #main #section2 .khslider { padding:0 40px;} #main #section2 .khslider .slidearea span.ico { margin:40px 0 0; } #main #section2 .khslider .slidearea p { margin:0 0 30px; } #main #section3 { padding:60px 0;} #main #section3 .maxinner > h2 { font-size:25px; line-height:40px; text-align: center;} #main #section3 .maxinner > p {text-align: center;} #main #section3 .maxinner > p span.pcblock { display:initial !important; word-break:keep-all;} #main #section3 .trand { margin:0 auto; width:300px;} #main #section3 .trand > li { margin:10px 1%; width:48%; } #main #section3 .trand .imgbox { width:140px; height:96px;} #main #section4 { padding:60px 0; } #main #section4 h2 { font-size:25px; } #main #section4 h2 img { width:40px; } #main #section4 #instafeed a { margin:5px; width:140px; height:140px; } .location .maparea { height:280px; } .location h3 { font-size:20px; } .location p span { display:block; font-size:0; } .about .tit_type01, .about .tit_type01 span { font-size:20px; } .about .sec01 .txtwrap h3 { font-size:20px; } .about .sec01 { background-position: 60% center; } .menu .item .itemlist .sum { padding:15px 10px; } .menu .item .itemlist.on .sum { padding:10px 0 5px; } .menu .item .itemlist.on .sum strong { font-size:17px; } .menu .item .itemlist .sum p { height:36px; font-size:13px; line-height:18px; } .tbstyle01 table th { font-size:14px; } .tbstyle01 table td { padding:10px; font-size:13px; } .price p { font-size:14px; } .process .sec02 .edu_system .oneweek ul li { width:48%; } .process .sec02 .edu_system .oneweek { padding-bottom:30px; margin-bottom:30px; } .process .sec02 .edu_system .twoweek { padding-bottom:30px; margin-bottom:30px; } .store_p_wrap .detail .map { height:280px !important; } #main_sec4 .store_p_wrap .detail .map { height:280px !important; } .store_p_wrap .store_desc .store_tel { margin-right:5px; } #bo_sch .input_type01 { width:150px; } #bo_sch .select_type01 { width:70px; } #bo_sch .sch_btn { width:50px; } } @media (max-width: 1800px) { #main_sec3 .titarea {left:5%;} } @media (max-width: 1600px) { #main_sec3 .titarea { left:5%; } #main_sec3 .brand_conarea .coninner { width:1150px; } #main_sec3 .brand_conarea .interior_slider .slick-slide { width:400px; } #main_sec3 .brand_conarea .interior_slider .slick-slide { -webkit-transform: scale(0.25) translate(1500px); -moz-transform: scale(0.25) translate(1500px); transform: scale(0.25) translate(1500px); -webkit-transition: transform .4s; -moz-transition: transform .4s; transition: transform .4s; -webkit-filter: grayscale(100%); filter: gray; } #main_sec3 .brand_conarea .interior_slider .slick-active { -webkit-transform: scale(0.4) translate(280px); -moz-transform: scale(0.4) translate(280px); transform: scale(0.4) translate(280px); } #main_sec3 .brand_conarea .interior_slider .slick-center { -webkit-transform: scale(1) translate(0); -moz-transform: scale(1) translate(0); transform: scale(1) translate(0); -webkit-filter: grayscale(0); filter: none; } #main_sec3 .brand_conarea .interior_slider .slick-center + .slick-slide { -webkit-transform: scale(0.4) translate(-280px); -moz-transform: scale(0.4) translate(-280px); transform: scale(0.4) translate(-280px); } #main_sec3 .brand_conarea .interior_slider .slick-center + .slick-slide + .slick-slide { -webkit-transform: scale(0.25) translate(-1500px); -moz-transform: scale(0.25) translate(-1500px); transform: scale(0.25) translate(-1500px); } #main_sec3 .brand_conarea .interior_slider .slick-prev { left:500px; } #main_sec3 .brand_conarea .interior_slider .slick-next { right:500px; } } @media (max-width: 1500px) { #main_st2 #header_st2 h1 { top:16px;} #main_st2 #header_st2 h1 a img { width:150px;} #main_sec .txt_logo { left:50px; margin-top:-70px;} #main_sec .txt_logo img { height:250px;} #main_sec .txt_wrap strong { font-size:45px;} #main_sec .txt_wrap p { padding:5px 0 0;} #main_sec1 .inner .story_conarea .img_area > div img { width:230px;} #main_sec1 .inner h2 { padding:20px 0 0;} #main_sec1 .inner .right img { height:550px;} #main_sec2 .inner { width:1200px;} #main_sec2 .menu_nav { padding:20px 0;} #main_sec2 .menu_conarea .menu_slider .slick-list { padding:70px 0 0;} #main_sec2 .menu_conarea .menu_slider .txtbox { width:450px; } #main_sec2 .menu_conarea .menu_slider .slick-prev { left:530px; bottom:50px;} #main_sec2 .menu_conarea .menu_slider .slick-next { right:530px; bottom:50px;} #main_sec2 .menu_conarea .menu_slider .imgbox img { width:350px;} #main_sec3 .titarea h2 { font-size:44px; color:#000; line-height:40px; letter-spacing:2.5px;} #main_sec3 .titarea { position:static; text-align:center;} #main_sec3 .brand_nav { padding:30px 0 70px; } #main_sec3 .brand_nav li { display:inline-block;} #main_sec3 .titarea p { margin:0 auto; max-width:700px; word-break: keep-all;} #main_sec3 .titarea p span { display:initial;} #main_sec3 .brand_conarea .coninner { display:block; margin:0; width:auto;} #main_sec3 .brand_conarea .coninner2 { display:block; margin:0; width:auto;} #main_sec3 .brand_conarea .coninner3 { display:block; margin:0; width:auto;} #main_sec3 .brand_conarea .coninner4 { display:block; margin:0; width:auto;} #main_sec3 .brand_conarea .interior_slider { margin:0 auto; max-width:950px;} #main_sec3 .brand_conarea .interior_slider .slick-prev { left:42%;} #main_sec3 .brand_conarea .interior_slider .slick-next { right:42%;} #main_sec3 .brand_conarea .interior_slider .slick-slide { width:300px; } #main_sec3 .brand_conarea .interior_slider .slick-slide { -webkit-transform: scale(0.25) translate(1180px); -moz-transform: scale(0.25) translate(1180px); transform: scale(0.25) translate(1180px); -webkit-transition: transform .4s; -moz-transition: transform .4s; transition: transform .4s; -webkit-filter: grayscale(100%); filter: gray; } #main_sec3 .brand_conarea .interior_slider .slick-active { -webkit-transform: scale(0.4) translate(230px); -moz-transform: scale(0.4) translate(230px); transform: scale(0.4) translate(230px); } #main_sec3 .brand_conarea .interior_slider .slick-center { -webkit-transform: scale(1) translate(0); -moz-transform: scale(1) translate(0); transform: scale(1) translate(0); -webkit-filter: grayscale(0); filter: none; } #main_sec3 .brand_conarea .interior_slider .slick-center + .slick-slide { -webkit-transform: scale(0.4) translate(-230px); -moz-transform: scale(0.4) translate(-230px); transform: scale(0.4) translate(-230px); } #main_sec3 .brand_conarea .interior_slider .slick-center + .slick-slide + .slick-slide { -webkit-transform: scale(0.25) translate(-1180px); -moz-transform: scale(0.25) translate(-1180px); transform: scale(0.25) translate(-1180px); } .tbstyle03 table td { padding:8px 10px;} #main_sec4 .store_p_wrap .store_p_movie { top:80px; left:50%; margin-left:-500px; max-width:1000px;} #main_sec4 .store_p_wrap .detail .map { height:400px !important;} #main_sec4 .store_p_wrap .store_desc { font-size:15px;} #main_sec5 .franchise_nav { padding:0 0 40px;} #main_sec5 .fc_step dl dt { width:130px; height:130px;} #main_sec5 .fc_step dl dt > div { margin:15px 0 0;} #main_sec5 .fc_step dl dt > span { padding:4px 0 0; font-size:15px; line-height:20px;} #main_sec5 .fc_step dl dd { padding:15px 0 0;} #main_sec5 .fc_step ul li.right dl { padding-bottom:50px;} #main_sec5 .fc_step ul li.list05 dl:before { bottom:20px;} #main_sec6 .request_box { padding:30px 50px;} } @media (max-width: 1280px) { #main_st2 .section { height:auto !important;} #main_st2 .fp-tableCell { height:auto !important;} #main_st2 .fp-tableCell > .inner { margin-top:0 !important;} #main_st2 #main_sec { height:600px !important;} #main_sec .fp-tableCell { padding:0 20px;} #main_sec .txt_wrap strong { font-size:40px;} #main_sec .txt_logo img { height:200px;} #main_sec .txt_logo { margin-top:-55px;} #main_sec1 .fp-tableCell { padding:50px 20px;} #main_sec1 .bg { position:static; margin-left:0; width:100%; height:150px;} #main_sec1 .inner { padding:20px 50px; width:auto;} #main_sec1 .inner h2 { font-size:44px; color:#000; line-height:40px; letter-spacing:2.5px;} #main_sec1 .inner .left { float:left; width:60%;} #main_sec1 .inner .right { float:right; width:35%; text-align:right;} #main_sec1 .inner .story_nav li > a { border:1px solid rgba(0,0,0,0.4); color:rgba(0,0,0,0.4);} #main_sec1 .inner .story_nav li.on > a { border:1px solid #000; color:#000;} #main_sec1 .inner .right img { height:auto;} #main_sec1 .inner .story_conarea .txt_area strong { padding:50px 0 20px;} #main_sec2 { background-size: 40% !important; background-position: 30px center !important;} #main_sec2 .fp-tableCell { padding:70px 20px;} #main_sec2 .fp-tableCell > .inner { width:700px;} #main_sec2 h2 { font-size:44px; color:#000; line-height:40px; letter-spacing:2.5px;} #main_sec2 .menu_nav li a { width:160px; font-size:15px;} #main_sec2 .menu_conarea .menu_slider .slick-dots li button { font-size:16px;} #main_sec2 .menu_conarea .menu_slider .slick-dots li.slick-active button { font-size:20px;} #main_sec2 .menu_conarea .menu_slider .txtbox { float:left; margin:0; max-width:400px; width:60%; text-align:left;} #main_sec2 .menu_conarea .menu_slider .imgbox { position:static; float:right; width:40%;} #main_sec2 .menu_conarea .menu_slider .slick-prev { left:280px;} #main_sec2 .menu_conarea .menu_slider .slick-next { right:280px;} #main_sec3 .fp-tableCell { padding:70px 20px;} #main_sec3 .inner { width:auto;} #main_sec4 .fp-tableCell { padding:70px 20px;} #main_sec4 .inner { width:auto;} #main_sec4 h2 { font-size:44px; color:#000; line-height:40px; letter-spacing:2.5px;} #main_sec5 .fp-tableCell { padding:70px 20px;} #main_sec5 h2 { font-size:44px; line-height:40px; letter-spacing:2.5px;} #main_sec5 .inner { width:auto;} #main_sec5 .franchise_nav li a { width:160px; font-size:15px;} #main_sec6 .fp-tableCell { padding:70px 20px;} #main_sec6 .titbox h2 { font-size:32px; line-height:40px;} #main_sec6 .inner { width:auto;} #footer_st2 .inner { padding:30px 20px; width:auto;} #footer_st2 h2 { right:20px;} #main_st2 #header_st2 .callbox { padding:0 10px;} #main_st2 #header_st2 .callbox span { font-size:14px;} #main_st2 #header_st2 .callbox strong { margin-left:8px; font-size:16px;} #main_sec4 .store_p_wrap .store_p_movie { left:5%; width:90%; margin-left:0;} } @media (max-width: 999px) { #main_st2 #header_st2 .callbox {display:none; position:fixed; left:0; top:0; width:100%; height:25px; background:#eee; text-align:center;} #main_st2 #header_st2 .callbox span { font-size:13px; line-height:25px; color:#555;} #main_st2 #header_st2 .callbox strong { font-size:15px; line-height:25px; color:#000;} #main_st2 #header_st2 { top:0; height:55px; background:#000;} #main_st2 #header_st2 #nav { display:none;overflow-y:scroll; position:fixed; left:0; top:0; z-index:9999; width:250px; height:100%; background:#fff;} #main_st2 #header_st2 #nav h2 { display:block; position: static; padding:25px 15px; background:#000; text-align:left;} #main_st2 #header_st2 #nav h2 img {} #main_st2 #header_st2 #nav > ul { display:block; margin:0; border-bottom:1px solid #ddd;} #main_st2 #header_st2 #nav > ul > li { display:block; width:auto; text-align:left;} #main_st2 #header_st2 #nav > ul > li:nth-child(5){background:#00829e;} #main_st2 #header_st2 #nav > ul > li:nth-child(6){background:#699000;} #main_st2 #header_st2 #nav > ul > li:nth-child(5) > a { color:#fff !important;} #main_st2 #header_st2 #nav > ul > li:nth-child(6) > a { color:#fff !important;} #main_st2 #header_st2 #nav > ul > li > a { display:block; position:relative; padding:12px 20px; border-top:1px solid #ddd; font-size:15px; color:#000;} #main_st2 #header_st2 #nav > ul > li > a:after {content:""; position:absolute; right:20px; top:18px; border:7px solid transparent; border-left:7px solid #000;} #main_st2 #header_st2 h1 { left:20px; top:10px;} #main_st2 #header_st2 h1 a img { width:140px;} .btn_menu_open {display:block !important; position: absolute; right:20px; top:14px; width:30px;height:30px;border:0;background:url('/img/bu/ico_menu.png') no-repeat 50% 50%;background-size:19px;color:#fff;font-size:1em;text-indent:-9999px;-webkit-appearance:none;} .btn_close_menu { display:block !important; position:absolute; top:5px; right:5px; width:30px;height:30px; background:url('/img/bu/ico_close.png') no-repeat 50% 50%;;border:1px solid #fff;text-indent:-99999px;background-size:15px;} .nav_bg { position: fixed; left:0; top:0; z-index:9000; width:100%; height:100%; background:rgba(0,0,0,0.6); } #main_st2 #header_st2.open .nav_bg { display:block; } #main_st2 #header_st2.open #nav { display:block; } #main_st2 #main_sec { margin-top:55px; height:200px !important;} #main_sec .txt_logo { left:20px; top:20px; margin:0;} #main_sec .txt_logo img { height:130px;} #main_sec .txt_wrap strong { font-size:35px;} #main_sec .txt_wrap p { margin:0 auto; max-width:600px; width:100%; font-size:15px; word-break:keep-all;} #main_sec1 .bg { height:120px;} #main_sec1 .inner { padding:20px 0;} #main_sec1 .inner h2 { position:absolute; left:0; top:-80px; padding:0; width:100%; font-size:35px; color:#fff; line-height:40px; letter-spacing:2px; text-align:center;} #main_sec1 .inner h2 span { display:inline-block; margin-left:10px;} #main_sec1 .inner .story_nav { position:absolute; left:0; top:20px; padding:0; width:100%; text-align:left;} #main_sec1 .inner .story_nav li > a { width:150px; font-size:13px;} #main_sec1 .inner .left { float:none; margin:80px 0 0; width:auto;} #main_sec1 .inner .right { float:none; position:absolute; right:0; top:-80px; width:230px;} #main_sec2 h2 { font-size:35px; line-height:40px; letter-spacing:2px; text-align:center;} #main_sec2 .menu_nav li a { width:150px; font-size:13px;} #main_sec2 .menu_conarea .menu_slider .slick-dots li button { font-size:15px;} #main_sec2 .menu_conarea .menu_slider h3 { font-size:28px;} #main_sec3 .titarea h2 { font-size:35px; line-height:40px; letter-spacing:2px; text-align:center;} #main_sec3 .brand_nav { padding:20px 0 50px;} #main_sec3 .brand_nav li > a { width:150px; font-size:13px;} #main_sec3 .brand_conarea .interior_slider { max-width:600px; } #main_sec3 .brand_conarea .interior_slider .slick-prev { left:230px; } #main_sec3 .brand_conarea .interior_slider .slick-next { right:230px; } #main_sec4 h2 { font-size:35px; line-height:40px; letter-spacing:2px; text-align:center;} #main_sec5 h2 { font-size:35px; line-height:40px; letter-spacing:2px; text-align:center;} #main_sec5 .franchise_nav li > a { width:150px; font-size:13px;} #main_sec5 .fc_step ul { margin:0 auto; max-width:500px; width:100%;} #main_sec5 .fc_step ul li { width:50%;} #main_sec5 .fc_step dl dd { min-height:60px;} #main_sec5 .fc_step ul li dl { position:relative; padding-bottom:50px !important;} #main_sec5 .fc_step ul li dl dt { position:relative;} #main_sec5 .fc_step ul li.right dl dt:after { right:-75px;} #main_sec5 .fc_step ul li.list02 dl dt:after { display:none !important;} #main_sec5 .fc_step ul li.list02 dl:before { content:""; position:absolute; left:50%; bottom:15px; margin-left:-7.5px; width:15px; height:22px; background:url(/img/bu/bu_fc_step_bottom.png) no-repeat center;} #main_sec5 .fc_step ul li.list03, #main_sec5 .fc_step ul li.list04 { float:right;} #main_sec5 .fc_step ul li.list03 dl dt:after { content:""; position:absolute; left:-70px; top:50%; margin-top:-7.5px; width:22px; height:15px; background:url(/img/bu/bu_fc_step_left.png) no-repeat center;} #main_sec5 .fc_step ul li.list04 dl dt:after { display:none !important} #main_sec5 .fc_step ul li.list04 dl:before { content:""; position:absolute; left:50%; bottom:15px; margin-left:-7.5px; width:15px; height:22px; background:url(/img/bu/bu_fc_step_bottom.png) no-repeat center;} #main_sec5 .fc_step ul li.list05 dl:before { display:none !important;} #main_sec5 .fc_step ul li.list05 dl dt:after { display:block; content:""; position:absolute; right:-75px; top:50%; margin-top:-7.5px; width:22px; height:15px; background:url(/img/bu/bu_fc_step_right.png) no-repeat center;} #main_sec5 .fc_step ul li.list06 dl dt:after {display:none !important;} #main_sec5 .fc_step ul li.list06 dl:before { content:""; position:absolute; left:50%; bottom:15px; margin-left:-7.5px; width:15px; height:22px; background:url(/img/bu/bu_fc_step_bottom.png) no-repeat center;} #main_sec5 .fc_step ul li.list07, #main_sec5 .fc_step ul li.list08 { float:right;} #main_sec5 .fc_step ul li.list07 dl dt:after { left:-70px;} #main_sec5 .fc_step ul li.list08 dl dt:after { display:none !important;} #main_sec5 .fc_step ul li.list08 dl:before { content:""; position:absolute; left:50%; bottom:15px; margin-left:-7.5px; width:15px; height:22px; background:url(/img/bu/bu_fc_step_bottom.png) no-repeat center;} #main_sec5 .fc_step ul li.list09, #main_sec5 .fc_step ul li.list10 { float:left;} #main_sec5 .fc_step ul li.list09 dl dt:after { display:none !important;} #main_sec5 .fc_step ul li.list09 dl dt:before { display:block; content:""; position:absolute; right:-75px; top:50%; margin-top:-7.5px; width:22px; height:15px; background:url(/img/bu/bu_fc_step_right.png) no-repeat center;} #main_sec6 .titbox h2 { font-size:25px; line-height:34px;} #main_sec6 .titbox p { font-size:13px;} #main_sec6 .request_box h3 { padding:0 0 10px; font-size:20px;} #main_sec6 .request_box h2 { padding:0 0 20px; font-size:14px;} #main_sec6 h2 { font-size:35px; line-height:40px; letter-spacing:2px; text-align:center;} #footer_st2 h2 { position:static; padding:0 0 30px; text-align:center;} #footer_st2 h2 img { width:110px;} #footer_st2 .address { text-align:center;} .tbstyle03 .th_04, .tbstyle03 .th_05, .tbstyle03 .td_04, .tbstyle03 .td_05 { display:none; } #main_sec3 .brand_conarea .interior_slider .slick-slide .imgbox img { width:300px; } } @media (max-width: 769px) { #main_sec .txt_logo img { height:80px;} #main_sec .txt_wrap strong { font-size:24px;} #main_sec .txt_wrap p { max-width:400px; font-size:13px; line-height:18px;} #main_sec1 .inner h2 { font-size:28px; line-height:40px; letter-spacing:2px;} #main_sec1 .inner .right { top:-160px; width:150px} #main_sec1 .inner { padding:30px 0;} #main_sec1 .inner .story_nav {top:35px;} #main_sec1 .inner .story_nav li > a { padding:0 20px; width:auto;} #main_sec1 .inner .story_conarea .txt_area strong { padding:30px 0 20px; font-size:17px;} #main_sec1 .inner .story_conarea .txt_area p { font-size:13px; line-height:22px;} #main_sec1 .inner .story_conarea .img_area > div img {width:180px;} #main_sec2 h2 { font-size:28px; line-height:40px; letter-spacing:2px;} #main_sec2 .fp-tableCell > .inner { width:auto;} #main_sec2 .menu_nav li a { padding:0 30px; width:auto;} #main_sec2 .menu_nav { padding:20px 0 40px;} #main_sec2 .menu_conarea .menu_slider .slick-slide { height:auto;} #main_sec2 .menu_conarea .menu_slider .slick-dots li { margin:0 15px;} #main_sec2 .menu_conarea .menu_slider .slick-dots li button { font-size:14px;} #main_sec2 .menu_conarea .menu_slider .slick-dots li.slick-active button { font-size:18px;} #main_sec2 .menu_conarea .menu_slider .txtbox { float:none; padding:260px 0 0; max-width:none; width:auto; text-align:center;} #main_sec2 .menu_conarea .menu_slider .imgbox { float:none; position:absolute; left:0; top:0; width:100%; text-align:center;} #main_sec2 .menu_conarea .menu_slider .imgbox img { display:inline-block; width:auto; height:230px;} #main_sec2 .menu_conarea .menu_slider .slick-prev { left:0; top:140px; bottom:auto;} #main_sec2 .menu_conarea .menu_slider .slick-next { right:0; top:140px; bottom:auto;} #main_sec2 { background:none !important; background-size:45% !important; background-position:left center !important;} #main_sec2 .menu_conarea .menu_slider h3 { font-size:25px;} #main_sec2 .menu_conarea .menu_slider p { padding:20px 0;} #main_sec3 .inner h2 { font-size:28px; line-height:40px; letter-spacing:2px;} #main_sec3 .titarea p { font-size:13px;} #main_sec3 .brand_nav li > a { width:100px;} #main_sec3 .brand_conarea .interior_slider .slick-list { padding-bottom:80px !important;} #main_sec3 .brand_conarea .interior_slider .slick-prev { left:35%;} #main_sec3 .brand_conarea .interior_slider .slick-next { right:35%;} #main_sec3 .brand_conarea .interior_slider .slick-slide .imgbox img { width:300px; } #main_sec3 .brand_conarea3 .interior_slider .slick-list { padding-bottom:80px !important;} #main_sec3 .brand_conarea3 .interior_slider .slick-prev { left:35%;} #main_sec3 .brand_conarea3 .interior_slider .slick-next { right:35%;} #main_sec3 .brand_conarea3 .interior_slider .slick-slide .imgbox img { width:300px; } #main_sec4 h2 { font-size:28px; line-height:40px; letter-spacing:2px;} #main_sec5 h2 { font-size:28px; line-height:40px; letter-spacing:2px;} #main_sec5 .franchise_nav li > a { padding:0 20px; width:auto;} #main_sec5 .fc_step ul li { float:none !important; width:auto !important;} #main_sec5 .fc_step ul li dl dt:after { display:none !important;} #main_sec5 .fc_step ul li dl:before { content:""; position:absolute; left:50%; bottom:15px; margin-left:-7.5px; width:15px; height:22px; background:url(/img/bu/bu_fc_step_bottom.png) no-repeat center;} #main_sec5 .fc_step dl dt > span { font-size:14px;} #main_sec5 .fc_step dl dd {font-size:13px;} #main_sec5 .fc_step ul li.list09 dl dt:before, #main_sec5 .fc_step ul li.list10 dl:before { display:none} #main_sec5 .fc_step ul li.list10 dl { padding-bottom:0 !important;} #main_sec6 .titbox h2 { font-size:22px; line-height:28px; word-break:keep-all;} #main_sec6 .titbox p { padding:20px 0 40px;} #main_sec6 .request_box { padding:30px 20px;} #main_sec6 .request_box .left, #main_sec6 .request_box .right { float:none; width:auto;} #main_sec6 .request_box .fbox { padding:10px 15px !important;} #main_sec6 .request_box .fbox label { display:block; text-align:left;} #main_sec6 .request_box .fbox input { display:block; width:100%; border:1px solid rgba(255,255,255,0.1);} #main_sec6 .request_box .right .fbox textarea { display:block; width:100%; border:1px solid rgba(255,255,255,0.1);} .btn_submit02 { font-size:15px;} #main_sec6 h2 { font-size:28px; line-height:40px; letter-spacing:2px;} .tbstyle03 .th_01, .tbstyle03 .td_01 { width:15%; } .tbstyle03 .th_02, .tbstyle03 .td_02 { width:15%; } .tbstyle03 .th_06, .tbstyle03 .td_06 { width:15%; } #main_sec3 .brand_conarea .interior_slider .slick-prev { left:38%; } #main_sec3 .brand_conarea .interior_slider .slick-next { right:38%; } .pt h3{ font-size:20px; color:#fff; text-align:center; padding-bottom:13px;font-weight:500;} .pt h4{ font-size:12px; color:#aaa; font-weight:200;} #hd_pop {z-index:1000;position:relative;margin:0 auto;height:0; z-index:999999;} #hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .hd_pops {position:absolute; top:0 !important; left:0 !important;} .hd_pops_con {width:100% !important; height:100% !important;} .hd_pops img{width:100%;} } @media (max-width: 600px) { #main_sec1 .inner .story_conarea .img_area > div img { width:120px;} #main_sec1 .inner .right { display:none; ight:auto; left:0; top:100px;} #main_sec2 .menu_nav { padding:15px 0 30px;} #main_sec2 .menu_conarea .menu_slider .slick-dots { font-size:0;} #main_sec2 .menu_conarea .menu_slider .slick-dots li { margin:0 5px;} #main_sec2 .menu_conarea .menu_slider .slick-dots li button { letter-spacing:-1px;} #main_sec2 .menu_conarea .menu_slider .imgbox img { height:180px;} #main_sec2 .menu_conarea .menu_slider .slick-prev { width:40px; height:40px; background:#383838 url(/img/bu/bu_slider_arrow.png) no-repeat 14px center;} #main_sec2 .menu_conarea .menu_slider .slick-next { width:40px; height:40px; background:#383838 url(/img/bu/bu_slider_arrow.png) no-repeat -62px center;} #main_sec2 .menu_conarea .menu_slider .txtbox { padding:200px 0 0;} #main_sec2 .menu_conarea .menu_slider h3 { font-size:20px;} #main_sec2 .menu_conarea .menu_slider p { padding:15px 0; font-size:13px;} #main_sec3 .brand_conarea .interior_slider { max-width:400px; } #main_sec3 .brand_conarea .interior_slider .slick-slide { width:200px; } #main_sec3 .brand_conarea .interior_slider .slick-slide { -webkit-transform: scale(0.25) translate(850px); -moz-transform: scale(0.25) translate(850px); transform: scale(0.25) translate(850px); -webkit-transition: transform .4s; -moz-transition: transform .4s; transition: transform .4s; -webkit-filter: grayscale(100%); filter: gray; } #main_sec3 .brand_conarea .interior_slider .slick-active { -webkit-transform: scale(0.4) translate(170px); -moz-transform: scale(0.4) translate(170px); transform: scale(0.4) translate(170px); } #main_sec3 .brand_conarea .interior_slider .slick-center { -webkit-transform: scale(1) translate(0); -moz-transform: scale(1) translate(0); transform: scale(1) translate(0); -webkit-filter: grayscale(0); filter: none; } #main_sec3 .brand_conarea .interior_slider .slick-center + .slick-slide { -webkit-transform: scale(0.4) translate(-170px); -moz-transform: scale(0.4) translate(-170px); transform: scale(0.4) translate(-170px); } #main_sec3 .brand_conarea .interior_slider .slick-center + .slick-slide + .slick-slide { -webkit-transform: scale(0.25) translate(-850px); -moz-transform: scale(0.25) translate(-850px); transform: scale(0.25) translate(-850px); } #main_sec3 .brand_conarea .interior_slider .slick-prev { width:40px; height:40px; background:#383838 url(/img/bu/bu_slider_arrow.png) no-repeat 14px center;} #main_sec3 .brand_conarea .interior_slider .slick-next { width:40px; height:40px; background:#383838 url(/img/bu/bu_slider_arrow.png) no-repeat -62px center;} #main_sec5 .franchise_nav { font-size:0;} #main_sec5 .franchise_nav li { margin:2px 0; width:50%;} #main_sec5 .franchise_nav li a { width:90%;} #main_sec6 .titbox h2 { font-size:20px; letter-spacing:-1px;} #main_sec6 .titbox p { line-height:20px;} #main_sec6 .request_box .fbox label { line-height:30px;} .tbstyle03 table th, .tbstyle03 table td { font-size:12px; letter-spacing: -0.5px;} .tbstyle03 .th_01, .tbstyle03 .td_01 { display:none; } #main_sec4 .store_p_wrap .detail .map { height:250px !important; } } @media (max-width: 480px) { #main_sec3 .brand_conarea .interior_slider .slick-prev { left:35%; } #main_sec3 .brand_conarea .interior_slider .slick-next { right:35%; } }