@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1600px){

}

@media screen and (max-width:1300px){
.box0{ width: 100%;}
.box1{ width:1000px; }

/**/
.section .main_con .main_tit1 {padding:90px 0 50px 0}

.sect1_t_box {background-size:auto 100%; padding-bottom:35px;}
#section2 .sect2_t_box .sect2_t_in .sect2_r .sect2_r_in {padding:60px 80px 60px 100px}
.sect7_tbl tr th, .sect7_tbl tr td {padding:10px; line-height:1.3;}
#section8 .sect8_t_box1 > li {width:20%; }
#section8 .sect8_t_box1 .sect8_step {margin-bottom:10px;}
#section8 .sect8_t_box2 .sect8_list {padding:20px 10px 0px 30px}
.sect10_t_box > div {width:45%;}
.sect10_t_box .sect10_r_wrap {width:55%;}
/**/
.inp_w315 {width:31.33%;}
.inp_w493 {width:49.25%}
}

@media screen and (max-width:1150px){
	
}

@media screen and (max-width:1100px){

}

@media screen and (max-width:1045px){
#fullpage { font-size:14px;}
.box1 {max-width:768px}

/**/
#header .va_wrap {height:90px;}
#header .right .r_txt .top_t2{ font-size: 1em;}
#header .right .r_txt .top_t2 { display: block; margin-top: 0.25em; font-size:2em;}
#header .left .logo img {height:60px;}
#header.fix .va_wrap {height:80px;}
.main_nav {right:15px;}
.main_nav > li > a .icon {width:35px; line-height:35px; font-size:1.125em;}
.main_nav > li.kakao .icon {width:45px; line-height:45px; font-size:1.5em;}
.main_nav > li > a .tt {right:35px;}

/**/
/*#section0 {height:750px !important;}
#section0 .main_slide {height:100% !important}*/
.main_slide .slogan {top:20%;}
.main_slide .slogan .t1 {font-size:3em;}
.section .main_con .main_tit1 {padding:80px 0 50px 0}
.section .main_con .main_tit1:before, .section .main_con .main_tit1:after {width:35%; top:87px;}
.sect1_t_box {padding-bottom:20px;}
.sect1_t_box .sect1_t_in { padding:25px 30px;}
.sect1_t_box .sect1_t_in .t1,
.sect1_t_box .sect1_t_in .t3 {margin-bottom:20px;}

#footer .admin_btn {display:none;}

/***/
.sub_location1 .left {width:45%;}

.sub_location1 .left .point > li.se { left:17%; top:31%; }
.sub_location1 .left .point > li.ic { left:10%; top:27%; text-align:right; }
.sub_location1 .left .point > li.gg { left:17%; top:21%; }
.sub_location1 .left .point > li.gw { left:26%; top:20%; }
.sub_location1 .left .point > li.cb { left:24%; top:37%}
.sub_location1 .left .point > li.cn { left:13%; top:43%; text-align:right; }
.sub_location1 .left .point > li.dj { left:21%; top:45%; }
.sub_location1 .left .point > li.kb { left:34%; top:43%; }
.sub_location1 .left .point > li.kn { left:26%; top:63%; text-align:right; } 
.sub_location1 .left .point > li.dg { left:32%; top:52.5%; } 
.sub_location1 .left .point > li.us { left:39%; top:56%; } 
.sub_location1 .left .point > li.bs { left:37.5%; top:65%; } 
.sub_location1 .left .point > li.jb { left:16%; top:54%; } 
.sub_location1 .left .point > li.jn { left:18%; top:69%; }
.sub_location1 .left .point > li.gj { left:11.5%; top:62%; text-align:right; }
.sub_location1 .left .point > li.jj { left:12.5%; bottom:6%}

.sub_location1 .detail_wrap {width:53%;}
.sub_location1 .detail_wrap .loca_search {width:80%;}
.sub_location1 .detail_wrap .loca_search .he5 {height:0;}
.sub_location1 .detail_wrap .loca_search select.input_st { height:35px;}
.sub_location1 .detail_wrap .loca_search input[type=text].input_st,
.sub_location1 .detail_wrap .loca_search input[type=submit].s3.input_st {height:35px;}
.sub_location1 .detail_wrap .detail .info {height:200px;}

}

