/* Common */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video{margin: 0;padding: 0;border: 0;font-size:100%; list-style-type:none;
font:inherit;vertical-align: baseline;font-family:'GmarketSansMedium','Malgun Gothic', sans-serif; letter-spacing:-0.2px;font-style:normal}

input,select,button{vertical-align:middle; outline:none;}
select{-webkit-appearance: none;-moz-appearance: none; appearance: none;}
select::-ms-expand { display: none; }
input[type="text"]{-webkit-appearance: none;-moz-appearance: none;appearance: none;}

table{border-spacing:0;border-collapse:collapse;}

a{text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:none;}

@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic');
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');

@font-face {font-family: 'GmarketSansMedium';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');font-weight: normal;font-style: normal; } 

/*공통*/
.center_box{width:1200px; margin:0 auto;  text-align:Center; overflow:hidden; }


#wrap{}
header{overflow:hidden; position: absolute;width:1400px; top:20px; left:50%; margin-left:-700px;}
header h1{float:left;margin-top:10px}
header p{float:right}

#visual{ width:100%; text-align:center; height:946px; background: url("../images/visual.jpg") no-repeat center 0;min-width:1300px;}
#visual .visual_txt{padding-top:390px; box-sizing:border-box;}
#visual .visual_txt p{color:#fff; font-size:20px; line-height:28px;margin-top:10px; font-weight:400}

#container{width:100%;}

#footer{width:100%;background:#222222;color:#fff; text-align:center; font-size:12px; line-height:19px;padding:50px 0 80px; font-weighT:400}
#footer .copy_line{padding:0 8px;background: url("../images/copy_line.gif") no-repeat center center; }
#footer small{color:#707070; margin:8px 0 0; display:block;}


#quick{position:absolute; top:300px;width: 261px; height:315px;z-index: 3000;right:20px; z-index:100000;border-radius:15px;  background: url("../images/quick_bg.png?=ver20200818") no-repeat center center; box-shadow:7px 8px 30px rgba(0,0,0,0.4) ;}
#quick .qu_db{width:220px;margin:130px auto 0; }

#quick ul input{bordeR:0; height:32px;margin-bottom:4px;background:#c54e4e; color:#fff;box-sizing:border-box;padding-left:7px;border-radius:3px; width:100%}
#quick ul select {bordeR:0; height:32px;background:#c54e4e;  color:#fff;box-sizing:border-box;padding-left:7px;border-radius:3px; width:31%}
#quick li img {vertical-align: top;}

#quick textarea::placeholder {color:#000;}
#quick input::placeholder {color:#fff;  }
#quick input::-webkit-input-placeholder { color: #fff;  letter-spacing:-0.7px;}
#quick textarea::-webkit-input-placeholder { color: #fff;}


#quick .agree_box input[id="is_agree"]{width:14px; height:14px;margin-right:3px;float:left;}
#quick .agree_box{margin-top:12px; text-align:left; color:#fff; font-size:13px;}
#quick .agree_box dt{height:0; padding:0}
#quick .agree_box dd{font-size:11px; height:20px; line-height:20px;color:#fff;overflow:hidden;}
#quick .agree_box .popon{color:#dcff19; font-size:10px;}
#quick .agree_box dd input{height:20px;}
#quick .Submit{position:absolute; bottom:22px; }
#quick .Submit button{width:219px; font-family:'GmarketSansMedium','Malgun Gothic', sans-serif;padding:12px 5px 8px;bordeR:0;  display:inline-block; background:#2e0e07;color:#f43838; font-size:20px;
letter-spacing:-1.2px;border-radius:3px;}
#quick .Submit button span{color:#fff}




