@import url(base.css);

#wrap{position:relative; margin:0 auto;  width:100%; background-color:#fff;  }

/* 가맹점, SNS 상단 오른쪽 아이콘*/
#gnb{position:relative;z-index:999;padding-right:8px;}
#gnb ul li{position:absoolute;float:right;line-height:18px;margin:0 0 0 5px;padding:8px 0 5px; font-weight:600; right:0;}
#gnb li img{width:23px; padding-right:2px;}
#gnb ul li a{color:#787878;font-size:11px}

/*탑메뉴*/
#top_wrap {position:relative; overflow:hidden; height:110px; background:#fff;  width:100%; margin:auto; }

#m_dvhead{width:1000px; margin: auto; overflow:hidden; position:relative; text-align:left; height:110px; border:0px solid #f00; }
h1{position:absolute;  top:25px;   text-align:left; z-index:1; }

#topnavi{position:absolute; top:50px; right:20px;  z-index:2;  }
#topnavi li{float:left; color:#696969; font-weight:400; font-size:16px; margin-right:40px;  }
#topnavi li:last-child {border:0px !important; }
#topnavi li a {color:#696969; height:50px;text-align:center;}
#topnavi li a .on {color:#b1b786; font-weight:500;}

#menu1, #menu5 {width:75px;  display:block; }
#menu3 {width:130px;  display:block; }
#menu4 {width:50px;  display:block; }
#menu2 {width:61px;  display:block; }

.eng { margin-top:-10px;  display:block; font-size:14px;}
.insta {margin-top:-12px; padding:0 20px; display:block}

#topnavi li a .en{display:block; width:100%;height:100%;}
#topnavi li a .kr{display:none; width:100%;height:100%;}
#topnavi li a:hover .kr{display:block;}
#topnavi li a:hover .en{display:none;}


#depth2_menu{background:url(/images/inc/menu_bg.png) repeat 0 0; width:100%; height:160px; overflow:hidden; position:absolute; z-index:99; display:none; }
#depth2_menu_in {width:1000px; overflow:hidden; margin:auto; }
#depth2_menu ul{float:left; text-align:center; width:120px; margin-top:15px; color:#222; font-size:13px; }
#depth2_menu ul.menu1{margin-left:265px;}
#depth2_menu ul.menu2{margin-left:-5px;}
#depth2_menu ul.menu3{margin-left:10px;}
#depth2_menu ul.menu4{margin-left:10px; } 
#depth2_menu ul.menu5{margin-left:-30px;  } //-20
#depth2_menu ul.menu6{margin-left:75px;   } 
#menu6 a {color:#a97c50 !important; font-weight:bold;}
.menu_bar {color:#fff !important; display:inline-block; padding-right:15px !important;}


#depth2_menu ul li{}
#depth2_menu ul li a{color:#fff; font-size:13px; line-height:24px; letter-spacing:0px;}
#depth2_menu ul li a.on{color:#fff; font-weight:500;}
#depth2_menu ul li a:hover{color:#fff; font-weight:500;}



#gnb2 {overflow:hidden; width:1000px; height:35px; }
#gnb2 ul{overflow:hidden; position:absolute; top:3px; right:1px;  z-index:2; }
#gnb2 li:first-child{color:#c4c4c4; font-size:12px;}
#gnb2 li{float:left; margin-left:5px; font-weight:500; color:#2d2d2d !important; font-size:11px;}
#gnb2 li a{color:#c4c4c4 !important;}




/*푸터*/
#footer {width:100%; background-color:#353535;  padding:50px 0;}
#footer .foot_box {position:relative; width:1000px;  margin:0 auto; text-align:left;  overflow:hidden}
#footer dl {float:left; margin-left:30px; margin-top:0px;} //margin-left:45px
#footer dl:first-child {margin-left:0}
#footer dl dt{color:#eee; font-size:15px;  padding-bottom:5px; font-weight:400;}
#footer dl dd {line-height:18px;}
#footer dl dd a{color:#d1d1d1; font-size:13px; }
.dl_line {float:left; width:570px;  }

#sns_box {float:left;   height:118px; padding-left:20px; border-left:1px solid #545454;}
#sns_box .sns_tlt {font-size:20px; font-weight:500; color:#77ca70; margin-top:15px;}
#sns_box ul {overflow:hidden; margin-top:22px;}
#sns_box ul li {float:left; padding-left:10px;}
#sns_box ul li:first-child{padding-left:0px;}

#call_box {float:left;   height:118px; padding-left:20px; border-left:1px solid #545454;}
#call_box .call_txt {font-size:28px; font-weight:500; color:#77ca70; margin-top:22px;}
#call_box .call_tlt {font-size:18px; font-weight:500;  color:#d1d1d1; margin-top:15px;}


.footer_txt {width:1000px; overflow:hidden;  border-top:1px solid #545454; font-size:13px;}
.footer_txt p {text-align:center; padding-top:30px; color:#878787; line-height:20px;}
.footer_txt p a {color:#878787; }


/*메인슬라이드*/

div.set0 {position:relative; width:100%; margin:0 auto; text-align:center; /*background:url(/images/main_sd01.jpg) no-repeat center 0;*/ height:768px; overflow:hidden;  }
#main_visual {position:relative;  margin:0 auto;  text-align:center; z-index:0;  width:100%;  height:768px; display:block; background:#ebebeb; }


/*section01*/
#section01 {width:100%; background:#e4e4e4; height:768px; position:relative; text-align:center;}
#section01 dl {width:965px; margin:auto;position:relative;} 
#section01 .section01_logo {padding-top:90px;}
#section01 dl dt { color:#222; font-size:42px; padding-top:15px; text-transform:uppercase; font-weight:normal; padding-bottom:50px; text-align:center; position:relative;  letter-spacing:-0.5px; }
/*#section01 dl dt:after {    content:"";   display:inline-block;  position:absolute;  top:140px; margin-left:-27px; left:50%;  width:54px; height:2px; background:#171a24;}*/
#section01 dl dd {padding-top:20px;}
#section01 dl dd ul {overflow:hidden;}
#section01 dl dd ul li {float:left; margin-right:11px;}
#section01 dl dd ul li:last-child {margin-right:0px;}
#section01 .section01_txt {width:1000px; margin:auto;  text-align:center; margin-top:60px; color:#676767; font-size:18px; line-height:26px; padding-bottom:30px;}


#section01 dl dd ul li .circle {display:block; }
#section01 dl dd ul li .circle_on {display:none; }
#section01 dl dd ul li:hover .circle{display:none; }
#section01 dl dd ul li:hover .circle_on{display:block; position:relative; transition: all 0.8s ease; }
#section01 dl dd ul li:hover .circle_on span { position:absolute; color:#fff; font-size:30px; font-weight:500; right:0; left:0; top:150px; text-transform:uppercase;}

.btn_more a {display:inline-block; border:1px solid #a4a6a9; padding:10px 25px;  color:#414141;  font-weight:500;}
.btn_more a:hover {display:inline-block; border:1px solid #414141; padding:10px 25px;  color:#fff;  font-weight:500; background:#414141;     transition: all 0.8s ease;}



/*section02*/
#section02 {width:100%; background:url(/images/main/section02_bg.jpg) center top  fixed no-repeat #060606; height:772px; position:relative;}
#section02 p { text-align:center; padding-top:290px; }



/**/
#s_content {width:1000px; margin:auto;}




/*퀵*/
#gotop {position:absolute; z-index:999; margin:0px 0px 0px 590px; left: 50%}
#gotop ul.gotop_ul{}