@use 'base';
/* tab_cont */
/* animation */
header {
  position: relative;
  background: white;
  z-index: 12;
  box-shadow: -2px 3px 8px rgba(0, 0, 0, 0.3);
  transition: .2s;
  /*.tool_menu {
		.setting_menu {display: none;}
	}*/
  /*.top_user_info {
		position:absolute;
		right:30px;
		top:0;
		.user_wrap {
			height:60px;
			font-size:0;
			display:inline-block;
			.user_name {
				float:right;
				display:inline-block;
				line-height:60px;
				color:#434343;
				font-size:13px;
				font-weight:600;
				margin:0 12px;
			}
			.ico_user {
				float:right;
				display:inline-block;
				background:url('../images}/ico_user.png') no-repeat center;
				width:28px;
				height:60px;
			}
			.ico_arrow2 {
				&.show {
					float:right;
					display:inline-block;
					background:url('../images}/ico_arrow_open2.png') no-repeat right center;
					width:12px;
					height:60px;
				}
			}
		}
		.my_info {
			position:absolute;
			right:0;
			top:50px;
			margin:auto;
			display:none;
			.my_info_list {
				width:80px;
				background:#fff;
				padding:10px;
				border-radius:2px;
				border:1px solid #cfd9ed;
				box-shadow:0 2px 5px rgba(0,0,0,0.05);
				li {
					a {
						width:100%;
						display:block;
						line-height:22px;
						font-size:13px;
						color:#888;
						text-align:center;
						&:hover {
							font-weight:600;
							color:#507bd8;
						}
					}
				}
			}
		}
	}*/
  /*.gnb {
		display: none;
		position: relative;
		.menu_slt {
			position:relative;
			display: block;
			padding:0 20px;
			width: 140px;
			height: $height;
			font-size: .9em;
			font-weight:600;
			line-height: $height;
			color: $secondColor;
			text-decoration:none;
			border-bottom:2px solid $accentColor;
			border-right:1px solid $borderColor;
			box-sizing: border-box;
			&:hover {color: $accentColor;}
			.ico_arrow_show {
				position:absolute;
				right:16px;
				top: 50%;
				width:8px;
				height:5px;
				background:url('../images}/ico_arrow_open1.png') no-repeat left top;
			}
		}
		.menu_list {
			display:none;
			position:absolute;
			left:0;
			top:60px;
			width:100%;
			background:#fff;
			padding:10px;
			border:1px solid #bfc7d6;
			box-shadow:0 3px 7px rgba(0,0,0,0.1);
			li {
				a {
					display:block;
					border-radius:2px;
					line-height:30px;
					color:#666;
					font-size:13px;
					padding-left:10px;
					text-decoration:none;
					&:hover {
						background:#e7edf9;
						color:#507bd8;
						font-weight:600;
					}
				}
				&.disabled {
					a {
						pointer-events:none;
						cursor: default;
						opacity:0.6;
						&:hover {
							pointer-events:none;
							cursor:default;
							opacity:0.6;
						}
					}
 				}
			}
		}
	}*/ }
header .toolbar_wrap .toolbar {
  flex: 1; }
header .toolbar_wrap .toolbar.toolbar-left {
  flex: 0 1 44%; }
header .toolbar_wrap .toolbar.toolbar-center {
  flex: 0 0 20%;
  overflow: hidden;
  white-space: nowrap; }
header .toolbar_wrap .toolbar.toolbar-right {
  flex: 0 0 36%; }
header .home {
  margin-left: 10px;
  background: url("../images/prom_logo.png") no-repeat center;
  background-size: contain;
  height: 32px;
  font-size: 0;
  flex: 0 0 110px; }
header .home a {
  display: block;
  height: 100%;
  margin-top: -4px;
  color: #4c6199;
  letter-spacing: -.075em;
  font-weight: 500; }
header .home a img {
  width: 100%; }
header .top_search {
  position: relative;
  margin-left: 15px;
  border: 1px solid rgba(76, 97, 153, 0.4);
  border-radius: 3px; }
header .top_search form input[type="text"] {
  font-size: .85em; }
header .top_search form .inp_sch_address {
  width: 215px;
  height: 32px;
  padding: 0 10%;
  line-height: 32px;
  color: #272729;
  background: rgba(0, 0, 0, 0.03); }
header .top_search form .inp_sch_address:focus, header .top_search form .inp_sch_address:active, header .top_search form .inp_sch_address:hover {
  padding: 0 10% 0 9.5%; }