.down {position:absolute;bottom:10%;left:50%;z-index:10;margin-left:-43px}
.down p{width:66px;left:50%;margin-left:-33px;position:absolute; top:0; z-index:1000; }
.down a {display:block;position:relative; width:86px; height:110px; }
.down a:after {display:block;position:absolute;left:50%;top:0;margin-left:-43px;width:100%;height:100%;content:'';background:url(../images/down02.png)no-repeat;
animation-name: main_100th_tis;animation-iteration-count: infinite;animation-duration: 2s;animation-timing-function: linear;animation-delay: 1s;-webkit-animation-name: main_100th_tis;-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 2s;-webkit-animation-timing-function: linear;-webkit-animation-delay: 1s;}
.down a span {display:block;position:relative;z-index:1;width:66px;left:50%;margin-left:-33px;height:100%;background:url(../images/down.png)no-repeat;font-size:0;opacity: 1;transition: opacity 0.3s linear 0.3s;
-webkit-transition: opacity 0.3s linear 0.3s;animation-name: main_100th_ti;animation-iteration-count: infinite;animation-duration: 2s;animation-timing-function: linear;animation-delay: 1s;
-webkit-animation-name: main_100th_ti;-webkit-animation-iteration-count: infinite;-webkit-animation-duration: 2s;-webkit-animation-timing-function: linear;-webkit-animation-delay: 1s;}

@keyframes main_100th_ti{
	0%{transform:scale(1);}
	5%{transform:scale(0.95);}
	12%{transform:scale(1.05);}
	20%,100%{transform:scale(1);}
}
@-webkit-keyframes main_100th_ti{
	0%{-webkit-transform:scale(1);}
	5%{-webkit-transform:scale(0.95);}
	12%{-webkit-transform:scale(1.05);}
	20%,100%{-webkit-transform:scale(1);}
}
@keyframes main_100th_tis{
	0%{opacity:0; transform:scale(1);}
	10%{opacity:0; transform:scale(1);}
	15%{opacity:1; transform:scale(1);}
	99.9%{opacity:0; transform:scale(1.5);}
	100%{opacity:0.9; transform:scale(1);}
}
@-webkit-keyframes main_100th_tis{
	0%{opacity:0; -webkit-transform:scale(1);}
	10%{opacity:0; -webkit-transform:scale(1);}
	15%{opacity:1; -webkit-transform:scale(1);}
	99.9%{opacity:0; -webkit-transform:scale(1.5);}
	100%{opacity:0.9; -webkit-transform:scale(1);}
}
	

.con01{ width:100%; text-align:center; height:946px; background: url("../images/con01_bg.jpg") no-repeat center 0;min-width:1300px; position:relative;}
.con01 .con_txt{position:absolute; left:50%;margin-lefT:-309px; top:80px}
.con01 .con_txt02{padding-top:530px;}
.con01 .con_img{position:absolute; left:50%;margin-lefT:-194px; top:280px}


.con02{ width:100%; text-align:center; height:888px; background: url("../images/con02_bg.jpg") no-repeat center 0;min-width:1300px; position:relative;}
.con02 h2{padding:76px 0 52px;}
.con02 ul{ padding-bottom:56px;width:100%; overflow:hidden}
.con02 ul li{float:left;margin:0 30px; box-shadow:7px 10px 14px rgba(0,0,0,0.1) ;height:431px; width:300px;}
.con02 .bt_txt{font-size:20px; letter-spacing:-0.03em}

.con02 img.a_left{float:left;  position: absolute; top:351px; left:50%;margin-left:-640px; z-index:1000; cursor:pointer; }
.con02 img.a_right{float:right;  position: absolute; top:351px; left:50%; z-index:1000 ;margin-left:590px; cursor:pointer;}





 .image-box {
    width: 300px;
    height: 60px;
	line-height:10px;
    padding: 8px 10px;
	background:#252525 url("../images/menu_p.png") no-repeat center center;
   
    box-sizing: border-box;
    position: relative; color:#fff;
	margin:20px auto 0;cursor:pointer;

}


.image-box::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    left: 0;
    top: 0;
    opacity: 0;
    transition: .5s;
}
 
 .image-box:hover::after {
    opacity: 1;
}

 .content {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
}

.content::after,
.content::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 0%;
    height: 0%;
    border-color: white;
    border-width: 1px;
    transition: .5s;
}



.content::after {
    height: 100%;
    border-style: solid none;
}

.content::before {
    width: 100%;
    border-style: none solid;
}

