@charset "utf-8";
@import url("board.css");

/*body {background: #e7e7e7;}*/
.wrapper {position: relative; min-width: 320px;}
.header {/*background: #fff;*/background: url('../images/top_bg_on.png') repeat-x;}
.header-wrap {height: 75px !important;}
#container {display: block; width: 100%; max-width: 1260px; margin: 0 auto;}

.logo {width: 178px; padding: 27px 15px;}
.logo img {width: 100%;}
.util .top_icon1  { background:url('../img/top_icon1.png') no-repeat center left; padding-left:22px; margin-left:22px; }

.top-dday { background-color: #666; border-radius: 5px; color: #fff; margin-top: 8px; width: 260px; }
.top-dday h3 { padding: 4px; text-align: center; }

@media screen and (min-width:768px){
    .header-wrap {height: 75px !important;}
    .logo {width: 320px; padding: 22px 20px;}
    .logo.gnb {width: 230px; padding: 27px 20px;}
}

@media screen and (min-width:1024px){
    /*body {background: #fff;}*/
    /*2019.12.17 수정*/
    .header {position: absolute; left: 0; top: 0; width: 100%; z-index: 22;}
    .header-wrap {position: relative; overflow: hidden; height: 121px !important; transition: all 0.3s; background: #fff; }
    /*.header-wrap.on { height: 500px !important; background: url('../images/top_bg_on.png') repeat-x; }*/
    .header-wrap.on { height: 400px !important; background-color: #fff; }
    .header-wrap.on:before {content: ''; position: absolute; left: 0; top: 121px; width: 100%; height: 1px; background: #ff8601;}
    #container {background-size: inherit;}
    .label {position: absolute; left: -70px; top: 360px; transform: rotate(-90deg); color: #888;}
    .label:before {content: ''; position: absolute; left: -77px; bottom: -52px; width: 1px; height: 130px; background: #e6e6e6; transform: rotate(-90deg);}
    .webshow {display: block;}
    .top-header {background: #fff; overflow: hidden;}
    .util {overflow: hidden; max-width:100%; margin: 0 auto; padding: 0 10px;}
    .util>ul {float: right; line-height:48px; font-size:12px;}
    .util>ul>li {float: left; padding-left:20px; position: relative;}
    .util>ul>li:before {content: ':'; position: absolute; left:15px; color:#222; }    
    .util>ul>li:first-child:before {display: none;}
    .util>ul>li>a {color:#222; display: block; font-weight:300; }
    .header-logo {display: inline-block; width: 20%;}
    .logo {padding: 0; width:19.5%; position:absolute; left:10px; top:20px; transform: translateY(-35%);}
}
@media (min-width:769px) and (max-width:1024px){
	.util {overflow: hidden; max-width:1024px; margin: 0 auto; padding: 0 8px;}
    .util>ul {float: right; line-height:40px; font-size:12px;}
    .util>ul>li {float: left; padding-left:25px; position: relative;}
    .util>ul>li:before {content: ':'; position: absolute; left:15px; color:#222; }    
    .util>ul>li:first-child:before {display: none;}
    .util>ul>li>a {color:#222; display: block; font-weight:300; }
}

@media (min-width:1025px) and (max-width:1200px){
	.util {overflow: hidden; max-width:1180px; margin: 0 auto; padding: 0 10px;}
    .util>ul {float: right; line-height:48px; font-size:13px;}
    .util>ul>li {float: left; padding-left:25px; position: relative;}
    .util>ul>li:before {content: ':'; position: absolute; left:15px; color:#222; }    
    .util>ul>li:first-child:before {display: none;}
    .util>ul>li>a {color:#222; display: block; font-weight:300; }
}	

@media screen and (min-width:1200px){
	.util {overflow: hidden; max-width: 1260px; margin: 0 auto; padding: 0 10px;}
    .util>ul {float: right; line-height:48px; font-size:14px;}
    .util>ul>li {float: left; padding-left: 30px; position: relative;}
    .util>ul>li:before {content: ':'; position: absolute; left:15px; color:#222; }    
    .util>ul>li:first-child:before {display: none;}
    .util>ul>li>a {color:#222; display: block; font-weight:300; }
}

/* m gnb start */
/*2019.12.17 수정*/
.header-gnb {z-index: 22; display: none; position: fixed; top: 0; right: -100%; width:85%; background: #454a50; overflow-y:auto;}
.gnb-btn-open {
    width: 24px;
    height: 19px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.gnb-btn-open span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #f36e21;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.gnb-btn-open {right: 15px;position: absolute; top: 27px; z-index: 19;}

.gnb-btn-open span:nth-child(1) {
    top: 0;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.gnb-btn-open span:nth-child(2) {
    top: 8px;
    width: 16px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.gnb-btn-open span:nth-child(3) {
    top: 16px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
.gnb-btn-open.active span {background: #000;}
.gnb-btn-open.active span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -1px;
    left: 2px;
}

.gnb-btn-open.active span:nth-child(2) {
    width: 0%;
    opacity: 0;
}

.gnb-btn-open.active span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 16px;
    left: 2px;
}

/*닫힘 버튼*/
.gnb-btn-close {position: absolute; right: 15px; top: 27px; z-index: 21; width: 24px; height: 19px; cursor: pointer;}
.gnb-btn-close span {display: block; position: absolute; top: 8px; height: 3px; width: 100%; background: #000; transform: rotate(45deg);}
.gnb-btn-close span:nth-child(2) {transform: rotate(-45deg);}

.gnb-top {background: #fff;}
.gnb-top>ul {overflow: hidden; border-top: 1px solid #d4d8de;}
.gnb-top>ul>li {float: left; width: 50%; box-sizing: border-box; text-align: center; border-right: 1px solid #d4d8de;}
.gnb-top>ul>li:nth-child(2) {border-right: none;}
.gnb-top>ul>li>a {display: block; padding: 14px 0; color: #252525;}
.gnb-inner {padding-bottom: 110px;}
.gnb>li {border-bottom: 1px solid #52575d;}
.gnb>li>a {display: block; font-size: 16px; color: #fff; padding: 14px 15px; background: #454a50; position: relative; }
.gnb>li>a:after {position: absolute; content: ''; right: 15px; top: 50%; margin-top: -7px; width: 14px; height: 14px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg);}
.gnb>li.active>a {background-color: #ee8800; color:#000; }
.gnb>li.active>a:after {transform: rotate(135deg); margin-top: -10px;}

.gnb .dep2n {background: transparent; display: none;}
.gnb .dep2n>ul>li {border-bottom: 1px solid #52575d;}
.gnb .dep2n>ul>li:last-child {border-bottom: none;}
.gnb .dep2n>ul>li>a { color: #eee; padding: 4.5px 0px; display: block; width:90%; margin:0 auto; font-size: 0.9em; }

@media screen and (min-width:768px){
    .gnb-btn {top: 30px;}
    .header-gnb {width: 330px;}    
}


@media screen and (min-width:1024px){
    .webhide {display: none;}
    .bottom-header {max-width: 1260px; margin: 0 auto; padding: 0 10px; height: 86px; position: relative;}
    .header-gnb {overflow-y: inherit; display: inline-block !important; position: inherit; right: 0 !important; width: 80%; background: transparent; float: right; letter-spacing: -1px; word-break: keep-all;}
    .gnb-inner {padding-bottom: 0; position: relative; float:right; }
    .gnb {float: right; position: relative; width: 100%; margin: 0 auto; text-align: center; }
    .gnb>li {float: left; box-sizing: border-box; text-align: center; border: none; padding: 0px 4px; max-width:177px;}
    .gnb>li>a {font-size: 15px; color:#222; background:#fff; transition: all 0.2s; font-weight:500; }
    /*.gnb>li>a.active:after {content: ''; position: absolute; bottom: 0; left: 0; top: auto; transform: rotate(0); width: 100%; height: 3px; background: #ff8601; display: block;}*/
    .gnb>li>a.active { background-color: #fff; font-weight: normal; color: #ff8601; position: relative;}
    .gnb>li>a:after {display: none;}
    .gnb>li:first-child {padding-left: 0;}
    .gnb>li:last-child {padding-right: 0;}
    
    .gnb>li:nth-child(1){max-width:150px !important;}
    .gnb>li:nth-child(2){max-width:200px !important;}
    .gnb>li:nth-child(3){max-width:150px !important;}

	/* 개별 dropdown menu - 2022.02.04 */
	/*    
	.gnb>li .dep2 { margin-top:20px; display:none; }
	.gnb>li .dep2 ul.menu, .gnb>li .dep2 ul.menu li{display:block;}
	.gnb>li .dep2 ul.menu li{ width:170px; padding:4px 0px; border: 1px solid #ccc; text-align: center; }
	.gnb>li .dep2 ul.menu li { border-bottom: none; }
	.gnb>li .dep2 ul.menu li:last-child{ border-bottom: 1px solid #ccc; }
	.gnb>li .dep2 ul.menu li a{display:block;width:100%;height:100%; text-decoration:none;}
	.gnb>li .dep2 ul.menu li a:hover{ color: #ff8601; }
	.gnb>li .dep2 ul.menu li ul.sub{position:absolute;left:0;}
	.gnb>li .dep2 ul.menu{zoom:1;}
	.gnb>li .dep2 ul.menu:after{height:0;visibility:hidden;content:".";display:block;clear:both;}   	
    .gnb-wrap .bar {position: absolute; left:0; top:73px; margin-left:20px; width: auto; height:3px; background:#ff8601; display: none; padding: 0;}
	*/
	
	/* 전체 일괄 dropdown menu - 2022.02.11 */	
	.gnb li .dep2n { margin-top:30px; display: inline-block !important;}
	.gnb li .dep2n ul.menu, .gnb>li .dep2 ul.menu li{display:block;}
	.gnb li .dep2n ul.menu li{ width:150px; padding:0px 5px; text-align: left;}
	.gnb li .dep2n ul.menu li { border-bottom: none; }	
 	.gnb li .dep2n ul.menu li a{display:block;height:100%;text-decoration:none;color:#222; font-size:14.5px;}
 	.gnb li:nth-child(1) .dep2n ul.menu li a {padding-left:50px;}
 	.gnb li:nth-child(2) .dep2n ul.menu li a {padding-left:5px;}
 	.gnb li:nth-child(3) .dep2n ul.menu li a {padding-left:45px;}
 	.gnb li:nth-child(4) .dep2n ul.menu li a {padding-left:10px;}
 	.gnb li:nth-child(5) .dep2n ul.menu li a {padding-left:35px;}
 	.gnb li:nth-child(6) .dep2n ul.menu li a {padding-left:20px;}
	.gnb li .dep2n ul.menu li a:hover{ color: #ff8601; }
	.gnb li .dep2n ul.menu li ul.sub{position:absolute;left:0;}
	.gnb li .dep2n ul.menu{zoom:1;}
	.gnb li .dep2n ul.menu:after{height:0;visibility:hidden;content:".";display:block;clear:both;}   	
    .gnb-wrap .bar {position: absolute; left:0; top:73px; margin-left:20px; width: auto; height:3px; background:#ff8601; display: none; padding: 0;}
}

@media (max-width:760px) {
	.gnb-top>ul>li:nth-child(1) {display: none;}
	.gnb-top>ul>li:nth-child(2),.gnb-top>ul>li:nth-child(3) {border-right: 1px solid #d4d8de; border-bottom: 1px solid #d4d8de; }  
}
@media (min-width:769px) and (max-width:900px) {
	.gnb-top>ul>li:nth-child(1) {display: none;}
	.gnb-top>ul>li:nth-child(2),.gnb-top>ul>li:nth-child(3) {border-right: 1px solid #d4d8de; border-bottom: 1px solid #d4d8de; }
	
	.gnb>li { box-sizing: border-box; text-align:left; border: none; padding:0 4px;}
    .gnb > li > a { font-size:15px;line-height:15px;}
   
}



@media (min-width:900px) and (max-width:1024px) {
	.gnb-top>ul>li:nth-child(1) {display: none;}
	.gnb-top>ul>li:nth-child(2),.gnb-top>ul>li:nth-child(3) {border-right: 1px solid #d4d8de; border-bottom: 1px solid #d4d8de; }
	
	.gnb>li {float: left; box-sizing: border-box; text-align: center; border: none; padding:0 4px;}
    .gnb > li > a { font-size:15px;line-height:15px;}
   
}


@media (max-width:1024px) and (min-width:1200px) {
   .gnb > li > a { font-size: 16px;line-height:16px;}
   
}

@media screen and (min-width:1200px){
	.gnb-inner {padding-bottom: 0; position: relative; float:right; }
    .gnb {float: right;}
    .gnb>li {float: left; box-sizing: border-box; text-align: center; border: none; padding: 0 4px;}
    .gnb>li>a {font-size: 18px; color:#222; background:#fff; /*line-height:18px;*/ transition: all 0.2s; font-weight:500; }
    
    .gnb>li {}
    .dep2-tit {width: 260px;}
    .gnb>li .dep2>ul {width: calc(100% - 450px); min-width:50%; max-width:80%; margin-left: 20px; }
    .gnb>li .dep2>ul>li {padding-right:0px;}
    .gnb>li .dep2>ul>li>a:after {right:0px;}
    .gnb>li .dep2>ul>li>a:hover:after {right: 0px;}
}

/*2019.12.17 수정*/
/*
.wrapper .dimm {position: fixed; left: 0; top: 0; bottom: 0; opacity: 0; width: 100%; height: 0; background: rgba(0,0,0,.8); z-index: 21; transition: all 0.3s;}
.wrapper .dimm.active {height: auto; opacity: 1;}

@media screen and (min-width:768px){
    .wrapper .dimm {background: rgba(0,0,0,.6);}
}
*/
/* m gnb end */










/* main visual start */
.main-visual {overflow: hidden; height: auto;}
.main-slider .swiper-slide {position: relative; overflow: hidden;}
.swiper-slide img {max-width: 100%;}
.main-tit {position: absolute; left: 50%; top: 23%; transform: translateX(-50%); color: #fff; font-size: 18px; width: 90%; letter-spacing: -2px;}
.main-tit .highlight {display: block; font-size: 27px;}
.main-tit span {font-size: 11px; margin-top: 10px; display: inline-block;}
.main-slider .swiper-button-next.swiper-button-disabled, .main-slider .swiper-button-prev.swiper-button-disabled {opacity:1;border:0px;}
.main-slider .swiper-button-prev {left:5%;border:0px;}
.main-slider .swiper-button-next {right:5%;border:0px;}
.main-slider .swiper-button-next {width:20px;height:32px;background:url('../img/nx_btn_3.png') no-repeat;opacity:0.2;border:0px;}
.main-slider .swiper-button-prev {width:20px;height:32px;background:url('../img/pv_btn_3.png') no-repeat;opacity:0.2;border:0px;}
.swiper-button-next:hover, .swiper-button-prev:hover {opacity:1;border:0px;}

/*
.main-slider .swiper-button-next, .main-slider .swiper-button-prev {margin-top: 0; transition: all 0.3s; top: 65%; z-index: 20;  width: 19%; height: 12px; background-size: 80%;}
.main-slider .swiper-button-next {right: 25%; background: url('../img/layout/mainVisual_next.png') no-repeat 100% 100%;}
.main-slider .swiper-button-prev {left: 25%; background: url('../img/layout/mainVisual_prev.png') no-repeat 0 100%;}
.main-slider .swiper-button-next:hover {width: 22%; right: 22%;}
.main-slider .swiper-button-prev:hover {width: 22%; left: 22%;}
.main-slider .control-slide {text-indent: -9999px; position: absolute; top: 65%; left: 50%; margin-top: -7px; transform: translateX(-50%); border: 1px solid rgba(255,255,255,.7); border-radius: 100%; width: 36px; height: 36px; background: none; z-index: 3;}
.main-slider .control-slide:before {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 3px; height: 14px; border-left: 3px solid #fff; border-right: 3px solid #fff;}
.main-slider .control-slide.on:before {margin-left: 2px; border-left: 9px solid #fff; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: none; width: 0; height: 0;}
*/
@media screen and (min-width:768px){
    .main-visual {height:540px; overflow:hidden;}
    .main-tit {top: 16%;}
    .main-tit p {font-size: 36px; font-weight:bold;}
    .main-tit .highlight {font-size: 55px;}
    .main-tit span {font-size: 18px; display: inline-block;}
    .swiper-container {height: 100%;}
    .main-slider .swiper-slide img {height:auto; width: 100%; position: absolute; left:50%; top: 0; transform: translateX(-50%);}
}

@media (min-width:769px) and (max-width:1200px){
    .main-visual { /*border-bottom-left-radius: 95px; max-width: 1260px;*/ margin: 0 auto; padding-top: 121px;}
    .main-tit {line-height: 1.2; left:20%; width:55%; text-align: left; transform: translateX(0);}
    .main-tit .highlight {margin-top: 8px;}
    .main-tit span {margin-top: 20px;}
    .main-slider .swiper-button-next, .main-slider .swiper-button-prev {top:35%; background-size: 100%; }
    .main-slider .swiper-button-prev {}
    .main-slider .swiper-button-next {}
    .main-slider .swiper-button-next:hover {}
    .main-slider .swiper-button-prev:hover {}
    .main-slider .control-slide {transform: translateX(0);left:50%;top:85%;}
}
@media screen and (min-width:1200px){
    .main-visual { /*border-bottom-left-radius: 95px; max-width: 1260px;*/ margin: 0 auto; padding-top: 121px;}
    .main-tit {line-height: 1.2; left:20%; width:55%; text-align: left; transform: translateX(0);}
    .main-tit .highlight {margin-top: 8px;}
    .main-tit span {margin-top: 20px;}
    .main-slider .swiper-button-next, .main-slider .swiper-button-prev {top:50%; background-size: 100%; }
    .main-slider .swiper-button-prev {}
    .main-slider .swiper-button-next {}
    .main-slider .swiper-button-next:hover {}
    .main-slider .swiper-button-prev:hover {}
    .main-slider .control-slide {transform: translateX(0);left:50%;top:85%;}
}
/* main visual end */


/* info section start */
.info-wrap {position: relative; z-index: 5;}
.info-wrap .info_box{width:420px;}
.info-wrap .info_box .info {position:absolute; top:-185px; right:-300px; width:420px; height:335px; overflow: hidden;}
.info>li img{height:335px;}
.info.col2 { margin:0 auto; }
.info.col2>li { max-width:585px; width:45%; min-height:125px; background-color:#fff; color:#222; margin:0px 15px 0px 15px; padding:20px; }
.info.col2>li.white ul, .info.col2>li.white ul li { display:inline-block; }
.info.col2 .mid03_img01 { width:190px; background:url('../img/mid03_img01.png') no-repeat 80% 100%; border-right:1px solid #c2c2c2;}
.info.col2 .mid03_img02 { width:190px; background:url('../img/mid03_img02.png') no-repeat 80% 100%; border-right:1px solid #c2c2c2;}
.info.col2 .mid03_cmt { font-size:15px; font-weight:300; padding:0px 0 20px 20px;}
.info>li.orange {background: rgba(255, 169, 56, .8) url('../img/layout/icon_consulting.png') no-repeat 90% 70%; background-size: 38px;}
.info>li.red {background: rgba(164, 62, 79, .8) url('../img/layout/icon_register.png') no-repeat 90% 70%; background-size: 30px;}
.info>li.purple {background: rgba(38, 40, 78, .8);}
.info>li.wt100 {width: 100%;}
.info>li.infozone {max-height: none;}
.info>li>a, .info.col2 a {color: #222; display: block; padding: 10px 15px; line-height:1.2em; font-size:22px; font-weight:500;}
.info>li>a>p {line-height: 1.2;}
.info-box {overflow: hidden;}
.info-box .li-left {width: 29%;}
.info-box>ul {float: left; width: 70%; font-size: 12px; opacity: 0.7;}
.info-box>ul>li {padding-left: 8px; position: relative;}
.info-box>ul>li:before {content: ''; position: absolute; left: 0; top: 5px; width: 4px; height: 4px; background: #fff; border-radius: 100%;}
/*2019.12.26 수정*/
.info-slider .swiper-button-next.swiper-button-disabled, .info-slider .swiper-button-prev.swiper-button-disabled {opacity: 1; cursor: pointer; pointer-events: visible;}
/*2019.12.26 수정 끝*/
.info-slider .swiper-button-next {right: 0; left: auto; background: rgba(0,0,0,.5) url('../img/layout/info_next.png') no-repeat 50%; padding: 0 9px; background-size: 35%;}
.info-slider .swiper-button-prev {left: 0; right: auto; background: rgba(0,0,0,.5) url('../img/layout/info_prev.png') no-repeat 50%; padding: 0 9px; background-size: 35%;}
.info-slider .control-slide {position: absolute; top: 8px; right: 26px; width: 15px; height: 20px; padding: 0; z-index: 11; text-indent: -9999px; border: none; background: none;}
.info-slider .control-slide:before {content: ''; position: absolute; left: 50%; top: 4px; transform: translateX(-50%); width: 3px; height: 13px; border-left: 2px solid #fff; border-right: 2px solid #fff;}
.info-slider .control-slide.on {right: 26px;}
.info-slider .control-slide.on:before {border-left: 7px solid #fff; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: none; width: 0; height: 0;}
.visual-paging {font-size: 14px; position: absolute; right: 20px; top: 5px; z-index: 10; color: #fff; background: #6c7381; border-radius: 45px; padding: 3px 35px 3px 10px;}

@media screen and (max-width:380px){
    .main-visual {height:125px; }
    .info>li {float: left; width:100%; box-sizing: border-box; max-height:100px; letter-spacing:-1px; margin:0;}
    .info.col2  { float:left; position:relative;width:100%; max-width:100%; margin-bottom:30px;padding:0;}
    .info.col2 > li { float:left; position:relative;width:100%; max-width:100%; height:100px; margin:0;padding:0;display:table;}
	.info.col2>li.white ul { float:left; position:relative; width:99%; margin:0px auto; margin-bottom:10px; border:1px solid #c2c2c2; padding:0px;display:table-cell;}
	.info.col2>li.white ul li {padding:8px;display:table-cell; font-size:0.85em; }
	.info>li>a, .info.col2 a { padding:0px;}
    .info.col2 .mid03_img01 { width:120px; background:url('../img/mid03_img01.png') no-repeat 80% 80%; border-right:1px solid #c2c2c2;}
	.info.col2 .mid03_img02 { width:120px; background:url('../img/mid03_img02.png') no-repeat 80% 80%; border-right:1px solid #c2c2c2;}
	.info>li>a, .info.col2 a {color: #222; display: block; padding:8px; font-size:16px; font-weight:500;}
    
}
@media (min-width:380px) and (max-width:680px){
    .main-visual {height:220px; }
    .info-wrap {margin-top:30px; }
    .info>li {float: left; width:100%; box-sizing: border-box; max-height:100px; letter-spacing:-1px; margin:0;}
    .info.col2  { float:left; position:relative;width:100%; max-width:100%; margin-bottom:30px;padding:0;}
    .info.col2 > li { float:left; position:relative;width:100%; max-width:100%; height:100px; margin:0;padding:0;display:table;}
	.info.col2>li.white ul { float:left; position:relative; width:99%; margin:0px auto; margin-bottom:10px; border:1px solid #c2c2c2; padding:0px;display:table-cell;}
	.info.col2>li.white ul li {padding:8px;display:table-cell; font-size:0.95em; }
	.info>li>a, .info.col2 a { padding:0px;}
    .info.col2 .mid03_img01 { width:140px; background:url('../img/mid03_img01.png') no-repeat 80% 80%; border-right:1px solid #c2c2c2;}
	.info.col2 .mid03_img02 { width:140px; background:url('../img/mid03_img02.png') no-repeat 80% 80%; border-right:1px solid #c2c2c2;}
	.info>li>a, .info.col2 a {color: #222; display: block; padding:8px; font-size:18px; font-weight:500;}
}
    
@media (min-width:680px) and (max-width:768px){
    .main-visual {height:240px; }
    .info-wrap {margin-top:30px; }
    .info>li {float: left; width:100%; box-sizing: border-box; max-height:100px; letter-spacing:-1px; margin:0;}
    .info.col2  { float:left; position:relative;width:100%; max-width:100%; margin-bottom:30px;padding:0;}
    .info.col2 > li { float:left; position:relative;width:100%; max-width:100%; height:100px; margin:0;padding:0;display:table;}
	.info.col2>li.white ul { float:left; position:relative; width:99%; margin:0px auto; margin-bottom:10px; border:1px solid #c2c2c2; padding:0px;display:table-cell;}
	.info.col2>li.white ul li {padding:8px;display:table-cell; }
	.info>li>a, .info.col2 a { padding:0px;}
    .info.col2 .mid03_img01 { width:150px; background:url('../img/mid03_img01.png') no-repeat 80% 80%; background-size: 40px 40px; border-right:1px solid #c2c2c2;}
	.info.col2 .mid03_img02 { width:150px; background:url('../img/mid03_img02.png') no-repeat 80% 80%; background-size: 40px 40px; border-right:1px solid #c2c2c2;}
	.info>li>a, .info.col2 a {color: #222; display: block; padding:8px; font-size:20px; font-weight:500;}  
}

@media (min-width:768px) and (max-width:1023px) {
	.main-visual {height:380px; }
    .info-wrap {float: left; width:100%; vertical-align:top; margin-top:-30px;}
    .info>li {float: left; width:100%; box-sizing: border-box; max-height:100px; letter-spacing:-1px; margin:0;}
    .info.col2  { float:left; position:relative;width:100%; max-width:100%; margin-bottom:30px;padding:0;}
    .info.col2 > li { float:left; position:relative;width:100%; max-width:100%; margin:0;padding:0;display:table;}
	.info.col2>li.white ul { float:left; position:relative; width:96%; margin:0px auto; margin-bottom:10px; border:1px solid #c2c2c2; padding:0px;display:table-cell;}
	.info.col2>li.white ul li {padding:10px;display:table-cell; }
	.info>li>a, .info.col2 a { padding:0px;}
    .info.col2 .mid03_img01 { width:200px; background:url('../img/mid03_img01.png') no-repeat 80% 80%; background-size: 40px 40px; border-right:1px solid #c2c2c2;}
	.info.col2 .mid03_img02 { width:200px; background:url('../img/mid03_img02.png') no-repeat 80% 80%; background-size: 40px 40px; border-right:1px solid #c2c2c2;}
	.info>li>a, .info.col2 a {color: #222; display: block; padding:10px; font-size:18px; font-weight:500;}	
	.info>li>a>p {line-height: 1.2;}
	  
}

@media screen and (min-width:1024px){
    .info-wrap {/* max-width: 1400px; */ margin: -150px 0 0; height: 150px; padding-left: 200px; padding-right: 0px; width:100%; margin-left: calc(-50vw + 50%);}
    .info {/*float: left;*/ overflow: inherit; position: relative; width: 100%;}
    .info>li.orange, .info>li.red, .info>li.purple {max-width: 320px; width: 22.8%; margin-top: 0; height: 150px;}
    .info.col2>li.wite {max-width:585px; width:24%; margin-top: 0; height: 125px;}
    .info>li.infozone { width: 420px; clear: inherit; height: auto; position: absolute; left: 0;}
    .info-box>ul {width: 100%; margin-top: 8px;}
}
/* info section end */

@media (min-width:769px) and (max-width:1024px){
	.info-wrap {max-width:1024px; margin:-100px auto 0; height:150px; padding-left: 10px; padding-right: 10px;}	
	.info.col2 { margin:0 auto; display:block; }
	.info.col2>li { max-width:50%; width:45%; min-height:100px; background-color:#fff; color:#222; margin:0px 12px 0px 12px; padding:12px; border:1px solid #c2c2c2; }
	.info.col2>li.white ul, .info.col2>li.white ul li { display:inline-block; }
	.info.col2 .mid03_img01 { width:160px; background:url('../img/mid03_img01.png') no-repeat 80% 100%; border-right:1px solid #c2c2c2;}
	.info.col2 .mid03_img02 { width:160px; background:url('../img/mid03_img02.png') no-repeat 80% 100%; border-right:1px solid #c2c2c2;}
	.info.col2 .mid03_cmt { font-size:14px; font-weight:300; padding:0px 0 12px 12px;}
	.info>li>a, .info.col2 a {color: #222; display: block; padding: 10px 10px; line-height:1.2em; font-size:18px; font-weight:500;}
	.info>li>a>p {line-height: 1.2;}	
}

@media (min-width:1025px) and (max-width:1200px){
	.info-wrap {max-width:1200px; margin:-100px auto 0; height:150px; padding-left: 10px; padding-right: 10px;}	
	.info.col2 { margin:0 auto; display:block; }
	.info.col2>li { max-width:585px; width:45%; min-height:125px; background-color:#fff; color:#222; margin:0px 15px 0px 15px; padding:20px; border:1px solid #c2c2c2; }
	.info.col2>li.white ul, .info.col2>li.white ul li { display:inline-block; }
	.info.col2 .mid03_img01 { width:190px; background:url('../img/mid03_img01.png') no-repeat 80% 100%; border-right:1px solid #c2c2c2;}
	.info.col2 .mid03_img02 { width:190px; background:url('../img/mid03_img02.png') no-repeat 80% 100%; border-right:1px solid #c2c2c2;}
	.info.col2 .mid03_cmt { font-size:15px; font-weight:300; padding:0px 0 20px 20px;}
}

/* calendar seciton start */
/*
.calendar-wrap {width:380px; margin-right:30px; padding:0px;}
.calendar-wrap .calendar-tit { float:left;width:250px; font-size:24px; color:#222; font-weight:600; letter-spacing:-2px; line-height:40px; }
.calendar-wrap .calendar_icon { float:right; margin-top:15px; width:29px; height:27px; background:url('../img/calendar_icon.png') no-repeat 100% 100%;}
.calendar-wrap .calendar_line { float:left; width:100%; border-bottom:1px solid #c2c2c2; padding-top:5px; }
*/

/*
@media screen and (max-width:768px){
    .calendar-wrap {width:96%; margin:30px auto; padding:0px;}
    .calendar-wrap .cal-link {display:none; }    
    .calendar-wrap .calendar-tit { float:left;width:70%; font-size:24px; color:#222; font-weight:500; letter-spacing:-2px; line-height:40px; }
    .calendar-wrap .calendar_line { float:left;width:100%; border-bottom:1px solid #c2c2c2; padding-top:10px; }	
	.calendar-wrap .fc-toolbar.fc-header-toolbar {padding:0px; width:96%; margin:0 auto;}
	.calendar-wrap .fc-right { width:96%; margin:30px auto;position:relative;}
	.fc table {width:100%;min-width:100%; margin:0px auto; }
	.calendar-wrap .fc-button-primary {width:20px;top:-4px;}
}

@media (min-width:768px) and (max-width:1200px){
	.section2 {max-width:100%; margin: 0 auto; overflow: hidden; padding: 0 10px;}
    .calendar-wrap {width:350px; max-width:32%; margin:30px auto; padding:0px; display:inline-block; }
    .calendar-wrap .cal-link {display:none; }    
    .calendar-wrap .calendar-tit { float:left;width:70%; font-size:22px; color:#222; font-weight:500; letter-spacing:-2px; line-height:40px; }
    .calendar-wrap .calendar_line { float:left;width:100%; border-bottom:1px solid #c2c2c2; padding-top:10px;}	
	.calendar-wrap .fc-toolbar.fc-header-toolbar {padding:0px; width:96%; margin:0 auto;}
	.calendar-wrap .fc-right { width:96%; margin:30px auto;position:relative;}
	.fc table {width:100%;min-width:100%; margin:0px auto; }
	.calendar-wrap .fc-button-primary {width:20px;top:-4px;}
		
	.news-wrap { float:right; width:650px; max-width:64%; padding: 0; display: inline-block; }
	
	.news_top {float: left;position: absolute;width:50%;top:10px;font-size:22px;color: #222;font-weight: 600;letter-spacing: -2px;line-height: 40px;}
	
}


@media screen and (min-width:1200px){
    .calendar-wrap {margin-top: 77px; float: left; width:380px; padding:0; margin-bottom: 0;}
    .calendar-tit {font-size: 16px; padding: 6px 15px;}
}
*/
/* calendar seciton end */


/* news section start */
/*
.news-wrap {padding-left: 15px; padding-right: 15px; clear: both;}
.news {width:790px; background: #fff; padding: 25px; position: relative; vertical-align:top; }
.news_top {float:left;position:absolute;width:50%; top:10px; font-size:24px; color:#222; font-weight:600; letter-spacing:-2px;  line-height:40px; }
.news_line { float:left;position:absolute;width:100%;top:48px;border-bottom:1px solid #c2c2c2; padding-top:10px; }
.news-slider {padding-top:80px;font-family:'NanumSquare','NotoSanKR','dotum','sans-serif';letter-spacing:0;}
.news-slider .swiper-slide {position:relative; width:380px; margin-right:30px; }
.title h4 {font-size:16px; color:#222; font-weight:500; line-height:36px; }
.title span {display:block; color:#26284e; font-size:18px; color:#fc812f; font-weight:600;}
.title p {color:#222; font-size:22px; font-weight:600;letter-spacing:-1px; line-height: 1.2; margin-top:7px; max-height:80px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical;}
.title-con p { max-height:80px; 
				overflow:hidden; text-overflow:ellipsis; white-space:pre-wrap; 
				display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
				line-height:1.2em; height:3.6em; 
			}
.title-con span {color: #a1a1a1;}
.title-con span.date {color: #222;}
.news-slider .swiper-button-next, .news-slider .swiper-button-prev {float:right;position:absolute;top:35px; width:27px; height:27px; z-index:1; }
.news-slider .swiper-button-next.swiper-button-disabled, .news-slider .swiper-button-prev.swiper-button-disabled {opacity: 1;}
.news-slider .swiper-button-prev {background: url('../img/arr_circle_left.png') no-repeat 50%; background-size:100% 100%; left: auto; right: 40px;}
.news-slider .swiper-button-next {background: url('../img/arr_circle_right.png') no-repeat 50%; background-size:100% 100%; right: 1px;}



@media screen and (max-width:768px){    
	.news-wrap { width:96%; padding:5px;margin:0 auto; }
    .news {width:96%; background: #fff; padding:5px; position: relative; vertical-align:top; }
    .news-slider .swiper-slide {position:relative; width:90%; margin:0px auto; }    
    .news-slider .swiper-slide {position:relative; width:90%; margin:0px auto; }
    .news h3 {font-size: 24px;}
}

@media screen and (min-width:1023px){
    .section2 {max-width:98%; margin: 0 auto; overflow: hidden; padding: 0 10px;}
    .news {width:96%; background: #fff; padding: 25px; position: relative; vertical-align:top; }
    .news-wrap {float:right; position: relative; width:790px; padding: 0; clear: inherit; margin-top:77px;}
    .news {padding:0px;}
    /*2019.12.17 수정*/
    .news-slider .swiper-slide {position:relative;width:380px; min-height:197px;}
}

@media (min-width:1024px) and (max-width:1200px){
    .section2 {max-width:100%; margin: 0 auto; overflow: hidden; padding: 0 10px;}
    .news {width:96%; background: #fff; padding: 25px; position: relative; vertical-align:top; }
    .news-wrap {float:right; position: relative; width:790px; padding: 0; clear: inherit; margin-top:25px;}
    .news {padding:0px;}
    /*2019.12.17 수정*/
    .news-slider .swiper-slide {position:relative;width:380px; min-height:197px;}
}
*/
/* news section end */




/* banner section start */
.banner-wrap {padding-bottom: 25px; background: #fff;}
.banner-slider .swiper-slide>a {display: block; border: 1px solid #a2a3b3; margin: 0 15px;}
.banner-slider .swiper-slide img {width: 100%;}
.banner-slider .indicator {position: absolute; width: 170px; left: 50%; top: 12px; transform: translateX(-50%);}
.banner-slider .swiper-button-next, .banner-slider .swiper-button-prev {top: 25px; width: 40px; height: 20px;}
.banner-slider .swiper-button-next.swiper-button-disabled, .banner-slider .swiper-button-prev.swiper-button-disabled {opacity: 1;}
.banner-slider .swiper-button-prev {background: url('../img/layout/banner_prev.png') no-repeat 50%; background-size: 33px 6px;}
.banner-slider .swiper-button-next {background: url('../img/layout/banner_next.png') no-repeat 50%; background-size: 33px 6px;}
.banner-slider .control-slide {position: absolute; top: 2px; left: 50%; transform: translateX(-50%); text-indent: -9999px; border: none; background: none;}
.banner-slider .control-slide:before {content: ''; position: absolute; left:50%; top: 3px; transform: translateX(-50%); width: 6px; height: 14px; border-left: 2px solid #9596a8; border-right: 2px solid #9596a8;}
.banner-slider .control-slide.on {right: 20px;}
.banner-slider .control-slide.on:before {border-left: 8px solid #9596a8; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: none; width: 0; height: 0;}

@media screen and (min-width:768px){
    .banner-wrap {padding: 0 20px 25px;}
    .banner-slider .indicator {left: 0; transform: translateX(0);}
    .banner-slider .swiper-slide>a {margin: 0;}
}

@media screen and (min-width:1024px){
    .banner-wrap {padding: 0 0 25px; background: #fff;}
    .banner-slider {max-width: 1260px; margin: 0 auto;}
    .banner-wrap .swiper-container {padding-left: 10px; padding-right: 10px;}
}
/* banner section end */


/* footer start */
.footer { float:left; position: relative; width:100%; display: block;  }
.footer-inner {background:#f5f5f5; position: relative;}
.top-footer { border-bottom:1px solid #c2c2c2; }
.footer-menu {overflow: hidden; padding: 30px 10px; max-width: 395px; margin: 0 auto;}
.footer-menu>li {float: left; width: 33.33%; position: relative; text-align: center; font-size:15px; letter-spacing: -1px;}
.footer-menu>li:after {content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 15px; background: #c2c2c2;}
.footer-menu>li:last-child:after {display: none;}
.footer-menu>li>a {color:#666; padding: 0 4px; display: block;}
.footer-menu>li>a.information {color: #f26522;}
.bottom-footer {padding: 45px 15px; color: #a9abae; font-size: 13px; word-break: keep-all; overflow: hidden;}
.footer-logo {width:210px}
.footer-logo img {}
.bottom-footer .tell>a {color: #a9abae;}
.counseling-call {float: left; padding-left: 45px; background: url('../img/layout/icon_tell.png') no-repeat 0 94%; background-size: 45px; display: flex;}
.counseling-call>li {color: #fb9e63; font-size: 14px; padding: 0 15px; position: relative;}
.counseling-call>li:after {content: ''; position: absolute; right: 0; top: 0; width: 1px; height: calc(100% - 5px); background: rgba(169,171,174,.6);}
.counseling-call>li:last-child:after {display: none;}
.counseling-call>li>a {color: #a9abae; font-size: 17px;}
.top-btn {display: none; position: fixed; z-index: 30; right: 15px; bottom: 40px; width: 45px; height: 45px;}
.top-btn a {display: block;}
.top-btn img {width: 100%; border-radius:50%; }

@media screen and (max-width:768px){
    .footer-menu {padding: 20px 0;}
    .footer-menu>li {font-size: 14px;}
    .footer-logo {width: 209px;}
    .bottom-footer {padding: 35px 20px 45px;}
    .counseling-call {background-size: 46px; background-position-y: 33px;}
    .counseling-call>li>a {font-size: 23px;}
    .top-btn {width: 65px; height:65px; bottom:30px; right:calc(50% - 700px) ;}
}

@media screen and (min-width:1024px){
    .bottom-footer {max-width: 1260px; padding: 35px 10px 25px; margin: 0 auto; }
    .footer-logo {float:left;margin:0 95px 0 29px;display: inline-block;}
    .footer-con {float:left;font-size:14px;line-height:26px;color:#666;transform:skew(-0.1deg); letter-spacing:normal;}
    .footer-con address {padding-top: 0; display:block;}
    .footer-con .copyright {font-size:13px;}
    .footer-con .tell {display:inline;}
    .footer-con .tell a { color:#222; font-weight:500; }
    .counseling-call {float: right; padding-top: 0; background-position-y: 3px;}
    .copyright span {display: inline-block;}
    
    .bottom-footer .ft_call { float:right; width:380px; height:85px; background-color:#fff; border-radius:10px; }
	.bottom-footer .ft_call ul, .bottom-footer .ft_call ul li { float:left; display:inline-block; }
	.bottom-footer .ft_call ul li { font-size:15px; color:#b0b0b0; line-height:24px; }
	.bottom-footer .ft_call ul li:first-child { min-width:140px; background:url(../img/footer_call.png) no-repeat left center; background-position:20px 20px; padding:20px 0px 20px 80px;  }
	.bottom-footer .ft_call ul li:last-child { padding-left:20px; margin:20px 0px 20px 0px; border-left:1px solid #888; }
	.bottom-footer .ft_call ul li a { font-size:18px; color:#222; font-weight:500; display:block;}
    
    
}
/* footer end */

.banner-slider .swiper-wrapper.disabled {
    transform: translate3d(0px, 0, 0) !important;
}
@media screen and (max-width:1400px){
    /* .info {position:absolute; top:-185px; left:1000px; width:420px; height:335px; overflow: hidden;} */
    .info-wrap .info_box .info {left:600px;}
}
@media screen and (max-width:1400px){
    .info-wrap .info_box .info {left:0px;}
}
@media screen and (max-width:1024px){
    .info-wrap .info_box .info {left:0px; position:relative; top:0;}
}