@charset "utf-8";

/*해더*/
#header{
    _background:transparent;
    position:relative;
    _position:absolute;
    z-index:9;
    width:100%;
    height:95px;
    _border-bottom:1px solid #666666;
	font-weight: 300;
}
#header h1{
    font-size:18px;
    font-weight:bold;
    padding-top:25px;
    float:left;
    z-index:99;
    
}
#header h1 img{}
#header h1 a{color:#eeeeee;}
#header .nav_wrap p{display:inline-block;padding-top:48px;}
#header h1 a {
    width:193px;
    height:48px;
    display: block;
    background-image: url(../images/logo.png);}

#header .menu_warp{
    font-size:17px;
    color:#eeeeee;
    _padding-left: 415px;
    _line-height:95px;
    float:left;
}

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

#header .gnb{height:95px;margin-left:464px;z-index:0;}

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



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


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

.kor_eng_wrap{padding-left:60px;display:inline-block;}
.kor_eng_wrap li{float:left;font-size:17px;
    font-weight:bold;
    color:#eeeeee;
    line-height:95px;
    font-size:14px;
}

.kor_eng_wrap li:after{
    content: "";
    display: inline-block;
    width: 1px;
    height: 11px;
    background: #b5b5b5;
    margin: 0 10px;
}
.kor_eng_wrap li:last-child::after{display:none;}
.kor_eng_wrap li:last-child a{_color:#2A57B5;}



#header .gnb .gnb-bg{
    display: none;
    position: absolute;
    top: 51px;
    _background:#ffffff;
    background-color: rgba(245, 245, 245, 0.9);
    width: 100%;
    height: 310px;
}

.menu_warp>li::after{
    content:"";
    display:block;
    width:100%;
    height:3px;
    background:#3052B6;
    position:absolute;
    left:0;
    top: 93px;
    transform:scale(0,1);
    transition:transform 0.5s;
}
.menu_warp>li:hover::after{
    transform:scale(1);
    
}


#header .gnb_wrap{border-bottom:1px solid #ccc;z-index: 1000;}
#header.fix .gnb_wrap{position: fixed;width: 100% !important;background-color: #fff;top: 0;left: 0;}
#header.fix h1{_z-index:99999;}
#header .gnb_wrap .home{position:absolute;top:0;left:50%;margin-left:-600px;z-index:10;background-color:#5580ce;opacity:0;transition:opacity 0.2s;}
#header .gnb_wrap .gnb{position:relative;}
#header .gnb_wrap .gnb>ul{background-color: #fff;}
#header .gnb_wrap .gnb .menu{width:170px;position: relative;float: left; font-size: 17px;text-align: center;line-height: 95px;}
#header .gnb_wrap .gnb .menu>a{color: #373737;display: block;height: 73px;}
#header .gnb_wrap .gnb .menu>a:hover{color:#3052B6;}
#header .gnb_wrap .gnb .depth2:hover{color:#3052B6;}
#header .gnb_wrap .gnb-bg{display: none;position: absolute;top: 95px; background-color: rgba(245, 245, 245, 0.9);_background-color:#F3F3F3; width: 100%;height:400px;border-top:1px solid #F3F3F3;}
#header .gnb_wrap .gnb-bg img{_width:80%;_height:100%;}
#header .gnb_wrap .depth2{width:100%;height: 399px;display:none;font-size:16px;font-weight:normal;line-height:35px;}
#header .gnb_wrap .depth2 li a{font-size:15px; letter-spacing:-0.5px;_padding-left:20px;}
#header .gnb_wrap .depth2 li:hover a{_background:url(../images/gnb_bg.png)no-repeat center left;}
#header .gnb_wrap .depth2 li a:hover{color:#3052B6;font-weight:bold;}
#header .gnb_wrap .depth2:hover{background:;}
#header .gnb_wrap .gnb .menu:hover .depth2{_background:#fafafa;}


.kor_eng_wrap li.on a{color:#2656B6;}










/*푸터*/
#footer{background:#212735;color:#d3d3d3;height:313px;padding-top:45px;margin-bottom:0;}
#footer .inner{position: relative;}
#footer .fLogo{position:absolute;right:0;top:80px;}
#footer a{color:#d3d3d3;}
#footer .fInfo a{color:#d3d3d3;}
#footer .fInfo li{float:left;margin-right:35px;font-size:18px;}
#footer .fAd{margin:40px 0;}
#footer .fAd li{float:left;line-height:22px;margin-right:15px;}

#footer p{color:#929292;font-sizE:14px;}

#header nav{display:none;}
.gnb-bg, #open-menu, .open-menu, #side-menu{_display:none;}
.mo_logo{display:none;}

/* --- 768px --- */
@media screen and (max-width: 768px) {
    .pc_logo{display:none;}
    
    /*해더*/
    #header{position: fixed;height:70px;background:#ffffff;}
    #header.fix .gnb_wrap{display:none;}
    #header nav{display:block;z-index:1000;}
    #header .gnb{height:70px;}
    #header .gnb_wrap{border:none;height:70px;}
    #header h1 img{}
    #header .gnb_wrap .gnb-bg{background:transparent;border:none;}
    .mo_logo{display:block;position:absolute;top:-7px;left:0;}
    .gnb .menu_warp{display:none;}
    .gnb-bg, #open-menu, .open-menu, #side-menu{display:block;}
    #header h1 a {
    width: 140px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    }
    #header h1{padding-left:20px;width:100px !important;}
    #header h1 img{width:100%;}
    #header.sc {background-color: #fff;border-bottom: 1px solid #ccc;}

    .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;}
    #header.sc h1 a {
        background: url(../images/f_logo.png);}
	
	.kor_eng_wrap{display:none;}

/* 햄버거메뉴 */
	#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: #333;
	  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: #006AB6; 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;}
    
    /*푸터*/
    #footer{padding:0 20px;height: auto;}
    #footer a{font-size:15px;}
    #footer .fAd{font-size:14px;margin:30px 0;}
    #footer .fLogo{position:static;text-align:center;padding-top:30px;padding-right: 30px;}
    #footer .fLogo img{width:40%;}
    #footer .fInfo{padding-top:40px;}
    #footer .fInfo a{font-size:15px;}
    #footer .fInfo li{font-size:16px;margin-right:15px;}
    #footer .fInfo li:last-child{margin-right:0;}
    #footer p{padding-bottom:30px;font-size:12px;}
}