@charset "utf-8";

@import url("/css/common/qbar.css");

.pc{display:block}

.mo{display:none}



.layout{position:relative;max-width:1300px;height:100%;margin:0 auto;}

.layout:after{content:"";display:block;clear:both}



.ir{overflow:hidden}

.ir:before{content:"";display:inline-block;vertical-align:top;width:100%;height:100%}



button{background-color:transparent}





/************/ 



#wrap{position:relative;width:100%;overflow:hidden}



#header{position:relative;z-index:100;height:90px}

#animate{overflow:hidden;background:#fff;box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);} 

#animate .style{background:#fff;}





#header #logo,#header #sitelink{position:relative;z-index:1}

#header #logo{float:left}

#header #sitelink{padding-top:15px;float:right}



#sitelink .menu_open{width:73px;height:100%}

#sitelink .mobile{width:73px;height:100%;display:none}



#sitelink .menu_open,

#sitelink .mobile{text-align:center;background-color:#254f9a}



#sitelink .menu_open:before,

#sitelink .mobile:before{content:"";display:inline-block;height:100%;margin-left:-3px;vertical-align:middle}



#sitelink .fireinthefinger{position:relative;display:inline-block;width:27px;height:16px;line-height:1;vertical-align:middle}

#sitelink .fireinthefinger span{position:absolute;left:0;top:0;width:100%;height:3px;line-height:1;background-color:#fff}

#sitelink .fireinthefinger .bar1{left:0;top:0}

#sitelink .fireinthefinger .bar2{left:0;top:7px}

#sitelink .fireinthefinger .bar3{left:0;top:14px}



#header #logo{display:inline-block;position:relative;float:left;padding-top:30px;z-index:1;}

#header #logo:after{content:"";display:block;clear:both;}

#header #logo *{vertical-align:middle}

#header #logo span{float:left;display:inline-block;padding-right:20px;margin-right:20px;width:168px;height:26px;border-right:1px solid #d9d9d9;}

#header #logo span .ir-logo{display:block;width:100%;height:100%;}

#header #logo em{float:left;display:inline-block;}

#header #logo em a{display:inline-block;color:#000;font-size:26px;line-height:1.3;font-weight:bold}



@media(max-width:1023px){

	#header #logo {padding-left:20px}

}



@media(max-width:1000px){

	#header #logo{padding-top:22px;}

	#header #sitelink{padding-top:10px;}

}



@media(max-width:480px){

	#header #logo {padding-top:27px;padding-left:0;}

	#header #logo span{width:117px;margin-right:8px;padding-right:0;border-right:0;}

	#header #logo span .ir-logo{background-position:0 -47px;}

	

}

@media(max-width:360px){

	#header #logo em{width:150px;}

}



@media(max-width:320px){

	#header #logo {padding-left:0;}

	#header #logo em{width:100px;}

}



#open_popup_wrap{display:none}

#wrap.sub .pzbtn{display:none}

.pzbtn{float:left;}

.pztody a{ padding-left:50px;}

