@charset "utf-8";

.ir-gnb{background-image:url(/images/eng/common/ir-gnb.png);}

#top_layout .top_wrap #logo{width:281px;height: 40px;margin: 17px 0 12px 30px;}
#top_layout .top_wrap #logo .ir-tmpl{background:url(/images/eng/common/logo.png)}
#top_layout .top_wrap #logo .ir-tmpl.flogo{background-position:0 0;}
#top_layout .top_wrap .utile_wrap li.search a#search-button .ir{background-position:-213px -220px;}
#top_layout .top_wrap .utile_wrap li.box button .ir,
#top_layout .top_wrap .utile_wrap li.box a .ir{width: 18px;height: 18px;background-position: -200px -51px;}
#top_layout .top_wrap .utile_wrap li.box a:hover .ir{background-position: -200px -51px;}
#top_layout .top_wrap .utile_wrap li.box.mo button .ir{right:10px}

#lnb_hm .lnb_hm--links .sns > button{position:relative;font-size: 14px;font-weight:bold;color:rgba(255,255,255,0.5);}
#lnb_hm .lnb_hm--links .sns.open button{font-weight:bold;color:#fff}
#lnb_hm .lnb_hm--links .sns > button:before{display:inline-block;width:15px;height:16px;margin-right:5px;background:url(/images/eng/common/sns_ir.png);vertical-align:middle;content:'';transition: all .3s;}
#lnb_hm .lnb_hm--links .sns > button:after{display:none;}
#lnb_hm .lnb_hm--links .sns.open > button:before{display:inline-block;width:15px;height:16px;margin-right:5px;background:url(/images/eng/common/sns_ir.png);vertical-align:middle;content:'';transform: rotate(90deg);}
#lnb_hm .lnb_hm--links .sns ul{background:rgba(0,0,0,0.5);}
#lnb_hm .lnb_hm--links .sns.open ul{top: 55px;right: 0;left: auto;min-width: 327px;height: 81px;padding: 18px 30px;margin-right: -148px;border:0;border-radius: 0;text-align: center;border-radius: 50px;}
#lnb_hm .lnb_hm--links .sns ul li{display: inline-block;width:44px;height:44px;border: 0;padding: 0;}
#lnb_hm .lnb_hm--links .sns ul li + li{margin-left: 8px;}
#lnb_hm .lnb_hm--links .sns .languages li a{display:block;width: 100%;height: 100%;font-size:0;background:url(/images/eng/common/sns_ir.png);}
#lnb_hm .lnb_hm--links .sns ul li.fb a{background-position:-15px 0}
#lnb_hm .lnb_hm--links .sns ul li.bl a{background-position: -59px 0;}
#lnb_hm .lnb_hm--links .sns ul li.in a{background-position: -103px 0;}
#lnb_hm .lnb_hm--links .sns ul li.yt a{background-position: -147px 0;}
#lnb_hm .lnb_hm--links .sns ul li.tw a{background-position: -191px 0;}
#lnb_hm .lnb_hm--links .sns ul li.fb a:hover,#lnb_hm .lnb_hm--links .sns ul li.fb a:focus{background-position: -15px -45px;}
#lnb_hm .lnb_hm--links .sns.open ul li.bl a:hover,#lnb_hm .lnb_hm--links .sns.open ul li.bl a:focus{background-position: -59px -45px;}
#lnb_hm .lnb_hm--links .sns.open ul li.in a:hover,#lnb_hm .lnb_hm--links .sns.open ul li.in a:focus{background-position: -103px -45px;}
#lnb_hm .lnb_hm--links .sns.open ul li.yt a:hover,#lnb_hm .lnb_hm--links .sns.open ul li.yt a:focus{background-position: -147px -45px;}
#lnb_hm .lnb_hm--links .sns.open ul li.tw a:hover,#lnb_hm .lnb_hm--links .sns.open ul li.tw a:focus{background-position: -191px -45px;}

