/*head.css*/

/*login S*/
.layer_login{width: 400px; height: 450px;/*padding: 30px;*/ top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.layer_login input[type="text"], .layer_login input[type="password"]{width: 80%;margin: 0 10%; border: none; background: #eee; color: #999; text-indent: 15px;}
.layer_login .user{/*margin-top: 40px;*/}
.layer_login .forgot a{background: none!important; width: inherit!important; height: inherit!important; position: static!important;}
.layer_login .forgot:hover a{background: none!mportant;}
.layer_login .join_wrap{background: #ddd; padding: 20px 0; margin-top: 51px; padding-bottom: 30px;}
.layer_login .join_q{}
.layer_login .join_q p{text-align: center; font-size: 12px; color: #888; line-height: 20px;}
.layer_login .join_click{margin: 0 auto; width: 160px; margin-top: 20px;}
.layer_login .join_wrap a{background: #9a6c41!important; width: 160px!important; height: inherit!important; font-size: 16px; color: #fff!important; text-align: center;margin: 0 auto; position: static!important; right: 0!important; margin: 0 auto;}
#tnb a:focus, #tnb a:hover{color: #000; background: none;}
#login_password_lost{position: static;}
.layer_login .pw{margin-top: 10px;}
.layer_login .logout_icon{}
#tnb li.logout_icon a{width: 33px;height: 33px; background-image: url('../img/common/icon2.png'); background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 0;}
#tnb li.logout_icon:hover a{width: 33px;height: 33px; background-image: url('../img/common/icon2_hover.png'); background-size: cover; background-position: center; background-repeat: no-repeat;  -webkit-transition: .3s; transition: .3s;}
/*login E*/

body{background: #fff;}
.inner{width: 1200px; margin: 0 auto;}
.hd_sch_wr, #hd_qnb{display: none;}
#hd{border-top: none;}
#hd_wrapper{padding: 0; height: 85px;}
#hd_wrapper .inner{position: relative; width: 1200px; margin: 0 auto; padding:0 20px; background:#fff }
#gnb .gnb_close_btn{display: none;}
#tnb{border: none;}
#tnb li{padding:0 5px; border: none; -webkit-transition: .3s; transition: .3s;}
#tnb ul{position: relative;}
/*#tnb ul li:nth-child(3){display: none;}*/
#mb-open-menu{display: none;}
#tnb li.log_icon a{width: 33px;height: 33px; background-image: url('../img/common/icon.png'); background-size: cover; background-position: center; background-repeat: no-repeat;  -webkit-transition: .3s; transition: .3s;}
#tnb li.log_icon:hover a{ background-image: url('../img/common/icon_hover.png'); }
#tnb li.prefer a{width: 33px; height: 33px; background-image: url('../img/common/prefer.png'); background-size: cover; background-position: center; background-repeat: no-repeat;  -webkit-transition: .3s; transition: .3s;z-index: 0;}
#tnb li.prefer:hover a{ background-image: url('../img/common/prefer_hover.png'); }
#logo{position: absolute; left: 10px;top: 10px;}
#tnb{position: absolute; top: 25px; right: 10px;}
#tnb .tnb_admin a {color: #9b6c3f;}
#gnb .gnb_wrap{height: 30px; padding: 25px 0;}
#gnb #gnb_1dul{height: 30px;background: none; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 30px;}
#gnb .gnb_mnal{float: right; height: 30px;}
#gnb .gnb_1dli:nth-child(1){display: block;}
#gnb .gnb_1dli{display: none;}
#gnb .gnb_1dli:hover{background: none;}
#logo{padding: 0;}
#logo img{width: 300px;}
#gnb .gnb_menu_btn{background: none; width: 40px; height: 30px;}
#gnb .gnb_menu_btn img{width: 40px; height: 30px; display: block;}
#gnb_all{-webkit-box-shadow: 3px 5px 10px rgba(0,0,0,0.2);box-shadow: 3px 5px 10px rgba(0,0,0,0.2);}
#gnb_all .gnb_al_ul{background: #fff; height: 300px; padding: 50px 60px; border: none;}
#gnb_all .gnb_al_li{width: 25%;}
#gnb_all .gnb_al_li .gnb_al_a{font-size: 20px; color: #222; border: none; margin: 0; padding: 0; line-height: 25px; background: none;}
#gnb_all .gnb_al_li ul{padding-top: 35px;}
#gnb_all .gnb_al_li li{padding-left: 0; line-height: 35px;}
#gnb_all .gnb_al_li li a:hover{color: #9a6c41}
#gnb_all .gnb_al_li li a{font-size: 16px;}

@media screen and (max-width:1024px){
    #mb-open-menu{display: block;     position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;}
    #gnb .gnb_menu_btn{display: none;}
	#lnb {display: none;}
}
@media screen and (max-width:980px){
    #tnb{display: none;}
    #gnb_all{position: fixed;right: -20px; width: 80%; height: 100%; z-index: 99; top: 0;}
    #gnb_all .gnb_al_ul{padding: 0; height: 100%;}
    #gnb_all .gnb_al_li{width: 100%; padding: 0;}
    #gnb_all .gnb_al_li ul{padding: 0 30px; background-color: #dedede;}
    #gnb_all .gnb_al_li .gnb_al_a{padding: 10px 30px; border-bottom: 1px solid #d9d9d9;}
}
@media screen and (max-width:600px){
    #hd_wrapper{height: 60px;}
/*	#logo {top: 18px;}*/
    #gnb .gnb_wrap{padding: 19px 0;}
    #mb-open-menu>img{width: 30px;}
    #logo img{width: 180px; }
}

 #tnb select {
width: 80px;
padding: .8em .8em;
border: 1px solid #999;
background: url('../img/top_arrow.png') no-repeat 85% 51%;
border-radius: 50px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

#tnb  select::-ms-expand {
    display: none;
}