@charset "UTF-8";

/* ==========================================================================
   Common CSS
   ========================================================================== */

#multipleDiv_eng_738{
	background-color:#f0efef;
	padding: 50px 0;
}
#multipleContentsDiv_eng_1120{
	margin:115px auto 0;
}
#multipleDiv_eng_1120{
	background: url('../../images/visual_bg.png') repeat center;

}
#multipleDiv_eng_1774{
	display:none;
}
.multipleDiv .multipleContentsDiv{
	max-width:1220px !important;
}
#menu5589_obj1459 img{ 
	width:100%;
}
/* ==========================================================================
   User-menu CSS
   ========================================================================== */
#user-menu {
    background: url('../../images/_bg-usermenu.gif') repeat center;
}

#user-menu ul {
    display: inline-block;
    width: 100%;
}

#user-menu li {
    float: left;
    text-align: left;
    margin: 0px;
}

#user-menu a {
    position: relative;
    padding: 45px 0 45px 70px;
    font-size: 15px;
    color: #333;
}

#user-menu a:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 50px;
    height: 100%;
    transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);
    background-position: center center;
    background-repeat: no-repeat;
}

#user-menu a:hover {
    text-decoration: underline;
    color: #0d2d84;
}

#user-menu a:hover:after {
    transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);
}

#user-menu a.um1:after {
    width: 54px;
    background-image: url('../../images/us-1.png');
}

#user-menu a.um2:after {
    width: 54px;
    background-image: url('../../images/us-2.png');
}


#user-menu a.um3:after {
    width: 54px;
    background-image: url('../../images/us-3.png');
}

#user-menu a.um4:after {
    width: 54px;
    background-image: url('../../images/us-4.png');
}

#user-menu a.um5:after {
    width: 54px;
    background-image: url('../../images/us-5.png');
}

#user-menu a.um6:after {
    width: 54px;
    background-image: url('../../images/us-6.png');
}

/* linkbox wrap */
#link_box {
    height: 200px;
    background: url(../../images/link_box_bg.jpg) #edecea;
    overflow: hidden;
}

#link_box .link_list {
    max-width: 1220px;
    margin: 0 auto;
}

#link_box .link_list li {
    float: left;
    height: 200px;
    font-size: 16px;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
}

#link_box .link_list li:hover {
    background-color: rgba(255, 255, 255, .3);
}

#link_box .link_list li a {
    position: relative;
    width: 100%;
    height: 100%;
    color: #333;
    font-size: 16px;
    text-align: center;
    padding: 150px 0 0 0;
}

/* #link_box .link_list li:hover a {
    color: #0d2d84;
    font-weight: bold;
} */
#link_box .link_list li a:before {
    content: '';
    position: absolute;
    width: 100px;
    height: 100px;
    top: 35px;
    left: 50%;
    margin-left: -50px;
    border-radius: 100%;
    background-color: #fff;
    background-image: url(../../images/link_icon.png);
    background-repeat: no-repeat;
    transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);
}

#link_box .link_list .link_01 a:before {
    background-position: 25px center;
}

#link_box .link_list .link_02 a:before {
    background-position: -173px center;
}

#link_box .link_list .link_03 a:before {
    background-position: -372px center;
}

#link_box .link_list .link_04 a:before {
    background-position: -573px center;
}

#link_box .link_list .link_05 a:before {
    background-position: -772px center;
}

#link_box .link_list .link_06 a:before {
    background-position: -970px center;
}

#link_box .link_list li a:hover:before {
    background-color: #2060aa;
    background-image: url(../../images/link_icon_hov.png);
}

#link_box .slick-arrow {
    position: absolute;
    width: 23px;
    height: 200px;
    top: 0;
    text-indent: -9999px;
    background-image: url(../../images/link_box_arrow.png);
    background-repeat: no-repeat;
}

#link_box .slick-prev {
    left: 30px;
    background-position: left center;
}

#link_box .slick-next {
    right: 30px;
    background-position: right center;
}

/* enter wrap */
#enter {
    height: 200px;
    color: #333;
    font-size: 14px;
    background: url(../../images/enter_bg01.png) center center no-repeat;
    padding-top: 40px;
}

#enter .enter_box {
    text-align: center;
}

#enter h3 {
    color: #0d2d84;
    font-size: 20px;
    margin-bottom: 10px;
}

#enter h3:before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 32px;
    background: url(../../images/enter_icon01.png) left center no-repeat;
    margin: 0 5px -8px 0;
}

