@charset "utf-8";

/*공통*/


/*header*/
#top-gnb{border-bottom:solid 1px #ddd; position:relative;}

#h-logo{display:inline-block;}
#h-logo a{background:url("../images/common/h-logo.png")no-repeat; margin-left:-15px; margin-top:15px; width:280px; height:49px; display:block; background-size:contain;}

#b-logo{display:inline-block;}
#b-logo a{background:url("../images/common/bn01.jpg")no-repeat;  margin-left:186px; margin-top:15px; width:320px; height:48px; display:block; background-size:contain;}

#gnb{display:inline-block; float:right; margin-right:5px; font-family: 'LeferiBaseType-RegularA'; }
#gnb ul{line-height:80px; font-size:15px; color:#333; letter-spacing:-0.5px;}
#gnb ul li{display:inline-block; margin-left:8px;}
#gnb ul li a{display:block; color:#333;}
#gnb ul li a:hover{color:#999;}

#gnb ul li a.sch_btn{color:#333;}
#gnb ul li a.sch_btn:hover{color:#999;}

#lnb-wrap{border-bottom:solid 1px #ddd;background-color:#343a5b; font-family: 'LeferiBaseType-RegularA';}
#lnb{height:54px; width:1280px; }
#lnb li{float:left; }
#lnb li a{margin-top:18px; display:block; padding:0 75px 0 30px ;font-size:18px; font-weight:500; color:#fff;  text-align:center;}
#lnb li :hover{color:yellow;font-weight:500;}

#all-btn{position:absolute; top:0; right:0; }
#all-btn a{display:block;}

/*depth_menu*/

#lnb >li a{display:block; transform:skew(-0.001deg);}
#lnb li ul.depth{background:#efefef; display:none; width:100%; position:absolute; z-index:9999; top:55px; left:0;  box-sizing:border-box; padding:1%;}

/*1차 서브메뉴*/
#lnb li ul.depth li{height:auto; min-width:31.3%; float:left; display:inline-block; vertical-align:top;  margin-top:-10px; margin-bottom:5px; margin-right:1%; margin-left:1%;text-indent:0px; }
#lnb li ul.depth li:last-child{border:none; margin-right:0;}
#lnb li ul.depth li::after{background:none;}
#lnb li ul.depth li:hover .fix-color{color:#fff; background:#666;}


/*2차메뉴*/
#lnb li ul.depth li a{color:#333; display:block; background:#fff;  font-size:17px; font-weight:500; padding:4% 0; transform:skew(-0.001deg);  text-align:center; line-height:normal;}
#lnb li ul.depth li a:hover{color:#fff;  font-size:17px; font-weight:500; background:#304078;}

/*3차메뉴*/
#lnb li ul.depth li ul.deep li{text-indent:10px; display:block; margin:0; width:100%;}
#lnb li ul.depth li ul.deep li a{background:none; padding:3% 0; font-size:15px; }

#lnb li ul.depth li ul.deep li a:hover{color:#333; font-size:15px; border-bottom:solid 1px #ddd;}


