h1{margin: 0;color: #302d2b;text-align: center;padding: 14px 0 9px;line-height: 1;font-weight: bold;}
#header{border: none;}
#header h1{padding: 0 0 0 10px;}
#container{margin: 0;}

#topSet{}
#topSet .ctrl{display: none;}
#topSet .ctrl button{}
.visualList{height: 222px;position: relative;overflow: hidden;clear: both;}
.visualList div{
	text-indent: 100%;overflow: hidden;position: relative;white-space: nowrap;
	height: 222px;
	-webkit-background-size: cover !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center 0 !important;

}
.visualList div{}

#notice{background: url(/mobile/images/main/mask.png) 0 0 repeat rgba(255,255,255,0.5);
	position: relative;
	
	-webkit-background-size: 30px auto;
	background-size: 30px auto;
	padding-bottom: 14px;}
#notice h1{}
#notice ul{margin: 0 7px;}
#notice ul li{position: relative;}
#notice ul li a{display: block;padding-left: 6px;font-size: 12px;line-height: 18px;}
#notice ul li a:after{content: '';position: absolute;left: 0;top: 07px;width: 2px;height: 2px;background-color: #adadad;}

#event{background: url(/mobile/images/main/main_Bg01.png) 0 0  no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	padding: 0 0 22px 0;
}
#event h1{}
#event .evnetVisual{}
#event .evnetVisualArea{}
#event .evnetVisualArea ul {}
#event .evnetVisualArea ul li{float: left;text-align: center;}
#event .evnetVisualArea ul li img{border: 1px solid #d2dfe2;}
#event .eventCtrl{position: relative;z-index: 1}
#event .eventCtrl button{width: 38px;height: 74px;white-space: nowrap;text-indent: 100%;overflow: hidden;
	position: absolute;
	top: 101px;
	z-index: 100;

-webkit-background-size: 100% !important;
background-size: 100% !important;}
#event .eventCtrl button.evnetVisualLeft{
	background: url(/mobile/images/main/visualLeftBtn.png) 0 0 no-repeat;
	left: 7px;
}
#event .eventCtrl button.evnetVisualRight {
	background: url(/mobile/images/main/visualRightBtn.png) 0 0 no-repeat;
	right: 7px;
}



.eventTextListArea{margin: 12px 7px 0 7px;}
.eventTextListArea ul{overflow: hidden;}
.eventTextListArea ul li{float: left;width: 33.3%;}
.eventTextListArea ul li .set{display: block;background: url(/mobile/images/main/event_bg_off.png) 0 0 no-repeat;margin-left: 6px;text-align: center;height: 142px;
	-webkit-background-size: 100%;
	background-size: 100%;

}
.eventTextListArea ul li.on .set{background-image: url(/mobile/images/main/event_bg_on.png);}
.eventTextListArea ul li:first-child .set{margin-left: 0;}
.eventTextListArea span{display: block;}
.eventTextListArea span.ico{background: center 0 no-repeat;
	-webkit-background-size: auto 100% !important;
	background-size: auto 100% !important;
	height: 42px;
}
.eventTextListArea span.i1{background-image: url(/mobile/images/main/ico1.png);}
.eventTextListArea span.i2{background-image: url(/mobile/images/main/ico2.png);}
.eventTextListArea span.i3{background-image: url(/mobile/images/main/ico3.png);}
.eventTextListArea span.cate{font-weight: bold;font-size: 14px;color: #fc5c04;line-height: 1;padding-bottom: 8px;}
.eventTextListArea span.tit{font-size: 13px;line-height: 1.3;}
.eventTextListArea ul li a.more{background: none;padding-top: 10px;display: block;}

#business{background: url(/mobile/images/main/main_Bg02.png) center 0 no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
	text-align: center;
}
#business img{width: 100%;max-width: 750px;}