@media screen and (max-width:1044px){
#header .right .r_txt .top_t1{ color:#fff;}
.fp-viewing-HOME #header .right .r_txt .top_t1, 
.fp-viewing-BI #header .right .r_txt .top_t1, 
.fp-viewing-Interior #header .right .r_txt .top_t1, 
.fp-viewing-Construct #header .right .r_txt .top_t1, 
.fp-viewing-Memberstore #header .right .r_txt .top_t1 { color: #fff;}

#header.fix .header_wrap{ overflow: visible;}
/* #header .right .sns_list{ display: none;} */
#header.fix .right .va_tt{ padding: 1em 1.5em; border-radius: 1em; background-color: #000; position: absolute; right:0; top: 1em; zoom: .95;}

}


@media screen and (max-width:950px){
	
#header.fix .head_bg {background:rgba(255,255,255,.6); border-bottom:1px solid #eee; opacity:1;}
.section:not(#section0){ height:auto !important;}
.section:not(#section0) .main_con{ padding-bottom: 4em;}

/*#section1 {height:700px !important;}
#section4,
#section5 {height:600px !important;}
#section10 {height:1250px !important;}*/
.sect1_t_box .sect1_t_in { padding:25px 20px; width:80%;}
.sect1_t_box .sect1_t_in .t1 {margin-bottom:10px;}
.sect1_t_box .sect1_t_in .t2 {font-size:1.5em; margin-bottom:10px;}
.sect1_t_box .sect1_t_in .t3 {font-size:1.125em;}
.sect1_t_box .sect1_t_in .t2 .sect_logo { display:inline-block; width:110px;}
.sect1_t_box .sect1_t_in .t_ico1 {margin:15px auto 10px auto;}
#section2 .sect_t_tit_w {position:static; }
#section2 .sect2_t_box .sect2_t_in .sect2_l {width:100%; position:static;}
#section2 .sect2_t_box .sect2_t_in .sect2_r {width:100%; margin-top:30px;}
#section2 .sect2_t_box .sect2_t_in .sect2_l .bi_box .bi_img {padding:25px;}
#section2 .sect2_t_box .sect2_t_in .sect2_r .sect2_r_in {padding:30px;}
#section2 .sect2_t_box .sect2_t_in .sect2_r .sect2_r_in dt {margin-bottom:20px;}
#section3 .sect3_t_box1 .sect3_t_in1 {width:55%;}
#section3 .sect3_t_box1 .sect3_t_in2 {width:45%; margin-top:50px; margin-left:-5px;}
#section3 .sect3_t_box1 .sect3_t_in2 > li p {margin-left:5px;}
#section3 .sect3_t_box2 .sect3_t_in3 > li {margin:5px 0; width:33.33%;}
.main_photo_wrap .main_photo .slick-current{ transform:scale(1.8);} 
#section6 .sect6_t_box .sect6_l_wrap {width:100%;}
#section6 .sect6_t_box .sect6_l_tit {margin-bottom:15px;}
#section6 .sect6_t_box .sect6_l_wrap .sect6_l_in .sect6_l_txt {width:43%; float:left; margin-top:10px;}
#section6 .sect6_t_box .sect6_l_wrap .sect6_l_in .sect6_l_txt:first-child {}
#section6 .sect6_t_box .sect6_r_wrap {width:100%; margin-top:20px;}
#section6 .sect6_t_box .sect6_r_wrap .sect6_r_in .sect6_r_txt .sect6_r_t dd {padding:0 5px 15px 0}
#section6 .sect6_t_box .sect6_r_wrap .sect6_r_in .sect6_r_btm { width:250px; height:45px; line-height:45px;}
/*#section7 .sect7_t_box > div {width:100%;}*/
#section7 .sect7_t_box {margin-left:-10px;}
#section7 .sect7_t_box > div .in_m  {margin-left:10px;}
#section7 .sect7_t_box .sect7_r_wrap .in_m  {margin-top:10px;}
.sect7_tbl tr th, .sect7_tbl tr td {padding:5px 10px;}
#section7 .sect7_t_box .sect7_l_wrap .sect7_l_in .sect7_l_btm {text-align:left;}
#section8 .sect8_t_box1 .sect8_step {width:130px; height:130px; }
#section8 .sect8_t_box1 .sect8_step .txt.t2 { font-size:.938em;}
#section8 .sect8_t_box2 .sect8_list {padding:15px 0px 0px 20px; margin-bottom:12px;}
#section8 .sect8_t_box2 .sect8_list .t1:before {font-size:15px;}
#section8 .sect8_t_box2 .sect8_list .t1 {font-size:1.063em; letter-spaing:-1px; margin-bottom:15px;}
.sect10_t_box > div {width:100%;}
.sect10_t_box .sect10_s_tit {margin:20px 0 15px 0;}
.sect10_t_box .sect10_s_tit br {display:none;}
.sect10_t_box .sect10_l_info {overflow:hidden;}
.sect10_t_box .sect10_l_info .kakao_btn {margin-top:10px; float:right;}
.sect10_t_box .sect10_r_wrap {width:100%; margin-top:30px;}
/**/
.inp_w315 {width:32%;}

/**/
.sub_location1 { padding:0; border-radius:0; background:none; }
.sub_location1 .left { float:none; width:100%; }
.sub_location1 .left .map_img { display:none; }
.sub_location1 .left .point { overflow:hidden; margin-bottom:10px; }
.sub_location1 .left .point > li { position:static; float:left; width:14.28%; }
.sub_location1 .left .point > li .icon { display:none; }
.sub_location1 .left .point > li .tt { margin:2px; padding:8px 0; text-align:center; }
.sub_location1 .detail_wrap { float:none; width:100%; box-sizing:border-box; padding:20px; border-radius:10px; background:#f5f5f5; }
.sub_location1 .detail_wrap .detail { width:100%; } 
.sub_location1 .detail_wrap .detail .info { height:auto; max-height:220px; }

/**/
.pop_list_wrap {padding:20px; font-size:12px;}
.loca_detail_info {margin-top:30px; padding:15px 0;}
.loca_detail_info > div {padding:0 10px;}
.loca_detail_info .photo .flex-direction-nav > li > a {width:15px; height:25px; margin-top:-7.5px; background-size:100% 100%;}
.loca_detail_info .map_area {padding:10px 10px 0 10px}
.loca_detail_info .map_area > iframe {height:150px !important;}
}
@media screen and (max-width:768px){
#header, #fullpage { font-size:12px;}
.box1{}
/* .pc_hide{ display:block}
.phone_hide{ display:none !important;}  */

img{ max-width:100%;}
.box0{ width:95%; margin:0 auto}
.box1{ width:95%; margin:0 auto}


#pop_2 {top:10px !important; left:10px !important; display:none !important;}


#fade{ display:none;}

#header{}
#header .va_wrap{ height:80px;}
#header .header_wrap .left img{ height:70px; width:70px}
#header .header_wrap .right img{ height:30px;}
/* #header.fix .va_wrap{ margin-top:15px; padding:7px 12px; height:55px; background:#000; border-radius:10px;} */
#header .right .r_txt .top_t1 {margin-left:20px; color:#fff;}



#quickKakao .link_wrap > li > a{ display:block; text-align:center; box-shadow:1px 1px 5px rgba(0,0,0,.4);}
#quickKakao .link_wrap > li > a i{ display:inline-block; *display:inline; zoom:1; vertical-align:top; font-style:normal; line-height:50px;} 
#quickKakao .link_wrap .kakao > a{ background:#f9e000; color:#3a1e1d;}
#quickKakao .link_wrap .kakao .tt{ font-family:notokrB,sans-serif; letter-spacing:-1px;}


#quickKakao{ position:fixed; z-index:1000001; display:block; bottom:0; left:0; right:0; width:100%; background:#fff; border-top:1px solid #ddd;}
#quickKakao .link_wrap .tel{ display:block;}
#quickKakao .link_wrap{ padding:10px 10px; overflow:hidden;}
#quickKakao .link_wrap > li{ float:left; width:50%;}
#quickKakao .link_wrap > li > a{ width:95% !important; height:50px !important; margin:0 2.5%; border-radius:5px !important;}
#quickKakao .link_wrap > li > a i{ line-height:50px;} 
#quickKakao .link_wrap > li > a .xi{ font-size:1.75em; margin-right:3px;}
#quickKakao .link_wrap > li > a .tt{ display:inline-block !important; font-size:1em; font-weight:bold; letter-spacing:-1px;}
#quickKakao .link_wrap .tel > a{ background:#444; color:#fff;}


.scrollAni{ position:absolute; bottom:15em; font-size:.750em;}

.section:not(#section0){ height:auto !important;}
.section .main_con{ padding:30px 0 80px 0;}
.main_nav{ display:none;}
.fix#header .head_bg {background:none; border-bottom:none; opacity:0;}
.section .sect_t_tit, 
.section .sect4_tit { font-size:2em;}

/**/
.main_slide .slogan{ left:7%; right:7%; top:12%}
.main_slide .slogan .t1 {font-size:1.75em;}
.main_slide .slogan .t2 {font-size:2.5em;}


.section .main_con .main_tit1::before, .section .main_con .main_tit1::after { width:22%; top:7px;}
.section .main_con .main_tit1 {padding:0px 0 40px 0;}
.sect1_t_box {background:none; padding-bottom:0;}
.sect1_t_box .sect1_t_in {width:90%; margin:auto; padding:15px;}
#section2 .sect2_t_box .sect2_t_in .sect2_l .bi_box .down_btn > span {width:100%; margin-top:10px; padding:0 15px;}
#section2 .sect2_t_box .sect2_t_in .sect2_r .sect2_r_in dt {margin-bottom:10px;}
#section3 .sect3_t_box1 .sect3_t_in1 {width:100%;}
#section3 .sect3_t_box1 .sect3_t_in1 .sec3_tit {margin:15px 0 10px 0; font-size:1.25em;}
#section3 .sect3_t_box1 .sect3_t_in2 {margin-top:20px; width:100%;}
#section3 .sect3_t_box2 .sect3_t_in3 {margin-left:-10px;}
#section3 .sect3_t_box2 .sect3_t_in3 .sect3_step {margin-left:10px;}
#section3 .sect3_t_box2 .sect3_t_in3 .sect3_step dd {padding:8px 0; font-size:400;}
#section6 .sect6_t_box .sect6_t_tit_s {margin-top:15px; font-size:1.5em;}
#section6 .sect6_t_box .sect6_l_wrap .sect6_l_in {padding:10px 0 0 0} 
#section6 .sect6_t_box .sect6_l_tit { width:130px; height:30px; line-height:30px; background-size:auto 100%; }
#section6 .sect6_t_box .sect6_r_wrap .sect6_r_in { padding:15px; }
#section6 .sect6_t_box .sect6_r_wrap .sect6_r_in .sect6_r_tit { background-size:auto 100%;}
#section6 .sect6_t_box .sect6_l_wrap .sect6_l_in .sect6_l_txt {width:100%; float:inherit; background-size:25px auto; padding:3px 0 5px 35px;}
#section6 .sect6_t_box .sect6_r_wrap .sect6_r_in .sect6_r_txt > li {width:50%; margin-bottom:10px;}
#section6 .sect6_t_box .sect6_r_wrap .sect6_r_in .sect6_arrow {margin:20px 0 10px 0}
#section7 .sect7_t_box > div {width:100%;}
#section7 .sect7_t_box .sect7_r_wrap .sect7_r_in .sect7_r_btm {padding:15px;}
#section7 .sect7_t_box .sect7_r_wrap .sect7_r_in .sect7_r_btm .sect7_btm_logo { width:150px; margin:auto;}
#section7 .sect7_t_box .sect7_r_wrap .sect7_r_in .sect7_r_btm .sect7_btm_t1 {margin:15px 0 5px 0}
#section7 .sect7_t_box .sect7_r_wrap .sect7_r_in .sect7_r_btm .sect7_btm_btn {margin:20px auto 0 auto}
#section8 .sect7_t_tit {margin-bottom:20px;}
#section8 .sect8_t_box1 > li {width:31%;}
#section8 .sect8_t_box1 .sect8_step {width:90px; height:90px;}
#section8 .sect8_t_box1 .sect8_step .t1.txt {font-size:1.625em; margin-top:10px;}
#section8 .sect8_t_box1 .sect8_step .t2.txt {font-size:.75em; margin-top:3px; padding:0;}
#section8 .sect8_t_box2 > li {width:50%;}
#section9 .sect9_t_box {background:none; padding-bottom:0;}
#section9 .sect9_t_box .sect9_t_in {width:90%; margin:auto; padding:15px;}
#section9 .sect9_t_box .sect9_t_in .que_wrap {margin-top:15px; padding-top:15px;}
#section9 .sect9_t_box .sect9_t_in .que_wrap dt {margin-bottom:5px; padding-left:30px;}
#section9 .sect9_t_box .sect9_t_in .que_wrap dd {padding-left:30px;}
.sect10_t_box .sect10_r_wrap .sect10_r_in {padding:15px;}
.sect10_t_box .sect10_s_tit {font-size:1.25em; line-height:1.3;}
.sect10_t_box .sect10_l_info .sect10_info_t .ico {width:40px; height:40px; line-height:40px;}
.sect10_t_box .sect10_l_info .sect10_info_t .t1 {margin:0 5px 5px 5px}
.sect10_t_box .sect10_l_info .kakao_btn { display:none;}

#section1 .sec1_dv br.mobiOnly{ display: block;}

.agree_chk .sms_btn {width:170px; height:35px; line-height:35px;}

#footer {padding:20px 0 90px 0; text-align:Center;}
#footer .footer_box {float:inherit;}
#footer .footer_box .copy {margin-top:15px;}
#footer .f_link {display:none}

.on.scrollAni {display:none}
.main_slide .slick-dots, .main_slide .control_pauseplay, .main_slide .control_arrow {bottom:11.5em;}
/**/
input[type=text].input_st, input[type=tel].input_st, input[type=password].input_st, select.input_st {line-height:35px; height:35px;}
.inp_w315 {width:30.8%;}
.inp_w493 {width:49%;}


.main_photo_wrap{}
.main_photo_wrap .main_photo{}
.main_photo_wrap .main_photo .item{}
.main_photo_wrap .main_photo .item > p{ margin:2em 1em;}
.main_photo_wrap .main_photo .item > p > img{ width: 100%; height: 100%; object-fit: cover;}
.main_photo_wrap .main_photo .slick-current{ transform:scale(1);}
.main_photo_wrap .control_box{ left:2%; right:2%;}
.main_photo_wrap .control_arrow{}
.main_photo_wrap .control_arrow > li{ top:-15px;}
.main_photo_wrap .control_arrow > li .xi{ width:30px; height:30px; line-height:30px; font-size:1.250em;}
.main_photo_wrap .slick-dots{ bottom:-10px;}
.main_photo_wrap .slick-dots > ul > li{ }
.main_photo_wrap .slick-dots > ul > li button{ width:12px; height:12px; border-width:2px;}



#section10 .shop_slide { position:relative; margin-top:30px; /*overflow:hidden;*/ }
#section10 .shop_slide .shop{ margin:0 0 0 -10px;}
#section10 .shop_slide .shop li dl { margin:0 0 0 10px; }
#section10 .shop_slide .shop li dl dd .name {font-size:1em;}
.loca_detail_info .info ul li { overflow:hidden;}
.loca_detail_info .info ul li span.tt { width:20%; float:left;}
.loca_detail_info .info ul li span.txt {  width:73%; float:left; }


#section1 .sec1_dv .icon_ul01{display: flex; flex-wrap: wrap; justify-content: center;}
#section1 .sec1_dv .icon_ul01 li{width:33.33%;}
#section1 .sec1_dv .icon_ul01 li .pd_dv::before{margin-bottom:10px; background:none;}

#section2 .logo_dv .logo02{margin-left:0; margin-top:10px;}
#section2 .logo_dv{width:100%; /* font-size:0; */ padding:5%;}
#section2 .logo_ment{width:100%;}
#section2 .logo_dv{ flex-wrap: wrap;}
#section2 .logo_dv .logo01{ width:auto; max-width: 45%;}
#section2 .logo_dv .logo02{ width:auto; max-width: 45%;}
#section2 .logo_dv .mascot{ width: 100%; padding-left: 0;}

#section2 .logo_dv .logo01 img{max-width:140px;}
#section2 .logo_dv .logo02 img{max-width:140px;}

#section3 .icon_ul02 li{width:50%; margin-bottom:10px;}
#section3 .icon_ul02 li .pd_dv .icon_dv{width:120px; height:120px; }
#section3 .icon_ul02 li .pd_dv .icon_dv .icon{padding-top:2em;}
#section3 .icon_ul02 li .pd_dv .num::after{height:30px; margin:2px auto 26px;}
.sch_ul > li{width:33.33%; background:none;}

.schList{ gap:1em;}
.schList > li{ width: calc((100% - 2em) / 3); padding: 2em 1.5em 1.5em}
.schList > li::after{ display: none;}
.schList > li.mobionly{ display: flex; justify-content: center; align-items: center; position: relative;}
.schList > li.mobionly { background: none; }
.schList > li.mobionly p{ display: none;}
.schList > li.mobionly::before{ content: ''; display: block; width: 10em; height: 10em; margin: 0 auto; background: url(../images/main/logo2.svg) no-repeat 0 0 / contain;}
.schList > li:nth-child(1){ order: 1;}
.schList > li:nth-child(2){ order: 2;}
.schList > li:nth-child(3){ order: 3;}
.schList > li:nth-child(4){ order: 4;}
.schList > li:nth-child(5){ order: 5;}
.schList > li:nth-child(6){ order: 6;}
.schList > li:nth-child(7){ order: 7;}
.schList > li:nth-child(8){ order: 8;}
.schList > li:nth-child(9){ order: 9;}
.schList > li:nth-child(10){ order: 11;}
.schList > li:nth-child(11){ order: 10;}
.schList > li:nth-child(12){ order: 12;}


#section7 .sect8_t_box > div{width:100%;}
#section7 .sect8_t_box > div.sect8_r_wrap{margin-top:20px;}
.sect8_tbl tr th, .sect8_tbl tr td{padding:5px 10px;}
#section7 .sect8_t_box .sect8_r_wrap .sect8_r_in .sect8_r_btm{padding:15px;}
#section7 .sect8_t_box .sect8_r_wrap .sect8_r_in .sect8_r_btm .sect8_btm_btn{margin:20px auto 0:}


#footer .f_right{display:none;}
} 


@media screen and (max-width:580px){
.main_slide .slogan{ left: 0; right: 0; top: 16%;}
.main_slide .slogan .main_slogan_img img{ width: 100%; height: auto;}

}
@media screen and (max-width:550px){
.schList > li.mobionly::before{ width: 8em; height: 8em;}

#header .header_wrap{ display: flex; justify-content: space-between;}
#header .header_wrap .left img{ width: 50px; height: 50px;}
#header .right{ gap:1.5em}
#header .right .va_tt{ }
#header .right .r_txt .top_t1{ margin-left: 0; font-size: .9375em; text-align: right;}
#header .cl{ display: none;}

.schList{ gap:.5em}
.schList > li {
    width: calc((100% - 1em) / 3);
    padding: 2em 1em 1.5em;
}

}

@media screen and (max-width:380px){
#header .right .va_tt{ zoom: .85;}

.schList > li {
    width: calc((100% - .5em) / 2);
}
.schList > li.mobionly{ display: none;}



}