@font-face {font-family:MalgunGothic; src:url('../fonts/MalgunGothic.eot');}/*20200218 추가*/
body{font-family:'Malgun Gothic'}/*20200218 수정*/
#header{width: 100%; height: auto; position: relative; z-index: 10;}
.header_on{ background-color: #fff; }
.header_on:after{content: " "; width: 100%; height: 1px; background-color: #e5e5e5; position: absolute; bottom: 0;}
.header_wrap{width: 1200px; height: auto; margin: 0 auto; padding: 0 0 20px;}
.header_wrap > ul > li{float: left;}
.header_wrap > ul > li.login{float: right; margin-top: 3px; margin-bottom: 5px;}/*20200217 수정*/
.login ul li{float: left; position: relative;}
.login ul li a{font-size:15px; letter-spacing: -0.03em; color: #222222; }
.login ul li{padding-right: 16px; margin-right: 15px;}
.login ul li:last-child{padding-right: 0; margin-right: 0;}
.login ul li:before{content: " ";  position: absolute; width: 1px; height:14px; background-color: #e5e5e5; right: 0; top: 3px;}
.login ul li:last-child:before{content:""; width: 0;}
.login ul:after{display: block; content: ""; clear: both;}
.header_wrap > ul:after{display: block; content: ""; clear: both;}
.gnb{margin-left: 80px;}
.gnb_wrap > li{float: left; text-align: center; padding:0 25px; position: relative;}
.gnb_wrap > li > a{font-size: 20px; letter-spacing: -0.06em; line-height: 40px; color: #222222; padding-bottom: 31px;}
.gnb_wrap > li > ul{height:0; overflow:hidden; position: absolute; text-align: center; width: 100%; min-width: 243px; top: 62px; left: 50%; margin-left: -121px; background-color: #fff; z-index: 11; }
.gnb_wrap > li.gnb_on > ul{border:1px solid #e5e5e5; border-top:0; padding: 4px 0 15px; height: auto; overflow: visible;}
.gnb_wrap > li > ul > li > a{font-size: 17px; line-height: 40px; letter-spacing: -0.06em; color: #555555;}
.gnb_wrap:after{display: block; content: ""; clear: both;}

#footer{width: 100%; height: auto;}
.footer_top{width: 100%; height: auto; background-color: #272d3e; text-align: center; padding: 27px 0; border-bottom: 1px solid rgba(58,62,73,0.5);}
.footer_top ul li{display: inline-block; position: relative; padding-left: 32px; margin-left: 30px;}
.footer_top ul li:first-child{margin-left: 0; padding-left: 0;}
.footer_top ul li a{font-size: 17px; letter-spacing: -0.06em; line-height: 22px; color: rgba(255,255,255,0.5);}
.footer_top ul li a.font_b{color: #fff; }
.footer_top ul li:before{content: " "; width: 1px; height: 16px; background-color: #404552; position: absolute; left: 0; top: 3px;}
.footer_top ul li:first-child:before{content: ""; width: 0;}
.footer_wrap{width: 100%; height: auto; background-color: #1f2432; padding: 24px 0 31px;}
.footer_con{width: 1200px; height: auto; margin: 0 auto; background-image: url("../image/common/footer_logo.png"); background-position: left 6px; padding-left: 328px; background-repeat: no-repeat;}
.footer_con > ul > li{float: left; font-weight: 100; font-size: 16px; line-height: 28px; letter-spacing: -0.025em; color: rgba(255,255,255,0.5); position: relative; padding-left: 14px; margin-left:15px; }
.footer_con > ul > li:first-child{padding-left: 0; margin-left: 0;}
.footer_con > ul > li:before{content: " "; width: 1px; height: 16px; background-color: rgba(163,163,163,0.2); position: absolute; left: 0; top: 7px;}
.footer_con > ul > li:first-child:before{content: ""; width: 0;}
.footer_con > ul:after{display: block; content: ""; clear: both;}