@charset "UTF-8";
body{height:100%;overflow-x: hidden}
.bg-g{background-color: #f9f9f9}
.bg-g01{  background-image: linear-gradient(to top, #fff 50%, #f9f9f9 50%)}
.bg-m{background-color: #00879b}
.bg-m-l{background-color: #4dabb9}
.bg-b{background-color: #232323}
.bg-gray1{background-color: #4a45453d;}
.bg-gray2{background-color: #4a454578;}
.bg-img01{background-image: url(../images/common/main_bg.svg);}
.bg-img02{background-image: url(../images/common/s03_02_img01.png);padding: 30px 0}
.blank{padding-top: 35px;padding-bottom: 35px;}
.blank02{padding-top: 25px;padding-bottom: 25px}
.blank03{padding-top: 130px;padding-bottom: 130px}
.blank-top{padding-top: 35px;}
.border-bottom{border-bottom: 1px solid #e8e8e8;max-width: 1090px;margin: 0 auto}
.bd-bottom_none{border-bottom:none!important}
.bd-top-none{border-top:none!important}

.red{color: #F12444 !important}
.mint{color: #00879b !important}
.gray{color: #858585 !important}
.dark{color: #424242 !important}
.black{color: #222 !important}
.wh{color: #fff !important}
.sky{color: #00AEEF}
.orange{color: #ff932f}

.form-group lable{padding-bottom: 10px}
.form-check-label{font-size: 14px!important;font-weight: 400;color: #767676}
p.note-in-form {font-size: 14px;color: #F12444;margin-top: 5px;line-height: 1.5;}

.btn {
  display: inline-block;
  font-weight: 500;
  color: #222;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.7rem 1.5rem;
  font-size: 18px;
  line-height: 1.572;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.btn-s {
    display: inline-block;
    font-weight: 400;
    color: #222;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.4rem 0.2rem;
    font-size: 18px;
    line-height: 1.5;
    border-radius: 5px;
  	box-shadow: 2px 2px 5px 1px rgba(0, 99, 135, 0.2);
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.btn-ss {
    display: inline-block;
    font-weight: 400;
    color: #686868;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.3rem 0.7rem;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 5px;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.btn-basic {
  display: inline-block;
  font-weight: 500;
  color: #222;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: transparent;
  padding: 0.6rem 2rem;
  font-size: 16px;
  line-height: 1.572;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.btn-basic.disabled,
.btn-basic:disabled {color: #fff;background-color:  #d9d9d9;}

.btn-top {position: absolute; top: 55px;right: 15px;}
.btn-black {background: #383838;color: #fff}
.btn-black:hover {background: #262626;color: #fff;}
.btn-gray {background: #919191; color: #fff}
.btn-gray:hover {background: #696969;color: #fff}
.btn-gray02 {background: #6b6b6b; color: #fff}
.btn-gray02:hover {background: #5c5c5c;color: #fff}
.btn-blue {background: #055bb1; color: #fff}
.btn-blue:hover {background: #01509f;}
.btn-orange {background: #e55300; color: #fff; padding: 0.4rem 0.8rem;}
.btn-orange:hover {background: #d64e00;}
.btn-mint {background:#00879b; color: #fff}
.btn-mint:hover {background: #0496a7; color: #fff}
.btn-red {background: #e03a3a; color: #fff}
.btn-red:hover {background: #cb2d2d; color: #fff}
.btn-line-black {background: #fff;border: 2px solid #383838; color: #222}
.btn-line-black:hover {background: #f0f8ff;color: #222;border: 2px solid #383838;}
.btn-line-gray {background: #fff;border: 1px solid #d9d9d9; color: #686868}
.btn-line-gray:hover {background: #f5fcfd;color: #00879b;border: 1px solid #00879b;}
.btn-line-mint {background: #fff;border: 1px solid #00879b; color: #00879b}
.btn-line-mint:hover {background: #00879b;color: #f0f8ff;border: 1px solid #00879b;}
.btn-wh{background: #fff;color:#055bb1 }
.btn-wh:hover{background: #e5e5e5;color:#055bb1 }
.btn-wh-op{background: #fff; opacity: 0.7;}
.btn-block {display: block; width: 100%;padding-left: 0.25rem !important; padding-right: 0.25rem !important;}

a.after-none:after{display: none}
.pc-none{display: none !important}

h1{font-size: 28px;line-height: 1.5}
h2{font-size: 26px;line-height: 1.5}
h3{font-size: 24px;line-height: 1.5}
h4{font-size: 22px;line-height: 1.5}
h5{font-size: 20px;line-height: 1.5}
h6{font-size: 18px;line-height: 1.5}
h7{font-size: 16px;line-height: 1.5}
.f-w600{font-weight: 600 !important}
.f-w500{font-weight: 500 !important}
.f-w400{font-weight: 400 !important}

.badge {color: #fff !important; background: #00879b; border-radius: 3px;font-size: 12px;font-weight: normal;min-width: 50px;}
.badge-b {color: #fff !important; background: #00879b; border-radius: 3px;font-size: 14px;font-weight: normal;padding:5px 10px}
.list-badge{color: #fff !important; background: #00879b; border-radius: 5px;font-size: 15px;font-weight: normal;text-align: center;padding:0.3rem 5px;border: 1px solid transparent;}
.list-badge01{color: #fff !important; background: #00879b; border-radius: 30px;font-size: 15px;font-weight: normal;text-align: center;padding:0.3rem 5px;border: 1px solid transparent;} 
.bg-mint {background: #00879b !important;}
.bg-mint {background: #00879b !important;}
.bg-yellow{background: #f8a607 !important;}
.bg-sky{background: #07bef8 !important;}
.bg-gray{background: #6b6b6b !important}
.bg-red{background: #e03a3a !important}
.bg-light-gray{background: #aeaeae !important}
.list-badge .line {height: 100%; background-color: rgba(255, 255, 255, 0.4);  width: 1px; min-height: 42px; margin: 0px 5px;}
.use{font-size: 18px;font-weight: 600;color: #00879b;text-decoration: underline; text-underline-position:under;}
.form-control.w-auto {display: inline-block;}
.form-control-lg::-webkit-file-upload-button {display: none;}
.form-control-lg::after {
	display: block;
	content: "찾기";
	padding: .5rem 2rem;
	margin:-.5rem -1rem;
	min-height: calc(1.5em + (1.5rem + 2px));
    float: right;
	border-left: 1px solid #ccc;
	border-right: 0px;
	background-color: #f9f9f9;
	color: #595959;
}
.form-control::-webkit-file-upload-button {display: none;}
.form-control::after {
	display: block;
	content: "찾기";
	padding: .6rem 2.5rem;
	margin:-.6rem -1rem;
	min-height: calc(1em + (1rem + 0px));
    float: right;
	border-left: 1px solid #ccc;
	border-right: 0px;
	background-color: #f9f9f9;
	color: #595959;
}


/* top button */
.go-top {position: fixed;bottom: 2em;right: 1.5em;text-decoration: none;color: #fff;background-color:#00879b; -webkit-box-shadow: 0 2px 6px 0 rgb(0 0 0 / 10%); box-shadow: 0 2px 6px 0 rgb(0 0 0 / 10%);line-height: 0;display: none;border-radius: 50%;width: 40px;height: 40px;z-index: 4}
.go-top:hover {color: rgba(255, 255, 255, 0.4);background-color: #00879b}
.go-top:before{content: "\f077"; font-family: 'Font Awesome 5 Free'; font-size: 16px; font-weight: bold; color: #fff;}

/* Header */
.gnb-nav-wrapper{position:relative; height:100%; box-sizing:border-box; padding-top:20px; overflow-y:auto;}	/* padding-top : Header 높이값 */
.gnb-nav-wrapper .login-btn{padding: 15px 15px 0}
.gnb-nav-wrapper .login-btn li{padding-bottom: 10px}
.gnb-nav-wrapper .login-btn .btn{padding: 0.5rem 1.5rem;}

#header { position: relative; background: #fff;z-index: 100}
#header .inner{position: relative;}
#header .inner .box{max-width: 1090px;margin: 0 auto;position: relative;}
.gnb-top {background:#00879b;font-size:12px;text-align:left;height:40px;line-height:40px;color:#ffffff;}
.gnb-top div{max-width: 1090px;margin: 0 auto;}
.gnb-top ul {margin:0;padding:0;list-style:none;}
.gnb-top ul li {display:inline-block;font-weight: normal}


.gnb-t-b {background:#00879b;font-size:0;text-align:left;height: 40px;}
.gnb-t-b ul {margin:0;padding:0;list-style:none;padding: 0 15px}
.gnb-t-b ul li .logo {line-height: 40px;}
.gnb-t-b ul li .logo .department {vertical-align: middle; color: #fff;font-size: 12px;font-weight:500;padding-left: 10px}
.gnb-t-b ul li .logo img {margin:0;vertical-align: middle;max-height: 20px;}

#header .nav{display: block;width: 100%;background: #fff; height:90px;box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.07);}
#header .nav .logo {float:left;line-height: 85px;height:90px}
#header .nav .logo img {margin:0;vertical-align: middle;max-height: 40px;max-width: 196px;}
#header nav{float:left;}
.dep1:after{display:block; content:''; clear:both;}
.dep1 > li{position:relative; float:left;}
.dep1 > li > a{display:block; padding:0 0 0 49px;line-height:90px; color:#222;font-size:16px;font-weight:500 !important;}
.dep1 > li > a:hover{color:#00879b }
.dep1 > li > a.action{color:#00879b }
.dep1 > li .nav_btn{font-size: 18px;padding: 0px 8px;vertical-align: middle;text-decoration : none;}
.dep1 > li .nav_btn:hover{background: #fff;color:#222; border-color:#fff;}
.dep1 > li:hover .dep2 {display:block;}
.dep1 .dep2{display:none;position:absolute;text-align:center;width: 100%;}
.dep1 .dep2 .sub-box{display: block;position: fixed;left: 0; border-bottom: 0.5px solid #e0e0e0; background:linear-gradient(0deg, rgba(255,255,255,1) 0%, rgb(255 254 254) 89%, rgb(235 235 235) 100%);;width: 100%;line-height: 24px;padding-top: 5px;-webkit-box-shadow: 2px 0  0 rgb(0 0 0 / 10%);}
.dep1 .dep2 .sub-box .txt-box{max-width: 1090px;display: inline-block;margin: 0 auto}
.dep1 .dep2 li{float: left;padding: 0 20px}
.dep1 .dep2 a{display:block; padding:10px 0px;color:#4f4f4f;font-size:14px;word-break: keep-all;}
.dep1 .dep2 a:hover{color:rgb(4, 147, 163)}
#gnbM{display: none}

/* login */
.login{line-height: 90px;}
.login .login-wrap{font-size: 12px;padding-left: 10px;color: #8f8f8f;vertical-align: middle; padding-top: 5px;display: flex;justify-content: flex-end;align-items: center; }
.login .login-wrap .login-btn:before{ background: url(../images/common/icon_nav01.svg) no-repeat 0px 0px;  content: "";display: inline-block;height: 10px;width: 10px;margin: 0 3px 0 8px;}
.login .login-wrap .join-btn:before{ background: url(../images/common/icon_nav02.svg) no-repeat 0px 0px;  content: "";display: inline-block;height: 10px;width: 10px;margin: 0 3px 0 8px;}
.login .login-wrap .dashboard-btn a.action{color:#00879b}
.login .login-wrap .dashboard-btn a.action:before{background: url(../images/common/icon_nav03_on.svg) no-repeat 0px 0px;  content: "";display: inline-block;height: 10px;width: 10px;margin: 0 3px 0 8px;}
.login .login-wrap .dashboard-btn a:hover{color:#00879b}
.login .login-wrap .dashboard-btn a:hover:before{background: url(../images/common/icon_nav03_on.svg) no-repeat 0px 0px;  content: "";display: inline-block;height: 10px;width: 10px;margin: 0 3px 0 8px;}
.login .login-wrap .dashboard-btn a:before{background: url(../images/common/icon_nav03.svg) no-repeat 0px 0px;  content: "";display: inline-block;height: 10px;width: 10px;margin: 0 3px 0 8px;}
.login .login-wrap a{color: #8f8f8f;}
.login .login-wrap a img{padding-right: 4px;}


/* container */
.container {position: relative;width: 100%;max-width: 1090px; margin: 0 auto;}
.container01 {position: relative;width: 100%; max-width: 1090px; margin: 0 auto;padding-top: 60px;padding-bottom: 60px}
.container01-01 {position: relative;width: 100%; max-width: 1090px; margin: 0 auto;padding-top: 60px;padding-bottom: 0px}
.container02 {position: relative;width: 100%; max-width: 1090px; margin: 0 auto;padding-top: 30px;padding-bottom: 30px}


/* logo Swiper */
.logo-swiper { width: 100%; height: 100%;overflow: hidden;}
.logo-swiper .swiper-slide {text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center;width:auto !important;margin: 0 20px}

.swiper-button{width: 60px; height: 40px; display: block; position: absolute; top: 0;z-index: 3;background: #fff; border: solid 0.5px #d7d7d7; top:25px}
.swiper-button-next {background: url(../images/common/main_next.svg) no-repeat;background-position: center;left: 30px !important;}

.swiper-button-prev {background: url(../images/common/main_next.svg) no-repeat; background-position: center;left: var(--swiper-navigation-sides-offset, 0px)!important; transform: rotate(180deg);}
.swiper-button-next::after,
.swiper-button-prev::after {display: none;}


/* footer-wrap */
.footer-wrap {margin: 0 auto;max-width: 1090px;height: 100%;overflow: hidden;}
.footer-wrap .f-menu {display: flex;box-sizing: content-box;align-items: baseline;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;padding: 10px 0;justify-content: space-between;}
.footer-wrap .f-menu li {margin-left: 10px;font-size: 13px;float: left}
.footer-wrap .f-menu li strong{font-weight: 500}
.footer-wrap .f-menu .select01 {width: 100%; height: 100%; padding: 0.3rem; outline: 0 none; line-height: 1.572; display: block; font-size: 13px;  background-color: #00879b;
	max-width: 140px; color: #fff; border: 1px solid #00879b; margin-right: 15px}
.footer-wrap .footer {position: relative;width: 100%;height: 100%; z-index: 1; display: flex;box-sizing: content-box;align-items: center;justify-content: space-between;padding: 20px 0 30px; margin-bottom: 10px;}
.footer-wrap .footer .logo img {max-height: 20px}
.footer-wrap .footer .copy {display: inline-block;padding-right: 15px;padding-top: 15px;color: #222;font-size: 13px}
.footer-wrap .footer .copy p {line-height: 1.5;padding-bottom: 5px; }
.footer-wrap .footer .copy strong {padding-right: 10px;letter-spacing: 0.5px;padding-right: 15px}
.footer-wrap .footer .copy span {font-weight: 400;letter-spacing: 0.5px;padding-right: 15px; word-break: keep-all;}
.footer-wrap .footer .copy em{color: #b7b7b7;font-size: 12px;font-weight: 400;}
.footer-wrap .footer .center {display: inline-block;padding-right: 15px;padding-top: 15px;color: #222;font-size: 13px}
.footer-wrap .footer .center div {line-height: 1.5;padding-bottom: 5px; }
.footer-wrap .footer .center strong {padding-right: 10px;letter-spacing: 0.5px;padding-right: 15px}
.footer-wrap .footer .center span {font-weight: 400;letter-spacing: 0.5px;padding-right: 15px}
.footer-wrap .footer .center .number{color: #00879b ;font-size: 20px;font-weight: 500}
.footer-wrap .footer .center em{color: #b7b7b7;}
.footer-wrap .footer .center .time{position: relative;width: 100%; height: 100%; z-index: 1;display: flex;box-sizing: content-box;align-items: baseline;justify-content: flex-start;}

/* quickmenu */
.quickmenu{background:#fff;position:absolute;width:160px;top:50%;margin-top: 80px;right:80px;z-index: 99;border-radius:10px;box-shadow: 0 3px 8px 0 rgb(68 68 68 / 20%);text-align: center;line-height: 1.2;font-size: 18px}
.quickmenu ul {position:relative;float:left;width:160px;display:inline-block;*display:inline;padding: 5px 0 0 0; }
.quickmenu ul li {float:left;width:100%;text-align:center;display:inline-block;*display:inline;line-height: 1.3;font-weight: 500;padding: 10px 0 0 0; font-size: 17px}
.quickmenu ul li a {position:relative;float:left;width:100%;text-align:center;padding: 10px 0;background:#03AABD ;color: #fff;border-radius:0 0px 10px 10px;font-weight: 600}
.quickmenu ul li a:active {color:#000;}

/* title */
.title{font-size: 50px;font-weight: 500;}
.title-wrapper{display: flex;box-sizing: content-box; align-items: center; justify-content: space-between;font-size: 22px; font-weight: 500;border-bottom: 1px solid #e8e8e8}
.title-wrapper .title-line{font-size: 50px;font-weight: 500;padding-bottom: 20px;float: left;padding-right: 10px;max-width: 930px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.title-wrapper .sub-menu ul{vertical-align: middle}
.title-wrapper .sub-menu li{display:inline-block; color:#b3b3b3; font-weight: 400; font-size:18px;vertical-align: initial;}
.title-wrapper .sub-menu li a{color:inherit;}
.title-wrapper .sub-menu li:before{ content:"ㅣ"; position:relative; top:-2px; vertical-align:middle; margin:0px 5px 0 0px; font-family:"돋움", Dotum, Arial, sans-serif; color:#00879b; font-size:14px;
font-weight: 500}
.title-wrapper .sub-menu li:first-child:before{display:none;}
.title-wrapper .sub-menu li.action {color:#00879b;}
.title-wrapper .sub-menu li img{margin-bottom: 5px;}
.title-wrapper .sub-menu li i{ color:#cccccc;}
.subtitle{margin: 25px 0 30px}

/* mypage */
.mypage-toggle {position: relative;cursor: pointer;float: right;z-index: 99;transition: all .4s;}
.mypage-toggle span {display: block;transition: all .3s}
.mypage-toggle span:before{background: url(../images/common/icon_nav01.svg) no-repeat 0px 0px;  content: "";display: inline-block;height: 10px;width: 10px;margin: 0 3px 0 8px;}
.mypage-toggle.action{color:#00879b }
.mypage-toggle.action span:before{ background: url(../images/common/icon_nav01_on.svg) no-repeat 0px 0px; }
.mypage-toggle.on span {color:#00879b;}
.mypage-toggle.on span:before{ background: url(../images/common/icon_nav01_on.svg) no-repeat 0px 0px; }
.mypage-toggle .overlay {display: none;}
.mypage-toggle .overlay.on {background-color: transparent;display: block;position: fixed;width: 100%; height: 100%; cursor: pointer;top: 0;left: 0;z-index: 9; }
.mypage-t {display: none; animation: fadeIn 0.5s; -moz-animation: fadeIn 0.5s; /* Firefox */ -webkit-animation: fadeIn 0.5s; /* Safari and Chrome */ -o-animation: fadeIn 0.5s; /* Opera */}
.mypage-t.on {display: block;position: absolute;right: 0;padding: 0 10px 0;box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25);border-radius: 5px;z-index: 99;background-color: #fff;margin-top:80px;border-bottom: 1px solid #ccc; line-height: 10px;}
.mypage-t.on:after {content: '';position: absolute;right: 10px;margin: 0 auto;width: 0;height: 0;top: -5px;width: 14px;background-color: #FFF;height: 14px;border-radius: 4px;box-shadow: -2px 2px rgba(235, 235, 235, 0.5);transform: rotate(135deg);z-index: 2;}
.mypage-t.on ul li{padding: 15px 0; color:#444;font-weight: 500;font-size: 16px}
.mypage-t.on ul li .mypage-t-wrap{display: flex;justify-content: space-between;align-items: center;margin: 0 5px;}
.mypage-t.on ul li em{font-size: 12px;}
.mypage-t.on ul li .logout{font-size: 12px;border-radius: 50px;background-color: #d9d9d9;color: #6b6b6b;font-weight: 500;padding: 5px 10px;margin-left: 10px}
.mypage-t.on ul li .logout:hover{color: #222}
.mypage-t.on ul ul {font-size: 10px;color:#222;margin: 10px 0 0;border-top:none;}
.mypage-t.on ul ul li{padding: 8px 0;font-weight:normal;font-size: 12px;display: flex;align-items: baseline;justify-content: space-around;}
.mypage-t.on ul ul li a{display:inline-grid;text-align: center;color: #222;width: 85px;}
.mypage-t.on ul ul li a img{padding-bottom: 5px;    margin: 0 auto;}
.m-mypage-section{display: none}
.m-mypage{padding: 0px 15px 0;border-bottom: 1px solid rgba(229, 229, 229, 0.78);margin: -15px -15px 0;background-color: #f7f9ff;}
.m-mypage .txt{font-size: 16px;font-weight: 500;padding: 15px 0}
.m-mypage em{font-size: 12px;}
.m-mypage .logout{font-size: 12px;border-radius: 50px;background-color: #d9d9d9;color: #6b6b6b;font-weight: 500;padding: 5px 10px;float: right}
.m-mypage .logout:hover{color: #222}
.m-mypage ul {font-size: 10px;color:#222;margin: 5px 0 0;border-top:none;}
.m-mypage li{font-weight:normal;font-size: 13px;border-bottom: 1px solid rgba(229, 229, 229, 0.78);padding-bottom:5px !important;padding-top: 10px}
.m-mypage li:last-child{border-bottom:none}
.m-mypage li a{color: #222;width: 100%;padding: 10px 0 5px;}
.m-mypage li a img{padding-bottom: 5px; margin: 0 auto;padding-right: 10px}

/* 위치정보(location) */
.location {padding-top: 65px;padding-bottom: 20px}
.location li{display:inline-block; color:#848484; font-weight: 400; font-size:12px;}
.location li a{color:inherit;}
.location li:before{ content:">"; position:relative; top:-1px; vertical-align:middle; margin:0px 5px 0 5px; font-family:"돋움", Dotum, Arial, sans-serif; color:#cccccc; font-size:12px;
font-weight: 600}
.location li:first-child:before{display:none;}
.location li:last-child:before{color:#848484}
.location li:last-child{color:#222;}
.location li i{ color:#cccccc;}

/* service_intro  */
.service_intro .visual-sub-inner {position: relative; width: 100%; margin:0 auto;overflow: hidden;margin-top: 20px}
.service_intro .visual-txt-wrapper01 {position: absolute;top: 50%; left: 50%;transform: translate(-50%, -50%); width: 100%;text-align: center;z-index: 1;max-width: 500px;padding: 0 15px;}
.service_intro .visual-txt-wrapper02 {padding: 80px 0 60px;color: #222;max-width: 1090px;margin: 0 auto}
.service_intro .visual-txt-wrapper02 .v-title{font-size: 38px;text-align: center;padding-bottom:50px;font-weight: 600}
.service_intro .visual-txt-wrapper02 .v-sbtitle{display: flex; box-sizing: content-box; align-items: flex-start;justify-content: space-between;font-size: 22px;font-weight: 500}
.service_intro .visual-txt-wrapper02 .v-sbtitle .t-left{line-height: 1.5}
.service_intro .visual-txt-wrapper02 .v-sbtitle .t-center{color:#e8e8e8;font-size: 100px;font-weight: 600}
.service_intro .visual-txt-wrapper02 .v-sbtitle .t-right{line-height: 1.5;padding-top: 35px;text-align: right}
.service_intro .visual-txt-wrapper02 .txt-box{display: flex; box-sizing: content-box; align-items: flex-start;justify-content: space-between;padding-top: 50px}
.service_intro .visual-txt-wrapper02 .txt-box .t-left{width:40%}
.service_intro .visual-txt-wrapper02 .txt-box .t-center{width:65%;text-align: center}
.service_intro .visual-txt-wrapper02 .txt-box .t-right{width:40%}
.service_intro .visual-txt-wrapper02 .txt-box p{line-height: 1.5 ;padding-bottom: 50px}
.service_intro .visual-txt-wrapper02 .txt-box .sky-bg{display: inline-block; padding: 5px 15px;border-radius: 50px;background-color: #00aeef;margin-bottom: 10px;color: #fff;font-size: 16px;font-weight: 500}
.service_intro .visual-txt-wrapper02 .txt-box .orange-bg{display: inline-block; padding: 5px 15px;border-radius: 50px;background-color: #ff932f;margin-bottom: 10px;color: #fff;font-size: 16px;font-weight: 500}
.service_intro .visual-txt-wrapper02 .txt-box .t-right{text-align: right}
.service_intro .visual-txt-wrapper02 .txt-box .t-left span{display: block;padding: 10px;border-radius: 50px;background-color: #00aeef;}
.service_intro .visual-txt-wrapper03 {position: absolute;top: 50%; left: 50%;transform: translate(-50%, -50%); width: 100%;text-align: center;z-index: 1;max-width: 1090px;padding: 0 15px;}
.service_intro .visual-txt-wrapper03 .txt-flex{display: flex; box-sizing: content-box; align-items: baseline;justify-content: space-between;color: #fff;line-height: 1.5;text-align: left;}
.service_intro .visual-txt-wrapper03 .txt-flex div{width: 50%;margin: 0 30px;font-size: 16px;}
.service_intro .visual-txt-wrapper03 h1{font-size: 28px;line-height: 1.5;padding-bottom: 20px}
.service_intro .visual-sub-inner .visual-bg01{position:relative;top:0;width:100%;height:500px;background:url(../images/common/sub_img_bg01.png) no-repeat center center; background-size: cover;}
.service_intro .visual-sub-inner .visual-bg02{position:relative;top:0;width:100%;height:500px;background:url(../images/common/sub_img_bg02.png) no-repeat center center; background-size: cover;}
.service_intro .visual-txt-wrapper01  .v-title{text-align:center;font-size:50px;font-weight:normal;color:#fff;margin:0px 0 0px 0;font-weight: 600;padding-bottom: 20px}
.service_intro .visual-txt-wrapper01  .v-sbtitle{text-align:center;font-size:30px;font-weight:normal;color:#fff;margin:0px 0 0px 0;font-weight: 500;line-height: 1.5}
.service_intro .visual-txt-wrapper01  p{line-height: 1.5;color:#fff;padding-top: 20px}
.service_intro .visual-sub-inner .v-mint{color:#05bfbf}

@media (min-width: 768px) {
	.bannerSwiper .swiper-wrapper img {height: 150px;}
}
@media (max-width: 767px) {
	.bannerSwiper .swiper-wrapper img {height: 77px;}
}
/* visualSwiper */
.bannerSwiper .swiper-wrapper {width: 100%;height: 100%;align-items: stretch;padding-top: 30px}
.bannerSwiper .swiper-wrapper a:hover{color: #222}
.bannerSwiper .swiper-wrapper img {width: 100%; position: relative; display: flex; object-fit: cover;}
.bannerSwiper .swiper-wrapper .swiper-slide {text-align: left; font-size: 18px; background: rgba(255, 255, 255, 0); display: block;}
.swiper-pagination{text-align: right!important;padding-right: 10px}
.swiper-pagination-bullet {
	width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 15px)) !important;
	height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 15px))!important;
	border: solid 0.5px #eaeaea;
}
:root {--swiper-theme-color: #00879b!important;}


/* contest-list */
.select-area{ display: flex;}
.select-area .form-control{font-size: 14px;font-weight: 500; margin-left: 5px; border: 1px solid #e1e1e1; height: 35px;border-radius: 5px;line-height: 15px;padding: 0.375rem 1.5rem 0.375rem 0.75rem;}
.select-area .selectpicker{margin: 4px 4px;flex: 1 1 35%;}
.select-area select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../images/common/select_arrow.svg) no-repeat 95% 50%; 
}

.cn-title-wrapper {display: flex;justify-content: space-between; align-items: center;margin-top: 50px}
.cn-title-wrapper .title-sub {font-size: 32px;font-weight: bold;color: #222;}
.contest-list{margin: 20px 0;overflow: hidden;}
.contest-list li .wrapper {position: relative;cursor: pointer; transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);margin: 0px 5px 15px;border: 1px solid #d9d9d9;;border: 1px solid #ededed;}
.contest-list li {width: 20%;float: left; box-sizing: border-box;transition: all 0.3s; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transitions all 0.3s;}
.contest-list li .tit-wrapper{padding:15px 10px;background: #fff}
.contest-list li .tit-wrapper .tit-box{display: flex;justify-content: space-between; align-items: center;}
.contest-list li .tit-wrapper .tit {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size: 18px;font-weight: 500;width: 80%}
.contest-list li .tit-wrapper .txt{font-size: 14px;color: #9b9b9b;padding-top: 10px;line-height: 1.5}
.contest-list li .tit-wrapper .date{display: flex;justify-content: space-between; align-items: center;font-size: 14px;color: #9b9b9b;padding-top: 5px}
.contest-list li .tit-wrapper .badge {color: #fff !important; background: #00879b; border-radius: 50px;font-size: 12px;font-weight: normal;min-width: 50px;padding: 5px 0}
.contest-list li .wrapper:hover {box-shadow:rgba(0, 0, 0, 0.15) 2px 4px 10px;cursor:pointer}
.contest-list .img-box {text-align: center;position: relative; width: 100%;  height: 0; padding-bottom: 100%;overflow: hidden;}
.contest-list .img-box img  {width: 100%; height: auto; position: absolute;top: 0; left: 0;}
.contest-list .contest-badge {z-index: 998;position: absolute;}
.contest-list .contest-badge span {border-radius: 0;}

.contest-list02{margin: 20px 0;overflow: hidden;}
.contest-list02 li .wrapper {position: relative;cursor: pointer; transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);margin: 0px 5px 15px;border: 1px solid #d9d9d9;;border: 1px solid #ededed;}
.contest-list02 li {width: 25%;float: left; box-sizing: border-box;transition: all 0.3s; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transitions all 0.3s;}
.contest-list02 li .tit-wrapper{padding:15px 10px;background: #fff}
.contest-list02 li .tit-wrapper .tit-box{display: flex;justify-content: space-between; align-items: center;}
.contest-list02 li .tit-wrapper .tit {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size: 18px;font-weight: 500;width: 80%}
.contest-list02 li .tit-wrapper .txt{font-size: 14px;color: #9b9b9b;padding-top: 10px;line-height: 1.5}
.contest-list02 li .tit-wrapper .date{display: flex;justify-content: space-between; align-items: center;font-size: 12px;color: #9b9b9b;letter-spacing: -0.4px;padding-top: 15px}
.contest-list02 li .tit-wrapper .badge {color: #fff !important; background: #00879b; border-radius: 50px;font-size: 12px;font-weight: normal;min-width: 50px;padding: 5px 0}
.contest-list02 li .wrapper:hover {box-shadow:rgba(0, 0, 0, 0.15) 2px 4px 10px;cursor:pointer}
.contest-list02 .img-box {text-align: center;position: relative; width: 100%;  height: 0; padding-bottom: 100%;overflow: hidden;}
.contest-list02 .img-box img  {width: 100%; height: auto; position: absolute;top: 0; left: 0;}
.contest-list02 .contest-badge {z-index: 998;position: absolute;}
.contest-list02 .contest-badge span {border-radius: 0;}
.contest-list02 .img-box .badge01 {position: absolute;top:10px;right: 10px; z-index: 1; color: #fff !important; background: #00879b; border-radius: 50px;font-size: 12px;font-weight: normal;min-width: 50px;padding: 8px}


.contest-txt-list{margin: 20px 0px;}
.contest-txt-list .wrapper {position: relative;cursor: pointer;transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);border: 1px solid #d9d9d9;background: #fff;padding: 20px}
.contest-txt-list li{width: 100%;margin:0 0 15px 0}
.contest-txt-list li .txt-wrapper{display: flex;justify-content: space-between; align-items: center;} 
.contest-txt-list li .txt-wrapper .tit {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size: 20px;font-weight: 500;display:block;}
.contest-txt-list li .txt-wrapper .tit-box {width: 45%}
.contest-txt-list li .txt-wrapper .txt{font-size: 14px;color: #9b9b9b;line-height: 1.8;display: flex;justify-content: flex-end; align-items: center;}
.contest-txt-list li .txt-wrapper .date{display: flex;align-items: center;font-size: 12px;color: #9b9b9b;letter-spacing: -0.4px;padding-top: 15px}
.contest-txt-list li .txt-wrapper .date span{margin: 5px 20px 5px 0;}
.contest-txt-list li .txt-wrapper .txt img{margin-left: 50px}
.contest-txt-list li .txt-wrapper .badge {color: #fff !important; background: #00879b; border-radius: 50px;font-size: 12px;font-weight: normal;min-width: 50px;padding: 5px 0}
.contest-txt-list li:hover {box-shadow:rgba(0, 0, 0, 0.15) 2px 4px 10px;cursor:pointer}

/* view */
.view-wrap{display: block}
.view-wrap .detail{border-radius: 5px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);display: flex;padding: 35px 40px;background: #fff}
.view-wrap .detail .poster {width: 50%;max-height: 450px;overflow: hidden; border-radius: 10px;margin-right: 30px}
.view-wrap .detail .content .tit{font-size: 25px;font-weight: 600;padding-top: 10px;line-height:1.5;}
.view-wrap .detail .content .txt{margin: 50px 0 50px}
.view-wrap .detail .content dt{font-size: 16px;font-weight: 600;padding-top: 15px;padding-bottom: 10px;}
.view-wrap .detail .content dd{font-size: 16px;font-weight: 400;}
.view-wrap .link-btn01 {padding:23px 50px; background: #fff;  border: 0.5px solid #00879b;  color: #00879b; border-radius: 5px; font-size: 16px; box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.05);margin-right: 10px;border-radius: 10px 0px;min-width: 180px;margin-bottom: 10px;}
.view-wrap .link-btn02{padding:20px 50px; background: #fff;  border: 0.5px solid #828282;  color: #828282; border-radius: 5px; font-size: 16px; box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.05);margin-right: 10px;border-radius: 10px 0px;min-width: 180px;margin-bottom: 10px;}
.view-wrap .link-btn02:before{ background: url(../images/common/btn_icon_share.svg) no-repeat 0px 0px;  content: "";display: inline-block;height: 20px; width: 14px;margin: 0px 4px 0 0;vertical-align: middle;}
.view-wrap .link-btn03{padding:20px 50px; background: #fff;  border: 0.5px solid #828282;  color: #828282; border-radius: 5px; font-size: 16px; box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.05);margin-right: 10px;border-radius: 10px 0px;min-width: 180px;margin-bottom: 10px;}
.view-wrap .detail .scrap{position: absolute;right: 35px;}
.view-wrap .detail .scrap img{min-width: 36px}
.view-wrap .info-table{
	margin-top: 80px;
    padding: 40px 40px;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    background: #fff;
	line-height: 1.3;
}

/* modal */
.modal-title {margin-bottom: 0;line-height: 1.5; text-align: center; width: 100%;padding-top: 10px; padding-left: 40px;}
.modal-header{border-bottom: 0px}
.modal-header.bg{background-color: #f1f1f1;border-top-left-radius: calc(1.3rem - 1px);border-top-right-radius: calc(1.3rem - 1px);}
.modal-content{border-radius: 20px;padding-bottom: 20px}
.modal-content .box{text-align: left;padding: 30px 25px 15px;font-size: 18px;}
.modal-content .form-check{vertical-align: middle}
.modal-content .form-check .tit{font-weight: 500}
.modal-content .form-check .sub-tit{margin-bottom: 20px;margin-top: 20px;line-height: 1.5;word-break: keep-all;}
.modal-content .form-check .sub-tit em{font-size: 15px;color:#e03a3a }
.modal-content .form-check .form-check-input{width: 1.5rem;height: 1.5rem;margin-right: 10px}
.modal-body { overflow: hidden;}
.modal-dialog{max-width: 800px;padding: 15px;}
.modal-dialog.modal-dialog-s{max-width: 500px;margin:0 auto}
.modal-dialog.modal-dialog-s02{max-width: 650px;margin:0 auto}
.share-sns ul{display: flex;justify-content: space-around}
.share-sns ul li {padding:0 5px}
.share-sns ul li p{padding: 10px 0}
.share-sns ul li img{width: 100%}
.modal-body .input-box{position: relative;display: flex;width: 100%;align-items: center;padding: 10px}
.modal-body .input-box label{padding-right: 10px;width: 120px;text-align: right}
.modal-body.txt-wrap{color: #222;padding:20px}
.modal-body.txt-wrap ul{display: flex;justify-content: flex-start;text-align: left;padding-top: 25px}
.modal-body.txt-wrap li .tit{width: 70px !important;display: block;margin-right:10px}
.modal-body.txt-wrap02{color: #222;padding:20px;line-height: 1.5;font-size: 18px;}

/* modal policy */
.policy-board .content {width: 100%; white-space: pre-line;}
.policy-board .content { border: 1px solid #ccc; padding: 15px; height: 120px; line-height: 25px;color: #545454;font-size: 16px;border-radius: 5px;}

/* pagination */
.pagination {display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;padding-left: 0;list-style: none; border-radius: 0;}
.pagination li{margin: 0 3px}
.page-item:first-child .page-link {margin-left: 0;  border-top-left-radius: 0; border-bottom-left-radius: 0;}
.page-item:last-child .page-link {border-top-right-radius: 0; border-bottom-right-radius: 0;}
.page-item i{color: #d9d9d9}
.page-link {color:#818181;}
.page-item.active .page-link { z-index: 3; color: #fff; background-color: #00879b; border-color: #00879b;}



/* tab menu */
.tab-menu {border-top: 1px solid #d9d9d9;border-left: 1px solid #d9d9d9;border-right: 1px solid #d9d9d9;border-bottom: 1px solid #00879b; box-sizing: border-box; margin: 0 auto 40px auto;}
.tab-menu ul li {float: left; box-sizing: border-box;}
.tab-menu ul li+li {border-left: 1px solid #d9d9d9;}
.tab-menu ul li a {display: block; line-height: 70px; text-align: center; font-size: 20px;font-weight:normal; color:  #444;letter-spacing: -0.5px;}
.tab-menu ul li.active a {background-color: #00879b;color: #fff;font-weight: 500;}
.tab-menu ul li a:hover {background-color: #00879b; color: #fff;}
.tab-menu:after { clear: both;  display: block;content: '';}
.tab-menu .t2 li { width: 50%;}
.tab-menu .t3 li {width: 33%;}
.tab-menu .t3 li:first-child { width: 34%;}
.tab-menu .t4 li {width: 25%;}
.tab-menu .t5 li {width: 20%;}

.tab-menu01 { box-sizing: border-box; margin: 0 auto 20px auto;}
.tab-menu01 ul li {float: left; box-sizing: border-box;margin-right:10px;}
.tab-menu01 ul li a {display: block;border: 1px solid #d9d9d9;min-width: 220px; line-height: 60px; text-align: center; font-size: 18px;font-weight:normal; color: #444;letter-spacing: -0.5px;border-radius: 5px;}
.tab-menu01 ul li.active a {background-color: #00879b;border: 1px solid #00879b;color: #fff;font-weight: 500;}
.tab-menu01 ul li a:hover {background-color: #00879b; color: #fff;}
.tab-menu:after { clear: both;  display: block;content: '';}
.tab-menu01 .t2 li { width: 50%;}
.tab-menu01 .t3 li {width: 33%;}
.tab-menu01 .t3 li:first-child { width: 34%;}


/* board list */
.scrollbox {position: relative;width: 100%;overflow-x: auto;overflow-y: hidden; margin-bottom: 2.5rem;}

.board-box{padding: 60px 0px;background-color: #fff;margin: 100px 0;border: solid 1px #d9d9d9;overflow: hidden;}
.board-box .board-box-wrap {display: flex;align-items: flex-end;max-width: 600px; margin: auto;}
.board-box .board-box-wrap .btn{padding: 0.6rem 1.5rem;width: 30%;margin: 5px 5px;}
.board-box label{min-width: 130px;padding-right: 10px;font-size: 20px;text-align: right;margin-right: 10px;line-height: 1.3;font-weight: 500}
.board-box input{margin:5px 0px 5px 5px;border-radius: 0}

.board-tit{font-size: 24px;font-weight: 500;padding-bottom: 10px}
.board-list {width: 100%;border-top: 1.5px solid #3a3a3a; color: #222 }
.board-list thead th {vertical-align: bottom; padding: 1rem 0.4rem; border-top: 0; font-weight: 500; text-align: left;font-size: 17px}
.board-list tbody {border-top: 1px solid #dee2e6;}
.board-list tbody td {vertical-align: middle; padding: 1rem 0.4rem; border-bottom: 1px solid #dee2e6; text-align: left;line-height: 1.5;color: #5f5f5f;font-size: 16px}
.board-list tbody td img{padding-right: 5px}
.board-list tbody td.text-left{max-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.board-list .bl-none{background: #f9f9f9;}
.board-list .bl-none td{padding: 100px 0;text-align: center;font-size: 18px}

.board-list02 {width: 100%;border-top: 1.5px solid #00879b;; color: #222 }
.board-list02 thead th {vertical-align: bottom; padding: 1rem 0.4rem; border-top: 0; font-weight: 500; text-align: left;font-size: 17px}
.board-list02 tbody {border-top: 1px solid #dee2e6;}
.board-list02 tbody td {vertical-align: middle; padding: 1rem 0.4rem; border-bottom: 1px solid #dee2e6; text-align: left;line-height: 1.5;color: #5f5f5f;font-size: 16px}
.board-list02 tbody td img{padding-right: 5px}
.board-list02 tbody td.text-left{max-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.board-list02 .bl-none{background: #f9f9f9;}
.board-list02 .bl-none td{padding: 100px 0;text-align: center;font-size: 18px}


.board-search { margin-bottom: 20px;display: flex;align-items: center;justify-content: space-around;padding: 15px; z-index: 1;opacity: 1;}
.board-search.faq {background: #f0f0f0;border-radius: 5px;border: 1px solid #e1e1e1;margin-bottom: 20px;}
.board-search .form-control {vertical-align: middle; border: 1px solid #e1e1e1;border-radius: 5px;color: #222;padding: 10px;}
.board-search label{font-size: 16px;padding-right: 15px;color: #686868}
.board-search.faq button {color: #00879b; position: absolute;right: 25px;font-size: 18px;background: #fff;}

.board-search02 { margin-bottom: 20px;display: flex;align-items: center;justify-content: space-between;padding: 10px 0; z-index: 1;opacity: 1;}
.board-search02 .form-control {vertical-align: middle; border: 1px solid #e1e1e1;border-radius: 5px;color: #222;padding: 10px;width: 50%}
.board-search02 label{font-size: 16px;padding-right: 15px;color: #686868}
.board-search02 button {color: #00879b; position: absolute;right: 10px;font-size: 18px;background: #fff;}

.board-search03 {display: flex;align-items: center;justify-content:center;padding:25px 15px; z-index: 1;opacity: 1;background: #f0f0f0;border-radius: 5px;border: 1px solid #e1e1e1;margin-bottom: 20px;width: 100%}
.board-search03 .form-control {vertical-align: middle; border: 1px solid #e1e1e1;border-radius: 5px;color: #222;padding: 10px;max-width: 500px}
.board-search03 label{font-size: 18px;color: #222;padding-right: 15px}
.board-search03 .btn { padding: 0.45rem 1.5rem;margin: 5px 5px;}

/* board view */
.board-view{line-height:1.5;overflow: hidden;margin-bottom: 30px;border-bottom:1px solid #dedede;}
.board-view .title {padding:5px 0 15px;font-weight:500;font-size:20px;color:#222;word-wrap:break-word;text-align: left}
.board-view .info {padding:15px;position: relative; overflow: hidden;border-top:1px solid #222;border-bottom:1px solid #dedede;display: flex;justify-content: space-between}
.board-view .info li {position:relative;margin:0 8px 0 0;padding:0 9px 0 0;font-weight:400;font-size:16px;color:#3a3a3a;line-height:22px;float: left}
.board-view .content{padding:30px 15px 30px;font-size: 17px;line-height: 1.6;}
.board-view .file {border-top:1px solid #dedede;}
.board-view .file li{float: left;padding: 10px;}
.board-view .file li a{color:#00879b}
.board-view .file li a:before{content: '\f0c6'; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 5px;color:#00879b}


.testimonial-view-wrap{display: block}
.testimonial-view-wrap .detail{display: flex;padding-bottom: 30px ;background: #fff}
.testimonial-view-wrap .detail .poster {position: relative;width: 50%;max-height: 825px;min-height: 825px;overflow: hidden; border-radius: 10px;margin-right: 30px;border-radius: 10px;border:1px solid #d9d9d9;}
.testimonial-view-wrap .detail .poster.poster01 {position: relative;width: 50%;max-height: 500px;min-height: 500px;overflow: hidden; border-radius: 10px;margin-right: 30px;border-radius: 10px;border:1px solid #d9d9d9;}
.testimonial-view-wrap .detail .poster.img-add{background: url(../images/common/img_add.svg) no-repeat 0px 0px;background-position: center;background-color: #f9fbfd; min-width: 530px;}
.testimonial-view-wrap .detail .poster .zom{position: absolute;bottom:20px;right: 20px; content: "";display: inline-block;}
.testimonial-view-wrap .content{width: 50%}
.testimonial-view-wrap .detail .content .tit{font-size: 25px;font-weight: 600;padding-top: 10px}
.testimonial-view-wrap .detail .content .inp-group{display: flex;margin-bottom: 25px;align-items: center}
.testimonial-view-wrap .detail .content .txt-group{display: flex;padding:0 0 23px;margin-bottom: 25px; align-items: center;border-bottom: 1px solid #e8e8e8;}
.testimonial-view-wrap .detail .content .txt-group span{font-size: 16px}
.testimonial-view-wrap .detail .content dt{font-size: 18px;width:25%;max-width: 135px;font-weight: 500;padding-right: 10px;color:#3e3e3e;display: inline-block }
.testimonial-view-wrap .detail .content dd{font-size: 16px;width: 75%; position: relative;color: #818181}
.testimonial-view-wrap .detail .content dd span{font-size: 18px;}
.testimonial-view-wrap .detail .content dd span img{position: absolute; right: 10px;bottom: 12px}
.testimonial-view-wrap .detail .content dd .form-check {display: flex;align-items: center;}
.testimonial-view-wrap .detail .content dd .form-check-label{font-size: 16px!important;}
.testimonial-view-wrap .link-btn01 {padding:23px 50px; background: #fff;  border: 0.5px solid #00879b;  color: #00879b; border-radius: 5px; font-size: 16px; box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.05);margin-right: 10px;border-radius: 10px 0px;min-width: 180px;margin-bottom: 10px;}
.testimonial-view-wrap .link-btn02{padding:20px 50px; background: #fff;  border: 0.5px solid #828282;  color: #828282; border-radius: 5px; font-size: 16px; box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.05);margin-right: 10px;border-radius: 10px 0px;min-width: 180px;margin-bottom: 10px;}
.testimonial-view-wrap .link-btn02:before{ background: url(../images/common/btn_icon_share.svg) no-repeat 0px 0px;  content: "";display: inline-block;height: 20px; width: 14px;margin: 0px 4px 0 0;vertical-align: middle;}
.testimonial-view-wrap .link-btn03{padding:20px 50px; background: #fff;  border: 0.5px solid #828282;  color: #828282; border-radius: 5px; font-size: 16px; box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.05);margin-right: 10px;border-radius: 10px 0px;min-width: 180px;margin-bottom: 10px;}
.testimonial-view-wrap .detail .scrap{position: absolute;right: 35px;}
.testimonial-view-wrap .detail .scrap img{min-width: 36px}
.testimonial-view-wrap .info-table{padding: 40px 0}

/* accordion */
.accordion{margin-bottom: 30px;border-bottom: 1px solid rgba(0, 0, 0, .125);}
.accordion .tit{border-bottom: 1px solid #d3d3d3;border-top: 1px solid #222;padding: 15px;font-size: 20px;font-weight: 600}
.accordion-button:not(.collapsed){background: #fff;box-shadow:none;color:#00879b;font-weight: 600}
.accordion-body{line-height: 1.5}
.accordion-button:not(.collapsed)::after {background-image: url("../images/common/up_arrow.svg");transform: rotate(-180deg)}

/* card */
.card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #ffffff;
  background-clip: border-box;
  border: 0 solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  padding: 30px; 
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  margin: 20px 0;
}

.card01 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #ffffff;
  background-clip: border-box;
  border: 0 solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  padding: 70px 70px 60px; 
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  margin: 20px 0;
}
.card-body {flex: 1 1 auto;padding: 0rem 0rem;}
.card-body .cont{display: flex;justify-content: flex-start;align-items: center;margin-bottom: 20px;width: 100%;}
.card-body .cont .cont2{display: flex;justify-content: flex-start;align-items: center;width: 100%;margin-bottom: 0px;}
.card-body .cont3{display: flex;justify-content: flex-start;align-items: center;width: 100%;margin-bottom: 0px;;margin-bottom: 20px}
.card-title-wrap{display: flex;padding-bottom: 20px;font-size: 20px;font-weight: 600;color:#00879b;align-items: flex-start;}
.card-title-wrap span{display: block;padding-right: 15px;font-size: 24px}
.card-title-wrap em{font-size: 16px;color: #8d8d8d;line-height: 1.5;margin-top: -4px;font-weight: 400;}
.card-title-info{padding-bottom: 25px;font-size: 16px;color:#8f8f8f;line-height: 1.8}
.card-title-info ul{ list-style-type: disc;padding-left:25px;word-break: keep-all;}
.card-title-sub{font-size: 20px;font-weight: 500;border-top: 1px solid #e8e8e8;padding: 30px 0 35px}
.card-necessary{font-size: 16px;color: #F12444 }
.card-body .cont-box{min-width: 125px;width: 125px;padding-right: 10px;}
.card-body .cont label, .card-body .cont3 label{font-size: 20px;min-width: 125px;width: 125px;padding-right: 30px;word-break: keep-all;line-height: 1.2;}
.card-body .cont3 label.label-s{font-size: 18px;color: #3e3e3e;}
.card-body .cont3 label.label-s em{font-size: 14px;color: #F12444 }
.card-body .cont3 .form-check-label{font-size: 15px!important;font-weight: 400;color: #595959;min-width: auto;width: auto; padding-right: 10px;line-height: 1.5;}
.btn-add{ background-color: #00879b;color: #fff;display: inline-block; min-width: 30px; height: 30px;border-radius: 6rem;padding: 0;margin: 0 3px 0 -5px !important;}
.btn-add:hover{ background-color: #006574;color: #fff;}
.btn-remove {background-color: #ef4053;color: #fff; display: inline-block;min-width: 30px;height: 30px;border-radius: 6rem; padding: 0;}
.btn-remove:hover {background-color: #bf2839;color: #fff;}
.field {padding: 20px 0 0}
.field .selector{border: 1px solid #d9d9d9;padding:5px 10px 8px;border-radius: 1rem;color: #595959;background: #fff;display: inline-flex; margin-bottom: 10px; margin-right: 5px;}
.card-body .cont3 label.custom-control-label {position: relative; margin-bottom: 0;vertical-align: top;font-size: 0.9375rem;font-weight: 400;min-width: auto;width: auto;padding: 0;}
.input-group-prepend{background-color: #eeeeee}
.input-group-append{background-color: #f6feff}
.input-group-text img{padding: 0.08rem .4rem;}
span.custom-control {display: inline-block; margin: 0 5px 0 5px;}
.form-control label::after
{position: absolute;top: 0;right: 0;bottom: 0;z-index: 3;display: block;height: 2.688rem;padding: 0.65rem 0.75rem;line-height: 1.5;color: #495057;content: "찾기";background-color: #e9ecef;border-left: inherit;border-radius: 0 0.25rem 0.25rem 0;}
.file .form-control{line-height: 2}
.field .selector button {background: #fff;border: 0;padding: 0; color: #495057;}
.field .selector button:hover{color: #F12444;}
.field .selector i{font-size: 12px;padding-left: 15px;vertical-align: middle;background: #fff;}
.file .form-control{line-height: 2}



/* product */
.pay-box-title {font-size: 26px;font-weight: bold;}
.pay-box-title-sub {font-size: 18px;color: #9c9c9c;;padding-top: 10px; padding-bottom: 30px}
.pay-box{margin: 20px 0;overflow: hidden;text-align: center}
.pay-box li .wrapper {position: relative;cursor: pointer; transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);margin: 0px 5px 15px;border: 1px solid #d9d9d9;;border: 1px solid #ededed;border-radius: 10px 30px;padding: 30px 20px}
.pay-box li {width: 50%;float: left; box-sizing: border-box;transition: all 0.3s; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transitions all 0.3s;border-radius: 10px 30px}
.pay-box li .box-header {color: #fff;font-size:32px;font-weight: 600;padding: 0 0 30px;text-align: center}
.pay-box li .box-body{display: flex;justify-content: space-around;text-align: left;padding:0 15px 0px}
.pay-box li .box-body .t-box{padding-left: 15px;text-align: left}
.pay-box li .wrapper:hover {box-shadow:rgba(0, 0, 0, 0.15) 2px 4px 10px;cursor:pointer}
.pay-box li .box-body .t-box{padding-left: 15px;text-align: left}
.pay-box li .font{padding:0 0 10px}
.pay-box li .price_yellow{display: block;color:#f3c650;font-size: 26px;font-weight: 600;display:inline-block;}
.pay-box li .price_wh{display: block;color:#fff;font-size: 24px;font-weight: 500;padding-top: 10px; display:inline-block;}
.pay-box li .price_wh_small{color:#fff; font-size: 16px; display:inline-block;padding-right: 10px}
.pay-box li .box-body .vat {font-size: 14px;color: #004e59;padding-top: 5px;}
.pay-box li .box-body .con {font-size: 14px;color: #fff;line-height: 1.5;margin: 30px 0 15px;}
.pay-box li .box-btn button {display: inline-block;width: 140px;height: 40px;font-size: 16px;text-align: center;border-radius: 5px;}
.pay-box li .box-btn .light-btn {color: #f3c650;background:  #006b7b;}
.pay-box li .box-btn .light-btn:hover {color: #f3c650;background: #005764;}
.pay-box li .box-btn .light-btn01 {color: #f3c650;background:  #177f8e;}
.pay-box li .box-btn .light-btn01:hover {color: #f3c650;background: #005764;}
.pay-box li i{padding-left: 20px}


.pay-box01{margin: 20px 0;overflow: hidden;text-align: center}
.pay-box01 li .wrapper {position: relative;cursor: pointer; transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);margin: 0px 5px 15px;border: 1px solid #d9d9d9;;border: 1px solid #ededed;border-radius: 10px 30px;}
.pay-box01 li .wrapper:hover {box-shadow:rgba(0, 0, 0, 0.15) 2px 4px 10px;cursor:pointer}
.pay-box01 li {width: 33.333%;float: left; box-sizing: border-box;transition: all 0.3s; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transitions all 0.3s;border-radius: 10px 30px}

.pay-box01 li .box-btn01 button {display: inline-block;width: auto;height: 40px;font-size: 16px;text-align: center;border-radius: 5px;}
.pay-box01 li .box-btn01 .red-btn {color: #f35050;}
.pay-box01 li .box-btn01 .red-btn:hover {color: #c73e3e}
.pay-box01 li .box-btn01 button i {padding-left: 20px}
.pay-box01 li .box-header01 {color: #fff;font-size:24px;font-weight: 600;padding: 20px 0 20px}
.pay-box01 li .box-header01.mint1 {background: #00879b;border-radius: 10px 30px 0 0;}
.pay-box01 li .box-header01.mint2 {background: #66b7c3;border-radius: 10px 30px 0 0;}
.pay-box01 li .box-body01{padding:15px 0 10px}
.pay-box01 li .box-body01 .price_red{display: block;color:#f35050;font-size: 26px;font-weight: 600;display:inline-block;}
.pay-box01 li .box-body01 .price_bl{display: block;color:#222;font-size: 24px;font-weight: 500;padding-top: 10px; display:inline-block;}
.pay-box01 li .box-body01 .price_bl_small{color:#222; font-size: 16px; display:inline-block;padding-right: 10px}
.pay-box01 li .box-body01 .vat {font-size: 14px;color: #9d9d9d;padding-top: 5px;padding: 10px 0}
.pay-box01 li .box-body01 .con {font-size: 14px;color: #222;line-height: 1.5;margin: 20px 0 15px;}
.pay-box01 li .box-body01 .t-box{padding: 20px 20px 0 ;text-align: left}


/* pay-guide*/
.pay-guide{width: 100%;height: 100%;text-align: center;border-radius: 10px 30px;}
.pay-guide li.w70{width: 70%;float: left;box-sizing: border-box;}
.pay-guide li.w30{width: 30%;float: left;box-sizing: border-box;}
.pay-guide .amount {position: relative;padding: 15px 20px;overflow: hidden;box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.1);
  border: solid 5px #00879b;border-radius: 30px;background-color: #fff;margin: 0px 5px }
.pay-guide .wrapper{margin: 0 5px}
.pay-guide .amount .t1{font-size: 22px; font-weight: 600; padding-bottom: 10px}
.pay-guide .amount .s1{font-size:18px; font-weight: 400; padding-bottom: 10px}
.pay-guide .font{padding: 15px}
.pay-guide .umber {position: relative;padding: 35px 30px;overflow: hidden;box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.1);border-radius: 30px;background-color: #fff;margin: 0px 5px;text-align: left }
.pay-guide .umber .t2{font-size: 22px;display: block;font-weight: 500;}
.pay-guide .umber .s2{font-size: 30px;display: block;color: #00879b;padding-top: 40px;font-weight: 600;}

/* main-login */
.box-center {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;}
.main-login {max-width: 1090px;}
.main-login .tit{font-size: 30px;margin-left: 15px;margin-bottom: 30px;font-weight: 600}
.main-login .wrap {padding: 60px 30px ;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);background-color: #fff;border-radius: 5px;margin:0 15px}
.main-login .sub-login-wrap {max-width: 400px; margin: auto;}
.main-login .header {text-align: center; margin-bottom: 30px;}
.main-login .header img{width: 150px}
.main-login .body span{font-size: 16px;margin-bottom: 10px;display: block; color: #3e3e3e}
.main-login .form-check {margin-bottom: 20px;display: flex;align-items: center;}
.main-login .form-check-label{font-size: 16px!important;padding-left: 5px}
.main-login .form-group{margin-bottom: 18px}
.main-login .menu {display: flex;justify-content: space-between;align-items: center;}
.main-login .menu a{font-size: 14px;color: #767676}
.main-login .menu li:before {content: "ㅣ";position: relative;top: 0px; vertical-align: middle; font-family: "돋움", Dotum, Arial, sans-serif;color: #767676; font-size: 12px; font-weight: 500;}
.main-login .menu li:first-child:before{display: none}
.main-login .menu .form-check {display: flex;min-height: 1.5rem;margin-bottom: 0.125rem;/* vertical-align: middle; */align-items: center;padding-top: 5px;}
.main-login .menu .form-check-label{font-size: 14px}
.main-login .menu .form-check .form-check-input {width: 1.2em;height: 1.2em;margin-top: 0;}
.main-login .menu02 {display: flex;justify-content: center}
.main-login .menu02 li{font-size: 14px;padding-right: 10px; color: #767676}
.main-login .menu02 a{font-size: 14px;color: #00879b}
.main-login .id-group{background: #f2fbfc;height: 230px;position: relative;margin-bottom: 20px}
.main-login .id-group .box{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 16px;width: 100%;text-align: center}
.main-login .id-group strong{color: #00879b}


/* memberInfoWithdrawal */
.member-info-w {max-width: 1090px;}
.member-info-w .tit{font-size: 30px;margin-left: 15px;margin-bottom: 30px;font-weight: 600}
.member-info-w .wrap {padding: 60px 30px ;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);background-color: #fff;border-radius: 5px;margin:0 15px;}
.member-info-w .sub-wrap {max-width: 900px; margin: auto;}
.member-info-w .header {text-align: left; margin-bottom: 20px;}
.member-info-w .body span{font-size: 16px;margin-bottom: 10px;display: block; color: #3e3e3e}
.member-info-w .body p{font-size: 16px; color: #e03a3a;padding-bottom: 20px}
.member-info-w .body .description{border: solid 1px #d9d9d9;background-color: #f1f1f1;padding: 20px;border-radius: 5px;margin-bottom: 20px}
.member-info-w .body .description li{color: #5a5a5a;line-height: 1.8;list-style-type:disc;margin-left: 10px;font-size: 14px}
.member-info-w .form-check {margin-bottom: 20px;display: flex;align-items: center;}
.member-info-w .form-check-label{font-size: 16px!important;padding-left: 5px}
.member-info-w .form-group{margin-bottom: 18px}


/* join */
.join {max-width: 1090px;}
.join .tit{font-size: 30px;margin-bottom: 30px;font-weight: 600}
.join .wrap {position: relative;display: block;padding: 60px 30px ;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);background-color: #fff;border-radius: 0px 0px 5px 5px;text-align: left; }
.join .sub-wrap {max-width: 900px; margin: auto;}
.join .header {margin-bottom: 40px;border-bottom: 1px solid #e8e8e8;padding-bottom: 30px}
.join .header .title{font-size: 25px;font-weight: 600;color: #00879b;padding-bottom: 30px}
.join .header .sub-title{font-size: 18px;font-weight: 500;padding-bottom: 20px}
.join .header li{color: #5a5a5a;line-height: 1.8;list-style-type:disc;margin-left: 20px;font-size: 16px}
.join .body .form-area{display: flex;flex-wrap: wrap;margin: 0}
.join .body .form-area span{display: block;font-size: 18px;margin-bottom: 15px;}
.join .body .form-area em{font-size: 14px;color: #e03a3a}
.join .body .description{border: solid 1px #d9d9d9;background-color: #f1f1f1;padding: 20px;border-radius: 5px;margin-bottom: 20px}
.join .body .description li{font-size: 16px;color: #5a5a5a;line-height: 1.8;list-style-type:disc;margin-left: 10px;font-size: 14px}
.join .form-check {margin-bottom: 20px;display: flex;align-items: center;}
.join .form-check-label{font-size: 16px!important;padding-left: 5px}
.join .form-group{margin-bottom:30px}
.join .body .t-modal{vertical-align: baseline;color: #00879b; text-decoration-line: underline;text-underline-position: under; }
.join .body p{font-size: 16px; color: #e03a3a;padding-bottom: 20px}
.filebox input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}

.join-tab-boder {border-bottom: 3px solid #00879b;}	
.join-tab {text-align: center;margin: 0 auto;}
.join-tab ul {display: flex;justify-content: flex-end;}
.join-tab li {width: 50%;font-size: 18px;font-weight: 500;background: #fff;border: 1px solid #e1e1e1;border-left: 0px;border-bottom: 0px;height: 55px;line-height: 55px;max-width: 200px}
.join-tab li:first-child {border-radius: 5px 0 0 0px;border-left: 1px solid #e1e1e1;}
.join-tab li:last-child {border-radius: 0 5px 0px 0;}
.join-tab li a{color: #afafaf}
.join-tab li.active {background: #00879b;border: 1px solid #00879b;border-left: 0px;}
.join-tab li.active a{color: #fff;}
.join-tab li.active:first-child {border-radius: 5px 0 0 0;}
.join-tab li.active:last-child {border-radius: 0 5px 0 0;}
.join-tab a {display: inline-block;width: 100%;}
.join-tab a:hover {color: inherit;}

.join-tab02 {text-align: center;margin: 0 auto 30px; }
.join-tab02 ul {display: flex;justify-content: flex-end;}
.join-tab02 li {width: 100%;font-size: 18px;font-weight: 500;background: #fff;border: 1px solid #e1e1e1;border-left: 0px;height: 55px;line-height: 55px;}
.join-tab02 li:first-child {border-left: 1px solid #e1e1e1;}
.join-tab02 li a{color: #afafaf}
.join-tab02 li.active {background: #00879b;border: 1px solid #00879b;border-left: 0px;}
.join-tab02 li.active a{color: #fff;}
.join-tab02 a {display: inline-block;width: 100%;}
.join-tab02 a:hover {color: inherit;}


/* policy */
.policy-gnb {background:#00879b;font-size:12px;text-align:left;height:65px;line-height:65px;color:#ffffff;}
.policy-gnb div{max-width: 1090px;margin: 0 auto;}
.policy-footer{background: #f8f8f8;text-align: center;line-height: 1.5;color: #b7b7b7;padding: 35px 15px}
.policy-tit{font-size: 22px;font-weight: 600;padding-bottom: 30px}
.policy dt{border-radius: 5px; background-color: #f9f9f9;padding: 40px;line-height: 1.5;margin-top: 30px; margin-bottom: 30px;font-weight: normal;color: #444;}
.policy dl {font-size: 1rem;line-height: 1.5;color: #666;}
.policy dd li{padding-bottom: 20px}
.policy dd li p{padding-top: 5px}
.policy dd li .gray-box{border-radius: 5px;background-color: #f4f4f4;padding: 15px 15px 0;max-width: 400px;margin-bottom: 20px}
.policy dd li .gray-box ul {display: flex;justify-content:space-between;padding-top: 10px}
.policy dd li .gray-box ul li:before {content: "ㅣ";position: relative;top: -2px; vertical-align: middle; font-family: "돋움", Dotum, Arial, sans-serif;color: #767676; font-size: 12px; font-weight: 500;padding-right: 4px}
.policy dd li .gray-box ul li:first-child:before{display: none}

.policy-tab-boder {border-bottom: 3px solid #00879b;}	
.policy-tab {text-align: center;margin:30px auto 0;}
.policy-tab ul {display: flex;}
.policy-tab li {width: 50%;font-size: 18px;font-weight: 500;background: #fff;border: 1px solid #e1e1e1;border-left: 0px;border-bottom: 0px;height: 55px;line-height: 55px;max-width: 200px}
.policy-tab li:first-child {border-radius: 5px 0 0 0px;border-left: 1px solid #e1e1e1;}
.policy-tab li:last-child {border-radius: 0 5px 0px 0;}
.policy-tab li a{color: #afafaf}
.policy-tab li.active {background: #00879b;border: 1px solid #00879b;border-left: 0px;}
.policy-tab li.active a{color: #fff;}
.policy-tab li.active:first-child {border-radius: 5px 0 0 0;}
.policy-tab li.active:last-child {border-radius: 0 5px 0 0;}
.policy-tab a {display: inline-block;width: 100%;}
.policy-tab a:hover {color: inherit;}


@media (max-width: 1400px) {
	
	/* layout */
	#header .nav .logo .department{font-size: 1rem;}
	.dep1 > li .nav_btn .btn{padding:10px 10px}
	.btn-top{top:35px}
	#header .inner{padding: 0 15px 0 15px}
	#header .nav .logo img {max-width: 125px;}
	.row{margin: 0}

}

@media (max-width: 1024px) {
	
	/* Header GNB(Pc) */
	.nav nav, .gnb-t, .search-section{display:none;}
	#header .nav{height: auto;}
	#header .inner{height: auto}
	#header .nav .logo{text-align: center; float: none;line-height: 60px;height: 64px;}
	#header .nav .logo a{position: relative; z-index: 1}
	#header .nav .logo img{max-height: 30px;max-width: 147px}
	#header .nav .logo .department{font-size: 0.875rem} 
	
	/* Header GNB(Mobile) */
	.gnb-overlay-bg{display:none; position:fixed; top:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9997;cursor: pointer;}	
    
	#gnbM{ 
		display:block; 
		position:fixed; 
		top:0px; 
		right:  -82%;
		width:90%; 
		height:100%; 
		max-width: 500px;
		background-color:#ffffff; 
		z-index:9998; 
		transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
		-webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);  
		-oz-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
		-ms-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);	
		visibility:hidden;
	}
    
	#gnbM.open{right: 0px; visibility:visible;}
	
    
	/* GNB Mobile :: 레이아웃 */
	.gnb-nav-wrapper{position:relative; height:100%; box-sizing:border-box; overflow-y:auto;}
	.gnb-nav-inner{margin-top: 50px}
	#nav > li{border-bottom:1px solid rgba(229, 229, 229, 0.78);}
	#nav > li:first-child{border-top:1px solid rgba(255,255,255,0.2);}
	#nav > li > a {position:relative; display:block; padding:18px 25px; color:#222; font-size:1rem; font-weight:500; }
	#nav > li.active > a{color:#fff; background-color: #00879b;}
	#nav > li.dep2 > a{}
	#nav > li.dep2.active > a{}
	#nav > li .dep2{display:none; padding: 0 15px; background-color:#F2F5FF;}
	#nav > li .dep2 li{height:auto !important;}
	#nav > li .dep2 li:first-child{border-top:1px solid rgba(255,255,255,0.2); padding-top: 20px;}
	#nav > li .dep2 li:last-child{padding-bottom: 20px;}
	#nav > li .dep2 li a{position: relative; display:block; color:#222; font-weight: 400; font-size:1rem; padding:12px 15px;}
	#nav > li .dep2 li.on a{color: #fff;}
	
	/* Header GNB nav open */
	.nav-open-btn{ display: block; position: absolute; top: 0; right: 10px;max-width: 500px;}
	.nav-open-btn button{
     z-index:10000; 
		width: 40px; height:64px;
		transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
		-webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);  
		-oz-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
		-ms-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
		margin-left: 5px;
		}
	.nav-open-btn .line {
	    display: block;
	    width: 22px;
	    height: 2px;
	    background-color: #222;
	    margin: 7px auto;
	    -webkit-transition: all 0.3s ease-in-out;
	    -o-transition: all 0.3s ease-in-out;
	    transition: all 0.3s ease-in-out;
	}  
   .nav-open-btn .line2{
	display: block;
    width: 27px;
    height: 2px;
    background-color: #222;
    margin: 7px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-left: 9px;
	}
    .nav-open-btn .line.black  {background: #222}   
    #header.black .nav-open-btn .line{background-color: #000;}
	#header.black .nav-open-btn.active .line{background-color: #222;}
	.nav-open-btn button.active {z-index: 9999; position: absolute;top:-20px; right: 0;height: 40px}
	.nav-open-btn button.active .line:nth-child(2), .nav-open-btn.active .line:nth-child(4){opacity: 0;}
	.nav-open-btn button.active .line:nth-child(1){
		 -webkit-transform: translateY(7px) rotate(45deg);
		  -ms-transform: translateY(7px) rotate(45deg);
		  -o-transform: translateY(7px) rotate(45deg);
		  transform: translateY(7px) rotate(45deg);
	}
	.nav-open-btn button.active .line:nth-child(3){
		 -webkit-transform: translateY(-11px) rotate(-45deg);
		  -ms-transform: translateY(-11px) rotate(-45deg);
		  -o-transform: translateY(-11px) rotate(-45deg);
		  transform: translateY(-11px) rotate(-45deg);
	}
	.footer-wrap .f-menu{margin-bottom: 10px}
	.footer-wrap .footer {padding: 0 15px}
	.row {margin: 0 0;}
	.container01{padding-top: 30px; padding-bottom: 30px;}
	.container01-01{padding-top: 30px;}
	.location{padding-top: 20px}
	.title, .title-wrapper .title-line {font-size: 36px;}	
	.service_intro .visual-sub-inner .v-title{font-size: 36px}
	.service_intro .visual-sub-inner .v-sbtitle{font-size: 26px}
	.view-wrap .detail .content .tit{font-size: 20px}
	.view-wrap .detail .content .txt{margin: 30px 0}
	.pc-none{display:block !important}
	.m-none{display: none !important}
	.sub-login{margin: 40px 0}
	.scrollbox {margin-bottom: 1.5rem;}
	.board-list, .board-list02 {width: 1090px;}
	.board-search.faq button {right: 40px;}
	.board-search02 .form-control {width: 70%}
	.board-search02 button {right: 25px;}
}

@media (max-width: 768px) {
	h2 { font-size: 22px;}
	h3 {font-size: 20px;}
	h6{font-size: 14px; line-height: 1.3}
	.m-flex-none {display: block!important;}
	.m-pl10-none {padding-left: 0px!important;}
	.m-pr10-none {padding-right: 0px!important;}
	.m-text-left {text-align: left!important;}
	.m-text-right { text-align: right !important;}
	.m-w100{width: 100% !important;}
	.blank-top{padding-top: 20px;}
	.btn, .btn-basic{font-size: 14px;padding:0.6rem 1.5rem}
	
    .footer-wrap .footer{padding:10px 15px;display:block;}
	.footer-wrap .footer .copy{padding-right: 10px;width: 100%}
	.footer-wrap .footer .center{padding-top: 0}
	
	.subtitle{margin: 20px 0 25px}
	.cn-title-wrapper{margin-top: 20px}
	.title-sub{font-size: 26px;}
	.title, .title-wrapper .title-line {font-size: 32px;}
	
	.service_intro .visual-sub-inner p{padding-top: 15px}
	.service_intro .visual-sub-inner .visual-bg01{height: 300px}
	.service_intro .visual-sub-inner .v-title{font-size: 28px}
	.service_intro .visual-sub-inner .v-sbtitle{font-size: 18px}
	.service_intro .visual-sub-inner p{font-size: 14px}
	.service_intro .visual-txt-wrapper03 .txt-flex div{margin:15px 0;width: 100%}
	.service_intro .visual-txt-wrapper03 .txt-flex {display: block}
	.service_intro .visual-txt-wrapper03 h1{font-size: 22px;line-height: 1.5;padding-bottom: 0px}
	.service_intro .visual-sub-inner .visual-bg02{height:400px}
	.service_intro .visual-txt-wrapper02{padding: 20px 0 20px}
	.service_intro .visual-txt-wrapper02 .v-title{padding-bottom: 20px}	
	.service_intro .visual-txt-wrapper02 .v-sbtitle{display: grid;justify-content: space-around;text-align: center}
	.service_intro .visual-txt-wrapper02 .v-sbtitle .t-left{font-size: 16px;width: 100%}
	.service_intro .visual-txt-wrapper02 .v-sbtitle .t-right{font-size: 16px;width: 100%;padding-top: 10px;text-align: center}
	.service_intro .visual-txt-wrapper02 .txt-box{display: block;padding-top: 10px}
	.service_intro .visual-txt-wrapper02 .txt-box .t-left {width: 100%;}
	.service_intro .visual-txt-wrapper02 .v-sbtitle .t-center{font-size: 40px;padding-top: 10px}
	.service_intro .visual-txt-wrapper02 .txt-box .sky-bg, .service_intro .visual-txt-wrapper02 .txt-box .orange-bg{margin-bottom: 0;padding: 5px 10px;font-size: 14px}
	.service_intro .visual-txt-wrapper02 .txt-box p{padding-bottom: 15px}
	.service_intro .visual-txt-wrapper02 .txt-box .t-center{width: 100%;padding: 20px 0}
	.service_intro .visual-txt-wrapper02 .txt-box .t-right{text-align: left;width: 100%;}
    
	.contest-list02{margin: 0px}
    .contest-list li, .contest-list02 li {width: 33.333%;}
	.contest-list li .tit-wrapper, .contest-list02 li .tit-wrapper{padding: 10px}
	.contest-list li .tit-wrapper .tit, .contest-txt-list li .txt-wrapper .tit,
	.contest-list02 li .tit-wrapper .tit{font-size: 16px}
	.contest-list li .tit-wrapper .txt, .contest-list02 li .tit-wrapper .txt{font-size: 12px}
	.contest-txt-list li .txt-wrapper .txt, .contest-txt-list02 li .txt-wrapper {font-size: 12px; line-height: 1.4}
	.contest-txt-list li .txt-wrapper .txt img, .contest-txt-list02 li .txt-wrapper .txt img{margin-left: 10px}
	
	.view-wrap .detail{padding: 20px}
	.view-wrap .detail .content .tit{font-size: 18px}
	.view-wrap .detail .content .txt{margin:0px 0 15px}
	.view-wrap .link-btn01{padding: 17px 0}
	.view-wrap .link-btn02{padding: 15px}
	.view-wrap .link-btn03{padding: 17px 0}
	.use{font-size: 14px;font-weight: 500;}
	.tab-menu{margin-bottom: 18px}
	.tab-menu ul li a {font-size: 16px;line-height: 50px;}
	.tab-menu01 ul li a{font-size: 16px;min-width:auto;padding: 10px 15px;line-height: 30px}
	.board-list thead th{font-size: 15px}
	.board-list tbody td{font-size: 14px;padding: 0.5rem 0.5rem}
	.board-box{padding: 30px 15px;margin: 50px 0;}
	.board-box .board-box-wrap {display: block;max-width: 600px; margin: auto;}
	.board-box label{min-width: 55px;font-size: 14px;text-align: left;word-break: keep-all;}
	.board-box .board-box-wrap .btn {width: 100%;margin:5px 0px}
	.board-box input { min-height:auto}
	.accordion .tit{border-bottom: 1px solid #d3d3d3;border-top: 1px solid #222;padding: 15px;font-size: 16px;font-weight: 600; word-break: keep-all;}
	.accordion-button{font-size: 14px}
	.card {padding: 20px 15px;}
	.card-title-wrap span{font-size: 18px}
	.card01 {padding: 20px}
	.card01 .mt25{margin-top: 15px!important}
	.card-body .cont-box, .card-body .cont label, .card-body .cont3 label{font-size: 16px!important;min-width:90px;padding-right: 10px;width: 90px}
	.form-select{font-size: 14px}
	.form-control{font-size: 14px}
	.form-control::after {padding: 0.6rem 1rem;}
	.card-title-wrap {display: block;}
	.card-title-wrap em{font-size: 14px;}
	.card-body .cont .cont2{margin-bottom:25px;}
	.intro-card{display: block;margin: 0}
	.pay-box li .box-header, .pay-box01 li .box-header01{font-size: 22px}
	.pay-box li .price_yellow, .pay-box01 li .box-body01 .price_red{font-size: 20px}
	.pay-box li .price_wh, .pay-box01 li .box-body01 .price_bl{font-size: 18px}
	.pay-box li .box-body .vat, .pay-box01 li .box-body01 .vat{font-size: 12px}
	.pay-guide .amount .t1{font-size: 22px; font-weight: 600; padding-bottom: 10px}
	.pay-guide .amount .s1{font-size:14px; font-weight: 400; padding-bottom: 10px}
	.pay-guide .font{padding: 15px}
	.pay-guide .amount .t1{font-size: 18px;}
	.pay-guide .umber {padding: 35px 20px;}
	.pay-guide .umber .t2{font-size: 18px;}
	.pay-guide .umber .s2{font-size: 24px;padding-top: 15px}
	.pay-guide li.w70, .pay-guide li.w30{width: 100% !important;margin-bottom: 10px}
	.board-search03 {display: block;text-align: center;padding: 20px 15px 15px}
	.board-search03 label{padding: 0 0 10px}
	.board-search03 .btn{padding: 0.45rem 1rem;font-size: 14px;margin-top: 10px}
	.testimonial-view-wrap .detail .poster{min-height: 600px}
	.testimonial-view-wrap .detail .poster.img-add{background-size: 30%}
	.testimonial-view-wrap .detail{display: block}
	.testimonial-view-wrap .detail .poster, .testimonial-view-wrap .content, .testimonial-view-wrap .detail .poster.poster01{width: 100%}
	.testimonial-view-wrap .detail .content .inp{margin: 25px 0}
	.testimonial-view-wrap .detail .content dt, .testimonial-view-wrap .detail .content dd span {font-size: 15px}
	.testimonial-view-wrap .detail .content dd .form-check-label{font-size: 15px!important}
	.testimonial-view-wrap .detail .content dd{width: 81%}

}

@media (max-width: 575px) {
	h3 {font-size: 16px;}
	.m-flex-none-575 {display: block!important;}
	 #header .nav .logo img{max-height: 23px;max-width:122px }
	.nav-open-btn button{margin-left: 0}
	.service_intro .visual-txt-wrapper03 h1{font-size: 18px;line-height: 1.5}
	.service_intro .visual-sub-inner .visual-bg02{height:500px}
	.title-wrapper .title-line {font-size: 26px;}
	.title-wrapper .sub-menu li{font-size: 14px}
	.card-title-info{font-size: 14px;}
	.contest-list li, .contest-list02 li {width: 50%;}
	.contest-txt-list li .txt-wrapper .date, .contest-txt-list02 li .txt-wrapper .date{display: block}
	 {width: 50%;}
	.view-wrap .detail .poster{margin-bottom: 20px;justify-self: center;}
	.view-wrap .detail{display: block}
	.view-wrap .detail .content .tit{font-size: 16px}
	.view-wrap .detail .content dt, .view-wrap .detail .content dd{font-size: 14px}
	.view-wrap .link-btn01{padding: 14px 0; min-width: 120px;font-size: 14px;}
	.view-wrap .link-btn02{padding: 10px 0; min-width: 120px;font-size: 14px;}
	.view-wrap .link-btn03{padding: 14px 0; min-width: 120px;font-size: 14px;}
	.main-login .wrap {padding: 30px 15px 30px}
	.main-login .menu {display: block; margin-top: 5px}
	.tab-menu{margin-bottom: 20px}
	.tab-menu01 ul li{margin: 5px 2px}
	.tab-menu ul li a {font-size: 14px;line-height: 40px;}
	.tab-menu01 ul li a{font-size: 14px;min-width:auto;padding: 10px 15px}
	.pay-box li {width: 100%;}
	.pay-box01 li{width: 100%}
	.board-view{margin-bottom: 20px}
	.board-view .info li, .board-view .content, .board-view .file{font-size: 14px}
	.testimonial-view-wrap .detail .poster, .testimonial-view-wrap .detail .poster.poster01{min-height: 400px}
	.testimonial-view-wrap .detail .poster.img-add{background-size: 50%; min-width: auto;}
	.modal-content .box{font-size: 16px;padding: 30px 10px 10px}
	.policy-board .content{font-size: 14px}
	.join .wrap{padding: 30px 10px}
	.join-tab li{font-size: 16px;}
	.join-tab02 li{font-size: 14px;}
	.join .form-group { margin-bottom: 15px;}
	.policy dd li .gray-box ul{display: block}
	.policy dd li .gray-box ul li:before{display: none}
} 


@media (max-width: 320px) {
	.service_intro .visual-sub-inner .visual-bg02{height:600px}
	.form-group label{font-size: 13px;min-width:65px;}
} 

/* Center the loader */
#loader {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1070;
	width: 120px;
	height: 120px;
	margin: -76px 0 0 -76px;
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #00879b;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
	position: relative;
	-webkit-animation-name: animatebottom;
	-webkit-animation-duration: 1s;
	animation-name: animatebottom;
	animation-duration: 1s
}

@-webkit-keyframes animatebottom {
	from { bottom:-100px; opacity:0 } 
	to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
	from{ bottom:-100px; opacity:0 } 
	to{ bottom:0; opacity:1 }
}

#myDiv {
	display: none;
	text-align: center;
}

.two-line-ellipsis {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.grid-list-card {
	text-align-last: end;
}

.cursor-pointer {
	cursor: pointer;
}
.contest-view-body {
	margin-top: 10px;
}

.letter-spacing-8 {
	letter-spacing: 8px;
}
.letter-spacing-33 {
	letter-spacing: 33px;
}

.d-day-badge {
	position: absolute;
	top: 10px;
	left: 10px;
}