header .top_search form .btn_search {
  position: absolute;
  top: 50%;
  right: 0;
  width: 32px;
  height: 32px;
  background: transparent;
  transform: translate(0, -50%);
  font-size: 1em;
  font-weight: bold;
  color: #4c6199; }
header .smenu {
  margin-left: 20px; }
header .smenu button {
  display: flex;
  text-decoration: none;
  font-size: 1em;
  line-height: 1;
  align-items: center;
  /*& + a {
            &:after {position:absolute; display:block; content:''; left:-10px; top:10px; width:1px; height:12px; background:#eaeef8;}
        }
        &.file {
            //background:url('../images}/ico_file.png') no-repeat 8px 10px;
            //&:hover {background:url('../images/ico_file.png') no-repeat 8px 10px #f6f9fc; border:1px solid #f6f9fc; font-weight:600;}
            //&:focus {background:url('../images/ico_file.png') no-repeat 8px 10px #f6f9fc; border:1px solid #dae3f8; font-weight:600; color:#507bd8;}
        }
        &.tool {
            background:url('../images}/ico_tool.png') no-repeat 8px 10px;
            &:hover {background:url('../images/ico_tool.png') no-repeat 8px 10px #f6f9fc; border:1px solid #f6f9fc; font-weight:600;}
            &:focus {background:url('../images/ico_tool.png') no-repeat 8px 10px #f6f9fc; border:1px solid #dae3f8; font-weight:600; color:#507bd8;}
        }
        &.setting {
            background:url('../images}/ico_setting.png') no-repeat 8px 10px;
            &:hover {background:url('../images/ico_setting.png') no-repeat 8px 10px #f6f9fc; border:1px solid #f6f9fc; font-weight:600;}
            &:focus {background:url('../images/ico_setting.png') no-repeat 8px 10px #f6f9fc; border:1px solid #dae3f8; font-weight:600; color:#507bd8;}
        }*/ }
header .smenu button i {
  margin-right: 5px; }
header .smenu button span {
  font-size: .8em; }
header .top_btn {
  display: flex;
  margin-left: 15px;
  font-size: inherit; }
header .top_btn a {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border: 1px solid rgba(76, 97, 153, 0.4);
  text-align: center;
  color: #444444;
  border-radius: 3px; }
header .top_btn a i {
  display: inline-block;
  margin-top: 2px;
  font-size: 1.8em;
  color: rgba(0, 0, 0, 0.6); }
header .top_btn a span {
  font-size: 0; }
header .top_btn a.expand {
  align-items: center;
  text-indent: inherit;
  color: #444444; }
header .top_btn a:hover {
  transition: .2s;
  background-color: #4c6199;
  color: white; }
header .top_btn a:hover i {
  color: white; }
header .top_memo {
  position: relative;
  display: flex;
  margin-left: 20px;
  width: 310px;
  height: 32px;
  border: 1px solid rgba(76, 97, 153, 0.4);
  align-items: center; }
header .top_memo i {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  color: #4c6199; }
header .top_memo .inp_memo {
  padding-left: 35px;
  border: none;
  width: 100%;
  height: 30px; }
header .btn_etc_wrap {
  display: flex;
  margin-right: 10px;
  align-items: center;
  /*a {
          display: flex;
          align-items: center;
          i {
              padding-right: 5px;
              font-size: 1.1em
          }
      }
      .btn_etc {
          position: relative;
          font-weight: 500;
          font-size: .85em;
          &:hover {
              text-decoration: none;
          }
          &.btn_etc_help {
              margin-right: 15px;
              color: $textColor;
              font-size: .85em;
              &:hover {color: $secondColor}
          }
          &.btn_etc_source_confirm {
              color: $infoColor;
              font-size: .85em;
              font-weight: 600;
          }
      }*/ }
header .btn_etc_wrap .btn_login {
  display: flex;
  margin-left: 15px;
  font-size: .85em;
  align-items: center; }
header .btn_etc_wrap .btn_login span {
  margin-left: 3px; }
header .btn_etc_wrap .btn_type_avatar {
  margin-left: 10px;
  height: 30px;
  font-size: .95em; }
header .btn_etc_wrap .btn_type_avatar + .menu_list {
  right: 0; }
header .area_tit {
  overflow: hidden;
  padding: 10px;
  font-size: 1.1em;
  font-weight: 500;
  color: #4c6199;
  text-overflow: ellipsis;
  white-space: nowrap; }
header .menu_wrap .menu_section li {
  padding: 0; }
header .menu_wrap .menu_section li:after {
  content: '';
  display: inline-block;
  margin: 0 12px; }
header .menu_wrap .menu_section li:last-child:after {
  display: none; }
header .menu_wrap .menu_section b {
  color: #4c6199;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }
/* 25.01.16 상단 아이콘 및 문구 추가내역 */
.second_certi {
  position: relative;
  margin-left: 20px;
}
.second_certi:after {
  content:'';
  position: absolute;
  top: 50%;
  left: -15px;
  transform: translate(0, -50%);
  width: 1px;
  height: 12px;
  background: #aaa;
}
/* //25.01.16 상단 아이콘 및 문구 추가내역 */

@keyframes active-menu {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@media screen and (max-width: 1280px) {
  .header .home.home {
    flex: 0 0 80px; }
  .header .top_search form .inp_sch_address {
    width: 100%; }
  .header .menu_wrap {
    margin-right: 0; }
  .header .menu_wrap .menu_section li {
    padding: 0 5px; }
  .header .btn_etc_wrap .btn_login {
    padding: 6px 5px;
    font-size: .8em; }
  .header .area_tit {
    font-size: 1em; } }

.header_certi {
  display: flex;
  margin-left: 15px;
  gap: 10px; }
.header_certi div {
  display: flex;
  align-items: center;
  gap: 5px; }
.header_certi div span {
  font-size: .65em; }


.header_certi_text .certi_text:after {

}

@media screen and (max-width: 1765px) {
  .header_certi div span {
    display: none; } }