.pzbtn a{padding-right: 30px;width: auto;height: auto;line-height: 1.2;padding: 7px 23px 7px 10px;text-align: center;font-size: 14px;background-color:#254f9a;color: #fff;border-radius:50px;}

.pzbtn a span {position:absolute;right:10px;top:14px;display:inline-block;width:9px;height:5px;margin-top:-3px;background-image: url(/images/common/a/ir-tmpl.png)}

.pzbtn a.pop_btn_x span{background-position: -366px -18px;}

.pzbtn a.pop_btn span{ background-position: -353px -18px;}

.pzbtn a[class^="pop_btn"] {display:none;}

.pzbtn a[class^="pop_btn_x"] {display:block;}

.pzbtn{position:absolute;top:30px;right:-114px;z-index:999;}



@media(max-width:1500px){

.pzbtn{display:none}

}





/* 대학교육혁신본부 */



#logo a span,

#logo em,

.nav_hm, .layout:after,

#gnb{display:none}



/* 대학교육혁신본부 */

/*

#gnb{position:relative;height:90px}

#gnb #tm{height:100%;text-align:center}

#gnb #tm .th1>a{transition:color 0.2s ease-in-out}

#gnb #tm .th2>li>a{transition:background-color 0.1s ease-in-out}



#tm .th1{display:inline-block;margin:0 -2px;vertical-align:top}

#tm .th1>a{position:relative;display:block;height:90px;padding:0 20px;line-height:90px;font-weight:700;font-size:18px;color:#212121}

#tm .th1>a:before{position:absolute;top:45%;left:0;content:"";display:inline-block;width:1px;height:9px;background-color:#c6c9d2}

#tm .th1:first-child > a:before{display:none}

#tm .th1>a.current,#tm .th1>a:hover,#tm .th1>a:focus{color:#1461ac}



#tm .th2{display:none;position:absolute;top:91px;left:50%;width:297px;min-height:200px;padding:30px 0 30px 60px;margin-left:-297px;text-align:left;}

#tm .th2:before{position:absolute;top:0;content:"";display:block;width:1px;height:100%;background-color:#dedede}

#tm .th2 a{display:block;padding:5px 20px;color:#000}

#tm .th2 a.ov,#tm .th2 a:hover,#tm .th2 a:focus{background:#1461ac url(/images/common/b/gnb_arrow.png) no-repeat 95% 50%;color:#fff}



#tm .th3{display:none;position:absolute;top:5px;left:296px;z-index:10;width:297px;min-height:200px;padding:25px 0 25px 15px;background-color:#fff;}

#tm .th3:before{position:absolute;top:-5px;content:"";display:block;width:1px;height:100%;background-color:#dedede}

#tm .th3 a{display:block;padding:5px 20px;color:#000}

#tm .th3 a:hover,#tm .th2 a:focus{background:#1461ac;color:#fff}

*/

#gnb{position:relative;height:90px}

#gnb #tm{display:inline-block;float:right;height:100%;text-align:center}

#gnb #tm .th1>a{transition:color 0.2s ease-in-out}

#gnb #tm .th2>li>a{transition:background-color 0.1s ease-in-out}



#tm .th1{display:inline-block;margin:0 -2px;vertical-align:top}

#tm .th1>a{position:relative;display:block;height:90px;padding:0 20px;line-height:90px;font-weight:700;font-size:18px;color:#212121}

#tm .th1>a:before{position:absolute;top:45%;left:0;content:"";display:inline-block;width:1px;height:9px;background-color:#c6c9d2}

#tm .th1:first-child > a:before{display:none}

#tm .th1>a.current,#tm .th1>a:hover,#tm .th1>a:focus{color:#1461ac}



#tm .th2{ max-width:200px; text-align:left; padding:10px 0; position:relative; top:-99999px;}

#tm .th2 a{display:block;padding:6px 10px;color:#000; line-height:18px;}

#tm .th2 a.ov,#tm .th2 a:hover,#tm .th2 a:focus{background-color:#1461ac;color:#fff;}



#tm .th3{display:none;position:absolute;top:5px;left:296px;z-index:10;width:297px;min-height:200px;padding:25px 0 25px 15px;background-color:#fff;}

#tm .th3:before{position:absolute;top:-5px;content:"";display:block;width:1px;height:100%;background-color:#dedede}

#tm .th3 a{display:block;padding:5px 20px;color:#000}

#tm .th3 a:hover,#tm .th2 a:focus{background:#1461ac;color:#fff}

#animate.on{ min-height:300px; overflow:visible;}

#animate.on #tm .th2{ position:relative; top:0;}

#gnb .gnb_popup{ display:none !important;}



div[id^="summary"]{display:none;position:absolute;left:50%;top:91px;width:370px;margin-left:-547px;text-align:left;}

div[id^="summary"] strong{display:block;width:100%;height:177px;background:url(/images/common/b/summary_tit01.png) no-repeat; font-size:16px; color:#01519f; line-height:24px; padding:70px 0 0 26px; box-sizing:border-box;}

div[id^="summary"] strong span{ width:100%; font-size:20px; line-height:28px; display:inline-block;}

 

#summary1{display:block}



#gnb_banner{position:absolute;top:73px;left:50%}

#gnb_banner [class^="banner"]{float:left;width:297px;height:242px;padding:20px 30px;border-left:1px solid #2d2c33;color:#e1e1e2}

#gnb_banner .title{font-size:28px}

#gnb_banner .pt{font-size:13px;line-height:1.3;color:#c0c1c2;}

#gnb_banner .more{display:inline-block;width:65px;height:65px;margin-top:30px;text-align:center;font-size:13px;line-height:1;border-radius:100%;background-color:#292b30;color:#e0e0e0}

#gnb_banner .more:before{content:"";display:inline-block;height:100%;vertical-align:middle}

#gnb_banner .more:hover,#gnb_banner .more:focus{color:#fff}



#gnb_banner .banner1{background:url(/images/pro_center/common/bg_banner1.png) no-repeat 95% 100%}

#gnb_banner .banner2{background:url(/images/pro_center/common/bg_banner2.png) no-repeat 95% 100%}



#gnb .gnb_popup{position:absolute;top:114px;right:0;display:block;width:310px;height:154px;background:url(/images/common/b/gnb_popup01.png) no-repeat;}



#location{position:relative;height:150px;}

#location .layout{position:relative}

#location h1{margin-bottom:15px;line-height:1;font-weight:600;font-family:"nsr",sans-serif;font-size:38px;color:#fff}



#location{background:#333 url(/images/pro_center/common/img_svisual_1.jpg) no-repeat 50% 0;background-size:cover;}





#location #navigate{}



#navigate{text-align:center}

#navigate h2{padding-top: 20px;display: block;color:#fff;font-size:31px;color:#fff;}

#navigate h2:before{display:none}

#navigate h2:after{display:block;content:"";width:26px;height:2px;background-color:#fff;margin:0 auto;margin-top:10px;margin-bottom:20px;}

#navigate .naviwrap{display:inline-block;margin:0 auto;}

#navigate .navi{float: left;display:inline-block;}

#navigate .function{display:inline-block;margin:0 10px}

#navigate span,#navigate a{display:inline-block;vertical-align:middle;color:#c5c5c5}

#navigate .navi span:before{content:"/";display:inline-block;margin:0 5px;font-family:"돋움",dotum,sans-serif}

#navigate .navi.navi1 span:before{display:none;}



#navigate .icon{margin:0 5px}

#navigate .icon:before{background:url(/images/common/b/navi_home.png) no-repeat}

#navigate .home{margin-left:0;background:transparent}

#navigate .home:before{content:"";display:inline-block;width:16px;height:14px;margin:0;vertical-align:middle}



#navigate .facebook{width:9px;height:16px}

#navigate .twitter{width:20px;height:14px}

#navigate .kakaotalk{width:16px;height:15px}

#navigate .print{display:none;width:14px;height:14px}



#navigate .facebook:before{background-position:0 -20px}

#navigate .twitter:before{background-position:0 -40px}

#navigate .kakaotalk:before{background-position:0 -80px}

#navigate .print:before{background-position:0 -60px}

 

#remote{position:relative;z-index:90;width:100%;height:100%;margin-top:-57px;padding-right:60px}

#remote .remote_bg{width:100%;height:100%;background:#1461ac;}



#remote #lnb{position:relative}

#remote #lnb:after{content:"";clear:both;display:block}

#remote #lnb .th2{float:left;width:25%;}

#remote #lnb .th2 .link_2th{

	z-index:10;position:relative;display:block;padding:15px 0;text-align:center;font-size:17px;line-height:1;background-color:#1461ac;color:#fff;

	transition:border-color 0.1s,color 0.3s;

	-webkit-transition:border-color 0.1s,color 0.3s;

}

#remote #lnb .th2 .link_2th_ov{

	z-index:10;position:relative;display:block;padding:15px 0;text-align:center;font-size:17px;line-height:1;background-color:#fff;color:#1461ac;

	transition:border-color 0.1s,color 0.3s;

	-webkit-transition:border-color 0.1s,color 0.3s;

}