#enter span {
    display: block;
}

#enter .enter_link {
    display: inline-block;
    width: 90px;
    height: 35px;
    font-size: 12px;
    border: 1px solid #0d2d84;
    margin-top: 10px;
}

#enter .enter_link a {
    width: 100%;
    height: 100%;
    color: #0d2d84;
    transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);
    padding-top: 5px;
}

#enter .enter_link a:hover {
    background-color: rgba(255, 255, 255, .5);
}

/* ==========================================================================
   Contents CSS
   ========================================================================== */
#main_visual {
    width: 100%;
    height: 560px;
    font-family: 'Nanum Myeongjo', serif;
    background: url(../../images/visual-img.jpg) center center no-repeat;
}

#main_visual .w1220 {
    display: table;
    width: 100%;
    height: 100%;
    max-width: 1220px;
    margin: 0 auto;
}

#main_visual .title {
    position: relative;
    display: table-cell;
    color: #fff;
    vertical-align: middle;
    padding-left: 50px;
}

#main_visual .title:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../../images/visual-sq.png) left center no-repeat;
}

#main_visual .title h3 {
    display: block;
    font-size: 40px;
    font-family: 'Nanum Myeongjo', serif;
    line-height: 50px;
    margin-bottom: 10px;
}

#main_visual .title span {
    font-size: 30px;
    font-weight: bold;
    font-family: 'Nanum Myeongjo', serif;
}

/* ==========================================================================
   Latest CSS
   ========================================================================== */
/*템플릿으로 제작시 추후 아이디 변경 필요*/
#multipleDiv_iams_858 {
    background: url('../../images/bg-latest.gif') repeat-x center top;
}

#multipleContentsDiv_iams_858 {
    overflow: hidden;
    max-width: 1220px;
    margin: 0 auto;
    padding: 40px 0;
}

/* ==========================================================================
   팝업존 CSS
   ========================================================================== */
.popz-tit{
	background-color:rgba(0,0,0,0.3) !important;
}
.councell {
    display: table;
    width: 100%;
    height: 100%;
    background: url('../../images/bg-councell.png') no-repeat left top;
    text-align: center;
}

.councell .con {
    display: table-cell;
    vertical-align: middle;
}

.councell .con strong {
    display: inline-block;
    padding: 0px 0 2px 30px;
    font-size: 20px;
    color: #0d2d84;
    background: url('../../images/icon-councell.png') no-repeat left top;
}

.councell .con p {
    padding: 10px 0 20px 0;
}

.councell a {
    display: inline-block;
    border: 1px solid #0d2d84; 
    padding: 10px 20px;
}
/* 게시판 */
._recentListUl .recentBbsLi.active .recentBbsTab{
	font-size:20px !important;
	font-weight:bold;
}
._recentListUl .recentBbsMore{
	width:25px;
	height:25px;
	border:1px solid #ddd;
}
._recentListUl .recentBbsLi.active .recentBbsInnerUl li{
	height:30px;
	line-height:30px;
}
/* ==========================================================================
   Multiple Div 1
   ========================================================================== */
.main-visual {
    position: relative;
    width: 100%;
    min-height: 500px;
    background: url(../../images/main-visual.jpg) center center no-repeat;
}

.main-visual:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .45);
}

.main-visual h2 {
    position: relative;
    color: #fff;
    font-size: 42px;
    text-align: center;
    padding-top: 150px;
    padding-bottom: 25px;
    margin-bottom: 30px;
    z-index: 1;
}

.main-visual h2:after {
    content: '';
    position: absolute;
    width: 60px;
    height: 1px;
    bottom: 0;
    left: 50%;
    margin-left: -30px;
    background-color: #fff;
}

.main-visual span {
    position: relative;
    display: block;
    color: #fff;
    font-size: 16px;
    text-align: center;
    letter-spacing: 20px;
    margin: 0 auto;
    z-index: 1;
}

/* ==========================================================================
      Multiple Div 2
      ========================================================================== */
.step-after {
    width: 100%;
}

.step-after strong {
    color: #fff;
    font-size: 24px;
}

.step-after a:hover strong {
    text-decoration: underline;
}

.step-after .left {
    float: left;
    width: 50%;
    min-height: 300px;
}

.step-after .left a {
    position: relative;
    width: 100%;
    height: 150px;
}

.step-after .left strong {
    position: relative;
    display: block;
    padding: 30px;
    box-sizing: border-box;
}

