@charset "utf-8";

/**하단**/    
.ft .ft_top{border-top:solid 1px #666666;}
.ft .ft_top div p{float:left;}
.ft .ft_top div p a{line-height:55px; color:#666666;}
.ft .ft_top div > div{float:right;}
.ft .ft_bottom{padding:30px 0; 	background-color: #e8e8e8;}
.ft .ft_bottom .ft_left{float:left; width: 80%;}
.ft .ft_bottom .ft_right{float:right;text-align:right;}
.ft .ft_bottom h4{        font-size: 16px;
    font-weight: bold;
    color: #e4e4e4;
    margin-bottom: 30px;
    background-image: url(/img/logo/bottom_logo.png);
    background-repeat: no-repeat;
    display: table;
    float: left;
    width: 302px;
    height: 100px;
    margin-top: 1em;
	}
.ft .ft_bottom p{font-size: 14px;
    color: #e2e2e2;
    line-height: 20px;
    font-weight: 200; }
.ft .ft_bottom p a{color:#6f6f6f; font-weight:bold; font-size:15px;}
.ft .ft_bottom span{    font-size: 14px;
    color: #444444;
    display: inline-block;
    margin-top: 15px;}

.ft_left ul.menu {margin-bottom: 1em; display: table;}
.ft_left ul.menu li{    float: left;
    padding: 0 0.5em;
    /* border-right: 1px solid #fff; */
    position: relative; }
.ft_left ul.menu li::after{
	            content: "";
    display: block;
    width: 0;
    height: 11px;
    border-left: 1px solid #a0a0a0;
    margin: 0px 0px 0px 0;
    position: absolute;
    top: 6px;
    right: 0px;
	}
.ft_left ul.menu li:nth-child(1) {padding-left:0;}
.ft_left ul.menu li:nth-last-child(1)::after{border-left:0;}
.ft_left ul.menu li a{color: #2d2d2d;
    font-weight: 400;}

.ft_left ul.copy {    margin-bottom: 1em;
    /* clear: both; */
    display: table;}
.ft_left ul.copy li{        float: left;
    padding: 0 0.7em;
    /* border-right: 1px solid #fff; */
    position: relative;
    color: #484848;
    font-size: 1em;
    font-weight: 300; }
.ft_left ul.copy li::after{
	            content: "";
    display: block;
    width: 0;
    height: 11px;
    border-left: 1px solid #a0a0a0;
    margin: 0px 0px 0px 0;
    position: absolute;
    top: 6px;
    right: 0px;
	}
.ft_left ul.copy li:nth-child(1) {padding-left:0;}
.ft_left ul.copy li:nth-last-child(1)::after{border-left:0;}
.ft_left ul.copy li.clear {clear:both; padding-left: 0;}
.ft_left ul.copy li span {    margin: 0;
    font-weight: 400;
    color: #292929;
    padding-right: 0.5em;}
.ft_left ul.copy li a{color: #fff; 
    font-weight: 100;}

@media screen and (max-width: 1000px) { 
	.ft .ft_bottom .ft_left{float:none; width: 100%;}
	.ft .ft_bottom h4 {float: none;
    margin: 0 auto;}
	.sub_all {
    clear: both;
    width: 95%;
    margin: 0 auto;
	}
	.ft .ft_bottom p {
    text-align: center;
	}
	.ft .ft_bottom span {    text-align: center;
    width: 100%;}
    .ft .ft_bottom .ft_right {
    float: none;
	}
	.ft_left ul.menu {margin: 0 auto; margin-bottom: 1em;}
	.ft_left ul.menu li:nth-child(3)::after {display:none;}
	.ft_left ul.menu li:nth-child(4) {clear:both;}
	.ft_left ul.copy {    margin: 0 auto;
    width: 90%;}
	.ft_left ul.copy li {float: none; padding:0;}
	.ft_left ul.copy li span {    float: left;
    width: 17%;
    text-align: left;}
    .ft_left ul.copy li::after {display:none;}
    .ft .ft_bottom h4 {background-position-x: center;     height: 64px;}
}


#tnb_div {
    /* position: absolute; */
    /* right: 0; */
    /* top: 2em; */
    position: relative;
    float: right;
    width: 165px;
    margin-top: 8px;
}
#tnb_div  button{width:100px;border:0;border-radius:3px;/* background: #fff; */color: #181818;padding: .5em 14em .5em 1em;text-align:left;/* height:30px; */position:relative;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;border: 1px solid #b3b3b3;z-index: 1;font-size: .9em;}
#tnb_div  button span{display: none;/* text-indent:-999px; *//* overflow:hidden; *//* width:30px; */border-radius:3px;/* height:30px; */position:absolute;/* top:0; *//* right:0; *//* background:url(../img/op_btn.png) 50% 50% no-repeat #5969c3 */}
#tnb_div  button:after {content:"▼";position: absolute;color: #7e7e7e;top: 1.0em;right: 1.2em;width: 1em;height: 1.5em;z-index: 11111;font-size: .7em;}
#tnb_div  button:hover {background: #fff;}
#tnb_div .tnb_mb_area{display:none;background: #ffffff;width: 178px;position:absolute;padding:5px;top: -10.5em;margin-top: -1px;border: 1px solid lightgrey;}
#tnb_div .tnb_mb_area a{padding: .3em 1em;display: inline-block;font-size: .9em;}
#tnb_div .tnb_mb_area a:hover {color: #f15a59;}
#tnb_div .tnb_mb_area li{float:none;border-top: 1px solid #dedede;}
#tnb_div .tnb_mb_area li:nth-of-type(1){
    border-top: 0;
}
#tnb_div .tnb_community{/* background:url(../img/home_icon.png) no-repeat 50% 50%; *//* width:30px; *//* height:30px; *//* overflow:hidden; *//* text-indent:-999px; */border-radius:5px;border: 1px solid white;}
#tnb_div .tnb_community:hover{background-color:#2b3d9f}
#tnb_div .tnb_shop{background:url(../img/shop_icon.png) no-repeat 50% 50%;width:30px;height:30px;overflow:hidden;text-indent:-999px;border-radius:5px}
#tnb_div .tnb_shop:hover{background-color:#2b3d9f}


@media screen and (max-width: 1000px) { 
	#tnb_div {
    top: -1em;
    left: 50%;
    margin-left: -7.5em;
	}
}