@charset "utf-8";

/* 사이트 공통 스타일 */
*,*:after,*:before { box-sizing: border-box; }
html { text-shadow: 1px 1px 1px rgba(0,0,0,0.004); min-width: 300px; font-size: 62.5%; }
html, body { width:100%; height:100%; background: #fff; color: #2b3245; }
body { font-family: 'Noto Sans KR','Sans-serif'; font-size: 1.3rem; letter-spacing: -0.5px; background-color: #fff; text-rendering: auto; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
a { text-decoration:none; color: #2b3245; }
::selection {background:#1652f0; color:#FFF; text-shadow:none;}
::-moz-selection {background:#1652f0; color:#FFF; text-shadow:none;}
::-webkit-selection {background:#1652f0; color:#FFF; text-shadow:none;}

@media all and (max-width:1199px)
{
	html { font-size: 58.5%; }
}

/*폼 요소*/
input, textarea,option, button { font-family: 'Noto Sans KR','Sans-serif'; font-size: 1.3rem; letter-spacing: -0.5px; }
input[type=text],input[type=password],textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; }
select {  font-family: 'Noto Sans KR','Sans-serif'; font-size: 1.3rem; letter-spacing: -0.5px; color: #2b3245; }
select::-ms-expand {display:none}
input::-ms-input-placeholder { color: #999; }
input::-webkit-input-placeholder { color: #999; } 
input::-moz-placeholder { color: #999; }
textarea::-ms-input-placeholder { color: #999; }
textarea::-webkit-input-placeholder { color: #999; } 
textarea::-moz-placeholder { color: #999; }
/*숨김처리*/
.blind { position:absolute; font-size:0; line-height:0; height:0; }

/*테스트*/
.testBorder { border:1px solid red !important; }
.testBg { background-color:yellow !important; }

/*클리어픽스*/
.clearfix:after { display:block; clear:both; font-size:0; height:0; content: ''; }

/* 헤더 */
#header_container { background: #fff; position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; }

.header { position: relative; height: 80px; width: 100%; margin: 0 auto; padding: 0 30px; }

/* 메인 헤더 */
.header.main { width: 1200px; padding: 0; }

.header .gnb { height: 100%; text-align: center; }
.header .gnb ul { height: 100%; display: inline-block; }
.header .gnb ul li { height: 100%; float: left; }
.header .gnb ul li a { display: block; height: 100%; color: #555; font-weight: 600; font-size: 1.4rem; line-height: 75px; padding: 0 20px; transition: opacity .25s ease;  }
.header .gnb ul li a:hover { opacity: .7; }
.header .gnb ul li.select a,
.header .gnb ul li.select a:hover { color: #1652F0; border-top: 2px solid #1652F0; opacity: 1; }
.header .logo-area { position: absolute; top: 50%; margin-top: -14px; }
.header .logo-area img { width: 120px; height: 28px; }
.header .logo-area .label-cate { position: absolute; left: calc(100% + 10px); top: 4px; display:inline-block; line-height: 18px; border-radius:3px; border: 1px solid #1652F0; color: #1652F0; padding: 0 5px; font-size: 1.1rem; font-weight: 600; }
.sub-menu-container { height: 40px; background: #fff; border-bottom: 1px solid #dee3eb; }
.sub-menu-container .sub-menu { width: 100%; padding: 0 30px; margin: 0 auto; text-align: center; height: 100%; background: #1652F0; }
.sub-menu-container .sub-menu ul { display: inline-block; height: 100%; }
.sub-menu-container .sub-menu ul li { float: left; height: 100%; }
.sub-menu-container .sub-menu ul li a { font-size: 1.3rem; line-height: 39px; padding: 0 20px; color: #fff; font-weight: 400; opacity: .5; transition: opacity .25s ease; display: block; position: relative; }
.sub-menu-container .sub-menu ul li a:hover { opacity: .7; }
.sub-menu-container .sub-menu ul li.select a, 
.sub-menu-container .sub-menu ul li.select a:after { opacity: 1; background: #0440dd; }

/* 로딩바 */
.form-loader { overflow: hidden; height: 100%; position: fixed; width: 100%; min-height: 150px; z-index: 9999; top: 0; background: rgba(0,0,0,0.5); }
.form-loader ul { height: 100%; position: absolute; width: 100%; margin: 0; }
@keyframes preload {
  0% {
    background: #567DE7;
    opacity: 1;
  }
  50% {
    background: #567DE7;
    opacity: 0.3;
  }
  100% {
    background: #567DE7;
    opacity: 1;
  }
}
.form-loader .form-loading { display: block; height: 14px; top: 50%; left: 50%; position: absolute; display: inline-block; width: 62px; margin-left: -34px; }
.form-loader .form-loading li { background: #fff; display: block; float: left; width: 15px; height: 15px; position: relative; margin-left: 8px; animation: preload 1s infinite; top: -50%; border-radius: 50%; transition: background .3s ease,opacity .3s ease; }
.form-loader .form-loading li:first-child { margin-left: 0 }
.form-loader .form-loading li:nth-child(2) { animation-delay: .2s }
.form-loader .form-loading li:nth-child(3) { animation-delay: .4s }