@charset "utf-8";

body {}
.container {width: 100%; max-width: 1400px; margin: 0 auto;}
.container .contents{padding-bottom:140px;}
@media all and (max-width: 1400px) {
  .container {padding: 0 20px;}
}
@media all and (max-width: 760px) {
  .container {padding: 0 45px;}
  .container .contents{padding-bottom:70px;}
}
@media all and (max-width: 500px) {
  .container {padding: 0 25px;}
}
/*상단여백*/
.wrap-sub-visual{margin-top:44px;}

.wrap-fix {position: fixed; top: 0; left: 0; z-index: 192; width: 100%;}

.wrap-top {width: 100%; background: #1e2e55; border-bottom: 1px solid #1e2e55;}
.wrap-top-inner{max-width:1400px;margin: 0 auto;overflow: hidden; }
.wrap-top .top-pop {float: left;}
.wrap-top .top-pop a{display: block;background: #005ead;font-size: 16px; color: #fff; line-height: 43px; transition: .4s;padding:0 15px;}
.wrap-top .top-pop a:hover {background-color: #2872e1;}
.wrap-top .top-util {float: right;}
.wrap-top .top-util > ul{overflow:hidden;}
.wrap-top .top-util > ul > li {float: left;}
.wrap-top .top-util > ul > li > a{display:block;color:#FFF;padding:9px 10px;background:url(/images/guide/common/top-util-line.png) no-repeat left center;font-size:15px;}
.wrap-top .top-util > ul > li:first-child a {background:none;}
@media all and (max-width: 500px) {
  .wrap-top .top-util > ul > li:nth-child(1),
  .wrap-top .top-util > ul > li:nth-child(3){display:none;}
  .wrap-top .top-util > ul > li > a{background:none;}
}