#remote #lnb .th2 .link_2th:before{content:"";display:inline-block;height:100%;vertical-align:middle}

/*

#remote #lnb .th2 .link_2th span{display:none;position:absolute;left:0;bottom:-9px;width:100%;height:9px;line-height:1;background:url(/images/pro_center/common/lnb_lm3_arrow.gif) no-repeat 50% 0}

*/

#remote #lnb .th2 .link_2th_ov,#remote #lnb .th2 .link_2th:hover,#remote #lnb .th2 .link_2th:focus{background-color:#fff;color:#1461ac}

/*

#remote #lnb .th2 .link_2th_ov span{display:block}

*/

#remote #lnb .th3{display:none;position:absolute;top:57px;left:0;width:100%;/*text-align:center;*/border:solid #ddd;border-width:0 0 1px;background:#fff}

#remote #lnb .th3 li{display:inline-block}

#remote #lnb .th3 li .link_3th{display:block;padding:20px 15px;font-size:15px;color:#6d6d6d;}

#remote #lnb .th3 li .link_3th_ov,#remote #lnb .th3 li .link_3th:hover,#remote #lnb .th3 li .link_3th:focus{display:block;padding: 20px 15px;font-size:15px;color:#000;border-bottom:3px solid #1461ac;}



#remote.animate{transition:padding 0.3s;-webkit-transition:padding 0.3s}