#platform{background: url(/mobile/images/main/main_Bg03.png) center 0 no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
}
.servieceSet{padding: 0 7px 30px;}
.servieceSet .set{overflow: hidden;max-width: 350px;margin: 0 auto;}
.servieceSet .set .img{position: absolute;}
.servieceSet .set .img img{width: 142px;height: 164px;border: 1px solid #faf8f6;}
.servieceSet .set .right{margin-left: 160px;}
.servieceSet .set .right .txt{position: relative;padding: 30px 0 30px 0;}
.servieceSet .set .right .txt:after{content: '';position: absolute;top: 11px;width: 20px;height: 2px;background-color: #fff;left: 0;}
.servieceSet .set .right a{display: block;padding: 5px 10px;color: #fff;
	background: #fc5c04 url(/mobile/images/main/btnarr.png) right center no-repeat;
	-webkit-background-size: auto 8px;
	background-size: auto 8px;
	max-width: 162px;
}
#businessPlatform{
	background: url(/mobile/images/main/main_Bg04.png) 0 0 no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
}


#information{padding: 0 7px;background: url(/mobile/images/main/main_Bg05.png) 0 0 no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
}
#information ul{overflow: hidden;margin-left: -15px;padding-bottom: 15px;}
#information ul li{width: 50%;float: left;margin-bottom: 15px;}
#information ul li a{display: block;margin-left: 15px;text-align: center;}
#information ul li a span{display: block;}
#information ul li a span.img{margin-bottom: 7px;}
#information ul li a span.img img{width: 100%;max-width: 340px;}
#information ul li a span.b{background-color: #fc5c04;padding: 12px 0;line-height: 1;color: #fff;margin-top: 7px;max-width: 340px;margin: 0 auto;}

#footer{margin-top: 0;}

