@charset "UTF-8";


section{height: 100vh;}

/* location */ 
aside.location{/*width:100%; height: 100%;*/position: fixed;top: 50%;right: 20px;z-index: 9;transform:translateY(-50%);text-align: right;}
aside.location ul{font-size: 0px;}
aside.location ul li {width: 100%; height: 32px;margin-bottom: 10px;}


aside.location ul li a {font-weight:bold;display: inline-block;vertical-align: middle; width:100%;}
aside.location ul li span.page {cursor:pointer;width: 17px;height: 17px;background:#e8e8e8;text-align: center;border-radius:50%;position:relative;display: inline-block;vertical-align: middle;margin-left: 10px;}
aside.location ul li.crnt span.page{background:#ffd200; margin-right: 20px;}
aside.location ul li.crnt span.page_name{display: inline-block; vertical-align: top;}
aside.location ul li.crnt a{font-size: 14px;}

@media all and (max-width:1200px){
	aside.location{display: none;}
}


/*quickBar*/
aside.quickBar{position:fixed;top:20%; left:0;z-index:999;max-width: 200px;height:100%; box-sizing:border-box;width: 100%;transition: .3s;}

aside.quickBar .quick_btn{background:#00afba;width:30px; line-height: 80px;border-radius:0 50px 50px 0;display:flex; justify-content: flex-end; align-items: center; padding:15px 25px; position: relative; top:100px; left: 200px;cursor: pointer;box-shadow:4px 6px 10px rgba(0,0,0,.3)}
aside.quickBar .quick_btn img{}

aside.quickBar ul.call{background:#fff; padding:30px 24px 30px; border-radius:0 20px 20px 0;font-size:18px;color:#666; margin:0 0 20px 0;text-align:center; box-shadow:0 2px 12px rgba(0,0,0,.3);}
aside.quickBar ul.call li:first-child,aside.quickBar ul.call li:nth-child(2){margin:0 0 30px 0}
aside.quickBar ul.call li span{display: block;font-weight: bold;}
aside.quickBar ul.call li span.q_tit{font-size:18px;color:#666;margin:0 0 4px 0}
aside.quickBar ul.call li:first-child span.q_tit{font-size:18px;color:#666;}
aside.quickBar ul.call li span.q_tit b{font-size:28px; color:#ff9c00;font-weight: bold;}

aside.quickBar ul.call li span.q_call {background: #eaeaea;; border-radius:10px; padding:10px 0; font-weight: 500; font-size: 15px;}
aside.quickBar ul.call li span.q_call a {display: block;}
aside.quickBar ul.call li:has(.download) a{background: #f8f8f8; border-radius: 10px; padding: 10px; display: flex; font-weight: 500; margin-bottom: 6px; font-size: 14px; letter-spacing: -1px; align-items: center; justify-content: center; gap: 4px;}
aside.quickBar ul.call li:has(.download) a:last-child{margin-bottom: 0;}
aside.quickBar ul.call li:has(.download){background: #ff9c00; padding: 8px; border-radius: 10px;}
aside.quickBar ul.call li:has(.download) span.q_tit{color: white;}
aside.quickBar ul.call li:has(.download) span.q_tit span{display: block; color: #6f573f; font-size: 16px; margin-bottom: 2px; margin-top: 2px; line-height: 1;}
aside.quickBar ul.call li:has(.download) a img{width: 20px;}


aside.quickBar ul.sns{background:#fff; padding:30px; border-radius:0 20px 20px 0;font-size:18px;color:#666;text-align:center; box-shadow:0 0 30px rgba(0,0,0,.2)}
aside.quickBar ul.sns li{display:inline-block;vertical-align:middle;margin:0 3px 0 0}
aside.quickBar ul.sns li a {background:url(../img/main/sns_spicon.png) 0 0 no-repeat; width:40px; height: 40px; display:inline-block;}
aside.quickBar ul.sns li:nth-child(2) a {background-position: -40px 0}
aside.quickBar ul.sns li:nth-child(3) a {background-position: -80px 0}

.asideActive {left:-200px !important;}

@media all and (max-width:1200px){
	aside.quickBar{display: none;}
}




/* visual */
#visual {background:url(../img/main/visual_bg.jpg) 0 0 no-repeat;   background-size: cover;height: 100vh !important;}
#visual .inner_wrap{max-width:1400px; margin:0 auto; box-sizing:border-box; padding: 170px 0 0 0}

#visual .vis_wrap{width: 100%; max-width:800px;margin:0 auto; text-align: center;}
#visual .vis_wrap .vis_tit{margin-bottom: 24px;}
#visual .vis_wrap .vis_tit span{font-size: 28px; font-weight: 500; color: #59493f;}
#visual .vis_wrap .vis_tit h2{font-size:38px; font-weight: 600; color: #59493f; font-family: 'GmarketSansBold'; line-height: 1.2;}
#visual .vis_wrap .vis_vdo{border-radius: 30px;overflow: hidden;/*margin-bottom: 20px;*/}

#visual .vis_wrap .vis_vdo {position: relative;
    padding-top: 70%;
    width: 100%;
    height: 0;}

#visual .vis_wrap .vis_vdo iframe { position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;}


#visual .visual_btn{width:100%; display:inline-block; text-align:center;margin: 10px 0}
#visual ul.btn{display:inline-block;vertical-align:middle;}
#visual ul.btn li {display:inline-block;vertical-align:middle;margin-right: 20px;}
#visual ul.slide_func_btn li {display:inline-block;vertical-align:middle;}	

#visual .owl-theme .owl-dots {text-align: center;width:100%; display: inline-block; margin-top: 10px;}
#visual .owl-theme .owl-dots .owl-dot span{background-color:transparent; background: #fff; border-radius: 50%; width:20px; height: 20px; box-sizing: border-box; box-shadow: 0 0 6px rgba(0,0,0,.15)}
#visual .owl-theme .owl-dots .owl-dot.active span {background: #0981c5;width: 50px;border-radius: 10px; box-sizing: border-box; transition: 0.5s;}


@media all and (max-width:1400px){
	#visual .inner_wrap {width: 98%;}
}
@media all and (max-width:768px){
	#visual{height: auto !important;}
}


/* latest */
#latest{width: 100%;height: 100vh !important; word-break: keep-all;}
#latest .inner_wrap{max-width:1400px; margin:0 auto; box-sizing:border-box;padding:220px 0 0 0;}

#latest ul.tab {text-align: center;box-sizing:border-box;overflow: hidden;transition: all 0.3s ease-out; font-size: 0;}
#latest ul.tab li{width: 24%;display:inline-block;  font-size:24px;box-sizing:border-box;position: relative;}
#latest ul.tab li:last-child{margin-right:0;}
#latest ul.tab li a {word-break: keep-all;line-height: 24px;font-weight: 600;border-radius: 10px 10px 0 0;display: block;padding: 36px 0;letter-spacing: -2px;}
#latest ul.tab li a span{position: relative;
    background: url(../img/main/highlight.jpg) 0 bottom repeat-x;}
#latest ul.tab li.on a{ border:4px solid #e2e2e2;  border-bottom:none; background: #fff;}

#latest .tab_con_cmn{border:4px solid #e2e2e2;margin-top: -4px; border-radius:10px;display: none; padding:50px; box-sizing: border-box; width: 100%; }
#latest .tab_con_01{display: block}
#latest .tab_con_cmn ul {width:100%; max-width: 630px; margin: 0 auto; display:flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;min-height: 408px}
#latest .tab_con_cmn ul li.list{width:48%;  margin:0 4% 4% 0;transition:.3s; }

#latest .tab_con_cmn ul li.list:nth-child(2n){margin:0 0 4% 0;}
#latest .tab_con_cmn ul li.list:nth-child(n+3){margin:0 4% 0 0; }
#latest .tab_con_cmn ul li.list:last-child{margin:0; }

#latest .tab_con_cmn ul li.list a:hover {box-shadow:5px 5px 20px rgba(0 0 0 /15%)}
#latest .tab_con_cmn ul li.list a {width:100%;display: block; font-size:22px;text-align:center;font-weight: 500;padding:30px 20px;box-sizing: border-box;border:2px solid #e2e2e2; border-radius:10px; text-align: center;transition:.3s;}
#latest .tab_con_cmn ul li.list span.icon {padding-bottom: 20px;}
#latest .tab_con_01 ul li.list span.icon{background:url(../img/main/latest_spicon1.png) 0 0 no-repeat; width:100px; height: 80px; display:block;margin: 0 auto;}
#latest .tab_con_01 ul li.list:nth-child(2) span.icon{background-position: -100px 0;}
#latest .tab_con_01 ul li.list:nth-child(3) span.icon{background-position: -200px 0;}
#latest .tab_con_01 ul li.list:nth-child(4) span.icon{background-position: -300px 0;}
#latest .tab_con_02{}

#latest .tab_con_02 ul{max-width: 964px;}
#latest .tab_con_02 ul li.list{width: 30.66%; margin:0 4% 0 0; }
#latest .tab_con_02 ul li.list:nth-child(2n){margin:0 4% 4% 0;}
#latest .tab_con_02 ul li.list:nth-child(3n){margin:0 0 4% 0;}
#latest .tab_con_02 ul li.list:nth-child(n+4){margin:0 4% 0 0; }
#latest .tab_con_02 ul li.list:last-child{margin:0; }

#latest .tab_con_02 ul li.list span.icon{background:url(../img/main/latest_spicon1.png) -400px 0 no-repeat; width:100px; height: 80px; display:block;margin: 0 auto;}
#latest .tab_con_02 ul li.list:nth-child(2) span.icon {background-position: -500px 0;}
#latest .tab_con_02 ul li.list:nth-child(3) span.icon {background-position: -100px 0;}
#latest .tab_con_02 ul li.list:nth-child(4) span.icon {background-position: -200px 0;}
#latest .tab_con_02 ul li.list:nth-child(5) span.icon {background-position: -300px 0;}
#latest .tab_con_02 ul li.list:nth-child(6) span.icon {background-position: -600px 0;}

#latest .tab_con_03{}
#latest .tab_con_03 ul li.list span.icon{background:url(../img/main/latest_spicon2.png) -400px 0 no-repeat; width:80px; height: 80px; display:block;margin: 0 auto;}
#latest .tab_con_03 ul li.list  span.icon{background:url(../img/main/latest_spicon2.png) 0 0 no-repeat; width:80px; height: 80px; display:block;margin: 0 auto;}

#latest .tab_con_03 ul li.list:nth-child(2) span.icon{background-position: -160px 0;}
#latest .tab_con_03 ul li.list:nth-child(3) span.icon{background-position: -240px 0;}
#latest .tab_con_03 ul li.list:nth-child(4) span.icon{background-position: -320px 0;}

#latest .tab_con_04{}
#latest .tab_con_04 ul li.list span.icon{background:url(../img/main/latest_spicon2.png) -400px 0 no-repeat; width:80px; height: 80px; display:block;margin: 0 auto;}
#latest .tab_con_04 ul li.list:nth-child(2) span.icon{background:url(../img/main/latest_spicon2.png) -480px 0 no-repeat; width:80px; height: 80px; display:block;margin: 0 auto;}


@media all and (max-width:1400px){
	#latest .inner_wrap {width: 98%;}
	
/*
    #latest .tab_con_cmn ul {justify-content: center;}
    #latest .tab_con_cmn ul li.list{width:28%; }
    #latest ul.tab li{font-size:20px;}
    #latest .tab_con_cmn ul li.list a{font-size: 18px;}
*/
}

@media all and (max-width:1200px){
	#latest .inner_wrap{padding: 120px 0;}
	#latest .tab_con_cmn ul{max-width: 85%}
/*
    #latest .tab_con_cmn{height: auto; margin-bottom: 40px;}
    #latest ul.tab li{font-size:16px;}
    #latest .tab_con_cmn ul {width:95%}
    #latest .tab_con_cmn ul li.list a{font-size: 14px;}
    #latest .inner_wrap{max-width:700px}
*/
}

@media all and (max-width:1024px){
	#latest{height: auto !important;}
	#latest ul.tab li{font-size:22px;}
	#latest .tab_con_cmn ul{min-height: auto;}
	#latest .tab_con_cmn ul li.list a{font-size: 20px;}
	#latest .tab_con_cmn ul li.list{width:49%;margin:0 2% 2% 0;}
	#latest .tab_con_cmn ul li.list:nth-child(n+3){margin:0 2% 0 0; }
	#latest .tab_con_cmn ul li.list:nth-child(3){margin:0 2% 2% 0;}
	#latest .tab_con_cmn ul li.list:nth-child(2){margin:0 0 2% 0;}
	#latest .tab_con_cmn ul li.list:nth-child(4){margin:0 0 2% 0;}
	#latest .tab_con_cmn ul li.list:nth-child(6){margin:0 0 2% 0;}
}

@media all and (max-width:880px){
	#latest ul.tab li{font-size:20px;}
	#latest .tab_con_cmn ul li.list a{font-size: 18px;}
	
}


@media all and (max-width:768px) {
/*
    #latest {height: auto !important}
    #latest .tab_con_cmn ul li.list{width: 100%;margin: 10px;}
*/
	#latest ul.tab{margin-bottom: 10px;}
	#latest ul.tab li{width: 49%;border:4px solid #e2e2e2;margin: 0 2% 2% 0;border-radius: 10px;}
	#latest ul.tab li:nth-child(2n){margin: 0 0 2% 0}

	#latest ul.tab li a{padding:20px 0;border-radius: 0}
	#latest ul.tab li.on a{border: none;background: #f2f2f2;}
	#latest .tab_con_cmn ul li.list{width: 100%;margin: 0 0 2% 0}
	#latest .tab_con_cmn ul li.list:nth-child(n+3){margin:0 0 2% 0; }
	#latest .tab_con_cmn ul li.list:nth-child(3){margin:0 0 2% 0;}
	#latest .tab_con_cmn ul li.list:nth-child(2){margin:0 0 2% 0;}
	#latest .tab_con_cmn ul li.list:nth-child(4){margin:0 0 2% 0;}
	#latest .tab_con_cmn ul li.list:nth-child(6){margin:0 0 2% 0;}
}

@media all and (max-width:520px) {
	
	#latest ul.tab li{font-size:20px;}
	#latest .tab_con_cmn ul li.list a{font-size: 18px;}
}

@media all and (max-width:425px) {
	#latest ul.tab li{font-size:18px;}

}



/* online */
#online{background:#d5e9dc; font-size: 0;width: 100%;height: 100vh !important;word-break: keep-all;}
#online .inner_wrap{max-width:1400px; margin:0 auto; box-sizing:border-box;padding:190px 0 0 0}
#online h2.main_t{width:100%; font-size:58px; text-align: center;padding: 0 0 20px 0; color:#10a19f; font-family:'GmarketSansBold'; font-weight: bold;}
#online p.sub_t{width:100%; font-size:26px; text-align: center;padding: 0 0 30px 0}

#online .online_con {}
#online .online_con ul.list {background:#fff;border-radius:10px;font-size:0;text-align: center; padding: 50px 50px 70px 50px;box-sizing: border-box;font-size: 0;}
#online .online_con ul.list li{height:355px;display:inline-block;vertical-align: top; width:23.5%; margin:0 2% 0 0;box-sizing: border-box;transition:.3s;}
#online .online_con ul.list li:nth-child(4){margin:0;}

#online .online_con ul.list li p.tit{font-size:22px;box-shadow: 0 -3px 12px rgba(0,0,0,.15);border-radius:10px 10px 0 0 ;height: 90px; line-height: 65px;font-weight: bold;padding: 10px 0 0 0;letter-spacing: -2.5px;margin-bottom: -8px;box-sizing: border-box;}
#online .online_con ul.list li:last-child p.tit{line-height: 32px;}
#online .online_con ul.list li p.tit span{color: #6b5237;}
#online .online_con ul.list li:nth-child(2) p.tit span{color: #64821b;}
#online .online_con ul.list li:nth-child(3) p.tit span{color: #1d677b;}
#online .online_con ul.list li:nth-child(4) p.tit span{color: #3a2f75;}

#online .online_con ul.list li div.col{font-size:22px; background:#e7ddc5; border-radius: 20px; width: 100%; height:255px; position: relative;box-shadow: 0 5px 12px rgba(0,0,0,.2);}
#online .online_con ul.list li div.col::after{content: ""; background: url(../img/main/online_spicon.png) 0 0 no-repeat; width:255px; height: 255px; display: inline-block; position: absolute; bottom: -5px; left:50%; transform: translateX(-50%);}
#online .online_con ul.list li:nth-child(2) div.col{font-size:22px; background:#d2e0af;}
#online .online_con ul.list li:nth-child(3) div.col{font-size:22px; background:#bbd9e1;}
#online .online_con ul.list li:nth-child(4) div.col{font-size:22px; background:#c9c8dc;}

#online .online_con ul.list li:nth-child(2) div.col::after{ background-position: -255px 0}
#online .online_con ul.list li:nth-child(3) div.col::after{ background-position: -510px 0}
#online .online_con ul.list li:nth-child(4) div.col::after{ background-position: -765px 0}


/*#online .on_btn {position:absolute; top:-40px; left:50%; transform: translateX(-50%;)}*/
#online .on_btn a {display:block; max-width:285px; color:#fff; background:#0dbbb9; padding:25px 0; text-align: center; border-radius: 15px; font-size:22px;margin: -35px auto 0;}




@media all and (max-width:1400px){
	#online .inner_wrap {width: 98%;}
/*
	
	#online {height: auto !important}
  	#online .online_con ul.list li{width:38%; margin:0 3% 3% 0;}
	#online .online_con ul.list li:nth-child(2n){margin:0 0 3% 0;}
	#online .online_con ul.list li:nth-child(4){margin:0 0 3% 0 !important;}
    
    #online .online_con ul.list {padding:40px 0px 70px 0px}  
*/   
    
}

@media all and (max-width:1200px){
	
	#online .inner_wrap{padding: 120px 0;}
	
	#online{height: auto !important;}
	#online .online_con ul.list li{height:auto;width:49%; margin:0 2% 20px 0;}
	#online .online_con ul.list li:nth-child(2n){margin:0 0 30px 0;}
	#online .online_con ul.list li:nth-child(3){margin:0 2% 0 0;}
	#online .online_con ul.list li:nth-child(4){margin:0;}
}

@media all and (max-width:1024px){
	#online h2.main_t{font-size: 50px;padding-bottom: 20px;}
	#online p.sub_t{font-size: 22px;}
	#online .online_con ul.list li p.tit{font-size: 20px;}
	#online .on_btn a{font-size: 20px;}
}

@media all and (max-width:768px){
/*    #online .online_con ul.list li{width:80%; margin:0 0 3% 0;}*/
	#online .online_con ul.list li{height:auto;width:100%; margin:0 0 30px 0;}
	#online .online_con ul.list li:nth-child(3){margin:0 0 30px 0;}
	
	#online h2.main_t{font-size: 44px;}
	#online p.sub_t{font-size: 18px;}
	#online .online_con ul.list li p.tit{font-size: 20px;}
	#online .on_btn a{font-size: 20px;}
}

@media all and (max-width:520px){
	#online h2.main_t{font-size: 38px;}
	#online p.sub_t{font-size: 16px;}
	
	#online .online_con ul.list{padding:50px 30px 70px 30px;}
	#online .online_con ul.list li p.tit{font-size: 18px;}
	#online .on_btn a{font-size: 18px;padding: 20px 0;max-width: 240px}
	
	
	
}




/* rainbow */

#rainbow{background: url(../img/main/rainbow_bg.jpg) center bottom no-repeat #fff5e9;height: auto !important; padding-bottom: 50.9%; background-size: contain;position: relative;}
#rainbow .on_btn2 {width: 100%; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); }
#rainbow .on_btn2 a {display:block;color:#fff; background:#f9a602; padding:22px 0; text-align: center; border-radius: 15px; font-size:22px;margin: -35px auto 0; width: 100%; max-width:285px; }


@media all and (max-width:1024px){
#rainbow {background: url(../img/main/rainbow_m_bg.jpg) center bottom no-repeat #fff5e9; padding-bottom: 75%; background-size: contain;}
}

@media all and (max-width:768px){
#rainbow {background: url(../img/main/rainbow_m_bg2.jpg) center bottom no-repeat #fff5e9; padding-bottom:100%; background-size: contain;}
	#rainbow .on_btn2{bottom: 20px;}
	#rainbow .on_btn2 a{font-size: 16px;padding: 16px 0;max-width: 180px; }
}


/* application */
#application{background: url(../img/main/application_bg.jpg) center center no-repeat #9d96c9; height: auto !important;padding-bottom: 50.9%; background-size: contain; }

@media all and (max-width:1024px){
#application {background: url(../img/main/application_m_bg.jpg) center center no-repeat #9d96c9; padding-bottom: 75%; background-size: contain; }
}

@media all and (max-width:768px){
#application {background: url(../img/main/application_m_bg2.jpg) center center no-repeat #9d96c9; padding-bottom: 100%; background-size: contain; }
}




/* orgBanner */

#orgBanner {border-top: 1px solid #ccc;font-size: 0;position: relative;z-index: 900;background: #fff;padding: 10px 0;}
#orgBanner .inner_wrap {max-width: 1400px;margin:0 auto;font-size:0; }


#orgBanner .org_cmn {display: inline-block;vertical-align: middle;}
#orgBanner .org_l {width:100%;max-width:210px; display: none;}

#orgBanner span.tit{font-family: 'GmarketSansMedium';display:inline-block;font-size:22px;line-height:30px;vertical-align: middle;box-sizing: border-box;font-weight: bold;padding-right: 20px;}
#orgBanner .org_l ul.org_btn {font-size:0;margin:0 auto;display: inline-block;vertical-align: middle}
#orgBanner .org_l ul.org_btn li {display:inline-block;vertical-align: middle;padding: 5px;}
#orgBanner .org_l ul.org_btn li img {max-width:100%;}
#orgBanner ul.org_btn li.next::before {content: "" ; background: #898989; width:1px; height: 10px;display: inline-block; margin: 0 10px 0 0}

/*#orgBanner .org_r {width:calc(100% - 210px)}*/
#orgBanner .org_r {width:100%;}
#orgBanner .org_r .org_item a {display:block;text-align:center;padding:5px 0;}


#orgBanner .owl-dots {display: none;}


#orgBanner .owl-carousel .owl-item img{max-width: 100%; width: auto !important;}

@media all and (max-width:1400px){
	#orgBanner {padding: 10px 15px;}	
}

@media all and (max-width:1024px){
  #orgBanner .org_l{display:none;}
  #orgBanner .banner_slide {width:100%;}
  #orgBanner .org_r{width: 100%;}
}