@charset "utf-8";

/*학부*/
.vico{display:inline-block;background:url(/images/gst/main/intro/ir.png) no-repeat}


.college_wrap{position: relative;background: url(/images/gst/main/intro/intro_bg.jpg)no-repeat;background-size: cover;background-position: 50% 50%;padding:50px 0;text-align:center}
.major_box .major.major1 .ma_img{background:url(/images/gst/sub02/visual_bg.jpg) no-repeat;background-size: cover;}
.major_box .major.major2 .ma_img{background:url(/images/gst/sub03/visual_bg.jpg) no-repeat;background-size: cover;}
@media(max-width:1023px){
	.major_box .major.major1:before, .major_box .major.major3:before{background:url(/images/gst/intro/major_bg1_reverse.png) no-repeat}
	.major_box .major.major2:before{background:url(/images/gst/main/intro/major_bg2_reverse.png) no-repeat}
}

/*비쥬얼*/
.visual_img .grap .obj .item.img1{background:url(/images/gst/main/intro/visual_bg1.jpg) no-repeat 50% 50%;background-size:cover;}
.visual_img .grap .obj .item.img2{background:url(/images/gst/main/intro/visual_bg2.jpg) no-repeat 50% 50%;background-size:cover;}
.visual_img .grap .obj .item.img3{background:url(/images/gst/main/intro/visual_bg3.jpg) no-repeat 50% 50%;background-size:cover;}

#lnk{background: url(/images/gst/main/intro/bot_whole_bg.jpg) no-repeat 50% 50%;position: relative; width: 100%; height: 400px; background-size: cover;}
#lnk .major1:hover {background: url(/images/gst/main/intro/bot_bg1.jpg) no-repeat;background-size: cover;}
#lnk .major2:hover {background: url(/images/gst/main/intro/bot_bg2.jpg) no-repeat;background-size: cover;}
#lnk .major3:hover {background: url(/images/gst/main/intro/bot_bg3.jpg) no-repeat;background-size: cover;}

/*하단 바로가기*/
.lnk_tit h2 {width: 126px;height: 35px;margin: 0 auto;margin-bottom: 15px;background: url(/images/gst/main/major_tit.png) no-repeat;font-size: 0;}
.greeting .inner_line h3{ margin-top: 60px;width: 118px;height: 24px;background: url(/images/gst/main/greeting_tit.png) no-repeat;font-size: 0;}
@media(max-width:1200px){
	.m_content .layout{width:95%}
	#service_menu .grap .obj .item{width:7.2%}
}

@media(max-width:1024px){
	#service_menu .grap .obj .item{width:12.5%}
	#news{width:75%}
	.greeting{width:25%;height:137px;border:10px solid transparent;border-top:0} 
	.greeting .inner_line{border:none;padding:0}
	.greeting .inner_line h3{width:100px;background-size:100%;margin:20px;padding:0;margin-left: 20px;}
	.greeting .inner_line p{display:none}
	.greeting .inner_line .detail_view{font-size:0;bottom:10px;right:20px}
	.intro{width:25%;border:10px solid transparent}
	.intro a{padding:20px;}
	.intro .intro1, .intro .intro2{height:137px}
	.intro .intro1{margin-bottom:10px}
	.intro .intro1 h3, .intro .intro2 h3{margin:0;font-size:18px}
	.intro .intro1 p, .intro .intro2 p{display:none}
	.intro .intro1 .ir, .intro .intro2 .ir{margin-top:0;position: absolute;bottom: 20px;right: 20px;}
	#lnk{height:800px;}
	#lnk .major{height:50%;border-bottom:1px solid #202533}
	#lnk .major.col2{height:100%}
	#lnk .major.col6{width:33.32%}
	#lnk .major.col5{width:33.32%}
	#lnk .major.col5.obj2{width:50%}
	#lnk .major.col8{width:25%}
}