#remote.action{padding-bottom:57px}



#anchor_group{position:relative;float:left;width:217px;margin:-10px 0 0 20px;padding-top:10px}

#anchor_group .title:before,#anchor_group .title span:before{content:"";display:inline-block;height:100%;vertical-align:middle;text-indent:0}

#anchor_group .title{display:block;width:100%;height:36px;overflow:hidden;text-indent:15px;text-align:left;border-radius:3px;background-color:#2a323d;color:#d2d3d4}

#anchor_group .title:hover,#anchor_group .title:focus{color:#fff}

#anchor_group .title span{float:right;height:100%;padding-right:15px;text-indent:0;font-size:24px;font-family:"돋움",dotum,sans-serif}

#anchor_group .select{display:none;position:absolute;bottom:40px;right:0;width:720px;border-radius:3px;background-color:#303338}

#anchor_group .select .inner{width:720px;padding:20px 0;overflow:hidden}

#anchor_group .select .item{float:left;width:220px;margin-left:20px}

#anchor_group .select .item b{display:block;font-size:18px;font-weight:normal;color:#fff;}

#anchor_group .select .item ul{padding-left:15px;border-left:1px solid #252525}

#anchor_group .select .item ul li{margin-bottom:5px}

#anchor_group .select .item ul li a{display:block}





#content{padding:30px 0}





#open_mn{position:absolute;top:0;right:0;width:100px;height:90px;}

#open_mn .ir-tmpl{display:block;background-position:-400px 0;width:100%;height:100%;}



@media(max-width:1023px){

	#open_mn{position:absolute;right:10px;top:20px;width:50px;height:50px;border-radius:50%;overflow:hidden;}

	#open_mn .ir-tmpl{display:block;background-position: -410px 9px;width:100%;height:100%;}

}





/* mobile menu */

#mo_gnb{display:none;position:absolute;top:0;right:-264px;width:264px;height:100%;overflow:auto;background:#21262d;z-index:1010;box-shadow:0px 0px 10px #333}

#mo_gnb .mo_gm{padding:10px;text-align:center}

#mo_gnb .mo_gm a{display:inline-block;padding:7px 5px;border:1px solid #efefef;color:#fff;font-size:13px;line-height:1.3}



#mo_gnb .mo_util {width: 100%;padding: 23px 27px;display: inline-block;box-sizing: border-box;}

#mo_gnb .mo_util > li > a{ font-size:12px; color:#fff; line-height:16px; padding:2px 0; display:inline-block; position:relative;}

#mo_gnb .mo_util > li.close{ width:24px; height:24px;position:absolute;top:20px;left:175px;}

#mo_gnb .mo_util > li.close a{ width:100%; height:100%; text-indent:-9999px; display:inline-block; position:relative;}

#mo_gnb .mo_util > li.close a:before{ width:100%; height:2px; background-color:#fff; content:""; margin:-1px 0 0 -12px; position:absolute; top:50%; left:50%; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg);}

