@charset "utf-8";
.m_content>div:after{content:"";display:block;clear:both;}

/*Mobile*/
.main_container{position:relative;}
.sub_site .head h1 img{content:url("/images/05_language/main/logo.png")}
.con1 .wrap{padding:0 20px;}
.con1 .m_visual .img_wrap .visual_img{position: absolute;top: -40px;left: 0;right: 0;z-index: -1;height: 66vh;overflow: hidden;}
.con1 .m_visual .img_wrap li{height: 100%;}

.con1 .m_visual .img_wrap img{height: 100%;}
.con1 .m_visual .main_title h2{color:#fff;font-weight: 300;font-size: 18px;margin:40px 0;line-height: 30px;font-family: 'SBAggro';text-shadow: 0 5px 5px #00000038;}
.con1 .m_visual .main_title h2 strong{font-size: 25px;line-height: 28px;}
.con1 .m_visual .img_wrap li{opacity:0;transition: .5s;position:absolute;width: 100%;}
.con1 .m_visual .img_wrap li.active{opacity:1;}
.con1 .img_wrap .control{margin-bottom:60px;}
.con1 .img_wrap .control .number{color:#ffffffad;font-size:14px;float: left;margin-right:15px;position:relative;}
.con1 .img_wrap .control .number em{font-style:normal;color:#fff;}
.con1 .img_wrap .control .number em:after{content:"";display:inline-block;width:130px;height:1px;background:#ffffff7a;margin:4px 3px;}
.con1 .img_wrap .number .bar{position:absolute;top: 6px;left: 17px;width: 130px;}
.con1 .img_wrap .number .bar li{width: 135px;height:1px;border-top: 2px solid #fff;margin:4px 3px;display:none;}
.con1 .img_wrap .number .bar li.active{display:block;width: 0%;height:1px;animation:countingBar 5s linear forwards;}
.con1 .img_wrap .control button{width:20px;height: 18px;background:url("/images/05_language/main/icon.png")no-repeat left top;font-size:0;}
.con1 .img_wrap .control .v_prev{background-position:0 -2px;}
.con1 .img_wrap .control .v_stop{background-position: -76px -2px;}
.con1 .img_wrap .control .v_play{background-position: -122px -57px;}
.con1 .img_wrap .control .v_next{background-position: -36px -2px;}
@keyframes countingBar {
	0% {width: 0;}
	100% {width:100%;}
}

.con1 .m_mayor{font-family:'SBAggro';padding:20px;background: url("/images/05_language/main/mayor_bg.png")no-repeat right -50px top -10px #fff;overflow:hidden;background-size: 110%;border-radius:20px;position:relative;box-shadow: 0 5px 5px #00000038;/* min-height: 225px; */margin-bottom: 40px;}
.con1 .m_mayor p{color:#444;font-weight:300;font-size:15px;margin-bottom:20px;}
.con1 .m_mayor p strong{font-weight:500;}
.con1 .m_mayor dl dt{color:#444;font-size:14px;font-weight:300;}
.con1 .m_mayor dl dt strong{display:block;font-size:22px;width:60%;color:#003093;line-height:22px;margin:5px 0 30px 0;}
.con1 .m_mayor dl dd{margin-bottom:15px;}
.con1 .m_mayor dl dd:last-child{margin-bottom:0;}
.con1 .m_mayor dl dd a{display:block;font-size:14px;letter-spacing:-1px;}
.con1 .m_mayor dl dd a:before{content:"";display:block;width:25px;height: 25px;float:left;background: url("/images/05_language/main/icon.png")no-repeat right -8px top 1px;margin: -6px 3px 0 0;}
.con1 .m_mayor dl:after{content:"";width: 172px;height: 220px;display:block;position:absolute;top: 8px;right: 4px;background:url("/images/05_language/main/mayor.png")no-repeat;background-size: cover;}

.con2{background: linear-gradient(to top, #e8f7f8, #eff7ff);}
.con2 .wrap{padding:40px 20px;text-align: center;overflow: hidden;}
.con2 h3{font-family: 'SBAggro';font-weight: 300;font-size:21px;letter-spacing: -1px;color: #666;margin-bottom: 40px;}
.con2 h3 strong{display: block;color:#165595;}
.con2 li{border-radius: 20px;overflow: hidden;width: 48%;margin-right: 4%;float:left;margin-bottom: 20px;box-shadow: 0 0 10px #16559547;}
.con2 li:nth-of-type(2n){margin-right:0;}
.con2 li a{display: block;padding: 15px 5px;background: #fff;min-height: 126px;}
.con2 li span{display: block;line-height: 18px;font-size: 15px;}
.con2 li span::before{content:"";display: block;width:45px;height:50px;margin:0 auto;margin-bottom:10px;background:url("/images/05_language/main/quick_i.png")no-repeat left top;}
.con2 li:nth-child(1) span::before{background-position: 0 0;}
.con2 li:nth-child(2) span::before{background-position: -78px 0;}
.con2 li:nth-child(3) span::before{background-position: -159px 0;}
.con2 li:nth-child(4) span::before{background-position: 0 -86px;}
.con2 li:nth-child(5) span::before{background-position: -77px -85px;width: 48px;}
.con2 li:nth-child(6) span::before{background-position: -161px -85px;}
.con2 li:nth-child(5), .con2 li:nth-child(6){margin-bottom:0;}

.con3{position:relative;}
.con3::before{display: block;content:"IN GIMJE";font-family:'SBAggro';font-weight:600;font-size: 48px;color: transparent;background: linear-gradient(to left, #e3f8f3, #e5f3fc);-webkit-background-clip:text;letter-spacing:-1px;position:absolute;z-index:-1;top: 40px;left: -3px;}
.con3 .wrap{padding: 80px 20px 0 20px;font-family:'SBAggro';}
.con3 .tour{overflow: hidden;margin-bottom: 40px;min-height: 440px;}
.con3 .tour h3{float: left;position: relative;}
.con3 .tour h3:first-child{margin-right:10px;}
.con3 .tour h3 a{display:block;font-size:15px;font-weight:400;letter-spacing: -1px;background:#f5f5f5;border:1px solid #ddd;border-radius:50px;padding:8px 15px;text-align: center;color:#666;width:fit-content;}
.con3 .tour h3.on a{color:#fff;background: #165595;}
.con3 .tour>div{display:none;left:0;top: 115px;overflow: hidden;clear: both;width: 100%;position: absolute;padding: 0 20px;}
.con3 .tour>div.on{display:block;}
.con3 .tour>div ul{height: 332px;overflow:hidden;margin-bottom: 20px;}
.con3 .tour>div li{border-radius:20px;overflow:hidden;float: left;margin: 30px 0 20px 0;width: 100%;}
.con3 .tour>div li a{display:block;position:relative;}
.con3 .tour>div li a strong{display:block;position:absolute;bottom:0;left:0;padding:10px 0;width:100%;text-align:center;color:#fff;background:#0000008c;transition:all .5s;font-weight:300;font-size:15px;}
.con3 .tour>div li a span{display:none;}
.con3 .tour img{width:100%;max-height: 303px;}
.con3 .tour .control{position: relative;left: 50%;transform: translateX(-50%);width: fit-content;border:1px solid #ddd;overflow: hidden;border-radius: 50px;}
.con3 .tour .control button{width:64px;height:40px;background:url("/images/05_language/main/icon.png")no-repeat#fff;display:inline-block;font-size:0;}
.con3 .tour .control button.prev{background-position: left 24px bottom -2px;border-right: 1px solid #ddd;}
.con3 .tour .control button.next{background-position: left -20px bottom -2px;}
.con3 .tour>div div{box-shadow:none;}

.con3 .quick_link{margin-bottom:40px;}
.con3 .quick_link li{margin-bottom:20px;display:table;width:100%;min-height: 65px;}
.con3 .quick_link li:last-child{margin-bottom:0;}
.con3 .quick_link li a{background: url("/images/05_language/main/link_bg.png")no-repeat right -80px top 20px #e6f2ff;border-radius:15px;display:table-cell;vertical-align:middle;padding: 15px 20px;color: #155595;font-weight: 300;padding-right:70px;position:relative;}
.con3 .quick_link li a span{font-weight:600;}
.con3 .quick_link li a:after{content:"";display:block;width: 60px;height: 64px;position:absolute;background:url("/images/05_language/main/link_i.png")no-repeat center top;right: 9px;background-size:cover;bottom: -7px;}
.con3 .quick_link .li02 a:after{background-position:center top -88px;}
.con3 .quick_link .li03 a:after{background-position: center top -163px;}

/* Tablet */
@media (min-width:768px){
.con1 .wrap{height: 65vh;}
.con1 .m_visual{overflow:hidden;}
.con1 .m_visual .main_title h2{font-size:26px;line-height:34px;width: 75%;}
.con1 .m_visual .main_title h2 strong{font-size:30px;}
.con1 .m_visual .img_wrap .visual_img{height: 71vh;top: 0px;overflow: hidden;}
	
.con1 .m_mayor{padding:30px;width: 463px;float: right;background-position-x: 80px;margin-bottom: 40px;}
.con1 .m_mayor p{font-size: 19px;margin-bottom: 30px;}
.con1 .m_mayor dl dt{font-size:15px;}
.con1 .m_mayor dl dt strong{font-size:30px;width:180px;line-height:32px;}
.con1 .m_mayor dl dd{margin-bottom:20px;}
.con1 .m_mayor dl dd a{font-size:17px;font-weight:300;}
.con1 .m_mayor dl dd a:before{margin: -4px 5px 0 0;}
.con1 .m_mayor dl:after{width: 224px;height: 305px;top: 10px;right: 10px;}

.con2 h3{font-size:24px;}
.con2 h3 strong{display:inline-block;}
.con2 li{width: 32%;margin-right: 2%;}
.con2 li:nth-of-type(2n){margin-right:2%;}
.con2 li:nth-of-type(3n){margin-right:0;}
.con2 li:nth-child(4){margin-bottom:0;}
.con2 li a{min-height:auto;}

.con3 .tour{position:relative;}
.con3 .tour h3 a{background:none;border:none;font-size:18px;}
.con3 .tour h3.on a{font-size:24px;color:#165595;background:none;font-weight:600;padding-top: 3px;}
.con3 .tour>div{padding: 0;top: 30px;overflow: auto;}
.con3 .tour>div li{width: 48%;margin-right: 2%;}
.con3 .tour .control{bottom: 0;right: 0;overflow: inherit;}

.con3 .quick_link li{width:32%;float:left;margin-right:2%;}
.con3 .quick_link li:last-child{margin-right:0;}
}

/*PC*/
@media (min-width:1023px){
.con1 .wrap{position:relative;}
.con1 .m_visual .main_title{width:55%;margin-top:80px;}
.con1 .m_visual .main_title h2{width:100%;}
.con1 .m_visual .img_wrap img{width:100%;}

.con2 li{width: 15%;}
.con2 li:nth-child(3){margin-right:2%;}
.con2 li a{min-height:126px;}
.con3 .tour>div li{width:31.333%;}
}

@media (min-width:1440px){
.wrap{width: 1400px !important;}
.sub_site .menu>ul>li>a{color:#fff;}
.head .gnb .g_sns>a{color:#fff;}
.sub_site .head h1 img{content:url("/images/05_language/main/logo_white.png") !important;;}
.head .tsitemap a{background:url("/images/05_language/main/header_i.png")no-repeat left top !important;width:35px !important;}
.head .gnb>div>a>span{background: url("/images/05_language/main/header_i.png")no-repeat left -70px top -3px !important;height: 7px !important;margin-left: 3px;}
.head .gnb .g_lang>a{background:none !important;color:#fff;padding:2px 0 !important;}
.menu>ul>li.on>a,.menu>ul>li:hover>a{color: #ffffff !important;font-weight: 600 !important;}

.m_content{margin:0 auto;width:1400px;}
.con1{/* padding-top:80px; */}
.con1:before{content:"";display:block;width:1920px;height:1px;border-top:1px solid #ddd;left:0;position:absolute;}
.con1 .wrap{height: 760px;width: auto;padding: 0;position: static;}
.con1 .wrap:after{content:"";display:block;width:94px;height:82px;background:url("/images/05_language/main/scroll.png")no-repeat;margin:0 auto;bottom: 0;position: relative;top: 635px;animation-name:scroll_i;animation-direction:alternate;animation-iteration-count:infinite;animation-duration:.8s;}
@keyframes scroll_i{from{top:635px;} to{top:640px;}}
.con1 .m_visual{width: 65%;float: left;}
.con1 .m_visual .main_title{width:100%;}
.con1 .m_visual .img_wrap{width: fit-content;overflow: hidden;}
.con1 .m_visual .img_wrap .visual_img{top: -180px;height: 1020px;width: 1920px;overflow: inherit;}
.con1 .img_wrap .control{width:fit-content;}
.con1 .m_visual .main_title h2{font-size: 35px;line-height: 62px;font-family:'SCDream';font-weight:100;margin: 0 0 65px 0;width: 90%;}
.con1 .m_visual .main_title h2 strong{font-size: 48px;line-height: 69px;font-family:'SBAggro';}
.con1 .m_visual .main_title h2 strong:first-child{/* display:block; */font-size:55px;}
.con1 .img_wrap .number .bar{width:190px;left: 18px;}
.con1 .img_wrap .control .number em:after{width:190px;}
.con1 .m_mayor{margin: 80px 0 0 0;}

.con2 .wrap{padding: 80px 10px;}
.con2:before{content:"";display:block;width:1920px;height:380px;position:absolute;background: linear-gradient(to top, #e8f7f8, #eff7ff);z-index:-1;left: 0;}
.con2 h3{font-size:30px;}
.con2 li{margin-bottom:0;transition: all .2s;}
.con2 li:hover{border-radius:30px;box-shadow: 0 0 20px #16559547;}
.con2 li:hover span{color:#1866b4;}
.con2 li a{padding:20px 30px;height:144px;}
.con2 li span{font-size:16px;line-height:22px;}

.con3 .wrap{padding: 80px 0 40px 0;}
.con3 .tour{min-height:300px;margin-bottom: 70px;overflow: inherit;}
.con3 .tour h3{float:none;width: fit-content;}
.con3 .tour h3.on{padding-left:20px;}
.con3 .tour h3:before{content:"";display:block;width:270px;height:1px;border-top:1px solid #ddd;position:absolute;left: -284px;top: 9px;}
.con3 .tour h3.on:before{border-top:1px solid #165595;top: 15px;left: -263px;}
.con3 .tour h3 a{padding: 0;}
.con3 .tour h3.on a{font-size: 26px;}
.con3 .tour>div{width: 74%;right: 0;left:auto;overflow: initial;top: 0;}
.con3 .tour>div ul{overflow:inherit;top: 35px;left: 15px;}
.con3 .tour>div li{margin: 0 30px 0 0;width: 30.3333%;}
.con3 .tour>div li.active{position:relative;top: -40px;box-shadow:0 30px 25px #66666669;}
.con3 .tour>div li.active strong{font-size: 19px;font-weight:500;padding: 30px;text-align: left;transition: all .5s linear;}
.con3 .tour>div li.active span{display:block;font-size:14px;font-weight:300;text-align:right;margin-top: 15px;}
.con3 .tour>div li.active span:after{content:"";display:block;width:23px;height: 16px;float:right;background: url(/images/05_language/main/icon.png)no-repeat left -83px top -60px;margin-left: 5px;}
.con3 .tour h3:first-child{margin: 0 0 20px 0;}
.con3 .tour .control{position:absolute;left: -312px;bottom: 160px;overflow: hidden;}
.con3 .quick_link{overflow:hidden;}
.con3 .quick_link li{margin-bottom:0;}
.con3 .quick_link li a{padding: 45px 55px;border-radius: 20px;font-size: 20px;background-position: right -16px top 40px;}
.con3 .quick_link li a:after{background-size:auto;background-position: left top;width: 91px;height: 93px;bottom: 4px;right: 47px;}
.con3 .quick_link .li02 a:after{background-position: left top -139px;}
.con3 .quick_link .li03 a:after{background-position: left top -265px;}
.con3 .quick_link .li02 a{padding: 33px 55px;}
.con3 .quick_link .li02 a span{display:block;}
.con3::before{content:"";width:509px;height:369px;background:url("/images/05_language/main/con3_bg1.png")no-repeat;left: -230px;bottom: -44px;top: auto;z-index: 0;}
.con3::after{content:"";display:block;width:263px;height:615px;position:absolute;background: url("/images/05_language/main/con3_bg2.png")no-repeat;bottom: -41px;right: -234px;}
}