*{font-family: 'Noto Sans KR', sans-serif !important; margin:0; padding:0;}
.bx-wrapper {box-shadow: none !important; background:none !important; border:0 !important;}
.bx-wrapper img {display:unset !important;}
body {box-sizing:border-box;  width: 100%;  min-width: 1400px;  height:100%; position: relative;background:#f7f7f7; }

/******* header *******/
#header {background: #006bbd;width: 100%; min-width: 1400px;/*  height:45px; overflow: visible; */}
#header .container{width: 1400px; margin: 0 auto; position: relative; height: 45px;}
#header .nav {font-size:18px; line-height:45px; position: relative;}
#header .nav::after {content:''; display:block; visibility: hidden; clear: both;}
#header .nav > li {float: left;text-align: center; border-right:1px solid #0c81db; box-sizing: border-box; color:#fff;width:7.8%; position: relative;}
#header .nav > li:nth-of-type(1), 
#header .nav > li:nth-of-type(2),
#header .nav > li:nth-of-type(3),
#header .nav > li:nth-of-type(4) {width:4.25%;}
#header .nav > li:nth-of-type(1) {border-left: 1px solid #0c81db;}
#header .nav > li > a { color:#fff; }
#header .nav > li > a > img {vertical-align:middle; width:35%;}
#header .nav .red {background : #CD5C5C}
#header .nav > li:hover { background-color: #0c81db;}
#header .nav li > ul li {font-size:16px; position: relative; display: block; padding: 15px 10px; float: none;} 
#header .nav ul  li:hover > a {color: #000;}
#header .nav ul  li:hover > .log_in {color: #fff ;}
#header .nav li.dropdown .fulldrop { color:#000;display: none; transition: all 0.3s; position: absolute;top:45px; left:50%; margin-left: -54px; background-color:#efefef; z-index: 9999; overflow: hidden; width: 100%;}
#header .drop_bg{width:100%; height:510px; background-color: #efefef; position: absolute; left: 0; top: 45px;z-index: 9998; border-bottom:1px solid #c9c9c9; display: none; } 
#header .nav li:nth-child(12) .column ul{border: 0;}
#header .sub_nav{width:100%; height:45px; background:#fff;  border-bottom:1px solid #c9c9c9; height: 45px; margin: 0 auto; text-align: left;}
#header .sub_nav ul{display: none;z-index: 2;  width: 1400px; margin: 0 auto;}
#header .sub_nav ul.on{display:block ;}
#header .sub_nav li{display: inline-block; padding: 0 20px; line-height: 44px; text-align: center; font-size: 14px;}
#header .sub_nav li.on{border-bottom:2px solid #0c81db;}
#header .sub_nav p{font-size: 14px; text-align: left; width: 1400px; margin: 0 auto; line-height: 45px; color: #777;}
#header .sub_nav p span{font-size: 16px; margin:0 10px; color: #353535}
#header .nav .column ul {padding: 0;margin: 0; height: 490px;border-right: 1px solid #dedede;white-space:nowrap;}
#header .nav .column ul li {float:none; box-sizing: border-box; line-height:35px; }
#header .nav .column ul li a {display: block; font-size:14px; text-align: left; padding-left: 10px; color:#353535; width: 100%;}
#header .nav .column ul li a:hover {color:#454545; background:#fff;} 
#header .nav .column ul li a.active {font-weight: 500; color: #333;}
#header .nav .column ul li a:hover {color:#0c81db;}
#header .nav > li:last-of-type {border-right: none;}
#header .nav > li a.log_in {font-size:14px; line-height:35px; padding:5px 0 0 10px; letter-spacing: -1px; cursor:unset; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; text-align: left;}
#header .nav > li a.log_in span {
	padding-left:16px; background:url('../image/login.png')no-repeat left center; background-size:13px 16px; 
	display : inline-block;
	white-space: nowrap;
    text-overflow: ellipsis;
    width:65px;
}
#header .nav > li:hover {background:#095590;}
#header .nav > li:last-child:hover {background:#006bbd;}
#header .nav > li.active {background:#095590; z-index:99;}
#header .point {position:absolute; right : 5px;top: 10px;}
#header .point input[type="text"] {width: 80px;height: 25px;border: 0;border-bottom: 1px solid #fff;background: no-repeat;text-align: right;box-sizing: border-box;font-size: 14px; line-height: 25px;    vertical-align: top;}
#header .point input[type="button"] {display: inline-block; height: 25px;letter-spacing:-1px;box-sizing: border-box;padding: 0 10px;margin-left: 3px;background: #fff;border: 1px solid #ccc;    vertical-align: top;}

/********* footer ********/
footer {background:#fff;  width: 100%; border-top: 1px solid #ddd;width: 100%; min-width: 1400px; }
footer .container {padding:20px 0; margin: 0 auto;}
footer .container::after {content:''; display: block; visibility: hidden; clear: both;}
footer .container ul {display: inline-block; line-height: 26px;}
footer .container ul::after {content:''; display: block; visibility: hidden; clear: both;}
footer .container ul li {float:left; position: relative; color:#8d8d8d; font-size:15px; display:block; margin-right:15px; padding-right:15px; line-height: 1;}
footer .container ul li a {position: relative; color:#8d8d8d; font-size:15px; display:block; margin-right:15px; padding-right:15px; border-right:1px solid #959595; line-height: 1;}
footer .container ul li:last-of-type a{border-right:0; margin-right:0; padding-right:0;}
footer .container ul li a.call {padding-left:18px; background:url('../image/call.png')no-repeat left center; background-size:14px;}
footer .container ul li a.log {padding-left:18px; background:url('../image/log.png')no-repeat left center; background-size:14px; color:orangered; font-weight:900;}
footer .container > p {float: right; color:#959595;}