/*이제 호버시 이펙트가 나타나게 css를 적어보자*/
.image-box:hover .content::after,
.image-box:hover .content::before {
    width: 100%;
    height: 100%;
    border-radius: 5px;
	 border-color:#505050
}


.con03{ width:100%; margin:0 auto; position:relative; height:460px; position:relative; }
.con03 .left_box{float:left;position:absolute; top:100px;left:50%;margin-left:-660px;}
.con03 .left_box a{display:block; margin-top:13px;}
.con03 .right_box{float:left;position:absolute; left:50%;top:80px;margin-left:-320px}
.con03 .right_box dl{float:left;margin-right:15px}
.con03 .right_box dd{ text-align:center;font-size:19px; padding:8px 0 10px;}
.right_more{position:absolute;left:50%; top:83px;margin-left:410px;}

.con03 img.a_left{float:left;  position: absolute; top:351px; left:50%;margin-left:-640px; z-index:1000; cursor:pointer; }
.con03 img.a_right2{ top:120px;right:50px;margin-right:-50px; position: absolute; z-index:5000 ; cursor:pointer; }


.con04{width:100%; text-align:center; height:1777px; background: url("../images/con04_bg.jpg") no-repeat center 0;min-width:1300px; position:relative; padding-top:110px; box-sizing:border-box;}
.con04 h2{padding-top:200px;}

