/****************************************************************************/
/**         Webfont												           **/
/****************************************************************************/


@charset "utf-8";

/* @import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap'); */



@import url("search.css");
@import url("swiper.css");



@font-face {
 font-family: 'Noto Sans KR';
 font-weight:100;
 src: url('font/NotoSans-Light.eot');
 src: local(��), url('font/NotoSans-Light.eot?#iefix') format('embedded-opentype'),
   url('font/NotoSans-Light.woff') format('woff'),
   url('font/NotoSans-Light.otf') format('truetype');
}
@font-face {
 font-family: 'Noto Sans KR';
 font-weight:200;
 src: url('font/NotoSans-DemiLight.eot');
 src: local(��), url('font/NotoSans-DemiLight.eot?#iefix') format('embedded-opentype'),
   url('font/NotoSans-DemiLight.woff') format('woff'),
   url('font/NotoSans-DemiLight.otf') format('truetype');
}
@font-face {
 font-family: 'Noto Sans KR';
 font-weight:400;
 src: url('font/NotoSans-Regular.eot');
 src: local(��), url('font/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
   url('font/NotoSans-Regular.woff') format('woff'),
   url('font/NotoSans-Regular.otf') format('truetype');
}
@font-face {
 font-family: 'Noto Sans KR';
 font-weight:500;
 src: url('font/NotoSans-Medium.eot');
 src: local(��), url('font/NotoSans-Medium?#iefix') format('embedded-opentype'),
   url('font/NotoSans-Medium.woff') format('woff'),
   url('font/NotoSans-Medium.otf') format('truetype');
}


*{
	font-family:'Poppins', 'Roboto', 'Play', "Noto Sans KR", nanum, "횄짬창��≥떺벭꺜ッ뗢�졗™궗혶횄짧횂쨀횂혻횄짬창��씳™궗짖", "횄짬횂짠창��쑦꺜�궰씳™�슿�꺜っ궰냉궰졗꺜ッ™궗혶창���", "Malgun Gothic", "횄짬횂혧창��뮨꺜�™궗쨘창�슿�", Dotum, Shruti, Arial !important;
    
}





html, body {
	font-family:'Poppins', 'Roboto', 'Play', "Noto Sans KR", nanum, "횄짬창��≥떺벭꺜ッ뗢�졗™궗혶횄짧횂쨀횂혻횄짬창��씳™궗짖", "횄짬횂짠창��쑦꺜�궰씳™�슿�꺜っ궰냉궰졗꺜ッ™궗혶창���", "Malgun Gothic", "횄짬횂혧창��뮨꺜�™궗쨘창�슿�", Dotum, Shruti, Arial !important;
	font-weight:400;
	/* letter-spacing:-0.5px;  
	line-height:1; */

	/* letter-spacing: -0.075rem; */
	word-break: keep-all;
	-webkit-text-size-adjust: 100%;
}




#header_new{}
.header-top-wrap{padding:20px 0 0;}
.content-innder{max-width:1480px; margin:0 auto; position:relative;}
.naviHeaderArea{max-width:1480px; margin:0 auto; height:60px;}
.nav_gnb > li > .sub_area > ul {max-width:1480px; margin:0 auto;}

#wrapMain_new .content-innder{max-width:1240px; margin:0 auto;}
#wrapMain_new .naviHeaderArea{max-width:1240px; margin:0 auto; height:60px;}
#wrapMain_new .nav_gnb > li > .sub_area > ul {max-width:1240px; margin:0 auto;}





@keyframes fadeInFromNone {
  0% {
    display: none;
    -webkit-transform: scale(0.45);
         -o-transform: scale(0.45);
            transform: scale(0.45);
    opacity: 0;
  }

  1% {
    display: block;
    -webkit-transform: scale(0.85);
         -o-transform: scale(0.85);
            transform: scale(0.85);
    opacity: 0;
  }

  100% {
    display: block;
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes fadeInScale {
  0% {
    display: none;
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  100% {
    display: block;
    -webkit-transform: scale(1.15);
         -o-transform: scale(1.15);
            transform: scale(1.15);
    opacity: 1;
  }
}






.logo-right-text{ 
	font-family:'Poppins', 'Roboto', 'Play', "Noto Sans KR", nanum, "횄짬창��≥떺벭꺜ッ뗢�졗™궗혶횄짧횂쨀횂혻횄짬창��씳™궗짖", "횄짬횂짠창��쑦꺜�궰씳™�슿�꺜っ궰냉궰졗꺜ッ™궗혶창���", "Malgun Gothic", "횄짬횂혧창��뮨꺜�™궗쨘창�슿�", Dotum, Shruti, Arial !important;
	font-weight:500;	
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{line-height:1.1; letter-spacing:-1px; font-weight:500;}


b, strong{font-weight:500 !important;}

.respondImg{max-width:100%;}

/* ::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  background-color: #efefef;
}

::-webkit-scrollbar-thumb {
  background-color: #818181;
}

::-webkit-scrollbar-button {
  background-color: transparent;
}

::-webkit-scrollbar-corner {
  background-color: transparent;
}
 */


.checkbox-out .checkbox {cursor:pointer; width:auto; /* height:20px; */ padding-left:28px; padding-top:0; margin:7px 18px 4px 0; line-height:18px; vertical-align:middle; display:inline-block; font-weight:400; background: url("../img/newImg/icon_checkbox.svg") no-repeat 0 center; background-size:18px;}
.checkbox-out label{padding-top:0;}
.joinCheckBox.checkbox-out label{color:#b1b1b1; }
.checkbox-out .checkbox:last-child {margin-right:0}
.checkbox-out input[type=checkbox] {display:none;}
.checkbox-out input[type=checkbox]:checked + .checkbox{background: url("../img/newImg/icon_checkbox_selected.svg") no-repeat 0 center; background-size:18px;}

.tabType01 .main-Tab {margin:0; overflow:hidden; border-bottom:2px solid #d7d7d7; padding:0 0;}
.tabType01 .tabType_Area {}
.tabType01 .tabType_Area li {float:left; position:relative; margin-left:30px;}
.tabType01 .tabType_Area li:first-child{margin-left:0;}

.tabType01 .tabType_Area li a{position:relative; display:block; text-align:left; color:#000000; font-size:18px; font-weight:500; padding:0 0 18px;}
.tabType01 .tabType_Area li a:focus,
.tabType01 .tabType_Area li a:hover,
.tabType01 .tabType_Area li.active a{color:#3986fc;}
.tabType01 .tabType_Area li a:hover:after, .tabType01 .tabType_Area li a:focus:after, .tabType01 .tabType_Area li.active a:after {content:'';position:absolute; left:0; bottom:0; width:100%; height:4px; margin-left:0; border-radius:0; background:#3986fc;}
.tabType01 .tab_view {position:relative; padding:20px 0; z-index:10;}
.tabType01 .tab_view:after{content:".";clear:both;display:block;height:0;visibility:hidden;}



.login-main-wrap .tabType01 .main-Tab{border-bottom:1px solid #e2e5eb;}

.login-main-wrap .tabType01 .tabType_Area li a{font-size:15px; color:#555555; padding-bottom:14px;}
.login-main-wrap .tabType01 .tabType_Area li a:focus,
.login-main-wrap .tabType01 .tabType_Area li a:hover,
.login-main-wrap .tabType01 .tabType_Area li.active a{color:#000000;}
.login-main-wrap .tabType01 .tabType_Area li a:hover:after, .login-main-wrap .tabType01 .tabType_Area li a:focus:after, .login-main-wrap .tabType01 .tabType_Area li.active a:after {height:2px; background:#000000;}





input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#888}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#888}
input::-moz-placeholder, textarea::-moz-placeholder{color:#888}




.header-top{
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
    align-items: end;
    justify-content: space-between;
	border-bottom:1px solid #d9d9d9;
	padding-bottom:15px;
}

.header-top h1{}
.header-top h1 a{display:block; width:191px; height:41px; background: url("../img/newImg/logo.png") no-repeat 0 center; background-size:auto 41px; text-indent:-5000px;}

.header-utill{
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
    align-items: center;
    justify-content: space-between;
	margin-bottom:5px;
}

.utill-info ul{
	display: -webkit-box;
    display: -ms-flexbox;
	align-items: center;
	display: flex;
}
.utill-info li{margin-left:15px; padding-left:15px; border-left:1px solid #e3e3e3;}
.utill-info dl{
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	align-items: center;
	line-height:100%;
}
.utill-info li:first-child{margin-left:0; padding-left:0; border-left:none;}
.utill-info dt{font-size:13px; color:#5e5e5e; font-weight:500; margin-right:10px;}
.utill-info dd{font-size:13px; color:#3986fc; font-weight:500;}

.utill-info select{border-radius:5px; width:60px; height:22px; border:1px solid #ccc; margin-top:-2px;}

.userModifyBtn{display:inline-block; margin-left:2px; background:#f5f5f5; border:1px solid #999; border-radius:5px; line-height:22px; height:22px; font-size:12px; padding:0 10px;}

.membership-wrap{}
.membership-wrap ul{
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	line-height:100%;
}
.membership-wrap li{margin-left:15px; padding-left:15px; border-left:1px solid #e3e3e3;}
.membership-wrap li a{font-size:13px; color:#5e5e5e; font-weight:500;}


/* .header-gnb{border-bottom:1px solid #000;} */

.main-content01{
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	margin-top:0;
}

.visual-main{flex:1; height:345px; margin-right:30px; border-radius:20px; overflow:hidden;}
.login-main-wrap{flex:0 1 auto; width:375px; border:1px solid #e1e1e1; padding:30px 30px 0; border-radius:20px; height:345px;}

.login-form .login-form-list{margin-bottom:10px;}
.login-form .login-form-list{position:relative;}
.login-form .login-form-list input{border:1px solid #dcdcdc; border-radius:5px; width:100%; height:57px; font-size:15px; color:#000; line-height:57px; padding:0 10px 0 50px}
.login-form .login-form-list:before{
	content:'';	
	position:absolute;
	top: 50%;
    left:16px;
	width:16px;
	height:16px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
	opacity:0.25;
}
.login-form .login-form-list.idInput:before{background: url("../img/newImg/icon-login.png") no-repeat center center; background-size:auto 16px;}
.login-form .login-form-list.pwInput:before{background: url("../img/newImg/icon-pwd.png") no-repeat center center; background-size:auto 16px;}

.login-btn{display:block; width:100%; border:none; border-radius:5px; background:#3986fc; font-size:18px; font-weight:500; color:#ffffff; height:57px; line-height:57px; text-align:center; cursor: pointer;}
.login-btn-solid{border:2px solid #3986fc; color:#3986fc; background:#ffffff; height:57px; line-height:53px;}

.login-btn-wrap .login-btn:not(:first-child){margin-top:15px;}

.find-link{display:block; margin-top:15px; color:#000000; font-size:13px; text-decoration:underline;}

.cert-info{font-size:13px; margin-bottom:10px;}

.login-user-info{position:relative;}
.login-user{padding:10px 0 20px 0;}
.login-user h3{font-size:19px; font-weight:500; color:#000;}
.login-user h3 span{text-decoration:underline;}
.login-user h4{font-size:25px; font-weight:500; color:#000; margin-top:10px;}

.login-user-detail{margin-top:10px; margin-bottom:30px;}
.login-user-detail li{padding:5px 0; border-bottom:1px solid #ebebeb;}
.login-user-detail dl{
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;	
}


.login-user-detail dt{flex:0 10 auto; width:100px; font-size:14px; color:#989898; font-weight:500;}
.login-user-detail dd{flex:1; font-size:14px; color:#989898; font-weight:500;}

.mypage-btn{position:absolute; right:0; top:0; width:22px; height:22px; background: url("../img/newImg/icon-mypage.png") no-repeat center center; text-indent:-5000px; opacity:0.4;}

.main-content02{margin-top:30px; padding:35px; border:1px solid #e1e1e1; border-radius:20px;}


.main-content02.main-content-gray{border:none; background:#f9fafc;}
.main-content-wrap02{position:relative;}


.main-content-tab .main-Tab{
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	align-items: center;
    justify-content: space-between;
}


.main-sec-title01{font-size:20px; color:#000000;}
.main-content-tab .tabType01 .main-Tab{border-bottom:none;}

.main-content-tab .tabType01 .tabType_Area li a{padding-bottom:0; font-size:14px; color:#636363; border:1px solid #e1e1e1; border-radius:40px; background:#f4f6fb; padding:0 16px; line-height:26px;}
.main-content-gray .main-content-tab .tabType01 .tabType_Area li a{background:#ffffff;}

.main-content-tab .tabType01 .tabType_Area li{margin-left:8px;}

.main-content-tab .tabType01 .tabType_Area li a:hover:after, .main-content-tab .tabType01 .tabType_Area li a:focus:after, .main-content-tab .tabType01 .tabType_Area li.active a:after{display:none;}
.main-content-tab .tabType01 .tabType_Area li a:hover, .main-content-tab .tabType01 .tabType_Area li a:focus, .main-content-tab .tabType01 .tabType_Area li.active a{background:#3986fc; color:#ffffff; border:1px solid #3986fc;}


.service-quick ul{
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	margin-right:-20px;
	overflow:hidden;
}

.service-quick li{
	flex:1;
	margin-right:20px;
	padding:35px 40px;
	background:#f9f9f9;
	border-radius:20px;
}

.service-quick li:nth-child(1){background:#e6f2fd;}
.service-quick li:nth-child(2){background:#e6f9fd;}
.service-quick li:nth-child(3){background:#e6fde7;}
.service-quick li:nth-child(4){background:#fefbed;}
.service-quick li:nth-child(5){background:#fdefe9;}

.service-quick li a{
	display:block; font-size:16px; color:#000; font-weight:500; padding-left:75px; position:relative; height:60px; letter-spacing:-0.5px;
}

.service-detail{padding-top:20px; font-size:13px; line-height:160%;}

.service-quick li a span{display:block; font-size:15px;}

.service-quick li a:before{content:""; position:absolute; left:0; top:0; width:60px; height:60px; margin-left:0; border-radius:10px;}
.service-quick li:nth-child(1) a:before{background:#8dc3f5;}
.service-quick li:nth-child(2) a:before{background:#88def0;}
.service-quick li:nth-child(3) a:before{background:#80ea85;}
.service-quick li:nth-child(4) a:before{background:#f4e28e;}
.service-quick li:nth-child(5) a:before{background:#f3b195;}


.service-quick li a:after{content:""; position:absolute; left:0; top:0; margin-left:0; width:60px; height:60px; background-repeat:no-repeat; background-position:center center; background-size:35px auto;}
.service-quick li.service-quick01 a:after{background-image: url("../img/newImg/service-quick01.png");}
.service-quick li.service-quick02 a:after{background-image: url("../img/newImg/service-quick02.png");}
.service-quick li.service-quick03 a:after{background-image: url("../img/newImg/service-quick03.png");}
.service-quick li.service-quick04 a:after{background-image: url("../img/newImg/service-quick04.png");}
.service-quick li.service-quick05 a:after{background-image: url("../img/newImg/service-quick05.png");}
.service-quick li.service-quick06 a:after{background-image: url("../img/newImg/service-quick06.png");}
.service-quick li.service-quick07 a:after{background-image: url("../img/newImg/service-quick07.png");}
.service-quick li.service-quick08 a:after{background-image: url("../img/newImg/service-quick08.png");}


.program-view ul{
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	margin-right:-20px;

}

.program-view li{
	flex:1;
	margin-right:20px;
	padding:35px 40px;
	background:#ffffff;
	border-radius:20px;
	/* border:1px solid #ebebeb; */
	box-shadow: 0 0 2px rgba(0,0,0,.04), 4px 12px 36px rgba(0,0,0,.06);
}

.program-view dt{font-size:14px; color:#000; margin-bottom:20px; padding-bottom:10px; position:relative;}
.program-view dt:after{content:""; position:absolute; left:0; bottom:0; width:16px; height:1px; background:#bfbfbf;}
.program-view dd{font-size:16px; color:#000; font-weight:500; line-height:140%;}
.program-view dd span{}

.program-detail{padding-top:20px; font-size:13px; line-height:160%; color:#888;}


.main-content-tab .tabType01 .tab_view {padding:20px 0 0;}


.main-content03{
	
	margin-top:30px;
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	margin-right:-20px;

}

.notice-main-wrap{
	flex:1;	
	padding:20px 35px 20px; 
	border: 1px solid #e1e1e1; 
	border-radius: 20px;
	margin-right:20px;
}

.customer-main-wrap{flex:0 1 auto; width:375px; padding:40px 35px 20px; background:#f4f6fb; border-radius:20px; margin-right:20px;}
.useinfo-main-wrap{flex:0 1 auto; width:337px;  padding:40px 35px 20px; background:#ffffff; border: 1px solid #e1e1e1; border-radius: 20px; margin-right:20px;}

.customer-service ul{margin-top:10px;}
.customer-service ul li:not(:first-child){margin-top:7px; padding-top:7px;}
.customer-service ul li{position:relative;}
.customer-service ul li:last-child:after{content:""; position:absolute; left:0; top:0; width:25px; height:1px; background:#cacbcf;}
.customer-service dl dt{font-size:13px; color:#7d7e81; margin-bottom:0;}
.customer-service dl dd{font-size:20px; color:#000000; font-weight:500;}

.customer-service ul li p{font-size:12px; color:#7d7e81;}



.tel-ect{margin-top:10px; padding:18px 15px; background:rgba(255, 255, 255, 0.8); border-radius:10px;}
.tel-ect h4{font-size:13px; margin-bottom:10px; color:#555;}
.tel-ect p{
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	color:#888;
}

.tel-ect span{flex:0 1 100px; position:relative; padding-left:12px;}
.tel-ect span:after{content:''; position:absolute; left:0; top:8px; width:3px; height:3px; background:#888; border-radius:100%;}
.tel-ect em{flex:1;}

.useinfo-link ul{margin-top:20px;}
.useinfo-link ul{margin-top:20px;}
.useinfo-link ul li:not(:first-child){border-top:1px solid #eeeeee; margin-top:12px;}
.useinfo-link ul li a{display:block; padding:12px 0 0 40px; font-size:15px; color:#373737;}

.useinfo-link ul li.useinfo-link01 a{background: url("../img/newImg/useinfo-link01.png") no-repeat 0 12px;}
.useinfo-link ul li.useinfo-link02 a{background: url("../img/newImg/useinfo-link02.png") no-repeat 0 12px;}
.useinfo-link ul li.useinfo-link03 a{background: url("../img/newImg/useinfo-link03.png") no-repeat 0 12px;}
.useinfo-link ul li.useinfo-link05 a{background: url("../img/newImg/useinfo-link05.png") no-repeat 0 12px;}

.main_noticeMore{position:absolute; top:-40px; right:0; z-index:10;}
.main_noticeMore a{display:block; width:30px; height:30px; background:url('../img/newImg/moreBtn01.png') no-repeat 0 0; text-indent:-5000px;}

.board-view ul{}
.board-view ul li{}
.board-view ul li:not(:first-child){border-top:1px solid #eeeeee;}
.board-view ul li a{
	padding:6px 0;
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	align-items:center;
	font-size:14px;
}

.board-view ul li .noticeDate{flex:0 1 auto; width:80px; margin-right:10px; color:#adadad;}
.board-view ul li .noticeCate{flex:0 1 auto; width:80px;  margin-right:10px;}
.board-view ul li .noticeTitle{flex:1;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

}

.notice-main-wrap .tabType01 .tab_view{padding-bottom:0;}

.notice-main-wrap .tabType01 .main-Tab{border-bottom:none;}
.notice-main-wrap .tabType01 .tabType_Area li a{padding-bottom:0; padding-top:15px; color:#7e7e7e;}

.notice-main-wrap .tabType01 .tabType_Area li a:hover:after, .notice-main-wrap .tabType01 .tabType_Area li a:focus:after, .notice-main-wrap .tabType01 .tabType_Area li.active a:after {
	content:''; position:absolute; left:0; bottom:auto; top:0; width:7px; height:7px; border-radius:100%; margin-left:0; background:#3986fc;
}
.notice-main-wrap .tabType01 .tabType_Area li a:hover, .notice-main-wrap .tabType01 .tabType_Area li a:focus, .notice-main-wrap .tabType01 .tabType_Area li.active a{color:#3986fc;}


.notice-main-wrap .tabType01 .tabType_Area li{margin-left:20px;}
.notice-main-wrap .tabType01 .tabType_Area li:first-child{margin-left:0;}

.blindTxt{
	position:absolute;left:-9999px;display:inline-block;width:0;height:0;overflow:hidden;text-indent:-9999px;opacity:0;
}

.systemBannerQuick{position:relative; padding:15px 100px 15px 0;}


.systemBannerQuick button.pause{
	position: absolute;
    z-index: 10;
	top:0; 
	right:25px;
	width: 28px; 
	height: 47px; 
	background: url('../img/newImg/ic_pause.png') no-repeat center center;
	border:none;
	cursor:pointer;
}
.systemBannerQuick button.pause.on{background-image: url('../img/newImg/ic_play.png');}


.systemBannerQuick .swiper-buttonArea{position:absolute; width:70px; height:47px; right:0; top:50%; margin-top:-23px; z-index:1001; background-color:#ffffff;}
.systemBannerQuick .swiper-button-next, .bannerAllQuick .swiper-button-prev{background-color:#ffffff;}

.systemBannerQuick .swiper-button-prev{
  background: url("../img/newImg/slideLn.png") no-repeat center center #fff;
  top:0;
  right: 50px;
  width:28px;
  height: 47px;
  line-height:47px;
  left:auto;
  opacity:1;
  margin-top:0;
  z-index:10;
}

.systemBannerQuick .swiper-button-next{
 background: url("../img/newImg/slideRn.png") no-repeat center center #fff;
  top:0;
  width:28px;
  height: 47px;
  line-height:47px;
  left:auto;
  right: 0;
  opacity:1;
  margin-top:0;
  z-index:10;
}

.systemBannerQuickWrap{margin-top:30px;}

.mainCardCon{text-align:center;}
.mainCardCon img{height:63px;}



.WrapFooterInfo{position:relative;}
.mainFooter{clear:both;position:relative; background:#3d3d3d; z-index:20;}
.footerInfoDetail{position:relative; padding:20px 0 0 0; }
.footerInfoDetail:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.footerQuickInfo{overflow:hidden; margin-top:5px;}
.quickInfo{overflow:hidden;}
.quickInfo li{float:left; margin-left:12px; padding-left:12px; background:url("../img/newImg/bar04.png") no-repeat 0 8px;}
.quickInfo li:first-child{margin-left:0; padding-left:0; background:none;}
.quickInfo li a{position: relative; display: inline-block; color:#a0a2a7; font-size:13px;}
.quickInfo li a:hover{color:#3986fc;}

.quickInfo li a.pointTxt {color:#ffd257;}

.quickInfo li a:before {position: absolute; bottom: 0; left: 0; width: 0; height: 1px; content: ''; background: #3986fc; transition: all .3s ease}
.quickInfo li a.pointTxt:before {background: #ffd257;}
.quickInfo li a:hover:before {width: 100%;}

.copyrightArea{clear:both; color:#ababac; font-size:13px; margin-top:10px; padding-bottom:20px;}


.footerBannerArea{position:absolute; right:0; top:28px;}
.footerBannerArea ul{overflow:hidden;}
.footerBannerArea li{float:left; margin-left:5px; display:block; width:135px; height:30px;}
.footerBannerArea li a{display:block; text-indent:-5000px; width:100%; height:100%;}
.footerBannerArea li a.footerBanner01{background:url("../img/newImg/footer_me.png") no-repeat center center; background-size:auto 30px;}
.footerBannerArea li a.footerBanner02{background:url("../img/newImg/footer_keco.png") no-repeat center center; background-size:auto 30px;}
.footerBannerArea li:first-child{margin-left:0;}





.floating-sticky {
	position: fixed;
	width: 50px;
	bottom: 20px; right: 20px;
	/* z-index: 50; */ z-index: 190; 
	text-align: center;
}
.floating-sticky .menu-list {margin-bottom:5px; position: relative; z-index: 200; }
.floating-sticky .menu-list .inner {position: relative;}
.floating-sticky .menu-list .btn-floating {
	position: relative;
	font-size: 0;
	display: block;
	width: 50px; height: 50px;
	border-radius: 100%;
	background:#3d3d3d;
	overflow: hidden;
	z-index: 2;
}
.floating-sticky .menu-list .btn-floating span {
	position: relative;
	display: block;
	height: 100%;
	background: url('../img/newImg/floating_plus.png') no-repeat center center;
	background-size:auto 34px;
	transition: transform .35s;
	font-size: 0;
}
.floating-sticky .menu-list .on .btn-floating span {transform: rotate(135deg);}
.floating-sticky .menu-list .inner,
.floating-sticky .menu-list ul {
	display: flex;
	flex-direction: column-reverse;
}
.floating-sticky .menu-list li {
	position: relative;
	opacity: 0;	
	margin-bottom: -60px;
	transition: margin .5s, opacity .5s;
}
.floating-sticky .menu-list .on li {opacity: 1; margin-bottom:8px;}
.floating-sticky .menu-list li a {
	position: absolute;
	top: 0; right: 0;
	display: flex;
	align-items: center;
	padding-left: 50px;
	white-space: nowrap;
	overflow: hidden;
	color: #3986fc;
	text-align: left;
	background-repeat: no-repeat;
	background-size: auto 100%;
	border-radius: 60px;
	border:1px solid #3986fc;
	font-size: 15px;
	font-weight: 500;
	line-height: 21px;
	transition: width .35s;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-color:#ffffff;

}
.floating-sticky .menu-list li a:before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.floating-sticky .menu-list li,
.floating-sticky .menu-list li a,
.floating-sticky .menu-list li a:before {width: 50px; height: 50px; box-sizing: border-box; background-size:auto 24px; background-position:center center;}
.floating-sticky .menu-list li a:hover {width: 100px;}
.floating-sticky .menu-list li.menuAr a {padding: 0;}
.floating-sticky .menu-list li.menuAr a:hover {width: 50px;}
/* .floating-sticky .menu-list li.menu04 {margin-bottom: 8px; opacity: 1;} */
.floating-sticky .menu-list li.menu01 a:before {background-image: url('../img/newImg/quickIcon01.png');}
.floating-sticky .menu-list li.menu02 a:before {background-image: url('../img/newImg/quickIcon02.png');}



.floating-sticky .btn-gotop {
	width:50px; height: 50px;
	background: #3d3d3d;
	border-radius: 100%;
	display: block;
}
.floating-sticky .btn-gotop.show {display: inline-block;}
.floating-sticky .btn-gotop span {
	position: relative;
	display: block;
	height: 100%;
	background: url('../img/newImg/btn-gotop.png') no-repeat 50% 50%;
	background-size:auto 10px;
	font-size: 0;
}





.sirenBannerWrap{position:relative;}
.sirenBannerWrap button.play{
	position: absolute;
    z-index: 10;
	top:0; 
	right:20px;
	width: 20px; 
	height: 47px; 
	background: url('../img/newImg/ic_play-w.png') no-repeat center center;
	border:none;
	cursor:pointer;
}
.sirenBannerWrap button.play.on{background-image: url('../img/newImg/ic_pause-w.png');}



.sirenBannerWrap .swiper-button-next, .bannerAllQuick .swiper-button-prev{}

.sirenBannerWrap .swiper-button-prev{
  background: url("../img/newImg/slideLn-w.png") no-repeat center center;
  top:0;
  right: 40px;
  width:20px;
  height: 47px;
  line-height:47px;
  left:auto;
  opacity:1;
  margin-top:0;
  z-index:10;
}

.sirenBannerWrap .swiper-button-next{
 background: url("../img/newImg/slideRn-w.png") no-repeat center center;
  top:0;
  width:20px;
  height: 47px;
  line-height:47px;
  left:auto;
  right: 0;
  opacity:1;
  margin-top:0;
  z-index:10;
}



.sirenBannerList .sirenBannerImg{overflow:hidden; position:relative; width:100%; height:345px; border-radius:10px; -webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.1); background-color:#fff;}
/* .sirenBannerList .sirenBannerImg:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.3); z-index:0;} */

.sirenBannerListTxt{position:absolute; left:0; top:10px; width:100%; padding:35px 300px 0 50px;}
.sirenBannerListTxt dl{color:#333333;}
.sirenBannerListTxt dt{font-size:25px; line-height:130%; margin-bottom:5px; letter-spacing:-0.5px; font-weight:500; }
.sirenBannerListTxt dd{font-size:18px; margin-top:10px;}

.sirenBannerListTxt.lightColor dl{color:#ffffff;}
.sirenBannerListTxt.lightColor dt{text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);}


.sirenBannerWrap .swiper-buttonArea{position:absolute; width:60px; height:47px; right:30px; bottom:0; margin-top:0; z-index:10; }

.sirenBannerSlide .dot{display:none;}
.sirenBannerSlide .paging{position:absolute; right:75px; bottom:9px; color:#ffffff; font-size: 15px; width:60px; text-align:right; font-weight:500;}
.sirenBannerSlide .paging span{display:inline-block;}
.sirenBannerSlide .paging .cuN{font-size: 13px;}




.topRightArea{position:absolute; top:73px; right:0;}
.topRightArea > ul{text-align:center;}
.topRightArea > ul > li{float:left;}
.topRightArea > ul > li > a{display:block; font-size:12px; padding:0; width:28px; height:28px; margin-left:15px;}
.topRightArea > ul > li.topSitemap a{background:url('../img/newImg/topSitemap.png') no-repeat center center; text-indent:-5000px; width:28px;}
.topRightArea > ul > li.topKeyword a{
	background: url('../img/newImg/btn_searchResult.svg') no-repeat center center #3986fc; background-size:auto 20px; text-indent:-5000px; border-radius:100%; margin-left:0;}



.siren_topSearchView{display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.9); z-index:2001; 
	-webkit-animation: fadeInFromNone 0.1s ease-out;
    -o-animation: fadeInFromNone 0.1s ease-out;
    animation: fadeInFromNone 0.1s ease-out;
}


.siren_topSearchDetail{position:relative; max-width:1250px; margin:0 auto; padding:70px 24px;}

.siren_topSearchDetail h3{font-size:38px; font-weight: 500; color:#ffffff; text-align:center; margin-bottom:28px; line-height:1.2;}
.siren_keywordSearch{display:inline-block; position:relative; padding-right:60px;}
.siren_keywordSearchInput{position:relative; background:#ffffff; width:560px; height:48px; border-radius:50px; text-align:left; z-index:6;}
.siren_search_input_clear{display:none; position:absolute; right:34px; top:50%; margin-top:-11px; width:22px; height:22px; background: url('../img/newImg/btn_close.svg') no-repeat center center; text-indent:-5000px;}
.siren_keywordSearchInput input{height:48px; width:calc(100% - 80px); padding:0 10px; font-size:18px; border:none; margin-left:24px; font-weight:400; color:#000000;}
.siren_searchKeyword::-ms-clear {
	display: none;
} 

.siren_keywordSearchBtn{position:absolute; right:0; top:0; width:100px; padding-right:25px; text-align:right; background:#2c2c2c; line-height:48px; height:48px; border-radius:50px; z-index:5;}
.siren_keywordSearchBtn span{display:inline-block; width:28px; height:48px; background: url('../img/newImg/btn_searchResult.svg') no-repeat right center; background-size:100%;}
.siren_keywordSearchClose{position:absolute; top:20px; right:30px; width:40px; height:40px; background: url('../img/newImg/btn_close_white.svg') no-repeat center center; background-size:100%; text-indent:-5000px;}
.siren_topSearchWrap{max-width:1000px; margin:0 auto; text-align:center;}

.siren_kewordRelate ul{text-align:center; margin-top:20px;}
.siren_kewordRelate li{display:inline-block;}
.siren_kewordRelate li a{
	display:block;
	margin: 3px;
    padding: 7px 15px;
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 16px;
    background-color: rgba(0,0,0,0.3);
}

.siren_kewordRelate li a:hover, .kewordRelate li a:focus{background-color:rgba(255,255,255,0.15);}
.siren_kewordRelate li a span{color:#595959;}


.siren_sub_topSearchView .siren_topSearchDetail{padding:0;}
.siren_sub_topSearchView .siren_keywordSearch .siren_keywordSearchInput{border:3px solid #3986fc; }
.siren_sub_topSearchView .siren_keywordSearch .siren_keywordSearchInput input{height:42px;}
.siren_sub_topSearchView .siren_keywordSearch .siren_keywordSearchInput input:focus{border:none !important;}
.siren_sub_topSearchView .siren_keywordSearchBtn{background:#3986fc;}

.siren_keywordBtn{display:inline-block;}
.siren_keywordBtn .siren_searchDetailBtn{display:inline-block; background:#7f060a; border-radius:30px; padding:0 20px; height:48px; line-height:48px; color:#ffffff; font-size:16px; font-weight:500;}

.siren_topSearchWrap .research{display:inline-block;}
.siren_topSearchWrap .research label{font-size:16px; color:#000000; margin-left:10px; font-weight:400; vertical-align:middle; margin-top:4px; text-decoration:underline;}



.allMenu{display:none; position:fixed; top:0; right:0; left:0; bottom:0; z-index:9999;width:100%; border-top:3px solid #3986fc; overflow:hidden; background:#ffffff; }

.allMenu h3{font-size:44px; text-align:center; color:#000000; margin-top:30px;}


.allMenu .menuD{position:relative; margin:0 auto; width:1000px;}
.allMenu .menuD .list{overflow:hidden; margin:15px 0;}
.allMenu .menuD .list:first-child{margin:90px 0 27px;}
.allMenu .menuD .list .oneD{float:left; width:20%; font-size:20px; color:#3986fc; font-weight:500;  letter-spacing:-0.5px;}
.allMenu .menuD .list .menuD{overflow:hidden; float:right; padding-bottom:15px; width:80%; border-bottom:1px solid #ebebeb;}
.allMenu .menuD .list .menuD.end{border:0;}
.allMenu .menuD .list .menuD .menu{float:left; width:30%; padding-right:50px; margin-bottom:10px;}
.allMenu .menuD .list .menuD .menu .twoD{font-size:16px; color:#000000; font-weight:500;}
.allMenu .menuD .list .menuD .menu .thiD{position:relative; margin-top:20px; padding-top:20px;}
.allMenu .menuD .list .menuD .menu .thiD:after{content:""; position:absolute; left:0; top:0; width:20px; height:1px; background:#3986fc;}
.allMenu .menuD .list .menuD .menu .thiD:hover{color:#3986fc;}
.allMenu .menuD .list .menuD .menu .thiD a{display:block; padding-left:12px; font-size:14px; margin-bottom:5px; color:#666666; line-height:20px; background:url("../img/newImg/noticeBlt.png") no-repeat 0 7px;}
.allMenu .menuD .list .menuD .btArea{clear:both; margin-top:45px;}
.allMenu .menuD .list .menuD .btArea a{display:inline-block; box-sizing:border-box; padding-top:10px; width:132px; height:34px; text-align:center; color:#fff; background:#323d58;}


.sitemapCloseBtn{position:fixed; right:20px; top:20px; z-index:9999;}
.sitemapCloseBtn a{display:block; width:40px; height:40px; background:url('../img/newImg/sitemapClose.png') no-repeat 0 0; text-indent:-5000px;}







.area_gnb .nav_gnb.open:before {content:'';position:fixed;left:0;top:154px;width:100%;height:100%;min-width:100%;min-height:100%;background:#000;background:rgba(0,0,0,0.6);opacity:0.6;filter:alpha(opacity=60);z-index:98;}

.section_sitemap {}
.section_sitemap .header {position:absolute;left:-9999px;top:-9999px;}
.section_sitemap .header h2 span:first-child {display:none;}
.section_sitemap .ui-close {display:none;}
.section_sitemap .content {position:static !important;}

.section_sitemap.open {display:block;position:relative;top:0 !important;margin:-60px 50px 0;padding:0 48px 50px;background:#fff;z-index:1000;}
.section_sitemap.open .header {display:block;position:relative;left:0;top:0;padding:35px 0 27px;border-bottom:2px solid #111;text-align:center;}
.section_sitemap.open .header h2 {overflow:hidden;position:relative;display:inline-block;width:105px;height:52px;font-weight:normal;}
.section_sitemap.open .header h2 span:first-child {display:block;}
.section_sitemap.open .header h2 span:first-child + span {display:none;}
.section_sitemap.open .header h2:after {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#fff url(../images/com/icon_set1.png) no-repeat 0 100%;}
.section_sitemap.open .ui-close {overflow:hidden;display:block;position:absolute;right:40px;top:36px;width:32px;height:0;padding:32px 0 0;color:#888;background:#fff url(../images/com/icon_close.png) no-repeat 50% 50%;}
.section_sitemap.open .content {position:relative !important;width:100%;height:600px;margin:0 auto;overflow-y:scroll;border-bottom:2px solid #ccc;}
.pop_notice.open ~ #wrapper .section_sitemap.open {margin-top:-138px;}

.section_sitemap.open .nav_gnb {position:relative;overflow:hidden;}
.section_sitemap.open .nav_gnb > li {position:relative;width:20%;padding:27px 10px 27px 14px;margin:0 0 0 -1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:1;}
.section_sitemap.open .nav_gnb > li.m1 {padding-left:0;}
.section_sitemap.open .nav_gnb > li > a {width:auto;font-size:20px;line-height:26px;height:auto;padding:0;background:none;color:#3986fc;}
.section_sitemap.open .nav_gnb > li > a:hover, .section_sitemap.open .nav_gnb > li > a:focus {text-decoration:none;}
.section_sitemap.open .nav_gnb > li > a:after {display:none;}
.section_sitemap.open .nav_gnb > li > .sub_area {visibility:visible;position:static;padding:14px 0;margin:0;height:auto;z-index:100;}
.section_sitemap.open .nav_gnb > li > .sub_area:before {display:none;}
.section_sitemap.open .nav_gnb > li > .sub_area > ul {margin:0;opacity:1;}
.section_sitemap.open .nav_gnb > li > .sub_area > ul > li {display:block;width:100%;padding:0 0 16px;}
.section_sitemap.open .nav_gnb > li > .sub_area > ul > li a {padding:0;}
.section_sitemap.open .nav_gnb > li > .sub_area > ul > li > a {font-size:15px;}
.section_sitemap.open .nav_gnb > li > .sub_area > ul > li > ul {margin:8px 0 0;}
.section_sitemap.open .nav_gnb > li > .sub_area > ul > li > ul > li a {padding:4px 0;}
.section_sitemap.open .nav_gnb > li > .sub_area > ul > li > ul > li + li {margin:0;}
.section_sitemap.open .nav_gnb > li > .sub_area > ul > li > ul > li li a {padding:2px 0;font-size:11px;}
.section_sitemap.open .nav_gnb > li > .sub_area > ul > li > ul a {line-height:16px;padding:0;}
.section_sitemap.open .nav_gnb > li > .sub_area > ul > li > ul ul {display:block;background:#f5f5f5;padding:5px 10px;}
.section_sitemap.open .nav_gnb > li > .sub_area > ul > li > ul ul > li a {position:relative;padding-left:8px;}
.section_sitemap.open .nav_gnb > li > .sub_area > ul > li > ul ul > li a:before {content:'';position:absolute;left:0;top:9px;width:3px;height:3px;background:#666;border-radius:1px;}
.section_sitemap.open .content .banner_gnb {display:none;}
.section_sitemap.open .nav_gnb:before, .section_sitemap.open .nav_gnb:after {content:'';position:absolute;top:0;bottom:0;width:20%;border-left:1px solid #e7e7e7;border-right:1px solid #e7e7e7;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.section_sitemap.open .nav_gnb:before {left:20%;}
.section_sitemap.open .nav_gnb:after {left:60%;margin-left:-2px;}


.nav_gnb > li {display:inline-block;/*  background:url('../img/navgnbBar.png') no-repeat 0 26px; */}
.nav_gnb > li:first-child {background:none;}
.nav_gnb > li > a {overflow:hidden;display:block;position:relative;margin:0 15px 0;cursor:pointer;z-index:101; line-height:59px; color:#333333; font-size:17px; font-weight:500;}
.nav_gnb > li:first-child > a{margin-left:0;}
.nav_gnb > li > a:after {display:block; content:''; width:100%; height:4px; position:absolute; left:0; top:56px; background:#3986fc; transition:all .3s; transform:scaleX(0);}

.nav_gnb > li.on > a:after, .nav_gnb > li > a:hover:after, .nav_gnb > li > a:focus:after {left:0;right:0;background:#3986fc;}
.nav_gnb > li.m4 {margin:0 0 0 30px;}

.nav_gnb > li.on > a:after {transform:scaleX(1);}



/*
.nav_gnb > li.m1 > a {width:102px;}
.nav_gnb > li.m2 > a {width:153px;}
.nav_gnb > li.m3 > a {background-position:-309px 0;width:99px;}
.nav_gnb > li.m4 > a {background-position:-437px 0;width:104px;}
.nav_gnb > li.m5 > a {background-position:-541px 0;width:104px;}
.nav_gnb > li.m1.on a, .nav_gnb > li.m1 a:hover, .nav_gnb li.m1 a:focus {background-position:-55px -60px;}
.nav_gnb > li.m2.on a, .nav_gnb > li.m2 a:hover, .nav_gnb li.m2 a:focus {background-position:-156px -60px;}
.nav_gnb > li.m3.on a, .nav_gnb > li.m3 a:hover, .nav_gnb li.m3 a:focus {background-position:-309px -60px;}
.nav_gnb > li.m4.on a, .nav_gnb > li.m4 a:hover, .nav_gnb li.m4 a:focus {background-position:-437px -60px;}
.nav_gnb > li.m5.on a, .nav_gnb > li.m6 a:hover, .nav_gnb li.m5 a:focus {background-position:-541px -60px;}
*/
.nav_gnb > li > .sub_area { visibility:hidden; position:absolute;left:0;right:0;top:136px; padding:0;z-index:-1; border-top:1px solid #3986fc;  border-bottom:1px solid #3986fc; background:#ffffff;}
/*.nav_gnb > li > .sub_area:before {content:'';position:absolute;left:-1000px;right:-1000px;bottom:100%;top:-1px;background:#fff;border-top:1px solid #ccc;}*/
.nav_gnb > li > .sub_area h2{display:none; width:233px; position:absolute; left:40px; top:35px; color:#000000; font-size:25px; padding-bottom:100px; text-align:right; margin:-20px 0 0; -webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease;transition:all 0s ease;opacity:0;  }
.nav_gnb > li > .sub_area > ul {position:relative; min-height:200px; /* margin:-20px 0 0; max-width:1240px; margin:0 auto; */  -webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease;transition:all 0s ease;opacity:0; overflow:hidden; padding:20px 0;  /* padding-left:60px;  background:url('../img/naviBar01.png') no-repeat 0 0; */}
/*.nav_gnb > li > .sub_area > ul > li {position:relative; float:left; display:block; width:20%; padding:10px 0; vertical-align:top; *display:inline; *zoom:1; text-align:left;}*/
/* .nav_gnb > li > .sub_area > ul > li {position:relative; float:left; display:block; padding:20px; vertical-align:top; *display:inline; *zoom:1; text-align:left;} */
.nav_gnb > li > .sub_area > ul > li {position:relative; width:19%; padding:20px; vertical-align:top; text-align:left; float:left;}
.nav_gnb > li > .sub_area > ul > li a {padding:5px 0 5px 0;}
.nav_gnb > li > .sub_area > ul > li a:hover,
.nav_gnb > li > .sub_area > ul > li a:focus {color:#3986fc;}
.nav_gnb > li > .sub_area > ul > li.on > a {color:#3986fc;}
.nav_gnb > li > .sub_area > ul > li > a {font-weight: 500; font-size:16px; color:#1f1f1f; margin-bottom:15px;}
.nav_gnb > li > .sub_area > ul > li > ul > li > a {font-size:13px; line-height:16px; color:#333333; font-weight: 500; background:url('../img/newImg/bg_dot.png') no-repeat 0 10px; padding-left:10px;}
.nav_gnb > li > .sub_area > ul > li > ul > li.on > a, .nav_gnb > li > .sub_area > ul > li > ul > li > ul > li.on > a {color:#3986fc; border-bottom:1px solid #ffffff;}
.nav_gnb > li > .sub_area > ul > li > ul > li > ul > li > a {font-size:13px; line-height:16px; color:#777777; font-family:nanum;}
/*.nav_gnb > li > .sub_area > ul > li > ul ul {display:none;}*/
.nav_gnb > li > .sub_area > ul > li > ul > li > ul {}
.nav_gnb > li > .sub_area > ul > li > ul > li > ul > li {padding-left:10px; background:url('../img/newImg/d4Bg.png') no-repeat 0 10px;}
.nav_gnb > li > .sub_area ul > li a {display:inline-block;}
.nav_gnb > li.on > .sub_area {visibility:visible;height:auto;z-index:100;}
.nav_gnb > li.on > .sub_area:before {bottom:0;}
.nav_gnb > li.on > .sub_area > ul {-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;opacity:1;}
.nav_gnb > li.on > .sub_area > h2 {-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;opacity:1;}
.nav_gnb > li.m5 ~ li {display:none;}




.fa, .far, .fas {
    font-family: "Font Awesome 5 Free" !important;
}