@charset "utf-8";

.pc {display: block;}
.mobile {display: none;}

.modal {    display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 105; background: rgba(0,0,0,0.5);}

.btn {border-radius: 0; border: 0px; padding: 0; margin: 0; background-color: transparent;}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.of-h {overflow: hidden;}

.skip { position: relative; top: 0; left: 0; height: 0; font-size: 0; z-index: 999999;}
.skip a{position: absolute; display: block; width: 100%; top: -500px; left: 0; padding: 5px 0; font-size: 12px; color: #fff; background-color: #333; text-align: center; text-decoration: none; }
.skip a:hover, .skip a:focus, .skip a:active{ top: 0;}

.main-container {padding-right: 150px;}

/* header */
.main-container .header-container {height: 71px;}
.main-container .header-container .content, .main-container .main-contents .content {position:relative; max-width: 1000px; margin: 0 auto;}
.main-container .header-container .content .header-logo{margin-bottom: 0; font-size: 0; }
.main-container .header-container .content:after {content: ''; display: block; clear: both;}


/* gnb */
.main-container .gnb-wrap {margin-top: 20px;float:right;margin-right:30px}
.main-container .gnb-wrap .gnb > li > a {height:50px; line-height: 40px; font-weight: normal; padding: 0 1.5rem}
.main-container .gnb-wrap .gnb > li:last-child > a {padding: 0 0 0 2.1rem}
.main-container .gnb-wrap .gnb > li.gap-line {height: 14px; margin-top: 12px;}


/* 전체보기 */
.menu-all-wrap{position: absolute; top: 71px; left: 50%; margin-left: -600px;  z-index: 100;  width: 1200px; background: #333; }
.menu-all-list { display: none;  font-family: 'NanumSquareRoundR'; width:1000px; margin: 30px 0 0 110px ;  min-height:603px;}
.menu-all-list > ul, .menu-all-list > ul > li > ul{position: relative;  }
.menu-all-list > ul > li, .m1 > ul >li, .m3 > ul >li {position: absolute;}
.menu-all-list a {letter-spacing: -0.3px;}
.m1 {min-width: 740px;}
.m1 > ul >li, .m3 > ul >li  {padding: 0 !important;}
.m1-1 { top: 15px; }
.m1-2 { top: 15px; left: 177px; }
.m1-2 > ul > li{float:left;	padding-right: 20px !important;}
.m1-2 > ul > li:last-child {padding-top: 8px;}
.m1-3 { top: 168px; }
.m1-4 { top: 198px; }
.m1-5 { top: 15px; left: 583px;}
.m1-6 { top: 198px; left: 177px;}

.m2 {left: 802px;}
.m3 {top: 305px; min-width: 305px;}
.m3-1 { top: 15px; }
.m3-2 { top: 107px; }
.m3-3 { top: 137px; }
.m3-4 { top: 15px; left: 175px; }

.m4 {left: 350px; top: 305px;}
.m4-2 {margin-top: 10px;}
.m5 {left: 592px; top: 305px;}
.m5-2 {margin-top: 10px;}
.m5-3 {position: absolute; top :120px; left: 85px;}
.m6 {left: 802px; top: 305px;}

/* depth1 */
.menu-all-list > ul > li > a{position: relative; display: block	;font-size: 17px; color: #3cb8c3; text-decoration: 	none; border-bottom: 1px solid #3cb8c3; padding-bottom: 7px;}
.menu-all-list > ul > li > a:after {content: ''; position: absolute; bottom: 0; display: block; width: 63px; height: 4px; background: #3cb8c3;}
/* depth2 */
.menu-all-list > ul > li > ul > li  {padding: 4.5px 0;}
.menu-all-list > ul > li > ul > li:first-child {padding-top: 15px;}
.menu-all-list > ul > li > ul > li > a {font-family: 'NanumSquareRoundB';  font-size: 15px; color: #fff/*#58bbf4*/; text-decoration: none; background: url(../images/main/dot.png) 0 8px no-repeat; padding-left: 10px;}
.menu-all-list > ul > li > ul > li > a:hover {color: #ffae00; background-position: 0 -4px;}
/* depth3 */
.menu-all-list > ul > li > ul > li > ul > li {padding: 1.5px 0;}
.menu-all-list > ul > li > ul > li > ul > li:first-child {padding-top: 8px;}
.menu-all-list > ul > li > ul > li > ul > li > a {font-size: 13px; color: #b3b3b3; padding-left: 10px;}
.menu-all-list > ul > li > ul > li > ul > li > a:hover {color: #fff;}
/* depth4 */
.menu-all-list > ul > li > ul > li > ul > li > ul {margin-top: 	5px;}
.menu-all-list > ul > li > ul > li > ul > li > ul > li  {padding: 0.5px 0;}
.menu-all-list > ul > li > ul > li > ul > li > ul > li > a {font-size: 12px; color: #b3b3b3; padding-left: 25px; background: url(../images/main/dot.png) 15px -20px no-repeat;}
.menu-all-list > ul > li > ul > li > ul > li > ul > li > a:hover {color: #fff;}

.btn-menu-open{position: absolute; right: auto !important; top: 0 !important; width: 38px; height: 38px; background: url(../images/button/btn_menu_all.png);}
.btn-menu-close  {position: absolute; right: 92px; top: -51px !important; width: 38px; height: 38px; background: url(../images/button/btn_menu_all.png);}
.btn-menu-open:hover{ background-position: -38px 0;}
.btn-menu-close {background-position: -76px 0;}


/* main-contents */
.main-contents .content {overflow: hidden;}
.main-contents .content h3 {font-family: 'NanumSquareRoundR';  font-weight:400; margin:0; padding: 0; background: none;}

.top-area {position: relative;}
.top-area hr {display: block !important; position: absolute; bottom:0; width:100%; height: 5px; background: rgba(0,0,0,.25); margin: 0; border: none; z-index: 10;}
.login-area {position: absolute; right: 0; top: 52px; left: 50%; margin-left: 294px; width: 206px; z-index: 99;}
.btn-first { font-family: 'NanumSquareRoundB'; position: relative; width: 206px; height: 26px; border-radius: 34px; background: #43678e; color: #fff; font-size: 14px; margin-bottom: 15px;}
.btn-first:after {content: ''; display: block; position: absolute ; bottom: -9px; left: 158px; width:0; height:0 ;border-right: 9px solid transparent; border-top: 9px solid #43678e; }
.btn-first:hover:after{border-top-color:#0b4e9e;}
.btn-first > i {font-size: 15px; vertical-align: middle; margin-right: 5px; margin-top: -2px;}
.loginIn, .loginOut{
	background: #fff; 
	border-radius: 5px; 
	border-top-left-radius:0; 
	border-top-right-radius:0; 
	border: 1px solid #c7c8c8; 
	border-top: 0px; 
	padding: 13px 13px 7px 13px;}

/* 간편 로그인 추가 */
.logIn_optWrap{display:flex; justify-content:center; align-items:center; width:100%;}
.logIn_optWrap button{width:100%; background:#fff; margin:0; color:#000; border-radius:10px 10px 0 0; border:1px solid #c7c8c8; border-bottom:0; padding:0.4em 1em;}
.logIn_optWrap .simpLogInbtn{background:#306caf; color:#fff;}

/*input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active,
input:-webkit-autofill:focus {
  	-webkit-box-shadow: 0 0 0px 1000px transparent inset;
  	transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #3273bc !important;
}*/


::-webkit-input-placeholder { color: #999 !important;}
::-moz-placeholder { color: #999 !important;}
:-ms-input-placeholder { color: #999 !important;}
:-moz-placeholder { color: #999 !important;}


.loginIn input {font-family: 'NanumSquareRoundB';  font-size: 14px; width: 100%; height: 32px; margin-bottom: 4px; background: url(../images/main/login_label.png) 12px 7px no-repeat; padding-left: 38px; color: #3273bc;}
.loginIn .input-pass{  background-position: 12px -28px;  }
.loginIn .focus{ border-color: #005cab; background-position: 12px -65px;}
.loginIn .input-pass.focus { background-position: 12px -100px;}
.loginOut {padding: 10px 0 7px 0 ; display: none;}
.loginOut .id {text-align: center; font-weight: bold; padding: 0 13px;}
.loginOut .id span:first-child { display: inline-block; font-size: 14px; text-decoration: underline; color:#005cab; }
.loginOut .id span:last-child { display: inline-block; font-size: 13px; color: #555;}
.loginOut .info {overflow: hidden; margin-top: 10px; background: #f1eeea; padding: 0 5px;}
.loginOut .info li {float:left; width: 33.3%; text-align: center;}
.loginOut .info li a {display: block; font-size: 12px; color: #595755; line-height: 16px; font-weight: bold; padding: 23px 0 8px 0; background: url(../images/main/icon_info.png) 26px 6px no-repeat;}
.loginOut .info li .i2 {background-position: center 6px;}
.loginOut .info li .i3 {background-position: -102px 6px;}
.loginOut .info li span {display: block;}


.login-area .user {margin-top: 7px;}
.login-area .user a{ position: relative ; display: inline-block	;color: #666; font-size: 12px; width: 48%; text-align: center;}
.login-area .user a:first-child:after {content: ''; display: block;	position: absolute;	top:2px; right: -2px; width: 1px; height: 12px ;  background: #e1e1e1;}
.login-area .user a:hover {color: #333;}
.btn-login {width: 100%; height: 30px; border-radius: 4px; background: #595755; font-size: 15px; font-weight: 600; margin-top: 7px;}


/* main-visual */
.main-visual {height: 390px; background: #e7f1f2;}
.main-visual-slider .slide > div {position: relative;width: 1000px; height: 390px; margin: 0 auto; padding: 50px 0 0 30px;}
.main-visual-slider .slide > div:before { content: ''; position: absolute; top: 52px; left: 1px; background: url(../images/main/line.png) no-repeat; width: 5px; height: 172px;}
.btn-view, .btn-apply { display:inline-block; width: 80px; height: 80px; border:1px solid #bf0d0e; font-size: 16px; font-weight: 500; top: 51px; border-radius: 50%; padding: 20px; line-height: 20px; text-align: center; float: left; margin-right: 8px;}
.btn-view, .btn-view:hover { background: #fff; color:#bf0d0e; }
.btn-apply, .btn-apply:hover{ background: #bf0d0e; color:#fff;}

.main-visual .title-area {position: relative; float: left;}
.main-visual .btn-area {float :left; margin-left: 30px;}
.main-visual .s { font-family: 'NanumSquareRoundR'; font-size: 18px; color: #333; letter-spacing: -.1px;}
.main-visual h3 { font-family: 'NanumSquareRoundEB'; font-size: 34px; color: #bf0d0e; background: none; padding: 3px 0; margin: 0; letter-spacing: -1.5px}
.main-visual .txt { font-family: 'NanumSquareRoundB'; position: absolute; bottom: 160px; font-size: 15px; color: #333; background: url(../images/main/quote.png) no-repeat; padding-top: 25px; left: 34px; letter-spacing: -.5px;}
.main-visual .f-i {font-style: italic;}

.main-visual .ESG_slide .title-area-wrap{display:flex; justify-content:flex-start; align-items:center;}
.main-visual .ESG_slide .title-area-wrap .txt.ESG_txt{position:relative; bottom:0;}

.main-visual .ESG_slide .title-area{margin-top:-15px; float:none;}
.main-visual .ESG_slide .title-area.title-area-sec{padding-top:25px;}

.main-visual .ESG_slide .btn-area{position:relative; margin:0; display:flex; justify-content:flex-start; align-items:center; padding-top:20px;}
.main-visual .ESG_slide .btn-area a{transition:all 0.2s ease; text-decoration:none; display:block; width:236px; background:#fff; border-radius:0 25px 0 25px; text-align:center; padding:10px 3px; color:#000; font-family:'NanumSquareRound'; letter-spacing:-0.5px; box-sizing:border-box;}
.main-visual .ESG_slide .btn-area a + a{margin-left:15px;}
.main-visual .ESG_slide .btn-area a dl dt{font-weight:800; font-size:21px;}
.main-visual .ESG_slide .btn-area a dl dd{font-weight:600; font-size:12px; padding-top:10px; line-height:1.2;}

.main-visual .ESG_slide .btn-area a:first-child{border:2px solid #60a049; box-shadow:2px 2px 0px #60a049;}
.main-visual .ESG_slide .btn-area a:first-child dl dt{color:#60a049;}
.main-visual .ESG_slide .btn-area a:nth-child(2){border:2px solid #e68719; box-shadow:2px 2px 0px #e68719;}
.main-visual .ESG_slide .btn-area a:nth-child(2) dl dt{color:#e68719;}
.main-visual .ESG_slide .btn-area a:nth-child(3){border:2px solid #2cb7d4; box-shadow:2px 2px 0px #2cb7d4;}
.main-visual .ESG_slide .btn-area a:nth-child(3) dl dt{color:#2cb7d4;}

.main-visual .ESG_slide .btn-area a:first-child:hover{border-radius:0; box-shadow:3px 3px 0px #60a049;}
.main-visual .ESG_slide .btn-area a:nth-child(2):hover{border-radius:0; box-shadow:3px 3px 0px #e68719;}
.main-visual .ESG_slide .btn-area a:nth-child(3):hover{border-radius:0; box-shadow:3px 3px 0px #2cb7d4;}

/* .main-visual .ESG_slide .title-area{margin-top:-15px;}
.main-visual .ESG_slide .title-area.title-area-sec{position:absolute; top:128px; margin-top:0;}
.main-visual .ESG_slide .btn-area{margin-top:-11px;}
.main-visual .ESG_slide .btn-area.btn-area-sec{position:absolute; top:116px; left:216px; margin-top:0; margin-left:111px;}
.main-visual .ESG_slide .txt.ESG_txt{bottom:110px !important;} */

.main-visual .bg-c1 {background: #ecded1;}
.main-visual .bg-c2 {background: #bbdefb;}
.main-visual .bg-c3 {background: #c8dfc8;}
.main-visual .bg-c4 {background: #f2c66e;}


.util-wrap {position: absolute; width: 1000px; top: 12px; left: 50%; margin-left: -500px; text-align: right; z-index: 1;}
.util-wrap .slider-pagination { position:absolute;right: 22px; text-align:right;}
.util-wrap .slider-pagination .slick-dots {margin-top:-6px;}
.util-wrap .slider-pagination .slick-dots:after {display:table;content:'';}
.util-wrap .slider-pagination .slick-dots li {float:left;}
.util-wrap .slider-pagination .slick-dots li button { font-size:0;width: 10px; height: 10px;  margin-left: 5px; border: 1px solid #686d6d; background: transparent; opacity: 1; transition: background-color 0.3s ease;}
.util-wrap .slider-pagination .slick-dots li.slick-active button{background: #686d6d;}
.util-wrap button.ctrl-slider { position: absolute; right:0; top: 2px; width: 15px; height: 13px; background: url(../images/main/banner_controls.png) 2px 0 no-repeat; font-size: 0;}
.play-slider { display: none; background-position: 2px -16px !important;}
.slider-nav {position: absolute; z-index: 10; width: 1000px; bottom: 0; left:50%; margin-left: -500px;}
.slider-nav li {position:absolute; bottom: 0; width: 200px; display: table; height: 71px; background: url(../images/main/banner_menu02.png) 0 0 no-repeat; cursor: pointer; transition: height 0.15s ease; text-align:center;}
.slider-nav li > div {display: table-cell; vertical-align: middle;}
.slider-nav li span {font-family: 'NanumSquareRoundB'; font-size: 17px; ;color: #fff;letter-spacing: -0.1px; line-height: 21px; }
.slider-nav li span i {opacity: 0;position: absolute; top: 50%; margin-top:-13px; font-size: 25px; right: 15px;  transition: opacity 0.2s ease;}
.slider-nav li.active {height: 83px; box-shadow:0 4px 4px #999; border-bottom:none;}
.slider-nav li.active span{ color:#fff;}
/* .slider-nav li.active > div {display: block; padding-left: 35px; padding-top: 18px;} */

.slider-nav li:not(.active):hover span i {opacity: 1;}

.slider-nav .b0:not(.active):hover { height: 75px;}
.slider-nav .b1 {left: 200px; background-position: 0 -100px;}
.slider-nav .b1:not(.active):hover { height: 75px;}
.slider-nav .b2 {left: 400px; background-position: 0 -200px; width: 200px;}
.slider-nav .b2:not(.active):hover { height: 75px;}
.slider-nav .b2.active {background-position: 0 -499px; }
.slider-nav .b4 {right: 0; background-position: 0 -400px;}
.slider-nav .b4:not(.active):hover { height: 75px;}
.slider-nav .b3 {left: 600px; background-position: 0 -300px;}
.slider-nav .b3 span{color:#555;}
.slider-nav .b3:not(.active):hover { height: 75px;}

.slider-nav .b4 .b4_Kbid {position:relative;}
.slider-nav .b4 .b4_Kbid div{position:absolute;top:8px; right:-7px; background:#0054a5; color:#fff;  padding:2px 7px; font-weight:800; letter-spacing:1px; font-size:12px;}
.slider-nav .b4 .b4_Kbid div::after{width:7px; height:3px; background:#122037; display:inline-block; content:""; position:absolute; top:-3px;}

.main-visual-slider .slide > div.Kbid::before{background:none;}

.main-visual .Kbidtxt{background:none; bottom:165px; font-size:17px;}


/* 평가절차 */

.evaluation {border-bottom: 1px solid #c2c2c2; height: 80px; line-height:80px;}
.evaluation h3 { position: absolute	; top: 30px; left:0;font-size: 22px; color: #4c4c4c;  }
.evaluation .process {overflow: hidden; float: right; padding-top: 18px;}
.evaluation .process li {float: left; padding: 0 17px 0 8px; border-radius: 50px; transition: all  0.2s ease;}
/* .evaluation .process li:last-child {padding-right: 0;} */
.evaluation .process li a {display:block; font-family: 'NanumSquareRoundB'; font-size: 16px; color: #555;padding-left: 55px; text-decoration: none; line-height: 46px; height: 46px; background: url(../images/main/icon_process.png) 0 0 no-repeat; transition: color  0.2s ease;}
.evaluation .process li:hover {background-color: #28b8cd; color: #fff; cursor: pointer;  padding: 0 17px 0 8px;}
.evaluation .process li:hover a{color: #fff;}

.evaluation .process .b a {background-position: 0 -46px;}
.evaluation .process .c a {background-position: 0 -92px;}
.evaluation .process .d a {background-position: 0 -138px;}
.evaluation .process .e a {background-position: 0 -184px;}


/* */
.contentBox { padding: 35px 0 10px 0;}
.contentBox > .content > .of-h > div {width: 300px; float: left; min-height: 205px; margin-left: 50px;}
.contentBox .content h3 {font-family: 'NanumSquareRoundB'; font-size: 17px; color: #10468f; font-weight: 600; border-bottom: 1px solid #ccc; padding-bottom: 16px; letter-spacing: -0.5px;}
.contentBox .content h3 span {border-bottom: 2px solid #3a8bcc; padding-bottom: 15px;}
.contentBox > .content > .of-h > div,  .contentBox > .content > .of-h > div > div,.contentBox > .content > .of-h > div ul li {position: relative;}
.contentBox > .content > .of-h > div ul {margin-top: 13px;}
.contentBox > .content > .of-h > div ul li {line-height: 32px;}
.contentBox > .content > .of-h > div ul li a { display: block; font-size: 13px; color: #444; padding-left: 9px; letter-spacing: -0.1px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; max-width: 290px; overflow:hidden;}
.contentBox > .content > .of-h > div ul li:after {content:''; display: block; position: absolute; top:11px; width: 2px; height: 2px; background: #7f7f7f;}

.contentBox .notic {min-height: 120px;}
.contentBox .addition {position: relative;}
.contentBox .addition > h3 small {display:inline-block; margin-left:5px; padding:3px 8px; border-radius:6px; color:#fff; font-size:12px; line-height:1; vertical-align:top; font-family: 'NanumSquareRoundEB';}
.contentBox .addition > h3 small.public		{background-color:#005cab;}
.contentBox .addition > h3 small.private	{background-color:#1181b3;}
.contentBox .addition > div > a {display: block; width: 300px; height:28px; line-height: 28px; font-size: 14px; color: #555; text-decoration: none; padding-left: 13px; margin-top: 3px; background: url(../images/main/icon_arrow.png) 270px 9px no-repeat #e7eef9;}
.contentBox .addition > div.addition2 > a {background-color:#e6f0f5}
.contentBox .addition > div > a:first-child {margin-top: 18px;}
.contentBox .addition > div > a:hover {color:#fff; background-position: 270px -21px; background-color:#005cab;}
.contentBox .addition > div.addition2 > a:hover {background-color:#1181b3;}
.contentBox .addition .btn-prev,.contentBox .addition .btn-prev-off,.contentBox .addition .btn-next  {position: absolute;  top: 0; width:30px; height: 22px; overflow: hidden; text-indent: -999px; background: url(../images/main/btn_addition.png) 0 0 no-repeat;}
.contentBox .addition .btn-prev-off {right:32px;cursor:default}
.contentBox .addition .btn-prev {right:32px; background-position:0 -22px}
.contentBox .addition .btn-prev:hover {background-position: 0 -44px}
.contentBox .addition .btn-prev.active {background-position: 0 -44px}
.contentBox .addition .btn-next {right: 0; background-position: -32px 0;}
.contentBox .addition .btn-next.active {background-position: -32px -22px;}
.contentBox .addition .btn-next:hover {background-position: -32px -22px;}


.contentBox .btn-more { position: absolute; top:-3px; right: 3px; display: inline-block; font-size: 30px; color: #b1b1b1; text-decoration: none; line-height: 1; }
.contentBox .btn-more:hover {color: #005cab;}
.contentBox .btn-area {margin-top: 30px;}
.contentBox .btn-area .btn_case1, .contentBox .btn-area .btn_case2, .contentBox .btn-area .btn_case3, .contentBox .btn-area .btn_case4, .contentBox .btn-area .btn_case5{ font-family: 'NanumSquareRoundR'; font-size: 18px; text-decoration: none; display: inline-block; float:left; width: 300px; height:63px; line-height: 63px; border-radius: 5px; border: 1px solid #628dbe; padding-left: 24px; color: #444; letter-spacing: -0.5px; margin-left: 50px; background: url(../images/main/icon_btn.png) 244px 0 no-repeat #f8fbff;}
.contentBox .btn-area .btn_case1,.contentBox .btn-area .btn_case4,.contentBox > .content > .of-h > div:first-child  {margin-left: 0;}
.contentBox .btn-area .btn_case1 > span, .contentBox .btn-area .btn_case2 > span,.contentBox .btn-area .btn_case3 > span{color: #3f5e82;}
.contentBox .btn-area .btn_case2 {background-position: 247px -63px;}
.contentBox .btn-area .btn_case3 {background-position: 263px -126px;}

/* sidebar */
.sidebar { font-family:'나눔고딕',NanumGothic; font-size: 12px; position:absolute; width: 151px; height: 100%; right: 0; top: 0;z-index: 10; background: #306caf; color: #fff; padding: 38px 0 0 13px;}
.sidebar a {text-decoration: none; color: #fff;}
.sidebar .title {font-family: 'NanumSquareRoundR'; font-size: 20px; font-weight: 400;}
.sidebar .title i {display: inline-block; width: 20px; height: 20px ; vertical-align: middle; margin-right: 10px; background: url(../images/main/icon_quick.png) 0 0 no-repeat;}
.sidebar .popup {font-size: 19px; margin-bottom: 40px;}
.sidebar .popup .title {font-size: 19px;}

.sidebar .convenience {margin-bottom: 45px;}
.sidebar .convenience dd {margin-top: 12px; padding-left: 2px;}
.sidebar .convenience dd a { letter-spacing: -0.3px; font-weight: bold;}
.sidebar .convenience i {background-position: 0 -25px;}

.sidebar .customer i {background-position: 0 -50px;}
.sidebar .customer .time { padding: 3px 0 12px 30px;}
.sidebar .customer .phone { font-size: 13px; font-weight: bold; letter-spacing: -0.5px; margin-bottom: 3px;}
.sidebar .customer .phone span {font-size: 11px; color: #98b6d7; letter-spacing: -0.3px; padding-left: 3px;}
.sidebar .customer .address {margin-top: 20px; line-height: 18px}
.sidebar .customer .pl13 {padding-left: 13px;}
.sidebar .quick-menu-banner{ position: relative;  margin-top: 42px ; width: 129px; height: 108px; overflow: hidden; padding-top: 18px;}
.sidebar .quick-menu-banner .slick-dots {position: absolute;top: -18px;font-size:0;}
.sidebar .quick-menu-banner .slick-dots li {display:inline-block;}
.sidebar .quick-menu-banner .slick-dots li button {font-size:0;border-radius:100%;width: 11px; height: 11px; background: #41cce5; border: none; margin: 0 7px 0 0; opacity: 0.4;}
.sidebar .quick-menu-banner .slick-dots li.slick-active button {opacity: 1;}
.sidebar .banner-ctrl {position: absolute;right: 0;top: 0;width: 11px;height: 11px;background: url(../images/main/banner_controls2.png) 0 0 no-repeat;font-size: 0;}
.sidebar .banner-ctrl.quick-play-slider {display:none;background-position: 0 -16px;}



/* footer */

.footer-container .footer-company {position: relative; max-width: 1000px; margin: 0 auto;}
.footer-container .footer-company .footer-slider {max-width: 1000px; height:48px; line-height: 48px; overflow: hidden; margin: 0 25px}
.footer-container .conpany-banner-box {line-height:48px}
.footer-container .company-banner-box li a { display:block;text-align:center;}
.footer-container .company-banner-box li img {display:inline-block;/*max-height:25px;width:50%;*/}

.footer-container .footer-link-box {max-width: 1000px}
.footer-container .footer-content {max-width: 1000px;}
.footer-container .footer-button-prev, .footer-container .footer-button-next{ position: absolute; top: 0; display: inline-block;  width: 18px;  height: 48px; text-indent: -999em; background: url(../images/common/btn-arrow.png) 0 15px no-repeat #fff; }
.footer-container .footer-button-next {background-position: -10px 15px; right: 0;}
.foot-copy-wrap {padding: 30px 0;}
.isms-wrap {display: block;}
address {margin-bottom: 0;}



/* popup */
.popupWrap {
	display: none;
    position: absolute;
    left: 50%;
    z-index: 110;
    background: #fff;
    box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.2);
 }

 /* 처음이세요 */
.first-customer {
	display: none;
    top: 154px;
	margin-left: -492px;
	border :1px solid #556a90;
	border-radius: 5px;
	color: #fff;
	padding: 30px 19px 15px 19px;
}

.first-customer  .btn_close{
	position: absolute;
	top: -47px;
	right: 0;
	background: #315883;
	width: 117px;
	height: 34px;
	border-radius: 20px;
	font-size: 13px;
	font-weight: bold;
}
.first-customer  .btn_close:after{
    position: absolute;
    content: '';
    display: block;
    width: 0;
    height: 0;
    top: 34px;
    right: 40px;
    border-right: 9px solid transparent;
    border-top: 9px solid #315883;

}
.first-customer  .btn_close i{
	font-size: 15px;
	padding-right: 6px;
	vertical-align: middle;
}

.first-customer ol {
	float: left;
	width: 50%;
	padding: 0 11px;
}
.first-customer ol:first-child{
	margin-left: 0;
}

.first-customer ol > li {
	position: relative;
	width: 450px;
	background: #0099cc;
	margin-bottom: 12px;
	padding: 25px;
	cursor: pointer;
	border: 1px solid #0099cc;
}
.first-customer ol > li:hover{
	background: url(../images/main/bg_first-customer.png) right 0 no-repeat #fff;
	color: #0072bc;
	border-color: #0072bc;
}
.first-customer ol > li:before{
	position: absolute;
	content: '';
	display: block;
	width: 0;
	height: 0;
	top: -1px;
	right: -1px;
    border-left: 34px solid transparent;
    border-top: 34px solid #0099cc;
    z-index: 1;
}

.first-customer ol > li:hover a{
	color: #0072bc;
	border-color: #0072bc;
}
.first-customer ol > li > ul > li{
	position: relative;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: -0.3px;
	padding-left: 10px;
	padding-bottom: 2px;

}
.first-customer ol > li > a{
	position: absolute;
	display: inline-block;
	font-size: 13px;
	color: #0099cc;
	width: 90px;
	height: 26px;
	line-height: 24px;
	border-radius: 15px;
	background: #fff;
	text-align: center;
	letter-spacing: -0.3px;
	text-decoration: none;
	top: 27px;
	right: 60px;
	border: 1px solid #0099cc;
}
.first-customer ol > li > a:hover{
	background: #0099cc;
	color: #fff;
	border-color: #0099cc;
}
.first-customer ol > li > ul > li:before{
	content: '-';
	position: absolute;
	left: 0;

}
.first-customer ol > li > ul > .s{
	font-size: 12px;
	padding-left: 20px;
}
.first-customer ol > li > ul > .s:before{
	content: '*';
	left: 10px;
}
.first-customer .step1 h4, .first-customer .step5 h4{
	background: url(../images/main/icon_first.png) 0 0 no-repeat;
	padding-left: 28px;
}
.first-customer .step5 h4{
	background-position: 0 -28px;
}
.first-customer .step1:hover h4{
	background-position: 0 -60px;;
}
.first-customer .step5:hover h4{
	background-position: 0 -88px;;
}

.first-customer .step2 {
	padding: 40px 25px 60px 25px;
}
.first-customer .step2 h4{
	margin-bottom: 30px;
}
.first-customer .step2 a{
	top: 40px;
}
.first-customer .step7{
	min-height: 151px;
}
.first-customer h4{
	font-family: 'NanumSquareRoundR';
	font-size: 22px;
	margin-bottom: 15px;
}

.first-customer p{
	font-family: 'NanumSquareRoundB';
	width: 765px;
	background: #e1e1e1;
	color: #444;
	border: 1px solid #777;
	font-size: 16px;
	margin: 0 auto;
}
.first-customer p span{
	vertical-align: middle;
	display: inline-block;
	line-height: 31px;
}
.first-customer p>span:first-child{
	background: #777;
	font-size: 15px;
	color: #fff;
	padding: 0 28px;
	letter-spacing: -0.5px;
}

.first-customer p span:last-child .fn15{
	 padding: 0 22px;
	font-size: 15px;
	letter-spacing: -0.5px;
}
.first-customer p span:last-child .fn13{
	font-size: 13px;
}

/* 처음이세요 */
.first-customer-container {display:none; top:0; left:0; width:100%; height:0; overflow:hidden; margin-left:0; border-top:10px solid #ffb400; background-color:#fffae6; background-color:#fffcf0;}
.first-customer-container .btn_close {position:absolute; right:0; top:0; padding:10px; background:none; color:#ffb400; font-size:70px; line-height:1; }
.first-customer-container .first-customer-content {position:relative; width:1200px; margin:0 auto; padding:50px 0 100px; text-align:center; }
.first-customer-container .first-customer-content .title-first-customer {margin-bottom:15px; color:#000; font-size:45px; font-weight:800; font-family:'NanumSquareRoundB'; }
.first-customer-container .first-customer-content > p {margin-bottom:50px; color:#444; font-size:18px; font-weight:600; font-family:'NanumSquareRoundB'; }
.first-customer-container .first-customer-content .cs-center {color:#333; font-size:14px; font-weight:600; word-break:keep-all;}
/* tab */
.first-customer-tab {margin-bottom:30px; height:200px; overflow:hidden;}
.first-customer-tab:after {display:block; clear:both; content:''}
.first-customer-tab > ul {display:table; width:100%;  }
.first-customer-tab > ul > li {display:table-cell; vertical-align:middle; text-align:center; line-height:1.2;}
.first-customer-tab > ul > li > i {font-size:25px; color:#aaa;}
.first-customer-tab > ul > li > a {display:inline-block; position:relative; width:120px; height:120px; padding:20px 15px 0; border:3px solid #ddd; border-radius:50%; background-color:#fff; color:#888; font-size:18px; font-weight:600; font-family:'NanumSquareRoundB'; vertical-align:middle; text-decoration:none; word-break:keep-all; outline:0}
.first-customer-tab > ul > li > a:hover {border-color:#ffb400; background-color:#fff; color:#ffb400;}
.first-customer-tab > ul > li.active > a {width:180px; height:180px; padding-top:35px; border:8px solid #ffb400; background-color:#ffb400; color:#fff; font-size:25px; font-weight:800; font-family:'NanumSquareRoundEB';   text-shadow:1px 1px 1px rgba(0,0,0,.5); cursor:unset}
.first-customer-tab > ul > li > a > p {margin-bottom:3px; color:inherit; font-size:inherit;}
.first-customer-tab > ul > li.active > a > p {color:inherit; font-size:inherit;}
/* tab-container */
.first-customer-tab-container {width:100%; margin-bottom:50px; padding:50px 30px; border:3px solid #ffb400; border-radius:10px; background-color:#fff; }
.first-customer-tab-container .tab-content {display:none; color:#000; font-size:18px; font-weight:600; font-family:'NanumSquareRoundB'; line-height:1.8;}
.first-customer-tab-container .tab-content > div {color:inherit; font-size:inherit;}
.first-customer-tab-container .tab-content > div > font {color:#fa8200; font-weight:800; font-family:'NanumSquareRoundEB';}
.first-customer-tab-container .tab-content.active {display:block;}
/* button-wrap */
.first-customer-tab-container .button-wrap {margin-top:30px; text-align:center;}
.first-customer-tab-container .button-wrap a + a {margin-left:10px;}
.first-customer-container .btn {display:inline-block; min-width:122px; margin-bottom:0; padding:6px 15px; border:1px solid #ccc; -moz-border-radius:4px; border-radius:4px; background-image:none; background-color:#fff; color:#555; font-size:14px; font-weight:normal; text-align:center; line-height:1.42857143; text-decoration:none!important; white-space:nowrap; vertical-align:middle; cursor:pointer;
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.5), 0 1px 1px rgba(0,0,0,.075);
					box-shadow:inset 0 1px 0 rgba(255,255,255,.5), 0 1px 1px rgba(0,0,0,.075);
	-ms-touch-action:manipulation;
			touch-action:manipulation;
	-webkit-user-select:	none;
			-moz-user-select:	none;
			-ms-user-select:	none;
					user-select:	none}
.first-customer-container .btn:focus,
.first-customer-container .btn:active:focus,
.first-customer-container .btn.active:focus {outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px}
.first-customer-container .btn:hover,
.first-customer-container .btn:focus{border-color:#cecece; background-color:#e9e9e9; color:#333}
.first-customer-container .btn:active {background-image:none; outline:0;
	-webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);
					box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125)}
.first-customer-container .btn-info {border-color:#dc7d00; background-color:#ffa023; color:#fff; text-shadow:0 -1px 0 rgba(0, 0, 0, .2);}
.first-customer-container .btn-info:focus,
.first-customer-container .btn-info:hover,
.first-customer-container .btn-info:active,
.first-customer-container .btn-info:active:hover,
.first-customer-container .btn-info:active:focus {border-color:#b46e0f; background-color:#d58512; color:#fff}
@keyframes opacity {
	0%{opacity:0;padding-top:200px;}50%{opacity:0;padding-top:0px;}100%{opacity:1; padding-top:0;}
}
.step1 {animation:opacity 1s	 .1s ease-in}
.step2 {animation:opacity 1.4s .1s ease-in}
.step3 {animation:opacity 1.8s .1s ease-in}
.step4 {animation:opacity 2.2s .1s ease-in}
.step5 {animation:opacity 2.6s .1s ease-in}
.step6 {animation:opacity 3s	 .1s ease-in}
.step7 {animation:opacity 3.4s .1s ease-in}
.step8 {animation:opacity 3.8s .1s ease-in}

@media screen and (max-width:768px) {
	.first-customer-container .btn_close {right:0; top:0; padding:5px; font-size:50px;}
	.first-customer-container .first-customer-content {width:100%; padding:20px 10px 100px;}
	.first-customer-container .first-customer-content .title-first-customer {margin-bottom:10px; font-size:30px;}
	.first-customer-container .first-customer-content > p {margin-bottom:20px; font-size:15px; }
	.first-customer-container .first-customer-content .cs-center {font-size:12px; }
	.first-customer-tab {margin-bottom:30px; height:auto; overflow:initial;}
	.first-customer-tab > ul {display:block; width:100%;}
	.first-customer-tab > ul > li {display:block;}
	.first-customer-tab > ul > li > i {font-size:15px; }
	.first-customer-tab > ul > li > i:before {content:"\f078"}
	.first-customer-tab > ul > li > a {display:block; width:100%; height:auto; padding:6px 5px 3px; border-width:2px; border-radius:0; font-size:13px; }
	.first-customer-tab > ul > li > a > br {display:none;}
	.first-customer-tab > ul > li.active > a {width:100%; height:auto; padding:8px 5px 5px; border-width:2px; font-size:15px;}
	.first-customer-tab > ul > li > a > p {display:inline; padding-right:5px;}
	.first-customer-tab-container {margin-bottom:30px; padding:20px; border-width:2px;}
	.first-customer-tab-container .tab-content {color:#000; font-size:15px; text-align:left; line-height:1.5;}
	.first-customer-tab-container .button-wrap a + a {margin-left:0;}
}


 /* 공공 민간 팝업*/
.public-private {width:1100px; top:70px; overflow:hidden; margin-left:-600px; padding:4px; background:#194164; background:#4b87d7; border-top-left-radius:10px; border-top-right-radius:10px;}
.public-private.select-public {background-color:#00648c; background-color:#0a91c8;}
/* menu */
.public-private-menu-wrap {position:relative; z-index:0;}
.public-private-menu-wrap:after {display:block; clear:both; content:''}
.public-private-menu-wrap .menu {display:block; float:left; overflow:hidden; margin:0; padding:10px 50px 5px; color:#eee; font-size:21px; font-weight:800; text-decoration:none; font-family:'NanumSquareRoundEB'; border-top-left-radius:10px; border-top-right-radius:10px;}
.public-private-menu-wrap .menu:hover:not(.active) {color:#fcce17; text-shadow:-1px -1px 0px rgba(0,0,0,.5);}
.public-private-menu-wrap .menu > i {display:none;}
.public-private-menu-wrap .menu.active {display:block; float:left; background-color:#fff; color:#194164;
	-webkit-box-shadow:3px 3px 8px rgba(0,0,0,.3);
					box-shadow:3px 3px 8px rgba(0,0,0,.3);}
.public-private-menu-wrap .menu.active > i {display:inline;}
.public-private.select-private .public-private-menu-wrap .menu.active {color:#148cc3!important;}
.public-private-menu-wrap .btn-close{display:block; float:right; margin-right:5px; background:transparent; color:#fff; font-size:35px; line-height:1;}
.public-private-menu-wrap .btn-close:hover{ color:#fcce17;}
/* popup-main-container */
.popup-main-container {display:block; position:relative; overflow:hidden; z-index:5; }
/* content */
.popup-main-container .content{}
.popup-main-container .content:after{display:block; clear:both; content:''}
.popup-main-container .content > div{float:left; height:694px; overflow:hidden; background:#fff;}
.popup-main-container .content.private > div {width:400px;}
.popup-main-container .content.private > div:last-child {float:right; width:calc(100% - 405px); overflow:hidden; padding:0;}
.popup-main-container .content.public > div {width:calc(100% - 355px)}
.popup-main-container .content > div.recruit-list {padding-top:20px;}
.popup-main-container .content > div.recruit-list > ul {overflow-y:auto; height:550px; padding:0 15px;}
.popup-main-container .content > div.seminar-notice {float:right; width:350px;}
.popup-main-container .content > div.seminar-notice .seminar-title {height:60px; background-color:#324664; text-align:center; line-height:60px; }
.popup-main-container .content > div.seminar-notice > ul {height:337px; overflow-y:auto; margin-top:10px; margin-bottom:10px; padding:0 10px 10px; border-bottom:5px solid #0a91c8;}
.popup-main-container .content > div > ul > li + li {margin-top:10px;}
.popup-main-container .content > div > ul > li a{display:block; position:relative; padding:8px 5px 6px 12px; border:1px solid #bbb; border-right-width:30px; background-color:#f7f7f7; color:#666; font-size:13px; font-weight:600; text-decoration:none;}
.popup-main-container .content > div > ul > li a:after{display:block; clear:both; content:''}
.popup-main-container .content > div > ul > li a .t{display:block; width:100%; overflow:hidden; margin-bottom:3px; color:inherit; font-size:15px; font-weight:800; font-family:'NanumSquareRoundEB'; line-height:1.3333; letter-spacing:-0.5px; white-space:nowrap; text-overflow:ellipsis;}
.popup-main-container .content > div > ul > li a .s{display:block; color:#555; font-size:13px;}
.popup-main-container .content > div > ul > li a .c_black{color:#000;}
.popup-main-container .content > div > ul > li a dl{}
.popup-main-container .content > div > ul > li a dt{float:left; margin-right:5px; padding:1px 8px; background:#777; color:#fff; font-size:11px; border-radius:8px; }
.popup-main-container .content > div > ul > li a dd{display:block; overflow:hidden; margin-bottom:2px; letter-spacing:-0.1px; color:inherit; font-size:12px; white-space:nowrap; text-overflow:ellipsis;}
.popup-main-container .content > div > ul > li a i{position:absolute; right:-22px; top:50%; margin-top:-17px; color:#fff; font-size:30px;}
/* content hover */
.popup-main-container .content > div > ul > li a:hover {background-color:#fff; color:#000;}
.popup-main-container .content.private > div > ul > li a:hover{border-color:#3782e6; color:#000;}
.popup-main-container .content.private > div > ul > li a:hover dt{background:#3782e6;}
.popup-main-container .content.public > div > ul > li a:hover{border-color:#00a0d2; color:#000;}
.popup-main-container .content.public > div > ul > li a:hover dt{background:#00a0d2;}
.popup-main-container .content.public > div > ul > li a:hover .c_black{color:#00a0d2;}
/* title */
.popup-main-container .title{margin-bottom:15px; font-size:18px; text-align:center; font-weight:800; font-family:'NanumSquareRoundEB';}
.popup-main-container .title span {display:inline-block; max-width:230px; min-height:45px; padding-top:6px; color:#fff;  text-shadow:1px 1px 1px rgba(0,0,0,.5);}
.popup-main-container .title.private {background:url(../images/main/bg-title-public.jpg) 50% 0 no-repeat; }
.popup-main-container .title.public {background:url(../images/main/bg-title-private.jpg) 50% 0 no-repeat; }
.popup-main-container .content.private > div:last-child {padding:0px; overflow-y:auto;}
.popup-main-container .content.public > div {}
/*** tab-container ***/
.tab-container {width:100%; background-color:#fff;}
.tab-container .tab-button {display:table; width:100%; table-layout:fixed; background-color:#d2d7e1;}
.tab-container .tab-button > a {display:table-cell; width:auto; height:40px; overflow:hidden; padding:4px 3px 0; border-bottom:2px solid #325a87; border-left:1px solid #fff; color:#324155; font-size:15px; font-weight:400; text-align:center; font-family:'NanumSquareRoundR'; text-decoration:none; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; cursor:pointer;  }
.tab-container .tab-button > a:hover {background-color:#ebf0fa; color:#0f4678;}
.tab-container .tab-button > a.active {border:2px solid #325a87; border-bottom-color:#fff; border-top:3px solid #f00; background-color:#fff; color:#00418c; font-size:15px; font-weight:800; font-family:'NanumSquareRoundEB';}
.tab-container .tab-button > a:first-child {border-left:0;}
.tab-container .tab-button > a:last-child {border-right:0;}
.tab-container .tab-button.list3 > a {width:33.33333333%}
.tab-container .tab-button.list4 > a {width:25%}
.tab-container .tab-button.list5 > a {width:20%}
.tab-container .tab-button.list6 > a {width:16.66666666%}
.tab-container .tab-button.list7 > a {width:14.285%;}
.tab-container .tab-button.tab-button-2row > a {height:35px;padding:3px 3px 0; border-bottom:1px solid #fff;}
.tab-container .tab-button.tab-button-2row > a.active {border:0; border-left:1px solid #fff; border-bottom:1px solid #fff; background-color:#f74f3e; color:#fff;}
.tab-container .tab-button.tab-button-2row > a.none-list {background-color:#d2d7e1!important; color:#d2d7e1!important; cursor:default!important;}
/* tab-content */
.tab-container .tab-content {overflow-x:hidden; overflow-y:auto; height:654px; padding:20px 10px; text-align:center;}
.tab-container .tab-button.tab-button-2row + .tab-content {height:624px;}
.tab-container .tab-content > div {display:none;}
.tab-container .tab-content > div > img {}
.tab-container .tab-content > div.active {display:block;}


/* accordion */
.accordion-wrap {height:654px; overflow-y:auto; padding:30px 10px;}
.accordion-wrap:after{display:block; clear:both; content:''}
.accordion-wrap .accordion-list {position:relative; display:block;width:674px; margin-left:auto; margin-right:auto; border:2px solid #333;}
.accordion-wrap .accordion-list + .accordion-list {margin-top:25px;}
.accordion-wrap .accordion-list .accordion-title {display:block; position:relative; overflow:hidden; cursor:pointer;}
.accordion-wrap .accordion-list .accordion-title:hover:after {display:block; position:absolute; left:0; top:0; bottom:0; right:0; width:100%; height:100%; background-color:rgba(75,95,110,.8); background-image:cover; color:#fff; font-size:30px; font-weight:800; font-family:'NanumSquareRoundEB'; text-align:center; line-height:125px; content:'클릭하여 이벤트 상세보기!'; text-shadow:1px 1px 0 rgba(0,0,0,.8);}
.accordion-wrap .accordion-list .accordion-content {display:none; padding:20px 15px; border-top-width:2px; border-style:solid; border-color:inherit; background-color:#fff; text-align:center;}
.accordion-wrap .accordion-list.active .accordion-title {border-bottom-left-radius:0; border-bottom-right-radius:0; }
.accordion-wrap .accordion-list.active .accordion-title:hover:after {display:none;}
.accordion-wrap .accordion-list.active .accordion-content {display:block;}
.accordion-wrap .accordion-list.list-soge {border-color:#14559b; background-color:#14559b}
.accordion-wrap .accordion-list.list-soge .accordion-title:hover:after {background-color:rgba(15,70,130,.9)}
.accordion-wrap .accordion-list.list-tcb {border-color:#374b5f; background-color:#374b5f}
.accordion-wrap .accordion-list.list-tcb .accordion-title:hover:after {background-color:rgba(55,75,95,.9)}
.accordion-wrap .accordion-list.list-niceinfo {border-color:#1e8caa; background-color:#1e8caa}
.accordion-wrap .accordion-list.list-niceinfo .accordion-title:hover:after {background-color:rgba(30,140,170,.9)}
.accordion-wrap .accordion-list.list-hyundai .accordion-title:hover:after {content:'클릭하여 내용 상세보기!';}
.accordion-wrap .accordion-list.list-hyundai {border-color:#4b6b9c; background-color:#4b6b9c}
.accordion-wrap .accordion-list.list-hyundai .accordion-title:hover:after {background-color:rgba(70,100,150,.9)}
.accordion-wrap .accordion-list.list-hyundai .hyundai-warning-text {color:#666; font-size:11px; text-align:left; font-family:'NanumSquareRound'; word-break:keep-all;}
.accordion-wrap .accordion-list.list-none {border-color:#1e8caa; background-color:#1e8caa}
.accordion-wrap .accordion-list.list-none .accordion-title:hover:after {display:none;}

.accordion-wrap .accordion-list.list-duns {border-color:#004f71; background-color:rgba(0,79,113,.9)}
.accordion-wrap .accordion-list.list-duns .accordion-title:hover:after {content:'신청 및 내용보기';}

.accordion-wrap .accordion-list.list-kdata .accordion-title:hover:after {background-color:rgba(98,156,54,.9)}

.accordion-wrap .accordion-list.list-kdata .accordion-title:hover:after {content:'신청 바로가기';}

.accordion-wrap .accordion-list.list-kdata.active .accordion-title:hover:after {display:block; content:'신청 바로가기';}

/* event-label */
.accordion-wrap .accordion-list.event-label-red:after {position:absolute; z-index:5; top:-9px; left:-7px; width:121px; height:105px; content:''; background:url(../images/main/popup-event-label-red.png) 0 0 no-repeat;}
.accordion-wrap .accordion-list.event-label-blue:after {position:absolute; z-index:5; top:-9px; left:-7px; width:121px; height:105px; content:''; background:url(../images/main/popup-event-label-blue.png) 0 0 no-repeat;}
/* public-banner-wrap */
.public-banner-wrap {width:100%; padding:0 10px; text-align:left; overflow-y: auto;}
.public-banner-wrap > a {display:block; position:relative; overflow:hidden; height:60px; border:1px solid #41c3d7; background-color:#fff;}
.public-banner-wrap > a + a {margin-top:8px}
.public-banner-wrap > a > p {position:absolute; right:0; top:0; width:54px; height:60px; background-color:#41c3d7; padding-top:12px; padding-left:10px;}
.public-banner-wrap > a:hover {border-width:2px; border-color:#006e96;
-webkit-box-shadow:1px 2px 3px rgba(0,0,0,.2);
				box-shadow:1px 2px 3px rgba(0,0,0,.2);}
.public-banner-wrap > a:hover > p {background-color:#006e96;}


/*** Event ***/
/* notice-tcb-event */
.notice-tcb-event {text-align:left; word-break:keep-all;}
.notice-tcb-event .main-title {padding:10px 5px; background-color:#0a4b64; color:#fff; font-size:21px; font-weight:800; text-align:center; font-family:'NanumSquareRoundEB'; text-shadow:1px 1px 1px rgba(0,0,0,.5);}
.notice-tcb-event .main-title > span {color:#fabc02;}
.notice-tcb-event .tcb-event-content {padding:10px 10px; color:#333; font-size:13px;}
.notice-tcb-event .tcb-event-content > p {line-height:1.2;}
.notice-tcb-event .tcb-event-content > p > span {color:#00a0d2; font-weight:800; font-family:'NanumSquareRoundEB';}
.notice-tcb-event .tcb-event-content .text-box {margin-bottom:10px; padding:10px; border:1px solid #00a0d2; background-color:#f5feff; color:#194150; font-size:13px; font-weight:800; font-family:'NanumSquareRoundEB'; line-height:1.2;}
.notice-tcb-event .tcb-event-content .notice-title {clear:both; padding-left:18px; background:url(../images/main/bullet-notice-title.png) 0 2px no-repeat; color:#222; font-size:18px; font-weight:800; font-family:'NanumSquareRoundEB'; line-height:1.2;}
.notice-tcb-event .tcb-event-content dl {margin-bottom:2px;}
.notice-tcb-event .tcb-event-content dl > dt {padding:5px 10px 3px; background-color:#0a4b64; color:#fff; font-size:18px; font-weight:800; text-align:center; font-family:'NanumSquareRoundEB'; text-shadow:1px 1px 1px rgba(0,0,0,.5);}
.notice-tcb-event .tcb-event-content dl > dt > span {color:#fabc02;}
.notice-tcb-event .tcb-event-content dl > dd {width:100%;}
.notice-tcb-event .tcb-event-content dl > dd:after{display:block; clear:both; content:''}
.notice-tcb-event .tcb-event-content dl > dd > div {display:table;}
.notice-tcb-event .tcb-event-content dl > dd > div:first-child {float:left; width:40%; border-bottom:3px solid #737d90; border-top:3px solid #fff;}
.notice-tcb-event .tcb-event-content dl > dd > div:last-child {float:right; width:60%; padding-left:22px; border:3px solid #ff2d00; background:#f0f0f0 url(../images/main/bullet-event-commission.png) -8px 50% no-repeat;}
.notice-tcb-event .tcb-event-content dl > dd > div > p {display:table-row; vertical-align:middle;}
.notice-tcb-event .tcb-event-content dl > dd > div > p > span {display:table-cell; height:36px; font-size:13px; font-weight:800; text-align:center; line-height:1.1; font-family:'NanumSquareRoundEB'; vertical-align:middle;}
.notice-tcb-event .tcb-event-content dl > dd > div > p > span > i {color:#9e0b0f; font-size:18px; line-height:1;}
.notice-tcb-event .tcb-event-content dl > dd > div > p:last-child > span {border-top:1px solid #898989; font-size:15px; }
.notice-tcb-event .tcb-event-content dl > dd > div:last-child > p:last-child > span {color:#f00;}
.notice-tcb-event .tcb-event-content ul {}
.notice-tcb-event .tcb-event-content ul > li {margin-bottom:1px;  font-size:12px; line-height:1.2;}
.notice-tcb-event .tcb-event-content .cs-center {padding:13px 15px 13px 65px; border:1px solid #e0e0e0; background:#f1f1f1 url(../images/main/bullet-cs-center.png) 30px 50% no-repeat; color:#444; font-size:15px; font-weight:800; font-family:'NanumSquareRoundEB'; }
.notice-tcb-event .tcb-event-content .cs-center > span {color:#0064be; font-size:18px;}
.notice-tcb-event .btn-link-tcb-reqest {display:inline-block; padding:8px 30px; border:1px solid #00376e; background-color:#00648c; color:#fff; font-size:16px; font-weight:600; font-family:'NanumSquareRoundB'; text-decoration:none; vertical-align:middle; cursor:pointer; text-shadow:1px 1px 1px rgba(0,0,0,.5);
	-webkit-box-shadow:inset 1px 1px 0px rgba(255,255,255,.5);
				box-shadow:inset 1px 1px 0px rgba(255,255,255,.5);}
.notice-tcb-event .btn-link-tcb-reqest:hover {background-color:#005a7d; color:#fabc02;}
.notice-tcb-event .btn-link-tcb-reqest:active {background-color:#005a7d; color:#fabc02;
	-webkit-box-shadow:inset 3px 3px 5px rgba(0,0,0,.3);
					box-shadow:inset 3px 3px 5px rgba(0,0,0,.3);}

@media screen and (max-width:768px) {
	.public-private-menu-wrap .menu {padding:10px 40px 5px;}
	.public-private {width:100%; top:0px; left:0; margin-left:0; padding:10px; background:#194164; background:#4b87d7; border-radius:0;}
	.popup-main-container .content > div {float:none!important; width:100%!important; height:auto; overflow:initial; padding-bottom:15px;}
	.popup-main-container .content > div.recruit-list > ul,
	.popup-main-container .content > div.seminar-notice > ul {height:auto;}
	.accordion-wrap,
	.tab-container .tab-content {height:auto; overflow-x:auto;}

	/* tcb-event-content */
	.notice-tcb-event .main-title {margin-bottom:5px; font-size:18px;}
	.notice-tcb-event .tcb-event-content {padding:10px 0;}
	.notice-tcb-event .tcb-event-content dl > dd > div > p > span {font-size:12px; word-break:break-all;}
	.notice-tcb-event .tcb-event-content dl > dd > div > p > span {height:52px;}
	.notice-tcb-event .tcb-event-content dl > dd > div:first-child {width:45%;}
	.notice-tcb-event .tcb-event-content dl > dd > div:last-child {width:55%;}
}



/* ############## 제휴사 ############### */

.newsys-container .header-container .content {padding-right:0 !important; overflow:visible;}

.affiliate-container .sidebar .quick-menu-banner {height: auto;}
.affiliate-container .sidebar .quick-menu-banner > div > div {margin-bottom: 3px;}
.affiliate-container .sidebar .quick-menu-banner img {width:100%;}
.affiliate-container .header-container .content .header-logo a:first-child:after {content: ''; display: inline-block;width:1px; height: 40px; background: #cecece; margin:0 10px 0 0; vertical-align: middle;}
.affiliate-container .header-container .content .header-logo a,
.affiliate-container .header-container .content .header-logo img {vertical-align:middle;}
.affiliate-container .header-container .content .header-logo a:first-child img {max-width:190px;}
.affiliate-container .header-container .content .header-logo a:last-child {line-height:40px;}
.affiliate-container .header-container .content .header-logo a:last-child img {width:170px;}
.affiliate-container .contentBox .btn-area {position: absolute; bottom: 0; left: 351px;}
.contentBox .btn-area .btn_case4,.contentBox .btn-area .btn_case5{ width: 300px; height: 83px; line-height: 1; }
.contentBox .btn-area .btn_case4 { border-color: #d1c1ba;  color: #c34e20;  background: url(../images/main/icon_service.png) 250px 20px no-repeat #fafafa;}
.contentBox .btn-area .btn_case5 {margin-left: 49px; border-color: #adbfd3; color: #225fa2; background: url(../images/main/icon_service.png) 223px -54px no-repeat #f8fbff;}
.affiliate-container .contentBox .btn-area strong {font-family: 'NanumSquareRoundR'; display: block;  padding-top: 20px; font-weight: normal;}
.affiliate-container .contentBox .btn-area a {font-family: 'NanumGothicBold'; display: inline-block ;font-size: 13px; font-weight: 600; color: #666; padding: 10px 5px 0 0 ;}
.affiliate-container .contentBox .btn-area a i {padding-left: 3px; color: #a9a9a9;}

.affiliate-container .slider-nav li a {display: none; font-family: 'NanumSquareRoundB';  color: #fff; border: 1px solid #fff;  border-radius: 20px;padding: 1px 13px 1px 10px; margin-right: 5px; transition: all  0.2s ease;}
.affiliate-container .slider-nav li a:hover {background: #fff; color: #f86f00; text-decoration: none;}
.affiliate-container .slider-nav li a i {font-size: 15px; padding-left: 7px; font-style: normal;}
.affiliate-container .slider-nav li span {display: block; width: 120px; word-break: keep-all;}
.affiliate-container .slider-nav li span i {opacity: 1;}
.affiliate-container .slider-nav li:hover {background: url(../images/main/banner_menu2.png) right 0 no-repeat; height: 95px; background-color: transparent !important;}
.affiliate-container .slider-nav li:hover > div {display: block;  padding-top: 18px;}
.affiliate-container .slider-nav li:hover span {width: 100%; padding-bottom: 14px;}
.affiliate-container .slider-nav li:hover span i {opacity: 0;}
.affiliate-container .slider-nav li:hover a {display: inline-block; }

.affiliate-container .slider-nav li.active {background-position: 0 0; height: 71px;}
.affiliate-container .slider-nav li:hover {height:95px;}
.affiliate-container .slider-nav li.active > div {display: block; padding-left: 20px; padding-top: 18px;}
.affiliate-container .slider-nav .b2.active {background-position: 0 0; }

/* ############## 제휴사 ############### */


/* ############## media queries ############### */


@media screen and (max-width: 1180px) {
	.main-container {padding-right: 0; width: 1000px;}
	.sidebar {position: absolute; right: -170px;}
}



/* Responsive styles */
@media screen and (max-width: 768px) {
	a:hover {text-decoration: none !important;}
	/* img {width: 100%;} */

	.pc, hr {display: none !important}
	.mobile {display: block !important}


	.main-container {width: 100%; background-size: 100%; padding-right: 0;}
	.newsys-container .header-container .content { padding: 1.1rem !important; }
	.header-mobile-logo { display: block !important; width: 225px; height: 27px; float: left; }
	.gnb-mobil-icon {margin-top: 0 !important; width: 24px; height: 24px;}
	.mobile-top-area ul li { position: relative;  margin-bottom: 1px; padding-left: 13px; }
	.mobile-top-area ul li a { font-family: 'NanumSquareRoundB'; color: #fff; display: block; height: 50px; line-height: 50px; font-size: 17px; padding-left: 11px;}
	.mobile-top-area ul li i {position: absolute; right: 14px; font-size: 17px; top: 50%; margin-top: -9px;}
	.mobile-top-area .mm1 {background: #00628b;}
	.mobile-top-area .mm1 a {background: #0081b7;}
	.mobile-top-area .mm2 {background: #004682;}
	.mobile-top-area .mm2 a {background: #005cab;}
	.mobile-top-area .mm3 {background: #006132;}
	.mobile-top-area .mm3 a {background: #008042;}
	.mobile-top-area .mm4 {background: #4a4a4a;}
	.mobile-top-area .mm4 a {background: #616161;}

	.btn-first { font-family: 'NanumSquareRoundR'; display: block; margin: 8px auto; min-width: 275px; width: 80%; height: 40px; font-size: 17px; letter-spacing: -0.5px; background: #32577e; border-radius: 40px;}
	.btn-first:after {background: url(../images/main/dot_arrow.png) 0 0 no-repeat; background-size:contain ;border: none;  width: 20px; height: 34px; left: -6px; top: 5px;}
	button.btn-first:hover {background: #32577e}
	.evaluation{ background: #a9dae1; height:auto; padding: 25px 13px 20px 13px; }
	.evaluation h3 {font-family: 'NanumSquareRoundB' !important; position: relative; text-align: center; font-size: 17px; top:0;}
	.evaluation .process {float: none;}
	.evaluation .process li {float: none;  background: #fff; margin: 5px 0; border-radius: 10px; padding: 6px 12px; transition: none;}
	.evaluation .process li:hover { background-color: #fff; padding: 6px 12px;}
	.evaluation .process li a { height: 42px; line-height: 	42px; padding-left: 58px; background: url(../images/main/icon_process_m.png) 0 0 no-repeat; background-size: 42px;}
	.evaluation .process li a:hover {color: #555;}
	.evaluation .process .b a {background-position: 0 -59px;}
	.evaluation .process .c a {background-position: 0 -120px;}
	.evaluation .process .d a {background-position: 0 -180px;}
	.evaluation .process .e a {background-position: 0 -240px;}
	.contentBox {padding: 0;}
	.contentBox .btn-area {padding: 0 13px 25px 13px; margin-top: 25px;  border-bottom: 8px solid #ccc;}
	.contentBox .btn-more {right: 13px;}
	.contentBox .btn-area .btn_case1,.contentBox .btn-area .btn_case2, .contentBox .btn-area .btn_case3 { display: block; float:none; margin: 0 0 5px 0 !important; width: 100%; height: 40px; line-height: 40px; font-size: 15px; background: url(../images/main/icon_btn_m.png) 97% 9px no-repeat #f8fbff; background-size: 27px; }
	.contentBox .btn-area .btn_case2 {    background-position: 97% -32px;}
	.contentBox .btn-area .btn_case3 {    background-position: 97% -74px;}
	.contentBox > .content > .of-h > div {float: none; margin-left: 0; width: 100%; min-height: auto;}
	.contentBox > .content > .of-h > div ul li {line-height: 22px}
	.contentBox > .content > .of-h > div ul li a {max-width: 100%; font-size: 11px;}
	.contentBox .content h3 {font-size: 15px; padding-bottom: 8px;}
	.contentBox .content h3 span {padding-bottom: 6px;}
	.contentBox .notic {min-height: auto; padding:0 13px; margin-top: 25px;}
	.contentBox .managementTip,.contentBox .recruitment {padding:0 13px; margin-top: 20px;}
	.contentBox .recruitment {border-bottom: 8px solid #ccc; padding-bottom: 20px;}
	.contentBox .addition {padding:25px 13px; border-bottom: 8px solid #ccc;}
	.contentBox .addition > div > a {width: 100%; background-position: 93% 9px; font-size: 13px;}
	.contentBox .addition > div > a:hover {background-position: 93% -21px; }
	.contentBox .addition .btn-prev, .contentBox .addition .btn-next {top: 20px; }
	.contentBox .addition .btn-prev {right: 47px;}
	.contentBox .addition .btn-next {right: 13px;}

	.newsys-container .footer-container .conpany-banner-box {display: block;}
	/* .newsys-container .footer-container .company-banner-box img {width : auto;} */

	/* ################제휴사################ */
	.affiliate-container .contentBox .managementTip {padding-bottom: 25px; border-bottom: 8px solid #ccc;}
	.affiliate-container .contentBox .btn-area {position: relative; left: 0;}
	.contentBox .btn-area .btn_case4, .contentBox .btn-area .btn_case5 {width: 100%;  height: 68px;}
	.contentBox .btn-area .btn_case4 {background: url(../images/main/icon_service_m.png)  97%  15px no-repeat #fafafa;  background-size: 43px; margin-bottom: 8px;}
	.contentBox .btn-area .btn_case5 {margin-left: 0; background: url(../images/main/icon_service_m.png) 97% -66px no-repeat #f8fbff; background-size: 43px }
	.affiliate-container .contentBox .btn-area strong {font-size: 15px; padding-top: 15px;}
	.affiliate-container .contentBox .btn-area a {font-size: 12px; font-weight: normal;}

}

/*** data-voucher ***/
/* data-voucher-wrap */
.data-voucher-container {position:absolute; top:70px; left:50%; z-index:109; width:260px; overflow:hidden; margin-left:390px; padding:4px; border-top-left-radius:10px; border-top-right-radius:10px; background:#4b87d7; background:#0a91c8; background:#9bafc8;}
.data-voucher-close-wrap {height:45px;}
.data-voucher-close-wrap:after {display:block; clear:both; content:''}
.data-voucher-close-wrap .data-voucher-close {display:block; float:right; margin-right:5px; background:transparent; color:#fff; font-size:35px; line-height:1;}
.data-voucher-close-wrap .data-voucher-close:hover{ color:#fcce17;}
/* data-voucher-btn */
.data-voucher-link {height:53px; padding-top:10px; text-align:center;}
.data-voucher-link .data-voucher-btn {display:inline-block; padding:6px 30px; border:1px solid #003c78; border-radius:30px; background-color:#0050aa; color:#fff; font-size:18px; font-weight:900; text-align:center;}
.data-voucher-link .data-voucher-btn:hover {border-color:#003c78; background-color:#003c78; color:#ffb400; text-decoration:none!important}
.data-voucher-container > .data-voucher-content {height:641px; padding:5px; background:#fff;}
.data-voucher-container > .data-voucher-content:after {display:block; clear:both; content:''}
/* title */
.data-voucher-title {height:64px; margin-bottom:10px; padding-top:10px; background-color:#143c64; color:#fff; font-size:18px; font-weight:900; text-align:center; line-height:22px; letter-spacing:-0.5px; word-spacing:-0.5px; text-shadow:2px 2px 0 #000;}
.data-voucher-wrap {}
/* dt */
.data-voucher-wrap > dt {padding:10px 0 8px; color:#fff; font-size:14px; text-align:center; word-break:keep-all; line-height:18px;}
.data-voucher-wrap > dt > p {margin-bottom:5px; font-size:18px; font-weight:900; text-align:center; word-break:keep-all; }
/* dd */
.data-voucher-wrap > dd {padding:8px 5px 5px; border:2px solid; font-size:12px; letter-spacing:-0.5px; word-spacing:-0.5px;}
.data-voucher-wrap > dd > div {padding:3px 5px; font-size:13px; font-weight:600; }
.data-voucher-wrap > dd > p {margin-bottom:5px; padding:3px 5px; font-size:inherit;}
.data-voucher-wrap > dd > ul {padding:5px;}
.data-voucher-wrap > dd > ul > li {font-size:12px;}
.data-voucher-wrap > dd > ul > li + li {margin-top:2px;}
.data-voucher-wrap > dd > ul > li > font {font-weight:900;}
/*** data-voucher color ***/
/* above */
.data-voucher-above {margin-bottom:10px;}
.data-voucher-above > dt {background-color:#00648c; color:#fff}
.data-voucher-above > dt > p > font {color:#ffcd00}
.data-voucher-above > dt > font {color:#00ffff}
.data-voucher-above > dd {border-color:#00648c}
.data-voucher-above > dd > div {background-color:#c3dce1; color:#003952}
.data-voucher-above > dd > ul > li > font {color:#19a0c8}
/* under */
.data-voucher-under {}
.data-voucher-under > dt {background-color:#004696; color:#fff}
.data-voucher-under > dt > p > font {color:#00ff00}
.data-voucher-under > dt > font {color:#00ffff}
.data-voucher-under > dd {border-color:#004696}
.data-voucher-under > dd > div {background-color:#c3d2e1; color:#002650;}
.data-voucher-under > dd > ul > li > font {color:#0032b4;}

    a.popup-info {
      display: block;
      border: 1px solid #f17960;
      background-color: #fff;
      height: 135px;

    }
    a.popup-info:hover {
      border-width: 2px;
      border-color: #006e96;
      -webkit-box-shadow: 1px 2px 3px rgb(0 0 0 / 20%);
      box-shadow: 1px 2px 3px rgb(0 0 0 / 20%);
      text-decoration: none;
    }
    .service-info .info-tlt {
      position: relative;
      padding: 5px 12px;
      color: #fff;
      background-color: #f17960;
      font-size: 18px;
      font-weight: bold;
      letter-spacing: -1px;
    }
    .service-info .info-tlt span{
      display: block;
      font-size: 14px;
      font-weight: normal;
    }

    .service-info .info-tlt::after{
      content: '';
      position: absolute;
      right: 10px;
      top: 9px;
      display: inline-block;
      width: 35px;
      height: 35px;
      background: url(/images/main/popup-public-banner-arrow.png);

    }

    .service-info:hover .info-tlt {
		    background-color: #006e96;
	}

    .info-img{
      text-align: center;
      padding: 7px;
    }
    
    /* 팝업 더보기 버튼 추가 */
    .gogobtn{display: block;padding: 10px 5px;color: #000;text-align: center;font-size: 21px;font-weight: bold;cursor: pointer;background: #4b87d7;margin: 8px;border-radius: 5px;color: #fff;}
.gogobtn:focus,
.gogobtn:hover{text-decoration: none;background: #4076bd;color:#fff}

/* 입찰공고 TAB 추가 */
.recruitment .new_Tab_box{display:flex; justify-content:flex-start; align-items:center;}

.recruitment .new_Tab_box h3{width:50%; display:flex; align-items:stretch; justify-content:space-between; padding-bottom:0; font-size:15px;}
.recruitment .new_Tab_box h3 + h3{margin-left:10px;}

.recruitment .new_Tab_box h3 span{padding-bottom:12px; cursor:pointer;}
.recruitment .new_Tab_box h3 a{position:relative; top:0; font-size:25px;}