.con06{width:100%; text-align:center; height:564px; background: url("../images/con06_bg.jpg") no-repeat center 0;min-width:1300px; position:relative;box-sizing:border-box; padding-top:385px;}
.con07{width:100%; text-align:center; height:1088px; background:#e5e1e0 url("../images/con07_bg.jpg") no-repeat center 0;min-width:1300px; position:relative;box-sizing:border-box; padding-top:70px;}
.notice{width:1200px; margin:40px auto 0; padding:0px 30px 0 50px;  }



/*지점탭*/

.tab02 { overflow: hidden;margin-left:30px}
.con07 .tab_box{ overflow:hidden;}
.con07 .tab_box img{  box-shadow:3px 3px 8px rgba(0,0,0,0.2) ;border-radius:20px;}
.tab02 li h3{padding:50px 0 3px}
.tab02{  position:relative; width:500px;float:left;box-sizing:border-box;}
.tab02 li {background:  url("../images/off_bg.png") no-repeat 0 center;
  font-size:25px; line-height:30px;color:#3c3a36;
  width:230px;height:206px;margin:0 9px 9px 0;
  float: left;
  text-align:Center; box-sizing:border-box;
  cursor: pointer;}
.tab02 li:nth-child(1){left:5px}
.tab02 li:nth-child(2){right:5px}

.tab-content{margin-right:30px;}
.tab-content .tab_box:nth-child(2) {
  position: relative;
  top: 0px;
  left: 0px;}

.tab-content .tab_box:nth-child(2) { display: none;}
.tab-content .tab_box:nth-child(3) { display: none;}
.tab-content .tab_box:nth-child(4) { display: none;}
.tab-content .tab_box:nth-child(5) { display: none;}
.tab-content .tab_box:nth-child(6) { display: none;}
.tab02 li.active {background:#7b6a62;font-weight:500; z-index:10000; border-radius:19px; color:#fff; font-size:25px; line-height:30px;box-shadow:4px 4px 9px rgba(0,0,0,0.4) ;}


.con08{width:100%; text-align:center; min-width:1300px; position:relative;box-sizing:border-box; padding:70px 0;}
.con08 h2{}
.con08 p{position:relative;margin-bottom:15px}
.con08 a{position:absolute; bottom:40px ;lefT:50%; margin-lefT:-31px}


.con09{width:100%; text-align:center; height:1226px; background: url("../images/con09_bg.jpg") no-repeat center 0;min-width:1300px; position:relative;  box-sizing:border-box;}
.con09 h2{padding-top:60px;}
.con10{width:100%; text-align:center; height:1350px; background: url("../images/con10_bg.jpg") no-repeat center 0;min-width:1300px; position:relative;  box-sizing:border-box;}
.con10 h2{padding-top:80px;}




#db{width:100%; height:367px; padding:20px 0; text-align:center; background: url("../images/con11_bg.jpg") no-repeat center 0;; line-height:26px;  box-sizing:border-box;}
#db h2{padding-top:15px;}
#db .db_tel{float:left; margin-left:30px;}
#db .db{float:right;width:550px; position:relative;margin-top:10px;}
.db_box{ width:1000px;margin:49px auto;}
#db .db ul{width:440px;float:left; }
#db .db ul li{overflow:hidden}
#db .db dl{overflow:hidden}
#db .db dt{float:left; color:#fff;width:70px;height:40px; line-height:40px;margin-bottom:4px;}
#db .db dd{float:left;width:420px;height:40px; line-height:40px;margin-bottom:4px;}

#db .db input{bordeR:0; height:40px;box-sizing:border-box;padding-left:7px;border-radius:3px; width:100%}
#db .db select{bordeR:0;width:33%; height:40px;box-sizing:border-box;padding-left:7px;letter-spacing:-0.7px;border-radius:3px;float:left;}
#db .db input:nth-child(2){width:33%;}
#db .db input:nth-child(3){float:right; width:33%}
#db .db select{width:32%;  -webkit-appearance:none;
background:#fff url(../images/se_s.png) no-repeat right center;}



#db ul li:nth-child(2){margin:4px 0; text-align:center}
#db .agree_box input[id="is_agree"]{width:17px; height:17px;margin-right:6px;float:left;}
#db .agree_box{margin-top:5px; text-align:left; color:#fff; font-size:13px;}
#db .agree_box dt{height:0; padding:0}
#db .agree_box dd{font-size:13px; height:20px; line-height:20px;color:#fff;overflow:hidden;}
#db .agree_box .popon{color:#dcff19}
#db .agree_box dd input{height:20px;}
#db .Submit{position:absolute; top:0;right:0; }
#db .Submit button{width:100px; font-family:'GmarketSansMedium','Malgun Gothic', sans-serif; height:85px; bordeR:0;  display:inline-block; background:#252525;color:#fff; font-size:20px;line-height:22px;letter-spacing:-1.2px;border-radius:3px;}


/* 레이어팝업 */
.layer{position:fixed;left:0;top:220px;display:none; z-index:3000000; width:100%;}
.layer_wrap{position:relative; max-width:800px; top:0px; margin:0 auto; box-shadow:0 0 40px rgba(0,0,0,0.6) ;height:450px;border-radius:5px;padding:5px 3px; background-color: #fff; text-align:left;z-index:1000; letter-spacing:-0.2px; }
.layer_wrap dt{display: block; background:#eee;font-size:14px; font-weight:500; padding:10px;border-radius:4px;}
.layer_wrap dd{padding:9px 10px; line-height:19px;}
.DB_info_detail{width:95%; font-size:13px; margin:18px auto 0 ; height:420px; overflow:auto;  line-height:18px;padding:0 20px 0 10px;;}
.close_btn{position:absolute; width:30px; right:0; top:0px;background:#2e2c2b; padding:8px 7px 4px 0; border-bottom-left-radius:10px; border-radius:0 5px 0 5px;}
.close_btn img{width:72%}

#db textarea::placeholder {color:#000;}
#db input::placeholder {color:#000; }
#db input::-webkit-input-placeholder { color: #000; letter-spacing:-0.7px;}
#db textarea::-webkit-input-placeholder { color: #000; }



/*리뉴얼*/

#visual{ width:100%; text-align:center; height:946px; background: url("../images/visual.jpg") no-repeat center 0;min-width:1300px;}
#visual .visual_new{padding-top:230px; box-sizing:border-box;width:830px;margin:0 auto}
#visual .visual_new p{color:#fff; font-size:20px; line-height:28px;margin-top:10px; font-weight:400}
.center_s{ width:100%;text-align:center;}

.new_con02{ width:100%; text-align:center; background:url(../images/new_bg02_02.jpg) no-repeat center 0; height:1100px;min-width:1300px; position:relative;}
.new_con02 .con_txt{position:absolute; left:50%;margin-lefT:-309px; top:110px}
.new_con02 .con_txt02{padding-top:570px;}
.new_con02 .con_img{position:absolute; left:50%;margin-lefT:-194px; top:320px}

.new_con03{}
.new_con03{width:100%; text-align:center; height:1049px; background: url("../images/new_bg03.jpg") no-repeat center 0;min-width:1300px; position:relative;  box-sizing:border-box;}
.new_con03 h2{padding:140px 0 30px;}

.con12{width:100%; text-align:center; height:1228px; background: url("../images/con12_bg.jpg") no-repeat center 0;min-width:1300px; position:relative;  box-sizing:border-box;}
.con12 h2{padding:90px 0 30px;}
.con12 p img{box-shadow:0 0 40px rgba(0,0,0,0.5) ; bordeR-radius:23px; height:900px; display:inline-block;}
.con12 span{display:block; position:Absolute; top:20px;; left:50%;margin-lefT:330px; animation:txt_point02 0.9s linear 0s infinite alternate;}

@keyframes txt_point02 { 
	0%{opacity:0.5; top:25px;}
	100%{opacity:1; top:40px}
}




.new_con04{width:100%; text-align:center; height:1603px; background:#e5e1e0 url("../images/new_bg04.jpg") no-repeat center 0;min-width:1300px; position:relative;box-sizing:border-box; padding-top:90px;}
.notice{width:1200px; margin:40px auto 0; padding:0px 30px 0 50px;  }


/*지점탭*/
.tabs{display:inline-block; margin:10px auto 20px; width:100%}
.tabs li{background:#Fff; border-radius:15px;
  font-size:25px; line-height:30px;color:#3c3a36;
  width:16%;height:180px;margin:0 0.3% 0;box-shadow:1px 1px 10px rgba(0,0,0,0.2) ;
  float: left; bordeR:1px dotted #7b6a62;
  text-align:Center; box-sizing:border-box;padding:34px 0 0 ;
  cursor: pointer;}
.tabs li.on{background:#7b6a62;}

.tab_container{bordeR:1px solid;background:#fff;bordeR:1px dotted #7b6a62;border-radius:15px; height:840px;padding:10px 0 0}

.swiper_box{width:100%;  position:relative;}
.swiper-container{ overflow:hidden;width:780px;  height:369px;margin:10px auto 20px; }
.swiper-slide{width:520px;  height:369px; text-align:center; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next02{left:80px}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{display:none;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-prev:after{display:none;}
.review_bt{margin-top:-130px; }
.review_bt02{}
.swiper-button-next:after, .swiper-button-prev:after{}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next02{left:20px}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:20px;}
.swiper-button-next:after, .swiper-button-prev:after{display:none}



/*Äü¸Þ´º*/
#quick_right{right:0; top:250px;  position: fixed;  right:-300px; transition:0.5s;  text-align:center; 

    z-index:30000;  box-shadow:0px 5px 16px rgba(0,0,0,0.4);  box-sizing:border-box; width:129px; height:309px;  border-radius:26px;}
#quick_right.scroll_on{right:80px;; }




.txt_point{  animation:txt_point 0.9s linear 0s infinite alternate;}

@keyframes txt_point { 
	0%{opacity:0.4; }
	100%{opacity:1;}
}


.new_con05{ width:100%; text-align:center; height:1100px; background: url("../images/con02_bg.jpg") no-repeat center bottom;min-width:1300px; position:relative;}
.new_con05 h2{padding:115px 0 50px;}
.new_con05 ul{ padding-bottom:70px;width:100%; overflow:hidden}
.new_con05 ul li{float:left;margin:0 20px; box-shadow:7px 10px 14px rgba(0,0,0,0.1) ;height:574px; width:403px; }
.new_con05 .bt_txt{font-size:20px; letter-spacing:-0.03em}

.new_con05 img.a_left{float:left;  position: absolute; top:480px; left:50%;margin-left:-720px; z-index:1000; cursor:pointer; }
.new_con05 img.a_right{float:right;  position: absolute; top:480px; left:50%; z-index:1000 ;margin-left:680px; cursor:pointer;}