#gnb_layout{padding-left: 320px;}
#gnb_layout .depth1_ul>li>a{padding: 0 20px;font-size: 16px;}
#gnb_layout .depth1_ul>li .item{padding-left:350px;}
#gnb_layout .depth1_ul>li .item .gnb-title{width:350px}
#gnb_layout .depth1_ul > li .item .gnb-title strong{line-height: 1.1;word-break:keep-all;}
#gnb_layout .depth2_ul>li.n4_1,
#gnb_layout .depth2_ul > li.n4_1 > a{min-height:60px}
#gnb_layout .depth2_ul > li > a span{display:block;}
#gnb_layout .depth1_ul>li>a span{position:relative;}
#gnb_layout .depth1_ul>li.n2 .item .depth2_images{position:relative;margin:0;text-align:left;min-height:370px;}
#gnb_layout .depth1_ul>li.n2 .item .depth2_images img{max-width:none;vertical-align:top;}
#gnb_layout .depth1_ul>li.n2 .item .depth2_images .icon-link{display:block;position:absolute;top:100px;left:0;width:100%;text-align:center}
#gnb_layout .depth1_ul>li .item .depth2_images .icon-link a{display:inline-block;}
#gnb_layout .depth1_ul>li .item .depth2_images .icon-link a .ir-gnb{display:block;margin:0 auto;height:72px;}
#gnb_layout .depth1_ul>li .item .depth2_images .icon-link a .ir-gnb.gnb-icon1{width:67px;}
#gnb_layout .depth1_ul>li .item .depth2_images .icon-link a .ir-gnb.gnb-icon2{width:83px;background-position:-74px 0}
#gnb_layout .depth1_ul>li .item .depth2_images .icon-link a .ir-gnb.gnb-icon3{width:80px;background-position:-164px 0}
#gnb_layout .depth1_ul>li .item .depth2_images .icon-link a em{display:block;margin-top:16px;margin-bottom:10px;padding-top:16px;position:relative;font-size:20px;}
#gnb_layout .depth1_ul>li .item .depth2_images .icon-link a em:before{display:block;content:"";position:absolute;top:0;left:50%;margin-left:-13px;width:26px;height:1px;background-color:#fff}
#gnb_layout .depth1_ul>li .item .depth2_images .icon-link a .btn{border:2px solid #fff;background-color: transparent;color:#fff;text-align:center;min-width:150px;padding:10px 14px;}
#gnb_layout .depth1_ul>li .item .depth2_images .icon-link a .btn .ir{display:none}
#gnb_layout .depth1_ul>li.n7>a span{padding-right:27px;}
#gnb_layout .depth1_ul>li.n7>a span:before{content:'';position:absolute;top: 32px;right:0;width:19px;height:19px;display:inline-block;background:url(/images/eng/common/gnb_last.png) no-repeat;display:block;}

.lnb__title{height:auto;}

#svisual_layout .svisual_wrap .sub__background.topImage1{background-image:url(/images/eng/common/sub__background1.png);}
#svisual_layout .svisual_wrap .sub__background.topImage2{background-image:url(/images/eng/common/sub__background2.png);}
#svisual_layout .svisual_wrap .sub__background.topImage3{background-image:url(/images/eng/common/sub__background2.png);}
#svisual_layout .svisual_wrap .sub__background.topImage4{background-image:url(/images/eng/common/sub__background4.png);}
#svisual_layout .svisual_wrap .sub__background.topImage5{background-image:url(/images/eng/common/sub__background4.png);}
#svisual_layout .svisual_wrap .sub__background.topImage6{background-image:url(/images/eng/common/sub__background5.png);}
#svisual_layout .svisual_wrap .sub__background.topImage7{background-image:url(/images/eng/common/sub__background6.png);}
#svisual_layout .svisual_wrap .sub__background.topImage8{background-image:url(/images/eng/common/sub__background3.png);}
#svisual_layout .svisual_wrap .subvisual-layout__title,
#svisual_layout .svisual_wrap .subvisual-layout__text{display:block;font-size:0;margin:0 auto; }
#svisual_layout .svisual_wrap .subvisual-layout__title{margin-bottom:10px;width:334px;height:112px;background-image:url(/images/eng/common/subvisual__title.png);}
#svisual_layout .svisual_wrap .subvisual-layout__text{width: 399px;height: 43px;background-image:url(/images/eng/common/subvisual__text.png);/* left: 88px; */position: relative;}

#foot_layout .footer-info{padding-left:400px}
#foot_layout .ir-tmpl.flogo{width: 281px;height: 41px;background:url(/images/eng/common/flogo.png);}
#foot_layout .sns{top:auto;bottom:20px}

@media screen and (max-width:1280px) {
	#gnb_layout{padding-right:50px}
	#lnb_hm .lnb_hm--links .sns.open ul{top: 42px;left: 50%;right: auto;width: 100%;margin: 0 0 0 -118.5px;}
	#foot_layout .footer-info{padding-left:0px;padding-bottom: 85px;}
	#foot_layout .sns{margin-left:0;transform:translateX(-50%)}
}
@media screen and (max-width:1024px) {

	#top_layout .top_wrap #logo{display:block;float:none;width: 160px;height: 22px;margin: 26px 0 20px 20px;}

	#top_layout .top_wrap #logo .ir-tmpl{background-size: 100%;}
	#mobile-menu .modal-dialog .modal-content .topUtile .logo{width: 241px;height: 34px;background: url(/images/eng/common/mlogo.png);background-size: 100%;}
	#top_layout .top_wrap .utile_wrap li.search{margin-top:-33px;}

}


