@charset "utf-8";

#header{
    background:#ffffff;
    position:relative;
    z-index:5;
    width:100%;
	font-family:'PLAY', sans-serif;
}
#header h1{
    font-size:18px;
    font-weight:bold;
    float:left;
    line-height: 60px;
	position:absolute; left:0; z-index:1
}
#header h1 img{padding-right:10px;}
#header h1 a{color:#666666;}



#header .menu_warp{
    font-size:18px;
    line-height: 60px;
    color:#eeeeee;
	
}

#header .menu_warp>li{
    float:left;
	width: 144px;
    color:#000000;
    text-align: center;
    position:relative;
    background:url(../images/nav_bg.png)no-repeat 2px 20px;
    font-size:16px;
}

#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 .menu ul a{color:#A9A9A9;transition:0.1s;}
#header .menu_warp .menu ul a:hover{background:#4A84C1;color:#ffffff;transition:0.1s;}

#header .menu_warp ul{
    position: absolute;
    margin:0;
    padding:0;
    z-index:999;
    _background:#17416E;
    background:#282828;
    height: auto;
}


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

#nav_main li a {
    display: block;
    text-decoration: none;
    color:#A9A9A9;
}
#nav_main li a:hover{color:#111}

.menu_warp ul {
    position: absolute;
    margin:0;
    padding:0;
    display:none;
    z-index: 999;
    min-width: 150px;
}
#nav_main ul .menu a:hover{color:#4A84C1;}
.menu_warp ul{left:-4px;top:60px;z-index:2;}
.menu_warp ul li{width:100%; line-height: 40px;text-align:center;font-weight:normal;font-size:14px;}
.menu_warp ul li a{color:#ffffff; white-space:nowrap; padding:0 20px}
.menu_warp ul li a:hover a{color:#373737;}
.menu_warp ul li:nth-child(1n){background:url(../images/nav_sub_bg1.png)no-repeat;}
.menu_warp ul li:nth-child(2n){background:url(../images/nav_sub_bg2.png)no-repeat;}
.menu_warp .menu_b ul li{left:20px; width:112px;line-height:45px;}
.menu_warp .menu_b ul li:nth-child(1n){background:url(../images/nav_sub_bg1_b.png)no-repeat;}
.menu_warp .menu_b ul li:nth-child(2n){background:url(../images/nav_sub_bg2_b.png)no-repeat;}
.menu_warp .menu_b ul li a:hover a{font-weight:bold;}


.nav_sub{background:#EBEFF2; _background:#a3bed4;color:#ffffff;height:50px;line-height:50px;}
.nav_sub p{color:#5b5b5b;float:left;font-size:15px;font-family:'KHNPHD', sans-serif;}
.nav_sub .sns_wrap{float:right;margin-right: 32px;}
.nav_sub .sns_wrap li{float:left;margin-right:20px;line-height: 50px;font-size: 14px;transition:0.3s;}
.nav_sub .sns_wrap li:last-child{margin-right:10px;}
.nav_sub .sns_wrap li a{background:#ffffff; border-radius:30px;padding:5px 20px;color: #17416E;border: 1px solid #dedede;}
.nav_sub .sns_wrap li a:hover{background:#1C456D;transition:0.3s;color:#ffffff;border:1px solid #1C456D;}
.nav_sub .sns_wrap img{margin-right:6px;vertical-align:middle;width:20px;height:auto;}
.nav_sub .sns_wrap .kakao_icon img{vertical-align:sub;}
.nav_sub .sns_wrap .mail_icon img{padding-bottom:2px;}
.nav_sub .sns_wrap .card_icon img{padding-bottom:2px;}
.nav_sub .sns_wrap .write_icon img{vertical-align:text-top;margin-right:5px;}
.nav_sub .sns_wrap .glass_icon img{vertical-align:sub;}
.nav_sub .sns_wrap .kakao_icon a{padding-left: 53px;
    background: url(../images/kakao_icon.png)no-repeat 19px center;background-color:#ffffff;transition:0.3s;}
.nav_sub .sns_wrap .mail_icon a{padding-left: 53px;
    background: url(../images/mail_icon.png)no-repeat 19px center;background-color:#ffffff;transition:0.3s;}
.nav_sub .sns_wrap .card_icon a{padding-left: 53px;
    background: url(../images/card_icon.png)no-repeat 19px center;background-color:#ffffff;transition:0.3s;}
.nav_sub .sns_wrap .write_icon a{padding-left: 50px;
    background: url(../images/write_icon.png)no-repeat 19px center;background-color:#ffffff;transition:0.3s;}
.nav_sub .sns_wrap .glass_icon a{padding-left: 53px;
    background: url(../images/glass_icon.png)no-repeat 19px center;background-color:#ffffff;transition:0.3s;}
.nav_sub .sns_wrap .login_icon a{padding-left: 53px;
    background: url(../images/login_icon.png)no-repeat 19px center;background-color:#ffffff;transition:0.3s;}

.nav_sub .sns_wrap .kakao_icon a:hover{background:url(../images/kakao_icon_w.png)no-repeat 19px center;background-color:#1C456D;transition:0.3s;}
.nav_sub .sns_wrap .mail_icon a:hover{background:url(../images/mail_icon_w.png)no-repeat 19px center;background-color:#1C456D;transition:0.3s;}
.nav_sub .sns_wrap .card_icon a:hover{background:url(../images/card_icon_w.png)no-repeat 19px center;background-color:#1C456D;transition:0.3s;}
.nav_sub .sns_wrap .write_icon a:hover{background:url(../images/write_icon_w.png)no-repeat 19px center;background-color:#1C456D;transition:0.3s;}
.nav_sub .sns_wrap .glass_icon a:hover{background:url(../images/glass_icon_w.png)no-repeat 19px center;background-color:#1C456D;transition:0.3s;}
.nav_sub .sns_wrap .login_icon a:hover{background:url(../images/login_icon_w.png)no-repeat 19px center;background-color:#1C456D;transition:0.3s;}
.nav_sub .sns_wrap li a{background-size:20px !important;}

.nav_sub .sns_wrap .write_icon2 img{vertical-align:text-top;margin-right:5px;}
.nav_sub .sns_wrap .write_icon2 a{padding-left: 50px;
    background: url(../images/write_icon.png)no-repeat 19px center;background-color:#ffffff;transition:0.3s;}
.nav_sub .sns_wrap .write_icon2 a:hover{background:url(../images/write_icon_w.png)no-repeat 19px center;background-color:#1C456D;transition:0.3s;}



#nav_main{position:relative;}
.ko_en{right: 0;
    top: 20px;
    position: absolute;display:inline-block;}
.ko_en li{float:left;margin:0 10px;font-weight:400; font-size:14px}
.ko_en li:nth-child(2)::after{display:none;}
.ko_en li:nth-child(3)::after{display:none;}
.ko_en li:nth-child(3){}
.ko_en li a{color:#373737;text-align:center;}
.ko_en li.on a{color:#fff !important; background:#38383D; padding:0 5px; border-radius:10px}

@media(max-width:390px){
.ko_en li{margin:0 5px}	
	}






/*푸터*/

#footer{
    background-color:#38383D;
    font-size:14px;
	text-align:center;
	clear:both;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:normal;
    color:#999999;
	padding:60px 0;
}
#footer .fInfo{
    padding-top:35px;
    padding-bottom:30px;
    display: inline-block;
}
#footer .fInfo li{
    float:left;
    margin-right:40px;
}

#footer .fInfo li:last-child::after{display:none;}
#footer .fInfo li a{ color:#f2f2f2; }

#footer .fLogo{
    float:left;
}
#footer .fLogo img{
    margin-top:120px;
}
.f_text_wrap{padding-bottom:20px;float:left;margin-left:100px;}

#footer .fAd{
    font-size:14px;
    color:#c2c2c2;
}
#footer .fAd li{
    float:left;
    line-height:20px;
    margin-right:20px;
}
#footer .fAd li a {
	color:#c2c2c2;
}

@media (max-width:280px) {
/*공통*/
.ko_en li{height:60px; display:flex; align-items:center}    
.ko_en li a{line-height:normal}    
    
}