@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Cafe24Danjunghae';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Danjunghae.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SBAggroB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GangwonEduPowerExtraBoldA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEduPowerExtraBoldA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* =======================================* main_visual *========================================================= */
.visual00 li{ float:left;}
.visual01{width:687px; }
.visual02{margin-left:25px;width:560px;  }
.mainvissual{margin:0 auto; padding:0; width:100%;  clear:both; position:relative; overflow:hidden;}
.mainV{margin:0; padding:0; width:100%;  clear:both; overflow:hidden; position:relative; height:322px;}
#vissual{width:100%;z-index:100; }
.title-zone{padding:0;text-align:center;position:relative;}
.mainV .title-zone{width:100%; padding:0; height:322px;}
.mainV .title-zone .visual{margin: 0 auto;width:100%; max-width: 1980px; height:322px;display:table;}
.mainV .title-zone .visual .inner{display:table-cell; vertical-align: middle; text-align:center}
.mainV .bg-img{display:none;}

.visual-section{width:100%;position:absolute;left:0; }
.visual h1.tit{width:100%; max-width:687px; margin:95px auto 15px auto; text-align:left; padding-left:1px; font-size:29px;color:#fff; line-height:45px; font-weight:500; display:none;-webkit-animation:move 0.8s ease;-moz-animation:move 0.8s ease;-o-animation:move 0.8s ease;-ms-animation:move 0.8s ease;animation:move 0.8s ease;}
.visual h1.tit strong{color:#000; font-weight:900; text-shadow: 0 0 10px rgb(150 150 150 / 50%);}
.visual h2.tit{width:100%; font-family: 'Cafe24Danjunghae'; margin:0 auto 15px auto; max-width:1280px; text-align:left; padding-left:1px; font-size:81px; line-height:91px; font-weight:500; letter-spacing: -1.5px; color:#fff; display:none; -webkit-animation:move 1.4s ease;-moz-animation:move 1.4s ease;-o-animation:move 1.4s ease;-ms-animation:move 1.4s ease;animation:move 1.4s ease; text-shadow: 0 0 10px rgb(150 150 150 / 50%);}
.visual h2.tit strong{color:#568db0;}
.visual h4.tit{width:100%; margin:0 auto 15px auto; max-width:1280px; text-align:left; padding-left:1px; font-size:19px; line-height:32px; font-weight:400; letter-spacing: -1px; color:#fff; display:none; -webkit-animation:move 1.8s ease;-moz-animation:move 1.8s ease;-o-animation:move 1.8s ease;-ms-animation:move 1.8s ease;animation:move 1.8s ease;}
.visual h4.tit strong{color:#fff; text-shadow: 0 0 10px rgb(150 150 150 / 50%);}
.visual h5.tit{width:100%; margin:45px auto ; max-width:1200px; text-align:left; padding-left:1px; font-size:19px; line-height:32px; font-weight:400; letter-spacing: -1px; color:#fff; display:none; -webkit-animation:move 2.4s ease;-moz-animation:move 2.4s ease;-o-animation:move 2.4s ease;-ms-animation:move 2.4s ease;animation:move 2.4s ease;}
.visual h5 a{border: 0px solid #fff; background:#a8b3ba; color:#fff;  max-width: 200px; min-height: 57px;  padding-top: 5px; display: flex; justify-content: center; align-items: center; transition: all 0.5s ease;}

.view .visual .tit{display:block;}


@-webkit-keyframes move {
	0% {transform:translateY(100px);opacity:0;}
	100% {transform:translateY(0);opacity:1;}
}
@-moz-keyframes move {
	0% {transform:translateY(100px);opacity:0;}
	100% {transform:translateY(0);opacity:1;}
}
@-o-keyframes move {
	0% {transform:translateY(100px);opacity:0;}
	100% {transform:translateY(0);opacity:1;}
}
@-ms-keyframes move {
	0% {transform:translateY(100px);opacity:0;}
	100% {transform:translateY(0);opacity:1;}
}
@keyframes move {
	0% {transform:translateY(100px);opacity:0;}
	100% {transform:translateY(0);opacity:1;}
}

@-webkit-keyframes move1 {
	0% {transform:translateX(100px);opacity:0;}
	100% {transform:translateX(0);opacity:1;}
}
@-moz-keyframes move1 {
	0% {transform:translateX(100px);opacity:0;}
	100% {transform:translateX(0);opacity:1;}
}
@-o-keyframes move1 {
	0% {transform:translateX(100px);opacity:0;}
	100% {transform:translateX(0);opacity:1;}
}
@-ms-keyframes move1 {
	0% {transform:translateX(100px);opacity:0;}
	100% {transform:translateX(0);opacity:1;}
}
@keyframes move1 {
	0% {transform:translateX(100px);opacity:0;}
	100% {transform:translateX(0);opacity:1;}
}

.indicator{width:100%;position:absolute; bottom:3%;left:0%; display:inline-block; text-align:center; z-index:10;}
.btngroup{display:inline-block;vertical-align:top;font-size:0;}
.btngroup li{display:none;font-size:0; margin:-4px 0 0 0}
.btngroup li.on{display:block;}
.btngroup .btn button{background:url(/img/bt.png) no-repeat 0 0; }
.btngroup .play button{width:8px;height:16px;background-position:-53px 0; font-size:0px; text-indent:-9999px; border:none; display:none}
.btngroup input[type='button']{font-size:0px;}
.btngroup .stop button{width:17px;height:16px;background-position:-73px 0; font-size:0px; text-indent:-9999px; border:none; display:none}
.btngroup-num{display:inline-block;vertical-align:top;font-size:0;}
.btngroup-num:after{display:block;clear:both;content:""}
.btngroup-num li{margin:0;font-size:0;float:left; width:36px; text-align:center; vertical-align:middle}
.btngroup-num li a{width:16px;height:16px;display: inline-block;text-indent:-999em; -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%; background:rgba(255,255,255,0.5); }
.btngroup-num li.on a{ width:16px; height:16px; -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%; background:rgba(255,255,255,1); margin-top:0px;}



.mainV .scroll-icon{position:absolute; bottom:32px; left:50%; width:250px; margin-left:470px; z-index:999;}
.mainV .scroll-icon p{ font-size:20px; font-weight:bold; color:#fff; text-transform:uppercase; line-height:26px; text-align:left;}
.mainV .scroll-icon p img{ margin-top:-8px;}




/* =======================================* 1 *========================================================= */
.contacnt09{ margin:0 auto; padding: 24px 0 47px 0; width:100%; clear:both; overflow:hidden; z-index:999999;}
.contacnt02{ margin:0 auto; padding: 24px 0 47px 0; width:100%; clear:both; overflow:hidden; z-index:999999;}

/* 타이틀 */
.contacnt02 h2{ font-family: 'GmarketSansBold'; padding:0; clear:both; overflow:hidden; padding-bottom:10px; text-align:left; font-size:28px; font-weight: 600; color:#000; line-height:32px; letter-spacing:0.15px; text-transform:uppercase}
.contacnt02 h2:before{position:absolute; display: block;  content: "";  width: 2px;  height: 24px;  margin-left:290px; background: #c1c1c1;}
.contacnt02 p.sTxT{position:absolute; color:#5c5c5c; font-size:21px; font-weight:500; text-align:left; margin-left:310px; margin-top:-47px; letter-spacing: -0.025em;  padding:0;}
.contacnt02 h2{border-bottom:3px solid #000;}

/* 리스트 */
.contacnt02 .list{margin:0 auto; width:100%; clear:both; overflow:hidden; position:relative; max-width:1280px; }
.contacnt02 .list li{float:left;  padding:0; margin-left:2.5%; width:23%; overflow:hidden; position:relative; text-align:center;}
.contacnt02 .list li:first-child{margin:0;}
.contacnt02 .list li:nth-child(5){margin:0;}
.contacnt02 .list li:nth-child(9){display:none;}

.contacnt02 .slide{margin-top:50px;}
.contacnt02 .list li .zoombg img{width:262px; margin-bottom:20px;}
.contacnt02 .list li .zoombg{width:100%; overflow:hidden; font-size:0px; line-height:100%; }
.contacnt02 .list li .over-area{height:300px;}
.contacnt02 .list li .over-area .name{font-size:20px; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; padding:0 10px 10px 10px;}
.contacnt02 .list li .name1{ text-align:center; top:380px;  letter-spacing: -0.025em; left:0; width:100%; color:#000; line-height:45px; font-size:24px; border-bottom:1px solid #000; font-weight:600; z-index:999999; }
.contacnt02 .list li .name2{ text-align:center; line-height:40px; padding-top:20px;  }
.contacnt02 .list li .name3{ text-align:center;  line-height:24PX; letter-spacing: -0.025em; left:0; width:100%; color:#000; font-size:16px; font-weight:400; z-index:999; }
.contacnt02 .list li .name4{ text-align:center;  height:30px; letter-spacing: -0.025em; left:0; width:100%; color:#1c5fb9; font-size:17px; font-weight:400; z-index:999; }
.contacnt02 .list li .name5{font-family: 'GangwonEduPowerExtraBoldA';  text-align:center; vertical-align: middle;  letter-spacing: -0.025em; left:0; width:100%; color:#c61313; font-size:32px; line-height:58px; font-weight:400; z-index:999; }
.contacnt02 .list li .name5 span{display:inline-block; width:30px; height:30px; border-radius:50%;line-height: 29px;vertical-align: middle; font-size:14px; text-align:center; background:#000; color:#fff; }
.contacnt02 .list li .name5 b{ vertical-align: middle; font-size:14px; text-align:center; color:#717171; }
.contacnt02 .list li .name5 span{display:inline-block; width:30px; height:30px; border-radius:50%;line-height: 29px;vertical-align: middle; font-size:14px; text-align:center; background:#000; color:#fff; }
.contacnt02 .list li .name6{ text-align:center;  height:30px; letter-spacing: -0.025em; left:0; width:100%; color:#000; font-size:16px; font-weight:600; z-index:999; }

.contacnt02 .list li .slide .zoombg{  
transition: transform .35s;
            -o-transition: transform .35s;
            -moz-transition: transform .35s;
            -webkit-transition: transform .35s;
}
.contacnt02 .list li .slide .zoombg:hover{
            cursor:pointer;
            -webkit-transform:scale(1.1); /*  크롬 */
            -moz-transform:scale(1.1); /* FireFox */
            -o-transform:scale(1.1); /* Opera */
            transform:scale(1.1);
            transition: transform .35s;
            -o-transition: transform .35s;
            -moz-transition: transform .35s;
            -webkit-transition: transform .35s;
	}
	
	
.contacnt03{ margin:0 auto; padding: 24px 0 47px 0; width:100%; clear:both; overflow:hidden; z-index:999999;}

/* 타이틀 */
.contacnt03 h2{ font-family: 'GmarketSansBold'; padding:0; clear:both; overflow:hidden; padding-bottom:10px; text-align:left; font-size:24px; font-weight: 600; color:#000; line-height:38px; letter-spacing:0.15px; text-transform:uppercase}
.contacnt03 h2:before{position:absolute; display: block;  content: ""; margin-top:2px; width: 2px;  height: 24px;  margin-left:130px; background: #c1c1c1;}
.contacnt03 p.sTxT{position:absolute; color:#5c5c5c; font-size:21px; font-weight:500; text-align:left; margin-left:141px; margin-top:-52px; letter-spacing: -0.025em;  padding:0;}
.contacnt03 h2{border-bottom:3px solid #000;}
.contacnt03 h2:after{position:absolute; display: block;  content: ""; right:0; margin-top:-36px; width: 33px;  height: 33px;  background:url(/base/img/img/pros_03.jpg) no-repeat 0 0;}

/* 리스트 */
.contacnt03 .list{margin:0 auto; width:100%; clear:both; overflow:hidden; position:relative; max-width:1280px; }
.contacnt03 .list li{float:left;  padding:0; margin-left:2.5%; width:23%; overflow:hidden; position:relative; text-align:center;}
.contacnt03 .list li:first-child{margin:0;}
.contacnt03 .list li:nth-child(5){margin:0;}
.contacnt03 .list li:nth-child(9){display:none;}

.contacnt03 .slide{margin-top:20px;}
.contacnt03 .list li .zoombg img{width:295px; margin-bottom:10px;}
.contacnt03 .list li .zoombg{width:100%; overflow:hidden; font-size:0px; line-height:100%; }
.contacnt03 .list li .over-area{height:300px;}
.contacnt03 .list li .over-area .name{font-size:20px; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; padding:0 10px 10px 10px;}
.contacnt03 .list li .name1{ text-align:center; top:380px;  letter-spacing: -0.025em; left:0; width:100%; color:#000; line-height:45px; font-size:24px; border-bottom:1px solid #000; font-weight:600; z-index:999999; }
.contacnt03 .list li .name2{ text-align:center; line-height:40px; padding-top:20px;  }
.contacnt03 .list li .name3{ text-align:center;  line-height:34PX; letter-spacing: -0.025em; left:0; width:100%; color:#000; font-size:16px; font-weight:400; z-index:999; }
.contacnt03 .list li .name4{ text-align:center;  height:30px; letter-spacing: -0.025em; left:0; width:100%; color:#1c5fb9; font-size:17px; font-weight:400; z-index:999; }
.contacnt03 .list li .name5{font-family: 'GangwonEduPowerExtraBoldA';  text-align:center; vertical-align: middle;  letter-spacing: -0.025em; left:0; width:100%; color:#c61313; font-size:32px; line-height:58px; font-weight:400; z-index:999; }
.contacnt03 .list li .name5 span{display:inline-block; width:30px; height:30px; border-radius:50%;line-height: 29px;vertical-align: middle; font-size:14px; text-align:center; background:#000; color:#fff; }
.contacnt03 .list li .name5 b{ vertical-align: middle; font-size:14px; text-align:center; color:#717171; }
.contacnt03 .list li .name5 span{display:inline-block; width:30px; height:30px; border-radius:50%;line-height: 29px;vertical-align: middle; font-size:14px; text-align:center; background:#000; color:#fff; }
.contacnt03 .list li .name6{ text-align:center;  height:30px; letter-spacing: -0.025em; left:0; width:100%; color:#000; font-size:16px; font-weight:600; z-index:999; }

.contacnt03 .list li .slide .zoombg{  
transition: transform .35s;
            -o-transition: transform .35s;
            -moz-transition: transform .35s;
            -webkit-transition: transform .35s;
}
.contacnt03 .list li .slide .zoombg:hover{
            cursor:pointer;
            -webkit-transform:scale(1.1); /*  크롬 */
            -moz-transform:scale(1.1); /* FireFox */
            -o-transform:scale(1.1); /* Opera */
            transform:scale(1.1);
            transition: transform .35s;
            -o-transition: transform .35s;
            -moz-transition: transform .35s;
            -webkit-transition: transform .35s;
	}