#mo_gnb .mo_util > li.close a:after{ width:2px; height:100%; background-color:#fff; content:""; margin:-12px 0 0 -1px; position:absolute; top:50%; left:50%; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg);}



#mo_tm{}

#mo_tm a{display:block;line-height:1;font-size:15px;color:#fff}

#mo_tm .th1{border-top:1px solid #2e3238}

#mo_tm .th1>a{position:relative;padding:20px 0 20px 30px;font-size:15px}

#mo_tm .th1>a:after {width: 0;height: 0;content: "";border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #fff;position: absolute;top: 50%;left: 180px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);

}

#mo_tm .th1>a.ov,

#mo_tm .th1>a:active{background-color:#4362c3;color:#fff}

#mo_tm .th1>a.ov:after{transform:rotate(180deg)}



#mo_tm .th2{background-color:#323942}

#mo_tm .th2>li{border-top:1px dashed #595959}

#mo_tm .th2>li:nth-child(1){border-top-width:0}

#mo_tm .th2>li>a{position:relative;padding:15px 0 15px 30px;line-height:1.3;color:#dadada;}

#mo_tm .th2>li>a:after {width: 0;height: 0;content: "";border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #b5b5b5;position: absolute;top: 50%;left: 180px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);

}

#mo_tm .th2>li>a.ov,

#mo_tm .th2>li>a:active{color:#fff}

#mo_tm .th2>li>a.ov:after{transform:rotate(180deg)}



#mo_tm .th3{padding:10px 0;background-color:#fff}

#mo_tm .th3>li{}

#mo_tm .th3>li>a{padding:5px 0 5px 40px;color:#000;}

#mo_tm .th3>li>a.ov,

#mo_tm .th3>li>a:active{color:#4362c3;font-weight:600}

.top_btn{position:fixed;display:none;bottom:0;right:0;z-index:10}

.top_btn a{display:inline-block;}





@media(max-width:900px) {

	#footer .layout {padding:0 25px}

	#footer .ir-logo {display:none;}

}

@media(max-width:800px) {

	#footer {background:none}

}





/* footer */

/*

#footer{padding-bottom:36px;position:relative;z-index:100;border-top:1px solid #ddd;background-color:#3f4248;}

#footer .layout{position:relative;padding:36px 140px 36px 180px;}

#footer .ft_logo{position:absolute;left:0;top:44px;width:155px;height:39px;font-size:0;background:url(/images/common/c/ir-tmpl.png) no-repeat 0 -63px}

#footer .footer_menu{margin-bottom:5px;}

#footer .footer_menu li{display:inline-block;margin-left:14px;line-height:1}

#footer .footer_menu li:before{content:"";display:inline-block;height:15px;margin-right:14px;vertical-align:middle;border-left:1px solid #cecece}

#footer .footer_menu li:first-child{margin-left:0}

#footer .footer_menu li:first-child:before{display:none}

#footer .footer_menu li a{display:inline-block;height:36px;line-height:36px;color:#fff;font-size:14px;}

#footer address,

#footer .copy{color:#fff;font-size:14px;line-height:1.3;}

#footer address div{display:inline-block}



#footer .finfo{position:relative;}



#footer .sns{position:absolute;top:0;right:0;}

#footer .sns a{display:inline-block;margin:0 1px;width:40px;height:40px;}

#footer .sns a:link,

#footer .sns a:hover,

#footer .sns a:focus,

#footer .sns a:active{color:#fff;}



#footer .sns .fb{background-position:-160px -56px;}

#footer .sns .bl{background-position:-204px -56px;}

#footer .sns .in{background-position:-250px -56px;}



#footer .ffamily {position:absolute;right:0;top:0;}

#footer .ffamily a{display:block;font-weight:bold;padding:10px 15px;width:170px;border:1px solid #646462;border-radius:30px;line-height:1}

#footer .ffamily a:before{content:"";position:absolute;display:block;font-size:0;line-height:0;width:21px;height:11px;right:15px;top:13px;background:url(/images/common/c/ir-tmpl.png) no-repeat -185px 0}

#footer .ffamily a.ov:before{background-position:-211px 0;}

#footer .ffamily ul{padding:20px 0;}

#footer .ffamily ul li a:before{display:none}

#footer .ffamily ul li a{border:0;font-weight:normal;padding:5px 15px;}

#footer .ffamily .obj{display:none;position:absolute;bottom:37px;border:1px solid #646462;border-bottom:0;}



*/





