@font-face {
 font-family: 'Nanum Barun Gothic';
 font-style: normal;
 font-weight: 400;
 src: local('Nanum Barun Gothic Regular'), local('Nanum Barun Gothic-Regular'), local('NanumBarunGothic Regular');
 src: url(//www.unist.ac.kr/wp-content/themes/twentyfourteen/gate/font/NanumBarunGothic.eot);
 src: url(//www.unist.ac.kr/wp-content/themes/twentyfourteen/gate/font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
 url(//www.unist.ac.kr/wp-content/themes/twentyfourteen/gate/font/NanumBarunGothic.woff) format('woff'),
 url(//www.unist.ac.kr/wp-content/themes/twentyfourteen/gate/font/NanumBarunGothic.ttf) format('truetype');
 }
 @font-face {
 font-family: 'Nanum Barun Gothic';
 font-style: normal;
 font-weight: 700;
 src: local('Nanum Barun Gothic Bold'), local('Nanum Barun Gothic-Bold'), local('NanumBarunGothic Bold');
 src: url(//www.unist.ac.kr/wp-content/themes/twentyfourteen/gate/font/NanumBarunGothicBold.eot);
 src: url(//www.unist.ac.kr/wp-content/themes/twentyfourteen/gate/font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
 url(//www.unist.ac.kr/wp-content/themes/twentyfourteen/gate/font/NanumBarunGothicBold.woff) format('woff'),
 url(//www.unist.ac.kr/wp-content/themes/twentyfourteen/gate/font/NanumBarunGothicBold.ttf) format('truetype');
 }
 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	line-height: 1.5;
	box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box ;
	font-family:'Nanum Barun Gothic', 'Open Sans', sans-serif !important;
	color:#444444;
} 
ul,ol,li{list-style: none;margin:0;}
a{text-decoration: none !important;-webkit-transition: all ease-out 0.2s;
-moz-transition: all ease-out 0.2s;
-ms-transition: all ease-out 0.2s;
-o-transition: all ease-out 0.2s;
text-decoration: none;border:none !important;}
a:hover{color:#2ca8b1;}
p{margin:0;}
img{border: none;max-width: 100%;}
.green_color{color:#2ca8b1;}
.green_color span{color:#2ca8b1;}
.gate{width:100%; height: 100%;position: absolute;top:0; left:0;}
.gate .top_header{height: 132px;text-align: center;background: url(../images/top_bg.png) repeat;position: relative;z-index: 10;}
.gate .top_header h1{line-height: 132px;}
.gate .copyright_footer{position: absolute; bottom:0; left:0;text-align: center; color: #fff;font-size: 0.812em;width:100%;padding:22px 0 22px;}
.gate .gate_content{position: absolute;top:0; left:0; width:100%; height: 100%;display: table;/*padding-top:152px;*/padding-bottom: 83px;background: url(../images/gate_bg.jpg) no-repeat;background-size: cover;background-position: center top;}
.gate .gete_container{display: table-cell; vertical-align: middle;}
.gate_cont{width:748px;/*4개일때 1000 3개 748*/ margin:0 auto;padding:0 15px;margin-top:152px;}
.gate .sub_txt{color:#fff; font-size: 1.375em;text-align: center;margin-top:-15px;}
.gate .gate_cont ul li{width:214px; height: 212px;float: left;margin-left:38px;text-align: center;position: relative;overflow: hidden;}
.gate .gate_cont ul li:first-child{margin-left:0;}
.gate .gate_cont ul{width:100%;margin:0 auto 70px;overflow: hidden;}
.gate .gate_cont ul li.step1{background: #3956b6;border:solid 1px #2946a7;position: relative; margin-bottom: 15px;}
.gate .gate_cont ul li.step2{background: #011655;border:solid 1px #010e37;margin-bottom: 15px;}
.gate .gate_cont ul li.step3{background: #2eacb4;border:solid 1px #1b979f;}
.gate .gate_cont ul li.step4{background: #f1592a;border:solid 1px #98391c;}

.gate .gate_cont ul li.step1 .bx_con .kor_text{text-shadow: 2px 2px #2946a7;-webkit-text-shadow: 2px 2px #2946a7;-moz-text-shadow: 2px 2px #2946a7;-o-text-shadow: 2px 2px #2946a7;}
.gate .gate_cont ul li.step2 .bx_con .kor_text{text-shadow: 2px 2px #010e37;-webkit-text-shadow: 2px 2px #010e37;-moz-text-shadow: 2px 2px #010e37;-o-text-shadow: 2px 2px #010e37;}
.gate .gate_cont ul li.step3 .bx_con .kor_text{text-shadow: 2px 2px #207e93;-webkit-text-shadow: 2px 2px #207e93;-moz-text-shadow: 2px 2px #207e93;-o-text-shadow: 2px 2px #207e93;}
.gate .gate_cont ul li.step4 .bx_con .kor_text{text-shadow: 2px 2px #98391c;-webkit-text-shadow: 2px 2px #98391c;-moz-text-shadow: 2px 2px #98391c;-o-text-shadow: 2px 2px #98391c;}

.gate .gate_cont ul li.step4 .link_bx{padding-top:38px;}

.gate .gate_cont h3{text-align:center;}

.gate .gate_cont ul li.step1 .year{text-shadow: 2px 2px #2946a7;-webkit-text-shadow: 2px 2px #2946a7;-moz-text-shadow: 2px 2px #2946a7;-o-text-shadow: 2px 2px #2946a7;font-size: 1.875em;font-family: Arial, sans-serif !important;}
.gate .bx_con .kor_text{font-size: 0.96em;color:#fff;color:#fff;}
.gate .bx_con span{display: block;color:#fff;}
.gate .bx_con strong{display: block;color:#fff;}
.gate .bx_con .eng_text{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)"; /* IE 8 */
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=45); /* IE 7 and olders */
       opacity: 0.45; font-size: 0.687em;font-family: Arial, sans-serif !important;}
.gate .link_bx{display: block;position: absolute; top:0; left:0; width:100%; height: 100%;text-decoration: none !important;}
.gate .img_bx{margin-bottom:18px;}
.gate .gate_cont ul li.step2 .link_bx{padding-top:41px;}
.gate .gate_cont ul li.step3 .link_bx{padding-top:38px;}
.gate .gate_cont ul li.step1 a{display: table;}
.gate .gate_cont ul li.step1 a .bx_con{display: table-cell;vertical-align: middle;position: relative;padding-bottom:40px;}
.gate .gate_cont ul li.step1 .arrow_btn{width:37px; height: 37px; background: url(../images/arrow_btn.png) no-repeat; position: absolute; bottom:22px; margin-left:-19px; left:50%;z-index: 50;}
.gate .bg_img{position: absolute; top:0; left:0;width:100%;}
.gate .bg_img img{width:100%;}
.gate .site_wrap{position: relative; height: 100%;}

.gate .gate_cont .step1 .img_bx{padding-top:37px;margin-bottom: 15px;}
.gate .gate_cont ul li.step1 .bx_con .kor_text{line-height: 1.4em;margin-bottom: 2px;}
.gate .gate_cont ul li.step1 .bx_con .eng_text{line-height: 1.4em;}

@media screen and (max-height: 722px)/*컨텐츠레이아웃*/{
.gate{min-height: 722px;}
.gate_cont{width:800px;}
.copyright_footer{position: absolute;}
}


@media screen and (max-width: 1015px) and (min-width: 761px)/*컨텐츠레이아웃*/{
/*.gate_cont{width:500px;}4개일때*/
.gate .gate_cont ul li.step3{/*margin-left:0;*/ /*4개일때 마진*/}
}

@media screen and (max-width: 760px) and (min-width: 641px)/*컨텐츠레이아웃*/{
.gate_cont{width:580px;margin-top:0;}
.gate .gate_cont ul li{width:100%; margin-left:0;margin-bottom:15px;}
.gate .gate_cont ul{width:100%;}
.gate .gate_cont ul{margin-bottom:15px;}
.gate .copyright_footer{position: static;}
.gate .gate_content{position: static;}
.gate{background: url(../images/gate_bg.jpg) no-repeat;background-size: cover;background-position: center top;height: auto; overflow: hidden;}
.gate .gate_content{background: none;padding-top:50px;}

}

@media screen and (max-width: 640px) and (min-width: 461px)/*컨텐츠레이아웃*/{
.gate_cont{width:400px;margin-top:0;}
.gate .gate_cont ul li{width:100%; margin-left:0;margin-bottom:15px;height: 190px;}
.gate .gate_cont ul{width:100%;}
.gate .gate_cont ul{margin-bottom:15px;}
.gate .copyright_footer{position: static;}
.gate .gate_content{position: static;}
.gate{background: url(../images/gate_bg.jpg) no-repeat;background-size: cover;background-position: center top;height: auto; overflow: hidden;}
.gate .gate_content{background: none;padding-top:50px;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{font-size: 98.8%;}
.gate .img_bx{margin-bottom:10px;}
.gate .gate_cont ul li.step2 .link_bx{padding-top:39px;}
.gate .gate_cont ul li.step3 .link_bx{padding-top:39px;}
.gate .sub_txt{font-size: 1em;}
.gate_cont h3{margin-bottom:20px;}
}

@media screen and (max-width: 460px)/*컨텐츠레이아웃*/{
.gate_cont{width:320px;margin-top:0;}
.gate .gate_cont ul li{width:100%; margin-left:0;margin-bottom:10px;height: 190px;}
.gate .gate_cont ul{width:100%;}
.gate .gate_cont ul{margin-bottom:15px;}
.gate .copyright_footer{position: static;}
.gate .gate_content{position: static;}
.gate{background: url(../images/gate_bg.jpg) no-repeat;background-size: cover;background-position: center top;height: auto; overflow: hidden;}
.gate .gate_content{background: none;padding-top:20px;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{font-size: 98.8%;}
.gate .img_bx{margin-bottom:10px;}
.gate .gate_cont ul li.step2 .link_bx{padding-top:39px;}
.gate .gate_cont ul li.step3 .link_bx{padding-top:39px;}
.gate .sub_txt{font-size: 1em;}
.gate_cont h3{margin-bottom:20px;}

}


/*----------------------------------------------------
2. 게이트페이지(수시모집)
----------------------------------------------------*/
.gate.type2 .top_header{background: none;text-align: left;}
.gate.type2 .gate_content{background: url(../images/unist_pop_bg.jpg) no-repeat;background-size: cover;background-position: center top;}
.gate.type2  .copyright_footer{color:#fff;color:rgba(255,255,255,0.7); }
.gate.type2 .top_header h1{line-height: 0;padding:63px 20px;max-width: 1272px;margin:0 auto;}
.gate.type2 .gate_cont ul{width:100%;margin:0 auto;max-width: 354px;}
.gate.type2 .gate_cont .link_box{text-align: center;margin:0 auto;}
.gate.type2 .gate_cont .link_box h3{font-size: 25px; color:#fff; font-weight: bold;position: relative;display: inline-block;line-height: 1.3em;margin-bottom: 27px;}
.gate.type2 .gate_cont .link_box h3:before{content: "";background: #989a9e;width:46px; height: 1px;position: absolute; top:14px; left:-58px;}
.gate.type2 .gate_cont .link_box h3:after{content: "";background: #989a9e;width:46px; height: 1px;position: absolute; top:14px; right:-58px;}
.gate.type2 .gate_cont .link_box h3 span{color:#2cd0da;line-height: 1.3em;}
.gate.type2 .gate_cont .link_box{background: url(../images/black_bg.png) repeat;padding:45px 30px 60px;max-width: 578px;}
.gate.type2 .gate_cont .link_box .date_box{font-size: 21px; color:#fff;letter-spacing: -0.5px;}
.gate.type2 .gate_cont h2{font-size: 44px;color:#fff; font-weight: normal;text-align: center;margin-bottom: 50px;}
.gate.type2 .gate_cont h2 span{font-size: 44px;color:#fff; font-weight: normal;background: #011550;display: inline-block;line-height: 1.25em;}
.gate.type2 .gate_cont{width:100%;max-width: 1272px;margin:0 auto;padding:120px 20px 63px;}
.gate.type2 .gate_content{padding:0;}
/*링크*/
.gate.type2 .btn_wrap a{width:100%; height: 77px;display: block;padding:27px 30px;text-align: left;}
.gate.type2 .btn_wrap li{width:100%;float: none;height: auto;margin:15px 0 0 !important;}
.gate.type2 .btn_wrap li:first-child{margin-top:0 !important;}
.gate.type2 .btn_wrap li:first-child a{border:solid 1px #010e37 !important;background: url(../images/arrow_btn_pop.png) #011655 no-repeat;background-position: 94% 50%;-webkit-transition: all ease-out 0.2s;-moz-transition: all ease-out 0.2s;-ms-transition: all ease-out 0.2s;-o-transition: all ease-out 0.2s;}
.gate.type2 .btn_wrap li:first-child + li a {border:solid 1px #2441a3 !important;background: url(../images/arrow_btn_pop.png) #3956b6 no-repeat;background-position: 94% 50%;-webkit-transition: all ease-out 0.2s;-moz-transition: all ease-out 0.2s;-ms-transition: all ease-out 0.2s;-o-transition: all ease-out 0.2s;}
.gate.type2 .btn_wrap li:first-child + li + li a {border:solid 1px #128a92 !important;background: url(../images/arrow_btn_pop.png) #2eacb4 no-repeat;background-position: 94% 50%;-webkit-transition: all ease-out 0.2s;-moz-transition: all ease-out 0.2s;-ms-transition: all ease-out 0.2s;-o-transition: all ease-out 0.2s;}

.gate.type2 .btn_wrap a span{display: block;color:#fff;}
.gate.type2 .btn_wrap a span.eng_text{font-size: 1.125em;line-height: 1.2;margin-bottom: 0px !important;}
.gate.type2 .btn_wrap a span.kor_text{font-size: 0.812em;opacity: 0.6;}
.gate.type2 .btn_wrap a:hover{text-decoration: none !important;}
.gate_wrap h2{margin:0 0 60px;}
.gate.type2 .btn_wrap li:first-child{margin-bottom:20px;}
.gate.type2 .gate_content:after{content: "Copyright 2015 UNIST . All rights reserved";position: absolute; bottom:0; left:0;text-align: center; color: #fff;font-size: 0.812em;width:100%;padding:22px 0 22px;}


/*반응형*/

@media screen and (max-width: 1015px) and (min-width: 761px)/*컨텐츠레이아웃*/{
.gate.type2 .gate_cont .link_box h3{font-size: 20px;}
.gate.type2 .gate_cont .link_box .date_box{font-size:18px; }
.gate.type2 .gate_cont h2,.gate.type2 .gate_cont h2 span{font-size: 30px;}
.gate.type2 .gate_cont .link_box h3:before{content: "";top: 9px;}
.gate.type2 .gate_cont .link_box h3:after{content: "";top: 9px;}
}

@media screen and (max-width: 760px) and (min-width: 641px)/*컨텐츠레이아웃*/{
.gate.type2 .gate_cont .link_box h3{font-size: 18px;}
.gate.type2 .gate_cont .link_box .date_box{font-size:17px; }
.gate.type2 .gate_cont h2,.gate.type2 .gate_cont h2 span{font-size: 25px;}
.gate.type2 .gate_cont .link_box h3:before{content: "";top: 9px;}
.gate.type2 .gate_cont .link_box h3:after{content: "";top: 9px;}
.gate.type2{min-height: 0;}
.gate.type2{background: url(../images/unist_pop_bg.jpg) no-repeat;background-size: cover;background-position: center top;height: auto; overflow: hidden;}
.gate.type2 .gate_content{background: none;}
.gate.type2 .gate_cont{padding-top:0;}
.gate .site_wrap{padding-bottom: 30px;}
.gate.type2 .top_header{text-align: center;}
}

@media screen and (max-width: 640px) and (min-width: 461px)/*컨텐츠레이아웃*/{
.gate.type2 .gate_cont .link_box h3{font-size: 17px;}
.gate.type2 .gate_cont .link_box .date_box{font-size:16px; }
.gate.type2 .gate_cont h2,.gate.type2 .gate_cont h2 span{font-size: 23px;}
.gate.type2 .gate_cont h2{margin-bottom: 30px;}
.gate.type2 .gate_cont .link_box h3:before{content: "";top: 9px;}
.gate.type2 .gate_cont .link_box h3:after{content: "";top: 9px;}
.gate.type2{min-height: 0;}
.gate.type2{background: url(../images/unist_pop_bg.jpg) no-repeat;background-size: cover;background-position: center top;height: auto; overflow: hidden;}
.gate.type2 .gate_content{background: none;}
.gate.type2 .gate_cont{padding-top:0;}
.gate .site_wrap{padding-bottom: 30px;}
.gate.type2 .top_header{text-align: center;}
.gate.type2 .btn_wrap a{padding:28px 30px;}
}

@media screen and (max-width: 460px)/*컨텐츠레이아웃*/{
.gate.type2 .gate_cont .link_box h3{font-size: 16px;}
.gate.type2 .gate_cont .link_box .date_box{font-size:15px; }
.gate.type2 .gate_cont h2,.gate.type2 .gate_cont h2 span{font-size: 23px;}
.gate.type2 .gate_cont h2{margin-bottom: 30px;}
.gate.type2 .gate_cont .link_box h3:before{content: "";top: 8px;width:10px;left:-17px;}
.gate.type2 .gate_cont .link_box h3:after{content: "";top: 8px;width:10px;right:-17px;}
.gate.type2{min-height: 0;}
.gate.type2{background: url(../images/unist_pop_bg.jpg) no-repeat;background-size: cover;background-position: center top;height: auto; overflow: hidden;}
.gate.type2 .gate_content{background: none;}
.gate.type2 .gate_cont{padding-top:0;}
.gate .site_wrap{padding-bottom: 30px;}
.gate.type2 .top_header{text-align: center;}
.gate.type2 .btn_wrap a{padding:28px 30px;}
}

/*임시수정*/
/*.gate .gate_cont .step2 .img_bx{margin-bottom: 5px;}
.gate .gate_cont ul li.step2 .link_bx{padding-top:34px;}*/