@charset "utf-8";


#smipImgDiv{
    /*
    position:absolute !important; top:0; left:70%; 
	padding:5px;
	margin-left:31% !important; width:1200px; margin:0 auto;
    */
}


/*해더*/
#header{
    background:transparent;
    position:relative;
    position:absolute;
    z-index:1;
    width:100%;
    _border-bottom:1px solid #666666;
}
#header h1{
    margin:0 20px;
    padding-top:30px;
    font-size:18px;
    font-weight:bold;
    float:left;
}
#header h1 img{padding-right:10px;}
#header h1 a{color:#eeeeee;}



#header .menu_warp{
    font-size:19px;
    font-weight:bold;
    line-height: 110px;
    color:#eeeeee;
    padding-left: 415px;
    padding-top: 22px;
}

#header .menu_warp>li{
    float:left;
    padding:0 28px;
    font-weight:bold;
    color:#fff;
    position:relative;
}

#header .gnb_btn{padding-top:42px;display: inline-block;padding-left:27px;cursor:pointer;}



#header .menu_warp li a{
    color: #eeeeee;
    _line-height:162px;
}


#header .menu_warp ul{
    position: absolute;
    margin:0;
    padding:0;
    z-index:999;
}


#nav_main{}
#nav_main,
#menu_warp ul {
    list-style:none;
}
#nav_main {
    width:100%;
}

#nav_main li a {
    display: block;
    text-decoration: none;
}
.menu_warp ul {
    position: absolute;
    margin:0;
    padding:0;
    display:none;
    z-index: 999;
}
#nav_main ul li a {
    width: 100%;
}

#header .inner{position:relative;}
#header .login{position:absolute;top:20px;right:70px;}
#header .login li{margin:0 18px;float:left;}
#header .login li i{margin-right:8px;}
#header .login li a{color:#eeeeee;}

.menu_warp ul{left:-7px;top:90px;background:#DFAB44;border-radius:10px;padding:20px 0;}
.menu_warp ul li{width:142px;line-height: 40px;text-align:center;font-weight:normal;font-size:16px;}
.menu_warp ul li a{color:#ffffff;}
.menu_warp ul li a:hover{}





/*원래 gnb 없애기*/
.main-slide .mo-bg{display: block;}
	#side-menu{display: none;}
	.pc_br{display: none;}
	#header .pc-gnb{display: none;}
	#header.sc{height:70px;border-bottom:0;}
	#header.sc .open-menu .hambergerIcon{background-color:#333;}
	#header.sc .open-menu .hambergerIcon.open{background-color:#fff;}


/* 햄버거메뉴 */
	#open-menu{display: block;position: fixed;top: 0;right: 0;height: 70px;width: 70px;z-index: 1000;}
	.open-menu{display: block;position: absolute;top: 0;left: 0; right: 0;bottom: 0; margin: auto;height: 70px;width: 70px;}
	.open-menu .menu {height: 70px;width: 70px;position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);}
	.open-menu .menu:hover {cursor: pointer;}
	.open-menu .hambergerIcon {height: 3px;width: 33px;position: absolute;top: 50%;left: 50%;
	  border-radius: 50px;
	  background-color: #000;
	  transform: translate(-50%, -50%) rotate(0deg);
	  transition: transform ease 0.5s;
	}
	.open-menu .hambergerIcon::before, .open-menu .hambergerIcon::after {content: "";position: absolute; height: inherit;border-radius: inherit;background-color: inherit;margin: auto;width: 50%;transition: all ease 0.5s;}
	.open-menu .hambergerIcon::before {top: -10px;left: 0;transform-origin: left;}
	.open-menu .hambergerIcon::after {bottom: -10px;right: 0;transform-origin: right;}
	.open-menu .hambergerIcon.open {transform: translate(-50%, -50%) rotate(135deg);}
	.open-menu .hambergerIcon.open::before {top: 0;transform: translateX(100%) rotate(-90deg);}
	.open-menu .hambergerIcon.open::after {bottom: 0;transform: translateX(-100%) rotate(-90deg);}
	/*사이드메뉴*/
	#side-menu{display:none;position: fixed;top: 0;left: 0;right: 0;bottom: 0; background-color: #DFB239; z-index: 900;overflow-y: scroll;}
	#side-menu .mo-gnb{position: absolute; width: 100%;top: 70px;border-top: 1px solid rgba(255, 255, 255, 0.1);}
	#side-menu .mo-gnb .d1{text-align: center;}
	#side-menu .mo-gnb .d1 .m{display: block;padding: 16px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1);color: #fff;font-size: 20px;}
    #side-menu .mo-gnb .d1 .m2{display: block;padding: 16px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1);color: #fff;font-size: 20px;}
	#side-menu .mo-gnb .d1{}
	#side-menu .mo-gnb .d1 .m.active{/*background-color: #059b04;color:#fff; border-bottom: 1px solid #059b04;배경초록색*/color: #373737;}
	#side-menu .mo-gnb .d1 .sub{display:none;background-color: #eee;padding: 8px 0;}
	#side-menu .mo-gnb .d1 .sub li{border-bottom:1px solid #ddd;}
	#side-menu .mo-gnb .d1 .sub li:last-child{border-bottom:0;}
	#side-menu .mo-gnb .d1 .sub li a{display: block;font-size: 16px;color: #555;padding: 10px 0;/*font-family: 'GmarketSansMedium';*/font-weight:500;}



#top_btn{right:25px !important;left: auto;bottom:-60px;border:1px solid #D09A13;color:#D09A13;border-radius:40px;transition:all 0.3s;}
#top_btn:hover{background:#D09A13;border:none;transition:all 0.3s;}
#bottom_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#bottom_btn:hover{border-color:#D09A13;background:#D09A13;color:#fff}
#bottom_btn{right:25px;bottom:-120px;border:1px solid #D09A13;color:#D09A13;border-radius:40px;transition:all 0.3s;}
#bottom_btn:hover{background:#D09A13;border:none;transition:all 0.3s;}


/* 바디에 스크롤 막는 방법 */
.not_scroll{
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%
}
.not_scroll .cont {
    position: relative;
    top: 0;
}





/*푸터*/

#footer{
    background-color:#323232;
    font-size:16px;
	clear:both;
    font-family:'Noto Sans KR', sans-serif !important;
}
#footer .fInfo{
    padding-top:35px;
    padding-bottom:20px;
    display: inline-block;
    font-family:'Noto Sans KR', sans-serif !important;
}
#footer .fInfo li{
    float:left;
}
#footer .fInfo li::after{
    content:"";               
    display:inline-block;
    width:1px;               
    height:9px;
    background:#b5b5b5;        
    margin:0 5px;
}
#footer .fInfo li:last-child::after{display:none;}
#footer .fInfo li a{ color:#ffffff; }