/* footer */

#footer{position: relative;;padding:36px 0;background-color:#3f4248}

#footer p{margin:0}

#footer .layout{position:relative;padding-left:180px;padding-right:150px;box-sizing:border-box}

#footer .ft_logo{position:absolute;left:0;top:8px;width:155px;height:39px;font-size:0;background:url(/images/common/c/ir-tmpl.png) no-repeat 0 -105px}

#footer address{display:block;}

#footer address,

#footer .copy{color:#8a8a8a;font-style:normal}

#footer address div{display:inline-block;font-size:15px}

#footer .addr{}

#footer .number{}

#footer .number .tel{display:inline-block;margin-left:5px;}

#footer .copy{margin-top:0;}

#footer .footer_menu{margin-bottom:0;}

#footer .footer_menu:after{content:"";display:block;clear:both}

#footer .footer_menu li{float:left;margin-left:5px}

#footer .footer_menu li a{display:block;position:relative;padding:5px 15px;font-size:15px;color:#8a8a8a}

#footer .footer_menu li a:before{content:"";display:block;position:absolute;top:7px;left:0;width:1px;height:15px;background-color:#8a8a8a}

#footer .footer_menu li:first-child{margin-left:0}

#footer .footer_menu li:first-child a{padding-left:0}

#footer .footer_menu li:first-child a:before{display:none;}



/* #footer .footer_menu li a.privacy{color:#fff} */





#footer .sns{position:absolute;top:0;right:0;}

#footer .sns a{display:inline-block;margin:0 1px;width:40px;height:40px;}

#footer .sns a:link,

#footer .sns a:hover,

#footer .sns a:focus,

#footer .sns a:active{color:#fff;}



#footer .sns .fb{background-position:-155px -55px;}

#footer .sns .bl{background-position:-194px -55px;}

#footer .sns .in{background-position:-232px -55px;}







#footer .ffamily {position:absolute;right:0;top:0;}

#footer .ffamily a{display:block;font-weight:bold;padding:10px 15px;width:170px;border:1px solid #646462;border-radius:30px;line-height:1}

#footer .ffamily a:before{content:"";position:absolute;display:block;font-size:0;line-height:0;width:21px;height:11px;right:15px;top:13px;background:url(/images/common/c/ir-tmpl.png) no-repeat -185px 0}

#footer .ffamily a.ov:before{background-position:-211px 0;}

#footer .ffamily ul{padding:20px 0;}

#footer .ffamily ul li a:before{display:none}

#footer .ffamily ul li a{border:0;font-weight:normal;padding:5px 15px;}

#footer .ffamily .obj{display:none;position:absolute;bottom:37px;border:1px solid #646462;border-bottom:0;}





.location_buttons_box{

	position: absolute;

    bottom: 0px;

    right: 0px;

    height: 27px;

    vertical-align: middle;

    margin-left: 0;}

.location_buttons_box:after{content:"";display:block;clear:both;visibility:hidden;}

.location_buttons_box .ir{display:inline-block;float:right;margin-left:5px;width:36px;height:36px;font-size:0;background-image:url(/images/common/a/ir-tmpl.png);}

.location_buttons_box .sns{background-position: 0 -1px;}

.location_buttons_box .sns.ov,

.location_buttons_box .sns:active{background-position: 0 -1px;}

#navigate .location_buttons_box .print{width:83px;height:36px;background-position: -80px -1px;}

#naviSNS{display: inline-block;}

#naviSNS a{display:inline-block;width:34px;height:35px;font-size:0}

#naviSNS .fb{background-position: 0 -1px;}

#naviSNS .tw{background-position: -40px -1px;}



#txt{max-width:1200px;margin:0 auto;}