/*all-menu*/
.menu-hide{background:#27313c; display:none; width:100%; position:absolute; z-index:999; top:55px; left:0;  box-sizing:border-box; padding:3% 2%;}

.menu-hide ul li{float:left; margin-right:1%; width:19%; font-size:16px;}
.menu-hide ul li.shop{margin-right:0; margin-top:2%;}
.menu-hide ul li a{color:#c7c7c7; font-weight:500; border-bottom:solid 1px #c7c7c7; width:100%; display:block; line-height:1.8;}
.menu-hide ul li a.on{margin-bottom:5%;}

.menu-hide ul li ul.depth li{float:none; width:100%; font-size:15px;}
.menu-hide ul li ul.depth li a{color:#cacaca; font-weight:normal; border-bottom:none;}

.menu-hide li ul.depth li:hover .fix-color{color:#30709a;}
.menu-hide li:hover .on{color:#a0ceed;}

.menu-hide li ul.depth li ul.deep{/*background:#3e4956;*/ margin:0 0 3%; box-sizing:border-box; padding:0 0 5%; border-bottom:dashed 1px #55606d;}
.menu-hide li ul.depth li ul.deep li a{color:#9c9c9c; text-indent:3px; font-size:14px;}
.menu-hide li ul.depth li ul.deep li a:hover{color:#b3b2b2;}


/*검색 박스*/
#top-gnb .hd_sch_wr{width:100%; overflow:hidden; margin:0 auto; background:#f5f5f5; border-top:solid 1px #ddd; display:none; position:absolute; left:0; top:63px; z-index:100; box-shadow:2px 10px 7px rgba(0,0,0,0.3); padding:0; float:none;}
#top-gnb .hd_sch_wr .wrap{padding:2% 0;}
#top-gnb #hd_sch h3 {position:absolute; font-size:0; line-height:0; overflow:hidden;}
#top-gnb #hd_sch{overflow:hidden; text-align:center; border-radius:0;}
#top-gnb #hd_sch #sch_stx {float:none; display:inline-block; width:60%; height:50px; text-indent:10px; background:#fff;  border:solid 1px #ddd; box-sizing:border-box;}
#top-gnb #hd_sch #sch_submit {float:none; border-radius:0; display:inline-block; width:6%; height:50px; border:0; color:#fff; background:linear-gradient(to left, rgb(63,69,108), rgb(14,25,97)); cursor:pointer; font-size:16px; margin-left:-4px;}
#top-gnb #hd_sch legend{position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow: hidden;}
#top-gnb #hd_sch .sound_only {display:inline-block; position:absolute; top:0; left:0; width:0; height:0; margin:0; padding:0; font-size: 0; line-height:0; border:0; overflow:hidden;}

#top-gnb .hd_sch_wr .close-btn{}
#top-gnb .hd_sch_wr .close-btn button{border:none; background:#3f456c; color:#fff; padding:.5% 2%; position:absolute; top:0; right:0;}



/*footer*/
#footer{background:#27313c; font-family: 'LeferiBaseType-RegularA';}
#footer .f-menu{border-bottom:solid 1px #0c0e11; color:#e8e8e8;}
#footer .f-menu a{color:#e8e8e8;}

#footer .f-menu .left, #footer .f-menu .right{min-height:59px;}
#footer .f-menu .left ul{position:relative;}
#footer .f-menu .left ul::after{content:""; display:block; clear:both;}
#footer .f-menu .left ul li{display:inline-block; margin-right:3%; position:relative;  line-height:59px;}
#footer .f-menu .left ul li:nth-child(3){margin-right:5%;}
#footer .f-menu .left ul li:nth-child(3)::after, #footer .f-menu ul li:nth-child(4)::after{content:""; display:block; position:absolute; background:url("../images/btn/f-newsite-btn.png")no-repeat; width:15px; height:15px; top:22px; right:-20px;}

#footer .f-menu .right dl.cafe-menu{overflow:hidden; width:100px;}
#footer .f-menu .right dl.cafe-menu dd{float:left; margin-right:10px;}

.right-wrap{float:right;}
.cafe-menu, .site-menu{display:inline-block; vertical-align:middle;}
.site-open{background:#313c49; width:240px; height:59px; line-height:59px; text-indent:15px; position:relative; cursor:pointer;}
.site-open::after{content:""; display:block; background:url("../images/btn/f-down-btn.png")no-repeat; width:10px; height:6px; position:absolute; right:6%; top:50%;}

.f-hide{position:absolute; bottom:0; background:#fff; border:solid 1px #0c0e11; width:240px; z-index:1; height:auto; line-height:normal; display:none;}
.f-hide h5.site-clsoe{background:#27313c; font-size:14px; color:#dedede; padding:6% 0; text-indent:15px; position:relative; cursor:pointer;}
.f-hide h5.site-clsoe::after{content:""; display:block; position:absolute; background:url("../images/btn/close-btn.png")no-repeat; width:16px; height:16px; right:7%; top:33%;}

#footer .f-hide dl dd a{color:#333;}
#footer .f-hide dl dd a:hover{color:#999;}

.f-hide dl{padding:5%; box-sizing:border-box; height:189px; overflow-y:scroll;}
.f-hide dl dd{line-height:1.8;}

address dl{color:#e8e8e8; line-height:1.8; padding:2% 0; margin-left: 170px;  }
address dl a{color:#e8e8e8;}
address dl dd span{display:inline-block; padding-right:3px;}

a.top {position:fixed; right:0; bottom:0; display:none; z-index:3;}


/*접속자 통계*/
.visit{position:absolute; top:17%; right:0; width:22%;}
.visit-wrap{width:100%; color:#e8e8e8; position:relative;}
dl.visit-box{overflow:hidden;}
dl.visit-box dd{float:left; margin-right:4%; position:relative;}
dl.visit-box dd::after{content:""; display:block; width:1px; height:10px; background:#e8e8e8; position:absolute; top:25%; right:-13%;}
dl.visit-box dd:last-child::after{display:none;}

/*관리자 로그인시*/
.admin-box{position:absolute; top:-41%; right:0;}
.admin-box a.btn_admin, .btn_admin{display:inline-block; color: #fff; text-decoration:none; vertical-align:middle;}
.admin-box a.btn, .admin-box .btn {line-height: 35px; height: 35px; padding: 0 10px; text-align: center; font-weight: bold; border: 0; font-size: 1.4em;
-webkit-transition: background-color 0.3s ease-out;-moz-transition: background-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out;}
.admin-box .sound_only{display: inline-block !important; position: absolute; top:0; left:0; margin:0 !important; padding:0 !important; font-size:0; line-height: 0; border:0 !important; overflow:hidden !important;}




/*mobile_menu*/
.m_allmenu{display:none;}




/******************************media******************************/

/*노트북 해상도 125%일때*/
@media screen and (max-width:1580px){
#lnb{height:54px; width:1280px; }
#lnb li a{display:block; padding:0 75px 0 30px ;font-size:18px; font-weight:500; color:#fff;  text-align:center;}

}

@media screen and (max-width:1280px){
#lnb{height:54px; width:1220px; }
#lnb li a{display:block; padding:0 60px 0 40px ;font-size:18px; font-weight:500; color:#fff;  text-align:center;}

address dl{ margin-left: 70px;  }

}

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

#lnb{height:54px;  width:1100px; }
#lnb li{float:left; }
#lnb li a{display:block; padding:0 50px 0 40px ;font-size:18px; font-weight:500; color:#fff;  text-align:center;}

}
/******************************S:max-width:1024******************************/
@media all and (max-width:1024px) {

address dl{ margin-left: 30px;  }

/*mobile_menu*/
#top-gnb, #lnb-wrap{display:none;}

.m_allmenu{display:block; /*position:fixed;*/ z-index:10; background:#fff; width:100%;}
.m_allmenu .m_header{width:100%; padding:4% 0; position:relative; border-bottom:solid 1px #ddd;}
.m_allmenu .m_header .logo a{position:absolute; top:21%; left:2%; background:url("../images/common/h-logo.png")no-repeat; width:260px; height:47px; background-size:contain; z-index:99; display:block;}

.m_allmenu .allmenu{width:100%; height:100%; right:0; z-index:99;}
.m_allmenu .hide {width:100%; height:100%; right:-100%; position: fixed; z-index:10; top:0; transition: all .5s ease-in-out;}
.m_allmenu .hide.show {width:100%; height:100%; right:0; transition: all .5s ease-in-out;}
.m_allmenu .menu-tab{position:absolute; z-index:100; top:0%; right:0%; background:url("../images/common/all-menu-btn.jpg"); width:81px; height:81px; background-size:contain;}

.m_allmenu .allmenu ul{background:#ffffff; overflow:hidden; height:100%; padding:10% 0;}
.m_allmenu .allmenu ul li:nth-child(1){border-top:solid 1px #ddd;}
.m_allmenu .allmenu ul li a.tite{font-size:20px; display:block; border-bottom:solid 1px #ddd; padding:2%; color:#333; font-weight:600;}
.m_allmenu .allmenu ul li a.tite.m_on{background: linear-gradient(to left, rgb(62,150,213), rgb(62,150,213)); color:#fff;}

.m_allmenu .allmenu ul li ul.m_on{display:none; background:#f7f7f7; color:#666; padding:0;}
.m_allmenu .allmenu ul li ul.m_on li {font-size:18px; text-indent:1%; border-bottom:solid 1px #ddd;}
.m_allmenu .allmenu ul li ul.m_on li a{display:block; padding:2%;}

.m_allmenu .allmenu ul li.login-list ul{padding:0; border-bottom:solid 1px #ddd; background:#f5f5f5;}
.m_allmenu .allmenu ul li.login-list ul li:nth-child(1){border-top:none; border-right:solid 1px #ddd;}
.m_allmenu .allmenu ul li.login-list ul li{float:left; width:50%; text-align:center; /*padding:2% 0;*/ font-weight:500; box-sizing:border-box;}
.m_allmenu .allmenu ul li.login-list ul li a{display:block; padding:6% 0;}


/*검색 박스*/

.m_header .sch-box{position:absolute; top:0; right:10%; width:8%; height:100%;  background:linear-gradient(to left, rgb(63,69,108), rgb(14,25,97)); font-size:16px; line-height:81px; text-align:center; z-index:99;}
.m_header .sch-box a{display:block; color:#fff;}

.m_header .hd_sch_wr{width:100%; overflow:hidden; margin:0 auto; background:#f5f5f5; border-top:solid 1px #ddd;  position:absolute; left:0; top:100%; z-index:100; box-shadow:2px 10px 7px rgba(0,0,0,0.3); padding:0; float:none;  display:none; padding:3% 0 5%;}
.m_header .hd_sch_wr .wrap{padding:2% 0;}
.m_header #hd_sch h3 {position:absolute; font-size:0; line-height:0; overflow:hidden;}
.m_header #hd_sch{overflow:hidden; text-align:center; border-radius:0;}
.m_header #hd_sch #sch_stx {float:none; display:inline-block; width:60%; height:50px; text-indent:10px; background:#fff;  border:solid 1px #ddd; box-sizing:border-box;}
.m_header #hd_sch #sch_submit {float:none; border-radius:0; display:inline-block; width:6%; height:50px; border:0; color:#fff; background:linear-gradient(to left, rgb(63,69,108), rgb(14,25,97));  cursor:pointer; font-size:16px; margin-left:-4px;}
.m_header #hd_sch legend{position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow: hidden;}
.m_header #hd_sch .sound_only {display:inline-block; position:absolute; top:0; left:0; width:0; height:0; margin:0; padding:0; font-size: 0; line-height:0; border:0; overflow:hidden;}

.m_header .hd_sch_wr .close-btn{}
.m_header .hd_sch_wr .close-btn button{border:none; background:#3f456c; color:#fff; padding:.5% 2%; position:absolute; top:0; right:0;}


/*footer*/
#footer .wrap{margin:0 5%;}


}
/*E:max-width:1024*/

/******************************S:max-width:800******************************/
@media all and (max-width:800px){
/*mobile-menu*/
.m_allmenu .m_header{padding:5% 0;}

/*footer*/
#footer .f-menu .wrap{margin:0;}
#footer .f-menu .left{padding:0 5%; box-sizing:border-box; border-bottom: solid 1px #0c0e11;}
#footer .f-menu .left, #footer .f-menu .right{width:100%; float:none; min-height:auto;}
#footer .f-menu .left ul li{display:block; line-height:normal; float:left; width:21%; padding:3% 0;}
#footer .f-menu .left ul li:nth-child(3)::after, #footer .f-menu ul li:nth-child(4)::after{top:23px;}

#footer .f-menu .right::after{content:""; display:block; clear:both;}

.right-wrap{float:none;}
.cafe-menu, .site-menu{display:block; float:left; width:50%;}
.site-open{float:right;}
.f-hide{right:0;}

#footer .f-menu .right dl.cafe-menu{width:50%; padding:0 5%; box-sizing:border-box;}
#footer .f-menu .right dl.cafe-menu dd{margin-right:5%;}

address dl{padding:5% 0 2%; margin-left: 0px; ; }
address dl dd span{ font-size:15px;}

/*검색 박스*/
.m_allmenu .menu-tab{height:100%;}

.m_header .sch-box{width:11%; right:10%; line-height:77px;}

.m_header #hd_sch #sch_stx{height:60px;}
.m_header #hd_sch #sch_submit{height:60px; width:10%;}

/*접속자통계*/
.visit{position:static; width:100%; padding:0 0 5% 0;}
.admin-box{top:0;}




}
/*E:max-width:800*/

/******************************S:max-width:650******************************/
@media all and (max-width:650px){

/*mobile-menu*/
.m_allmenu .m_header{padding:7% 0;}
.m_allmenu .menu-tab{width:58px; height:100%;}
.m_allmenu .m_header .logo a{top:20%; height:38px;}

.m_allmenu .allmenu ul{padding:14% 0;}
.m_allmenu .allmenu ul li a.tite{font-size:16px; padding:4%;}
.m_allmenu .allmenu ul li ul.m_on li{font-size:15px; padding:1%;}

/*검색박스*/
.m_header .sch-box{line-height:58px; width:16%; right:14%; font-size:14px;}
.m_header .hd_sch_wr{padding:5% 0 8%;}

.m_header #hd_sch #sch_stx{height:50px;}
.m_header #hd_sch #sch_submit{width:16%; height:50px;}

/*footer*/
#footer .f-menu a{display:block;}
#footer .f-menu a.top{width:10%;}
#footer .f-menu a.top img{width:100%;}

#footer .f-menu .left{padding:0; font-size:13px; border-bottom:none;}
#footer .f-menu .left ul li{width:50%; margin-right:0; box-sizing:border-box; text-indent:15%; border-bottom:solid 1px #0c0e11;}
#footer .f-menu .left ul li:nth-child(1), #footer .f-menu .left ul li:nth-child(3){border-right:solid 1px #0c0e11;}
#footer .f-menu .left ul li:nth-child(3){margin-right:0;}
#footer .f-menu .left ul li:nth-child(3)::after, #footer .f-menu ul li:nth-child(4)::after{top:14px; right:38px;}

#footer .f-menu .right dl.cafe-menu{float:none; width:100%;}
#footer .f-menu .right dl.cafe-menu dd{float:left; width:50%; margin-right:0; position:relative; box-sizing:border-box; border-right:solid 1px #0c0e11;}
#footer .f-menu .right dl.cafe-menu dd:nth-child(2){border-right:none; padding-left:4%;}

#footer .f-menu .right dl.cafe-menu dd:nth-child(1):after{content:"다음카페 바로가기"; position:absolute; top:34%; left:44px; color:#e8e8e8; font-size:13px;}
#footer .f-menu .right dl.cafe-menu dd:nth-child(2):after{content:"네이버카페 바로가기"; position:absolute; top:34%; left:54px; color:#e8e8e8; font-size:13px;}
#footer .f-menu .right dl.cafe-menu dd a{display:block;}

address dl{color:#e8e8e8; line-height:1.8; padding:2% 0;}
address dl a{color:#e8e8e8;}
address dl dd span{display:inline-block;  padding-right:3px; font-size: 13px}

.cafe-menu, .site-menu{float:none; width:100%; border-bottom:solid 1px #0c0e11;}

.site-open{width:100%;}
.f-hide{width:89%; left:5%;}

.f-hide h5.site-clsoe{font-size:16px; padding:4% 0;}

.f-hide dl{height:280px;}
.f-hide dl dd{line-height:2.5; font-size:15px; border-bottom:dashed 1px #ddd;}

/*접속자통계*/
.visit{padding:0 0 10% 0;}

/*관리자일때*/
.admin-box{top:-22%; right:74%;}


}
/*E:max-width:650*/

/*****************************S:max-width:375*****************************/
@media all and (max-width:375px){

/*검색박스*/
.m_allmenu .menu-tab{height:100%;}
.m_header .sch-box{line-height:53px;}

/*관리자일때*/
.admin-box{right:71%;}



}
/*E:max-width:375*/

/******************************S:max-width:320******************************/
@media all and (max-width:320px){

/*mobile-menu*/
.m_allmenu .menu-tab{width:45px; height:45px;}

/*검색박스*/
.m_header .sch-box{line-height:48px;}

/*fooer*/
#footer .f-menu .right dl.cafe-menu dd:nth-child(2){padding-left:2%;}
#footer .f-menu .right dl.cafe-menu dd:nth-child(1):after, #footer .f-menu .right dl.cafe-menu dd:nth-child(2):after{font-size:12px; left:41px;}
#footer .f-menu a.top{width:15%;}

/*관리자일때*/
.admin-box{right:67%;}


}
/*E:max-width:320*/