.step-after .left strong:after {
    content: '';
    position: absolute;
    left: 30px;
    top: 75px;
    width: 38px;
    height: 38px;
    background-image: url(../../images/step-arrow-op.png);
    background-position: center center;
    background-repeat: no-repeat;
    transition: ease-in-out .3s;
}

.step-after .left a:hover strong:after {
    background-image: url(../../images/step-arrow.png);
}

.step-after .left .top,
.step-after .left .btm {
    min-height: 150px;
}

.step-after .left .top {
    background: url(../../images/step-bg1.png);
}

.step-after .left .top a:after {
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -51px;
    width: 80px;
    height: 103px;
    background: url(../../images/step-icon1.png) center center no-repeat;
}

.step-after .left .btm {
    background: url(../../images/step-bg2.png);
}

.step-after .left .btm a:after {
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -50px;
    width: 81px;
    height: 101px;
    background: url(../../images/step-icon2.png) center center no-repeat;
}

.step-after .right {
    position: relative;
    float: right;
    width: 50%;
    min-height: 300px;
    background: url(../../images/step-bg3.png);
}

.step-after .right a {
    position: relative;
    width: 100%;
    height: 300px;
}

.step-after .right a:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 20px;
    margin-left: -63px;
    width: 126px;
    height: 158px;
    background: url(../../images/step-icon3.png) center center no-repeat;
}

.step-after .right strong {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    padding: 30px;
    box-sizing: border-box;
}

.step-after .right strong:after {
    content: '';
    position: absolute;
    right: 35px;
    top: 30px;
    width: 38px;
    height: 38px;
    background: url(../../images/step-arrow-op.png) center center no-repeat;
    transition: ease-in-out .3s;
}

.step-after .right a:hover strong:after {
    background: url(../../images/step-arrow.png) center center no-repeat;
}

/* ==========================================================================
         Multiple Div 3
         ========================================================================== */
.link-box01 {
    width: 100%;
}

.link-box01 li {
    float: left;
    width: calc(100% / 3 - 1px);
    margin-top: 0 !important;
}

.link-box01 li a {
    position: relative;
    min-height: 180px;
    padding: 30px 30px 30px 0;
    box-sizing: border-box;
}

.link-box01 li a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 45px;
    width: 45px;
    height: 10px;
    background: url(../../images/link-arrow.png) center center no-repeat;
    transition: ease-in-out .3s;
}

.link-box01 li a:hover:after {
    left: 25px;
    background: url(../../images/link-arrow-ov.png) center center no-repeat;
}

.link-box01 li strong {
    display: block;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}

.link-box01 li a:hover strong {
    color: #0d2d84;
}

.link-box01 li p {
    position: relative;
    color: #727272;
    padding-left: 60px;
    word-break: break-word;
    text-align: left;
}

.link-box01 li p:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 55px;
    height: 55px;
    transition: ease-in-out .3s;
}

.link-box01 li:nth-child(1) p:before {
    background: url(../../images/link-icon1.png) center center no-repeat;
}

.link-box01 li:nth-child(2) p:before {
    background: url(../../images/link-icon2.png) center center no-repeat;
}

.link-box01 li:nth-child(3) p:before {
    background: url(../../images/link-icon3.png) center center no-repeat;
}

.link-box01 li:nth-child(1) a:hover p:before {
    background: url(../../images/link-icon1-ov.png) center center no-repeat;
}

.link-box01 li:nth-child(2) a:hover p:before {
    background: url(../../images/link-icon2-ov.png) center center no-repeat;
}

.link-box01 li:nth-child(3) a:hover p:before {
    background: url(../../images/link-icon3-ov.png) center center no-repeat;
}

/* link box 02 */
.link-box02 {
    width: 100%;
}

.link-box02 li {
    float: left;
    width: calc(100% / 3);
    text-align: center;
    margin-top: 0 !important;
}

.link-box02 li a {
    position: relative;
    height: 180px;
}

.link-box02 li span {
    display: block;
    color: #333;
    font-size: 16px;
    padding-top: 120px;
}

.link-box02 li a:hover span {
    text-decoration: underline;
}

.link-box02 li a:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 30px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin-left: -35px;
    transition: ease-in-out .3s;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #9ea3a6;
    border: 2px solid #9ea3a6;
}

.link-box02 li:nth-child(1) a:before {
    background-image: url(../../images/link-icon4.png);
}

.link-box02 li:nth-child(2) a:before {
    background-image: url(../../images/link-icon5.png);
}