#footer .fLogo{
    margin-right: 15%;
    float:left;
}
#footer .fLogo img{
    margin-top:70px;
}
.f_text_wrap{padding-bottom:20px; _display:flex;}

#footer .fAd{
    color:#F2F2F2;
    margin-bottom:40px;
    font-family:'Noto Sans KR', sans-serif !important;
}
#footer .fAd li{
    float:left;
    line-height:20px;
}
#footer .fAd li a {
	color:#F2F2F2;
}

#footer .fAd li:nth-child(4){margin-left:15px;}
#footer .fAd li:nth-child(5){margin-left:15px;}
#footer .fAd li:nth-child(6){margin-left:15px;}
#footer .fAd li:nth-child(7){margin-left:15px;}
#footer .fAd li:nth-child(9){margin-left:15px;}
#footer .fAd li:nth-child(11){margin-left:15px;}
#footer .fAd li:nth-child(12){margin-left:15px;}

#footer .fAd li:last-child{color:#B4B4B4; margin-top:30px;}
    
#footer .fAd span::after{content: "";
    display: inline-block;
    width: 1px;
    height: 9px;
    background: #b5b5b5;
    margin: 0 5px;}
#footer .m_br{display:none;}

#footer .esc{
    float:right; margin-top:-170px;

}



/*반응형*/
/* --- 768px --- */
@media screen and (max-width: 768px) {

	#header .login{font-size:14px;right:43px;top:7px;width:123px;}
    #header .login li{float:none;margin-bottom:3px;font-size:14px;}
	#header .login li a{color:#D09A13;}
	#header .login li .fa-user-cog{margin-right:4px;}

	#footer .m_br{display:block;}
	#footer .pc_br2{display:none;}
    #footer .fAd br{_display:none;}
	#footer .fAd li:nth-child(3){margin-right:15px;}
	#footer .fAd li:nth-child(4){margin-left:0;margin-right:15px;}
	#footer .fAd li:nth-child(6){margin-left:0;margin-right:15px;}
	#footer .fAd li:nth-child(7){margin-left:0;margin-right:15px;}
	#footer .fAd li:nth-child(10){margin-left:0;margin-right:15px;}
	#footer .fAd li:nth-child(11){margin-left:0;}
	#footer .fAd li:nth-child(12){margin-left:0;}
    #footer .esc{text-align:center;float:none; margin:20px 0;}
    
    
    #smipImgDiv img{display: none;}
    


}


}