#location {
	position: relative;
	width: 100%;
	padding-bottom: 37px;
	/* border-bottom: 3px solid #000; */
	text-align: left;
}
.utile_wrap {
	position: relative;
	bottom: auto;
	right: auto;
	padding-left: 10px;
	margin-top: 1px;
}

.setting-box__group {
	text-align: right;
	float: right;
	margin-top: -8px;
}


/* quick contents */
.scene-quick{}

#quick{z-index: 99;position:absolute;top: 250px;right:20px;text-align:center;transition:right 300ms ease-in-out;}
#quick a{display:block;margin-bottom:46px;width:98px;color: #fff;padding-bottom: 9px;transition:all 300ms ease-in-out;position:relative;}
#quick a:before{content: '';position:absolute;bottom:0;left:0;width:100%;height:1px;display:block;background-color:rgba(255,255,255,0.5);}
#quick a.ov,
#quick a:hover{transform:translate(-10px, 0);width:118px;}
#quick a.ov:before,
#quick a:hover:before{height:20px;background-color:rgba(255,255,255,0.2);}
#quick a.ov{transform:translate(-20px, 0);}


#quick a .ir-quick{display:block;margin:0 auto 12px;width: 37px;height: 37px;background-image:url(/images/eng/common/ir-quick.png);}
#quick a .ir-quick.ir-quick__1{background-position:0 0}
#quick a .ir-quick.ir-quick__2{background-position:0 -123px}
#quick a .ir-quick.ir-quick__3{background-position:0 -239px}


