@charset "utf-8";



/************************* 헤더 *****************************/
#header {background: #fff; min-width: 600px; width: 100%; margin: 0 auto; padding: 35px 60px; box-sizing: border-box;}
#header .header_inner {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
#header .logo {width: 290px;}
#header .util {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
#header .util li {padding: 0 20px; position: relative;}
#header .util li:last-of-type {padding-right: 0;}
#header .util li:before {content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 15px; background: #c3c3c3;}
#header .util li:last-of-type:before {display: none;}
#header .util li a {display: block; padding-right: 25px; position: relative; font-size: 14px; color: #2c2c2c;}
#header .util li a:after {content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 14px; height: 14px; background: url(/ic_link.svg) no-repeat 50% 50%; background-size: 100%;}
#header .m_util {display: none;}