@media(max-width:767px){
	#visual{height:550px}
	/* .visual_img .grap .obj .item.img1{background:url(/images/ct/main/visual_bg1_tb.jpg) no-repeat 50% 50%;background-size:cover}
	.visual_img .grap .obj .item.img2{background:url(/images/ct/main/visual_bg2_tb.jpg) no-repeat 50% 50%;background-size:cover}
	.visual_img .grap .obj .item.img3{background:url(/images/ct/main/visual_bg3_tb.jpg) no-repeat 50% 50%;background-size:cover}*/
	.visual_txt{padding-top:40px}
	.visual_txt h2{font-size:40px;line-height:40px}
	.service_txt,
	.visual_txt .en_tit{display:none;}
	#service_menu{padding: 40px 5px 40px 5px;}
	#service_menu .control button[data-type="prev"]{left:20px}
	#service_menu .control button[data-type="next"]{right:20px}
	#service_menu .grap{width:85%;margin:0 auto;}
	#news{width:100%}
	.intro{width:66.66%;border:0}
	.intro a{float:left}
	.greeting{width:31.33%;background-image:none;background-color:#465363;border:0;margin-top:15px;margin-right:2%}
	.greeting .inner_line h3{margin:0 auto;margin-top:10px;}
	.greeting .inner_line .detail_view{top:76px;right: 50%;margin-right: -25px;}
	.intro .intro1 .ir, .intro .intro2 .ir{right:50%;margin-right: -25px}
	.intro{margin-top:15px;}
	.intro .intro1,.intro .intro2{width:48%;border:0;}
	.intro .intro1{margin-right:2%}
	.intro .intro2{margin-left:2%}
	.intro .intro1 h3,.intro .intro2 h3{text-align:center;line-height:20px}
	.lnk_tit h2:before, .lnk_tit h2:after{width:80px;}
	.lnk_tit h2:before{position:static;margin-left:-260px;}
	/*.lnk_tit h2:after{right:-100x;}*/
	.lnk_tit h2:after{margin-right:-166px}
	#lnk .major.col2, #lnk .major.col4, #lnk .major.col5, #lnk .major.col5.obj2, #lnk .major.col6, #lnk .major.col8{width:100%;}
	#lnk .major.col2{height:50%;}
	#lnk .major.col6{height:16.66%;}
	#lnk .major.col5{height:20%;}
	#lnk .major.col8{height:12.5%;}
	#lnk .major p{position:static;width:280px;text-align:left;margin:0 auto;}
	#lnk .major.col2 p{margin-top:60px}
	#lnk .major.col5 p{margin-top:36px;width:286px}
	#lnk .major.col6 p{margin-top:20px}
	#lnk .major.col8 p{margin-top:5px}
	#lnk .major p .ico{display:inline-block;vertical-align:middle;margin-right:15px}
	#lnk .major:hover p:after{display:none;}
	#lnk .major:hover{background-image:none;}
	#lnk .major:hover .inner_line{display:none;}
}

@media(max-width:470px){
	#visual{height:450px}
	/* .visual_img .grap .obj .item.img1{background:url(/images/hs/main/visual_bg1_mb.jpg) no-repeat 50% 50%;background-size:cover}
	.visual_img .grap .obj .item.img2{background:url(/images/hs/main/visual_bg2_mb.jpg) no-repeat 50% 50%;background-size:cover}
	.visual_img .grap .obj .item.img3{background:url(/images/hs/main/visual_bg3_mb.jpg) no-repeat 50% 50%;background-size:cover} */
	.visual_txt h2{font-size:30px;line-height:30px}
	.visual_txt p{margin-top:15px;font-size:13px}
	.visual_img .control{bottom:210px;}
	.visual_img .numb{bottom:210px}
	#service_menu .grap .obj .item{width:25.33%}
	.greeting .inner_line h3{width:70%}
	.intro a {padding: 20px 10px;}
	.intro .intro1 h3,.intro .intro2 h3{font-size:15px;}
	#lnk .major p{font-size:17px}
	.lnk_tit{padding:40px;}
	#lnk .major p .ico{height:37px}
	#lnk .major p .ico1{width:29px;background-position: 0 -78px}
	#lnk .major p .ico2{width:28px;background-position: -71px  -78px}
	#lnk .major p .ico3{width:29px;background-position: -141px -78px}
	#lnk .major p .ico4{width:27px;background-position: -220px -78px}
	#lnk .major p .ico5{width:33px;background-position: -289px -78px}
	#lnk .major p .ico6{width:31px;background-position: -360px -78px}
	#lnk .major.col6 p{width:220px;margin-top:40px}
	#lnk .major.col5 p{width:232px;margin-top:50px}
	#news .mboard li a{padding-top:3px;}
}