.campus-tab{margin-top:20px;margin-left:-20px;margin-bottom: 20px;}
.campus-tab a{color:#fff;font-size: 16px;display:inline-block;position:relative;padding:0 20px;}
.campus-tab a:before{position: absolute;left:0;top:50%;width:1px;height: 17px;margin-top: -6.5px;background: #ccc;content: '';opacity: 0.3;}
.campus-tab a.tab-1:before{display:none;}
.campus-tab a.ov{color:#d9a577;font-weight: bold;}


.scene-quick #quick{right:0}
.scene-quick #quick .quick-opener{display:block;}
.scene-quick #quick .quick-opener span{color:#fff}
.quick-object.scene-ready{display:block;padding: 47px 124px 47px 74px;}
.quick-object{display:none;z-index: 13;position:absolute;top: 80px;right:0;overflow:auto;width:50%;height:100%;}
.quick-object .exit{position:absolute;top:0;right:0;width:105px;height:105px;text-align:center;}
.quick-object .exit .quick-object-exit{display:block;width:100%;height:100%;overflow:hidden;padding-top:63px;background:url(/images/eng/common/quick_close.png) no-repeat 50% 33px;color:rgba(255,255,255,0.5);transition:all 300ms ease-in-out;}
.quick-object .exit .quick-object-exit:hover{transform:translate(-20px, 0);color:#fff;}


.quick-object .hgroup{}
.quick-object .hgroup .title{margin-bottom:40px;}
.quick-object .hgroup .title strong{display: block;margin-bottom:5px;font-size: 28px;color:#fff;font-weight: bold;}
.quick-object .hgroup .title p{color:rgba(255,255,255,0.5);font-size:18px;line-height: 1.2;}
.quick-object .hgroup form{margin-top: 25px;max-width: 450px;margin-left: -20px;position:relative;}
.quick-object .hgroup form input[type="text"]{display:block;width:100%;height: 61px;line-height: 61px;padding: 0 20px;font-size: 18px;color: #2c97d2;background-color: rgba(255,255,255,1);font-weight:bold;}
.quick-object .hgroup form input[type="text"]::placeholder{font-size:16px; color:#2c97d2;}
.quick-object .hgroup form input[type="submit"]{overflow:hidden;position:absolute;right: 20px;top: 50%;width: 19px;height: 18px;text-indent:-1000px;background: url(/images/eng/common/search_icon.png) no-repeat center center;background-size:100% auto;transform: translateY(-50%);}


.quick-object .hgroup .link__group .swiper-wrapper{position:relative;width:100%;height:100%;overflow:hidden;}
.quick-object .hgroup .link__group .swiper-wrapper .swiper-slide,
.quick-object .hgroup .link__group .swiper-wrapper .slick-list,
.quick-object .hgroup .link__group .swiper-wrapper .slick-list .slick-track,
.quick-object .hgroup .link__group .swiper-wrapper .slick-list .slick-track .slick-slide,
.quick-object .hgroup .link__group .swiper-wrapper .slick-list .slick-track .slick-slide>div,
.quick-object .hgroup .link__group .swiper-wrapper .slick-list .slick-track .slick-slide img{height:100%;}
.quick-object .hgroup .link__group .swiper-wrapper .slick-list .slick-track .slick-slide{display:none;min-height: 290px;}
.quick-object .hgroup .link__group .swiper-wrapper .slick-list .slick-track .slick-slide.slick-active{display:block}

.quick-object .hgroup .link__group .swiper-wrapper .slick-list .slick-track .slick-slide>div{width:100%;}
.quick-object .hgroup .link__group .swiper-wrapper .slick-list .slick-track .slick-slide>div:after{content: "";display: table;clear: both;}
.quick-object .hgroup .link__group .swiper-wrapper .swiper-slide{display:inline-block;float:left;width:auto;border: 2px solid transparent;min-width:160px;}
.quick-object .hgroup .link__group .swiper-wrapper .swiper-slide a {display:table;border: 1px solid transparent;text-align: center;cursor: pointer;height:54px;line-height: 1;border-color: #fff;color: #fff;font-size: 16px;width: 100%;word-break: break-all;padding: 0 9px;box-sizing: border-box;letter-spacing: -0.01em;/* overflow-wrap: break-word; */}
.quick-object .hgroup .link__group .swiper-wrapper .swiper-slide a span {position: relative;display:table-cell;line-height: 1.2;vertical-align: middle;}
.quick-object .hgroup .link__group .swiper-wrapper .slick-dots{text-align:center}
.quick-object .hgroup .link__group .swiper-wrapper .slick-dots li{float:left;margin: 0 5px;}
.quick-object .hgroup .link__group .swiper-wrapper .slick-dots li button{width:10px;height:10px;background-color:#b6bec7;border-radius: 50%;font-size: 0;}
.quick-object .hgroup .link__group .swiper-wrapper .slick-dots li.slick-active button{background-color:#11a4ee}




.campus-object .campus-section{display:none;position:relative;}
.campus-object .campus-section#campus-section-1{display:block;}
#quick-object-1{background:url(/images/eng/common/bakcground-index.png) no-repeat right 0;background-size:auto 100%;background-color:#178dcd}
#quick-object-2{background:url(/images/eng/common/bakcground-index.png) no-repeat right 0;background-size:auto 100%;background-color:#438dd9}
#quick-object-3{background:url(/images/eng/common/bakcground-index.png) no-repeat right 0;background-size:auto 100%;background-color:#143e82}

.open_popup #quick{top:330px}
.open_popup .quick-object{top:200px;}
.scrolling #quick{top:320px}
.scrolling .quick-object{top:100px;}

.quick-object .hgroup .link__group, .quick-object .hgroup .link__group .swiper-wrapper .slick-list .slick-track .slick-slide>div{width:680px;}


@media screen and (max-width:1920px){
	.quick-object .hgroup .link__group, .quick-object .hgroup .link__group .swiper-wrapper .slick-list .slick-track .slick-slide>div{width:480px;}

}

@media screen and (max-width:1280px){
	.quick-object{width:70%;top:122px;}
	.open_popup .quick-object{top:242px;}
}

@media screen and (max-width:1024px){
	.quick-object .hgroup .link__group .swiper-container, .quick-object .hgroup .link__group .swiper-wrapper{padding-right:0}
	#quick{top: 558px;right:0;width:100%;}
	.open_popup #quick{top:678px}
	#quick a{display:inline-block;margin-bottom:0;}
	#quick a:before{height:0}
	.quick-object{top:80px;width:100%;}
	.open_popup .quick-object{top:200px;}
	.scene-quick #quick .quick-opener{display:inline-block;}
	.quick-object .hgroup .link__group,
	.quick-object .hgroup .link__group .swiper-wrapper .slick-list .slick-track .slick-slide>div{max-width:none;width: 768px;}
	.campus-tab{text-align:center}
	.quick-object .hgroup .link__group .swiper-wrapper .swiper-slide{min-width:auto;}
}

@media screen and (max-width:900px){
	.quick-object .hgroup .link__group, .quick-object .hgroup .link__group .swiper-wrapper .slick-list .slick-track .slick-slide>div{width:680px;}
}

@media screen and (max-width:768px){

	#quick{top: 465px;}
	.quick-object .hgroup .link__group,
	.quick-object .hgroup .link__group .swiper-wrapper .slick-list .slick-track .slick-slide>div{width: 448px;}
	.quick-object.scene-ready{padding-left:20px}
	.quick-object .hgroup form{margin-left:0}
}

@media screen and (max-width:640px){
	.quick-object .hgroup .link__group,
	.quick-object .hgroup .link__group .swiper-wrapper .slick-list .slick-track .slick-slide>div{width:321px;}

}

@media screen and (max-width:540px){
	.campus-tab a{padding:0 10px;}
	.quick-object.scene-ready{padding-right:20px;}
	.quick-object .hgroup .link__group,
	.quick-object .hgroup .link__group .swiper-wrapper .slick-list .slick-track .slick-slide>div{width:280px;}
}