.link-box02 li:nth-child(3) a:before {
    background-image: url(../../images/link-icon6.png);
}

.link-box02 li:nth-child(1) a:hover:before {
    background-color: #fff;
    background-image: url(../../images/link-icon4-ov.png);
    border: 2px solid #2db400;
}

.link-box02 li:nth-child(2) a:hover:before {
    background-color: #fff;
    background-image: url(../../images/link-icon5-ov.png);
    border: 2px solid #b93232;
}

.link-box02 li:nth-child(3) a:hover:before {
    background-color: #fff; 
    background-image: url(../../images/link-icon6-ov.png);
    border: 2px solid #fc3474;
}
._contentBuilder ._obj._objHtml ul li, ._contentBuilder ._obj._objTag ul li{
	margin-top:0 !important;
}
#multipleDiv_eng_702{
	background-color:#f0efef;
}
.sLink{
	overflow:hidden;
}
.sLink li{
	width:25%; 
	float:left; 
	position:relative;
}
.sLink li:after{
	display:block; 
	content:''; 
	background:url(../../images/sArrow.png) no-repeat center right; 
	position:absolute; 
	top:30%; 
	right:25px; 
	width:30px; 
	height:45%;
}
.sLink li a{
	padding:20px 0 20px 30px;
}
.sLink li:nth-child(1){background:url('../../images/eng_link1.png') !important;}
.sLink li:nth-child(2){background:url('../../images/eng_link2.png') !important;}
.sLink li:nth-child(3){background:url('../../images/eng_link3.png') !important;}
.sLink li:nth-child(4){background:url('../../images/eng_link4.png') !important;}
.sLink li a span{
	display:inline-block; 
	color:#fff; 
	font-size:18px; 
	padding: 20px 0 0 20px !important; 
}
 
/* 학부소개 */
#menu5589_obj1468 h2{
	text-align:center;
	font-size:26px;
	font-weight:bold;
	margin:30px 0;
}
.depInfoWrap{
	text-align:center;
	word-break:keep-all;
	padding:0 50px;
	position:relative;
}
.depInfoWrap .slick-arrow{
	position:absolute;
	width:35px;
	height:35px;
	top:50%; 
	text-indent:-9999px;
}
.depInfoWrap .slick-prev{
	background:url(../../images/infoArrowL.png) no-repeat;
	left:-30px;
}
.depInfoWrap .slick-next{
	background:url(../../images/infoArrowR.png) no-repeat;
	right:-30px;
}

.depInfoWrap .depInfo li{
	min-height:300px;
	float:left;
	border:1px solid #ddd;
	padding-left:0 !important;
	background:none !important;
	margin:0 25px;
	position:relative;
}
.depInfoWrap .depInfo li .infoTitle1{
	background:url(../../images/infoImg1.png) no-repeat;
}
.depInfoWrap .depInfo li .infoTitle2{
	background:url(../../images/infoImg2.png) no-repeat;
}
.depInfoWrap .depInfo li .infoTitle3{
	margin-right:0;
	background:url(../../images/infoImg3_1.png) no-repeat;
}
.depInfoWrap .depInfo li .infoTitle4{
	background:url(../../images/infoImg4.png) no-repeat;
}
.depInfoWrap .depInfo li .infoTitle5{
	background:url(../../images/infoImg5.png) no-repeat;
}

.depInfoWrap .depInfo li .infoTitle{
	height:120px;
	line-height:120px;
	color:#fff;
	font-size:20px;
	background-size:100% 100%;
}
.depInfoWrap .depInfo li .depText{
	padding:30px 30px 0;
	box-sizing:border-box;
	
}
.depInfoWrap .depInfo li .depText a{
	width:90px;
	height:35px;
	line-height:35px;
	margin:auto;
	border:1px solid #ddd;
	position:absolute;
	bottom:10px;
	left:50%;
	transform:translateX(-50%);
}
#multipleContentsDiv_eng_1101{
	padding:0 25px;
}
/* ==========================================================================
   Tablet Mode
   ==================================== ====================================== */