/* 20231228 */
html, body, a, p, li, div, span, dl, dt, dd{font-family: 'Noto Sans KR';}
.global li a{color:#fff;}
.sec01{margin:0 auto;height: 205px;padding:0 20px;border-top:1px solid #ccc;}
.sec01 .text01{padding: 25px 0 0 0;font-size:15px;color:#000;font-family:'gmarketsans';font-weight:500;line-height: 22px;}
.sec01 .text01 span{font-weight: 500;font-family:'gmarketsans';}
.sec01 .text01 span.major{font-size: 20px;color:#122a88;font-family:'gmarketsans';}
.sec01 .text02{/* margin-bottom:75px; */font-size:26px;color:#000;font-family:'gmarketsans';font-weight:700;line-height:32px;}
.sec01 .linkarea a{position:relative;font-size: 16px;line-height: 36px;padding-right: 24px;font-family:'gmarketsans';text-decoration:none;/* display: inline-block; */}
.sec01 .linkarea a:after{content:"";position:absolute;top:-1px;right:0;width: 16px;height: 16px;border:1px solid #050505;border-radius:100%;background:url(/portal/images/imsi/main/sec02-img04.png) no-repeat 50% 50%;background-size: 10px;}
.sec01 .linkarea a:before{content:"";position:absolute;bottom:0;left:-5px;width:110px;border-radius:30px;height:6px;background:#e2f2f4;z-index:-1;}
.sec01 .linkarea span.gap{color:#cacaca;font-size:20px;display:inline-block;margin: 0 2px;}
.sec01 .linkarea a:hover, .sec01 .linkarea a:focus{color:#1396a4;}
.sec01 .linkarea a:hover:after, .sec01 .linkarea a:focus:after{background:url(/portal/images/imsi/main/sec02-img06.png) no-repeat 50% 50%;border-color:#249daa;background-size: 10px;}
.sec01 .subject{font-size:13px;font-weight:600;margin:0 0 0 0;letter-spacing:-0.5px;}
.sec01 .subject span{color:#1396a4;margin-right:5px;}

.main-popup-zone .owl-carousel .owl-item{opacity:0.6;}
.main-popup-zone .owl-carousel .owl-item.active.center{opacity:1;}
.main-popup-zone .owl-stage{margin-left:-40px;}
.main-popup-zone .navi-wrap{position:absolute;top:-45px;left:20px;}
.main-popup-zone .navi-wrap .owl-dots{display:none !important;}
.main-popup-zone .navi-wrap .owl-pagination {font-size:16px;}
.main-popup-zone .navi-wrap .owl-pagination span.act_num{color:#f39a00;font-weight:700;}
.main-popup-zone .navi-wrap .inner div{display:flex;position:relative;}
.main-popup-zone .navi-wrap .inner div .owl-nav{position:absolute;left:52px;}
.main-popup-zone .navi-wrap .inner div .owl-nav .owl-next{margin-left:40px;}
.main-popup-zone .navi-wrap .inner div .owl-controls{position:absolute;left:82px;}
.main-popup-zone .navi-wrap .inner div .owl-controls button{display:inline-block;width:20px;height:20px;text-indent:-9999px;}
.main-popup-zone .navi-wrap .inner div .owl-controls .owl-conl-btn{background:url(/mobile/images/main/vi-pause.png) no-repeat 50% 50%;}
.main-popup-zone .navi-wrap .inner div .owl-controls .owl-conl-btn.active{background:url(/mobile/images/main/vi-play.png) no-repeat 50% 50%;}
.main-popup-zone .owl-carousel .owl-nav button{display:inline-block;width:20px;height:20px;text-indent:-9999px;}
.main-popup-zone .owl-carousel .owl-nav button.owl-prev{background:url(/mobile/images/main/vi-prev.png) no-repeat 50% 50%;}
.main-popup-zone .owl-carousel .owl-nav button.owl-next{background:url(/mobile/images/main/vi-next.png) no-repeat 50% 50%;}

#event{margin:0 20px;padding:40px 0;}
#event h1{font-size:22px;font-family:'gmarketsans';font-weight:700;text-align:left;line-height: 24px;}
#event .text02{margin-bottom:10px;}
.eventTextListArea{margin:0;}
.eventTextListArea ul{overflow: hidden;}
.eventTextListArea ul li{float:none;width:100%;padding: 18px 0;border-bottom:1px solid #ccc;}
.eventTextListArea ul li .set{position:relative;display: block;background:none;margin-left:0;text-align: center;height: auto;
	-webkit-background-size: 100%;
	background-size: 100%;
}
.eventTextListArea ul li .set .control{display:flex;flex-wrap:wrap;text-align: left;position: relative;}
.eventTextListArea ul li.on .set{background-image:none;}
.eventTextListArea ul li:first-child .set{margin-left: 0;}
.eventTextListArea span{display: block;}
.eventTextListArea span.ico{
	background: 50% 50% no-repeat;
	height: 42px;
	width: 42px;
	position: absolute;
	top:50%;
	left: 0;
	margin-top:-21px;
}
.eventTextListArea span.i1{background-image: url(/mobile/images/main/sec02-img01.png);background-size:30px auto;}
.eventTextListArea span.i2{background-image: url(/mobile/images/main/sec02-img02.png);background-size:30px auto;}
.eventTextListArea span.i3{background-image: url(/mobile/images/main/sec02-img03.png);background-size:30px auto;}
.eventTextListArea span.cate{display:block;width:calc(100% - 100px);font-weight: bold;font-size: 14px;color: #274e9b;line-height: 1;padding-bottom: 8px;margin-left: 60px;}
.eventTextListArea  li:nth-child(2) span.cate{color:#ff7624;}
.eventTextListArea  li:nth-child(3) span.cate{color:#0f8e90;}
.eventTextListArea span.tit{display:block;width:calc(100% - 100px);font-size: 13px;line-height: 1.3;margin-left: 60px;}
.eventTextListArea ul li a.more{position:absolute;right:0;top:50%;margin-top:-15px;width:30px;height:30px;border-radius:100%;background:#fff url(/mobile/images/main/sec02-img04.png) no-repeat 50% 50%;text-indent: -9999px;background-size:12px auto;padding:0;}
.eventTextListArea ul li.on a.more,
.eventTextListArea ul li:hover a.more{width:30px;height:30px;background:#000 url(/mobile/images/main/sec02-img05.png) no-repeat 50% 50%;background-size:12px auto;}
.eventTextListArea ul li:hover a{text-decoration:underline;}
#event .eventCtrl button.evnetVisualLeft{background-image: url(/mobile/images/main/arrow-prev.png);background-size:30px auto;}
#event .eventCtrl button.evnetVisualRight{background-image: url(/mobile/images/main/arrow-next.png);background-size:30px auto;}

.sec03{background:#f3f3f3;}
.sec03 .inner{margin:0 auto;padding:40px 10px 20px;}
.sec03 .text01{margin-bottom:30px;font-size:22px;font-family:'gmarketsans';font-weight:700;text-align:center;line-height: 24px;}
.sec03 ul{display:flex;justify-content:center;flex-wrap:wrap;}
.sec03 ul li{display:block;width:calc(33% - 10px);margin:0 5px 20px 5px;height:125px;background:#fff;text-align:center;box-shadow:0 5px 8px rgba(0, 0, 0, 0.2);}
.sec03 ul li .img{display:flex;align-items:center;justify-content:center;height:78px;}
.sec03 ul li .img img{height:50%;}
.sec03 ul li a{background:#fff;}
.sec03 ul li span{display:flex;align-items:center;justify-content:center;height:44px;font-size:14px;line-height:18px;color:#000;font-weight:600;font-family: 'Pretendard';}
.sec03 ul li:hover a span{color:#1b9c9e;}
.sec03 ul li:hover a{text-decoration:none;}

.sec04 {background:#f0f9f9;}
.sec04 .inner{margin:0 auto;padding:50px 20px;}
.sec04 .text01{margin-bottom:30px;font-size:22px;font-family:'gmarketsans';font-weight:700;text-align:center;line-height: 24px;}
.sec04 ul.gallery_list{text-align:center;}
.sec04 ul.gallery_list li {position: relative;display: inline-block;line-height: 1;vertical-align: top;}
.sec04 ul.gallery_list li.gallery {opacity:1;transition: 0.5s ease all;text-align: left;}
.sec04 ul.gallery_list li.gallery:after{content:"";position:absolute;top:-7px;left:-7px;width:70px;height:70px;background:#1b9c9e;z-index: 0;}
.sec04 ul.gallery_list li.academy{margin:30px 0px 0px 0px;opacity:1;transition: 0.5s ease 0.2s all;text-align: left;}
.sec04 ul.gallery_list li.academy:after{content:"";position:absolute;bottom:66px;right:-7px;width:70px;height:70px;background:#1b9c9e;z-index: 0;}
.sec04 ul.gallery_list li .photo {overflow: hidden;position: relative;}
.sec04 ul.gallery_list li.gallery .photo,
.sec04 ul.gallery_list li.gallery .photo img {position: relative;z-index: 100;width:320px;height:220px;}
.sec04 ul.gallery_list li.academy .photo,
.sec04 ul.gallery_list li.academy .photo img {z-index: 150;width:320px;height:220px;}
.sec04 ul.gallery_list li a.category_subject {display: block;padding-top:25px;}
.sec04 ul.gallery_list li a.category_subject p.category {position:relative;display: inline-block;padding:14px 0px 10px 0;color: #333;letter-spacing:-1px;font-weight: 500;font-size:18px;line-height: 24px;}
.sec04 ul.gallery_list li a.category_subject p.category:after{content:"";position:absolute;top:0;left:0;width:55px;height:2px;background:#1b9c9e;}
.sec04 ul.gallery_list li a.category_subject p.subject {font-size:14px;line-height: 20px;color:#333;}
.sec04 ul.gallery_list li a.category_subject p.subject span{color:#1b9c9e;}
.sec04 ul.gallery_list li a.btn {position: absolute;top: 0px;left: 0px;width: 320px;height: 220px;box-sizing: border-box;padding:92px 0px;text-align: center;color: white;text-align: center;background-color: rgba(0,0,0,0.6);opacity: 0;transition: 0.3s ease all;z-index: 200;}
.sec04 ul.gallery_list li a.btn:hover,
.sec04 ul.gallery_list li a.btn:focus {opacity: 1;transition: 0.3s ease all;}
.sec04 ul.gallery_list li a.btn img.ico {transition: transform ease 1s;width:32px;}
.sec04 ul.gallery_list li a.btn:hover img.ico,
.sec04 ul.gallery_list li a.btn:focus img.ico {transform: rotate( 180deg );}

.sec05{background:#fff;padding:40px 0;}
.sec05 .inner{position:relative;margin:0 auto;padding:0 20px;}
.sec05 .text01{margin-bottom:20px;font-size:22px;font-family:'gmarketsans';font-weight:700;text-align:left;line-height: 24px;}
.sec05 ul{border-top:1px solid #ccc;}
.sec05 ul li{display:block;background:#fff;padding:10px 0;border-bottom:1px solid #ccc;}
.sec05 ul li a{display:block;font-size:16px;}
.sec05 ul li:hover{border-bottom:1px solid #000;}
.sec05 ul li:hover a{color:#1b9c9e;}
.sec05 ul li:hover a{text-decoration:none;}
.sec05 .more{position:absolute;right:20px;top:0;padding-left:36px;}
.sec05 .more:after{content:"";position:absolute;top:10px;left:0;width:25px;height:1px;background:#122a88;}
.sec05 .more a{font-size:14px;color:#333;font-weight:500;font-family: 'Pretendard';}

.sec06{background:#fff;padding:0 20px 80px 20px;}
.sec06 .inner{position:relative;height:113px;margin:0 auto;background: url(/mobile/images/main/sec06-img06.png) no-repeat 50%;background-size:cover;overflow:hidden;}
.sec06 ul{display:flex;}
.sec06 ul li{width:25%;height:100vh;border-left:1px solid #fff;display:block;text-align:center;}
.sec06 ul li:first-child{border-left:none;}
.sec06 ul li a{width:100%;height:100%;display:block;font-size:13px;padding:0 0 14px 0;color:#fff;}
.sec06 ul li .img{display:flex;align-items:center;justify-content:center;height:75px;}
.sec06 ul li .img img{padding-top:20px;height:30px;}
.sec06 ul li span{font-size:13px;line-height:24px;letter-spacing:-1px;}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
   /* background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;*/ }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease; }
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0; }
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; 
}