@media all and (max-width:860px) {
	#menu5589_obj1121{
		padding-top:0;
	}
	#wrap-header .siteMap{
		display:none;
	}
	#multipleDiv_eng_1774{
	display:none;
	}

    /* Main design */
    .step-after .left strong {
        font-weight: normal;
        padding: 20px;
        z-index: 1;
    }

    .step-after .left strong:after {
        left: 20px;
        top: 60px;
    }

    .step-after .right strong {
        font-weight: normal;
        z-index: 1;
    }

    .step-after .right strong:after {
        right: auto;
        left: 50%;
        margin-left: -18px;
        top: 70px;
    }

    .link-box01 li p {
        padding-left: 0;
    }

    .link-box01 li p:before {
        display: none;
    }

    .link-box01 li a:after {
        bottom: 30px;
    }
	.sLink li a img{
		display:none;
	}
	.sLink li a span{
		padding:0 !important;
	}
    /* ==========================================================================
       User-menu CSS
       ========================================================================== */
    #user-menu ul {
        width: 90%;
        display: block;
        margin: 0 auto;
    }

    #user-menu .slick-arrow {
        position: absolute;
        top: 20%;
        width: 50px;
        height: 50px;
        text-indent: -9999px;
    }

    #user-menu .slick-arrow.slick-prev {
        left: -10%;
        background: url('../../images/__arrow-user-left.png') no-repeat center center;
    }

    #user-menu .slick-arrow.slick-next {
        right: -10%;
        background: url('../../images/__arrow-user-right.png') no-repeat center center;
    }

    #multipleDiv_smsg_temp03_93 {
        padding: 0 30px;
    }

    /* enter wrap */
    #enter {
        height: 100px;
        background-image: url(../../images/enter_bg01_tablet.png);
    }

    #enter h3 {
        display: inline-block;
        margin: 0 10px 0 0;
    }

    #enter span {
        display: inline-block;
    }

    #enter .enter_link {
        display: none;
    }

    /* ==========================================================================
   Contents CSS
   ========================================================================== */
    #main_visual {
        background-position: 60% center;
        padding: 0 30px;
    }

    /* ==========================================================================
       Latest
       ========================================================================== */
    #multipleDiv_ace_1243 {
        padding: 0 30px;
    }

    .councell .con {
        background-image: url(../../images/bg-councell-ta.png);
    }

    .councell a {
        display: none;
    }

    .councell .con strong,
    .councell .con p {
        display: inline-block;
    }

    .councell .con p {
        padding: 0px;
        position: relative;
        top: -2px;
    }

    .councell .con p br {
        display: none;
    }
 
	.depInfoWrap{
		padding: 0 30px;
	}
}
@media all and (max-width:650px){
	.sLink li{
	width:50%;
}
}
/* ==========================================================================
   Mobile Mode
   ========================================================================== */
@media all and (max-width:420px) {
	#multipleDiv_eng_738{
		padding:30px 0; 
	}
	#multipleDiv_eng_1774{
		display:block;
		background:url(../../images/m_visual_bg.png) no-repeat;
	}
	#multipleDiv_eng_1120{
		display:none; 
	}
 	.multipleDiv .multipleContentsDiv{
		padding:0 20px;
	}	  
	#menu5589_obj1841{
		background-color:rgba(0,0,0,0.8)	
	}
    /* Main design */
    .link-box01 li a {
        padding: 20px;
    }

    .link-box01 li a:after {
        left: 20px;
        bottom: 40px;
    }

    .link-box01 li a:hover:after {
        left: 35px;
    }

    .link-box02 li {
        text-align: left;
    }

    .link-box02 li a {
        height: 150px;
    }

    .link-box02 li a:before {
        top: 40px;
        left: 20px;
        margin-left: auto;
    }

    .link-box02 li span {
        padding-top: 60px;
        padding-left: 100px;
    }
	.depInfoWrap .depInfo li{
		min-height:320px;
	}
	#menu5589_obj1459 img{
		display:none;
	}
    /* ==========================================================================
   Contents CSS
   ========================================================================== */
    #main_visual {
        background-image: url(../../images/visual-img-mo.jpg);
    }

    #main_visual .title {
        padding-left: 25px;
    }

    #user-menu .slick-arrow.slick-prev {
        left: -11%;
    }

    #user-menu .slick-arrow.slick-next {
        right: -11%;
    }
#main #wrap-article{padding-top:0px;}
 
.sLink li{width:50%;}
#menu5589_dbj1121{display:none;}
.m_visual_text img{width:100%;}
.sLink li{padding-left:0 !important; text-align:center;}
.sLink li:after{display:none;}
.sLink li a{padding:20px 0;}
}

@media all and (max-width:440px) {
    #user-menu ul {
        width: 70%;
    }

    #user-menu .slick-arrow.slick-next {
        right: -31%;
    }

    #user-menu .slick-arrow.slick-prev {
        left: -31%;
    }
}