@charset 'utf-8';

/* 소개 유튜브 / 비디오 영역  */
.new-top-layout1 {padding: 0px 35px 35px 35px; margin-bottom: 40px; box-sizing: border-box; background: #f1f2f4;}
.new-top-layout1 .top-txt {padding-top: 1px;}
.new-top-layout1 .top-txt strong {display: block; margin-top: -14px; color: #202020; font-size: 36px; font-family: 'NanumSquare'; word-break: keep-all;}
.new-top-layout1 .top-txt p.txt-typ01 {margin-top: 13px; color: #666; font-size: 20px; font-weight: 500; font-family: 'NanumSquare'; word-break: keep-all; line-height: 34px;}
.new-top-layout1 .video-area {display: flex; margin-top: 35px; margin-bottom: 25px; align-items: center; justify-content: center;}
.new-top-layout1 .video-area iframe {display: block; width: 100%; height: 400px; max-width: 710px;}
.new-top-layout1 .top-bottom {}
.new-top-layout1 .top-bottom p.txt-typ02 {color: #666; font-size: 18px; word-break: keep-all; line-height: 31px;}


.undergraduate .inner-history-link span a{pointer-events: none; cursor: default;}


/*intro css*/
.img-pd{text-align: center; padding: 60px 0 40px 0;}
.img-pd>img{max-width: 100%}
.ai-li>li{margin-bottom: 20px;}

/* intro 공통*/
.undergraduate_intro_wrap{}
.layout-basic-content{margin-top:80px; }
.undergraduate_intro_title{line-height:1; padding-left:10px; font-size:28px; font-family: 'NanumSquare'; color:#202020; position:relative; margin-bottom:30px; margin-top:60px; word-break: keep-all;}
.undergraduate_intro_title:before{position:absolute; content:""; width:3px; height:27px; background:#f97800; left:0;}
.undergraduate_intro_bg{height:450px;}
.undergraduate_intro_bg.img1{background:url(/images/undergraduate/under_bg1.jpg) no-repeat center; background-size:cover}
.undergraduate_intro_bg.img2{background:url(/images/undergraduate/under_bg2.jpg) no-repeat center; background-size:cover }
.undergraduate_intro_bg.img3{background:url(/images/undergraduate/under_bg3.jpg) no-repeat center; background-size:cover}
.undergraduate_intro_bg.img4{background:url(/images/undergraduate/under_bg4.jpg) no-repeat center;background-size:cover}
.undergraduate_intro_bg.img5{background:url(/images/undergraduate/under_bg5.jpg) no-repeat center;background-size:cover}
.undergraduate_intro_bg.img6{background:url(/images/undergraduate/main_global_03.jpg) no-repeat center;background-size:cover}
.undergraduate_intro_header{position:relative;}


.undergraduate_contents{margin-top:36px;word-break: keep-all;}
.undergraduate_contents h5{font-size:36px; font-family: 'NanumSquare'; color:#202020; word-break: keep-all;}
.undergraduate_contents span{display:block; margin-top:13px; font-size:20px; font-family: 'NanumSquare'; color:#666; font-weight:bold;}

.undergraduate_intro_top{margin-top:33px;}
.undergraduate_txt{font-size:18px; color:#666; line-height:32px; margin-top:30px;word-break: keep-all;}
.undergraduate_txt strong{display:block; margin-bottom:8px;}

/* business css */
.undergraduate_intro_content01{}
.content_business dl{display:table; font-size:18px;}
.content_business dl + dl{margin-top:20px;}
.content_business dl dt{display:table-cell; font-weight:bold; width:57px;}
.content_business dl dd{display:table-cell; line-height:32px; word-break: keep-all;}
.undergraduate_intro_content01 .content_img {margin-top: 20px;}
.undergraduate_intro_content01 .content_img img {max-width: 100%;}
.undergraduate_intro_content01 .content_img span {display: block; word-break: keep-all;}
.undergraduate_intro_btn{margin-top:20px; }
.undergraduate_intro_btn ul{overflow:hidden;}
.undergraduate_intro_btn ul li{list-style:none; float:left; min-width:180px; height:50px; padding:0 10px; box-sizing: border-box; border-radius:5px; background:#444; text-align:center; transition: all 0.2s;}
.undergraduate_intro_btn.type2 ul li{width:240px;}
.undergraduate_intro_btn ul li:hover{background:#f97800;}
.undergraduate_intro_btn ul li + li{margin-left:10px;}
.undergraduate_intro_btn ul li a{display:block; height:100%; color:#fff; font-size:16px; line-height:50px;}
.aptitude_career{margin-top:30px;}
.aptitude_career h6{margin-bottom:13px; line-height:1; font-size:24px; color:#202020; font-family: 'NanumSquare'; word-break: keep-all;}


/* enterprise css */
.content_enterprise dl{display:table; font-size:18px;}
.content_enterprise dl + dl{margin-top:20px;}
.content_enterprise dl dt{display:table-cell; font-weight:bold; width:57px;}
.content_enterprise dl dd{display:table-cell; line-height:32px; word-break: keep-all;}
ul.intro_view li:after{display:inline-block; content:""; background:url(/images/common/btn/intro-btn.png) center no-repeat; width:17px; height:17px; vertical-align: middle; margin-left:10px;}

.undergraduate_intro_top.en .content_enterprise dl dt {width: 80px;}

/* finance css */
.aptitude_career dl{display:table; font-size:18px;}
.aptitude_career dl + dl{margin-top:20px;}
.aptitude_career dl dt{position:relative; display:table-cell; padding-left:8px; box-sizing:border-box;}
.aptitude_career dl dt:before{position:absolute; content:""; width:3px; height:3px; background:#666; top:13px; left:0;}
.aptitude_career dl dd{display:table-cell;line-height:32px; word-break: keep-all;}
dl.finance_content01 dt{width:126px;}
dl.finance_content02 dt{width:110px;}
dl.finance_content03 dt{width:110px;}
.major_download.right{right:0;}

/* info css */
dl.content_dt dt{width:57px;}

/* school css*/
ul.content_school{font-size:18px;}
ul.content_school li{list-style:none; position:relative; padding-left:10px; box-sizing:border-box; line-heighT:1;}
ul.content_school li + li{margin-top:20px;}
ul.content_school li:before{position:absolute; content:""; width:3px; height:3px; background:#666; top:7px; left:0;}



/* major css */
.business_major_wrap{box-sizing:border-box;}

.major_tab_wrap .major_littletitle{position:relative; left:0; top:25px;font-size:28px; font-family: 'NanumSquare'; color:#202020; padding-left:10px; font-weight:bold; line-height:1;}
.major_tab_wrap .major_littletitle:before{position:absolute; content:""; width:3px; height:27px; background:#f97800; left:0;}


.major_tab_wrap{position:relative; }
.major_tab_wrap .tab-content{position:relative;}
.major_tab_wrap .tab-content .tab-item{display:none;}
.major_tab_wrap .tab-menu{width:100%; }
.major_tab_wrap .tab-menu ul {display: flex;}
.major_tab_wrap .tab-menu ul li{position:relative; flex: 1; height:60px; list-style:none;  box-sizing:border-box; font-size:22px;}
.major_tab_wrap .tab-menu ul li.wd{width: 33.3%}
.major_tab_wrap .tab-menu ul li + li a{border-left:none;}
.major_tab_wrap .tab-menu ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.major_tab_wrap .tab-menu ul li a{display:flex; height:100%; text-align:center; font-weight:bold; color:#888; background:#fff; border:1px solid #d1d1d1; align-items: center; justify-content: center;}

.major_tab_wrap .tab-menu ul li.on a{transition:all 0.3s; color:#fff; font-weight:bold; background-color: #f97800; }

.major_tab_wrap .tab-item{margin-top:35px; transition:all 0.3s;}
.major_tab_wrap .tab_list_wrap{margin-top:55px; height:1200px; border:1px solid #ccc; box-sizing:border-box;}

.major_download{position:absolute; top:0; right:230px; font-size:16px; background:#444; border-radius:5px; height:50px; line-height:49px; box-sizing:border-box; text-align:center;}
.major_download a{display:block; height:100%; padding:0 20px; color:#fff;}

.major_download.typ2 {right: 438px;}
.major_download.typ3 {right: 483px;}

/* 회계세무학과 */
.content-undergraduate-accounting-tax .major_tab_wrap .tab-menu ul {display: flex;}
.content-undergraduate-accounting-tax .major_tab_wrap .tab-menu ul li {width: 100%; float: initial  ;}

.major_select_wrap{position:absolute; top:0; right:0;}
.major_select_wrap select{width:220px; height:50px; line-height:49px; font-size:16px; color:#666; border:1px solid #ccc; box-sizing:border-box; padding-left:15px;
-webkit-appearance: none;  /* 네이티브 외형 감추기 */
-moz-appearance: none;
appearance: none;
background: url(/images/undergraduate/select_btn.png) no-repeat 93% 50%;  /* 화살표 모양의 이미지 */}



.major_tab_wrap{position:relative; }
.major_tab_wrap .tab-content{position:relative;}
.major_tab_wrap .tab-content .tab-item{display:none;}
.major_tab_wrap .tab-menu2{width:100%; }
.major_tab_wrap .tab-menu2 ul li{position:relative; float:left; width:50%; height:60px; list-style:none; line-height:62px; box-sizing:border-box; font-size:22px;}
.major_tab_wrap .tab-menu2 ul li + li a{border-left:none;}
.major_tab_wrap .tab-menu2 ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.major_tab_wrap .tab-menu2 ul li a{display:block; height:100%; text-align:center; font-weight:bold; color:#888; background:#fff; border:1px solid #d1d1d1; }

.major_tab_wrap .tab-menu2 ul li.on a{transition:all 0.3s; color:#fff; font-weight:bold; background-color: #f97800; }


.major_m{display:none;}


/*国际经营专业*/
.undergraduate_contents>p:nth-of-type(1){    font-size: 36px;color: #202020;     font-family: "Arial", 'Microsoft Yahei',"Lucida Grande", "Tahoma","Helvetica", "sans-serif";}
.undergraduate_contents>p:nth-of-type(2){    font-size: 18px;color: #666;line-height: 32px;margin-top: 30px;     font-family: "Arial", 'Microsoft Yahei',"Lucida Grande", "Tahoma","Helvetica", "sans-serif";}
.list_ch>li{font-size: 18px; line-height: 32px;     color: #666; font-weight: 400; margin-bottom: 20px;     font-family: "Arial", 'Microsoft Yahei',"Lucida Grande", "Tahoma","Helvetica", "sans-serif"; word-break: keep-all;}
.list_ch_sp{font-weight: bold; display: table-cell;     font-family: "Arial", 'Microsoft Yahei',"Lucida Grande", "Tahoma","Helvetica", "sans-serif";}
.list_ch_sp.kr{font-weight: bold; display: table-cell;     font-family: 'NanumGothic';}

.pdf_down{display: block; width: 179px; height: 48px; background-color: #444444; text-align: center; line-height: 46px; color: #fff; border-radius: 5px;}

.probox{width: 100%; height: auto;background-color: #f1f2f4; margin-bottom: 20px;}
.probox::after{content: ''; display: block;clear: both; }
.pic_pro{float: left;  width: 9%; height: auto; padding: 30px;}
.pic_pro>p{text-align: center;  font-family: "Arial", 'Microsoft Yahei',"Lucida Grande", "Tahoma","Helvetica", "sans-serif";}
.pro_contetn{float: left;   width: 74%; height: auto;}
.pro_contetn>p{line-height: 26px;  font-family: "Arial", 'Microsoft Yahei',"Lucida Grande", "Tahoma","Helvetica", "sans-serif"; word-break: keep-all;}
.pro_contetn>p>span{font-weight: bold;  font-family: "Arial", 'Microsoft Yahei',"Lucida Grande", "Tahoma","Helvetica", "sans-serif";}
.pro_contetn>p:nth-of-type(1){padding-top: 30px;  font-family: "Arial", 'Microsoft Yahei',"Lucida Grande", "Tahoma","Helvetica", "sans-serif";}
.pro_contetn>p:last-child{margin-bottom: 30px;  font-family: "Arial", 'Microsoft Yahei',"Lucida Grande", "Tahoma","Helvetica", "sans-serif";}
.padding_contetn{padding-top: 8px;}
.pic_pro.box{height: 72px;text-align: center; margin-top: 30px;}
.probox_se{width: 100%; height: auto; border: solid 1px #cccccc; padding-top: 20px; padding-bottom: 20px; margin-bottom: 20px; }
.probox_se::after{content: '';display: block; clear: both;}
.title_se{float: left; width: 9%; height: auto; text-align: center; line-height: 15px; border-right: solid 1px #cccccc; padding-top: 15px; padding-bottom: 15px;}
.title_se>p{line-height: 25px;  font-family: "Arial", 'Microsoft Yahei',"Lucida Grande", "Tahoma","Helvetica", "sans-serif";}
.se_contetn{float: left; width: 74%; height: auto;  padding-left: 30px;}
.se_contetn>p:first-child{padding-bottom: 9px; line-height: 25px;  font-family: "Arial", 'Microsoft Yahei',"Lucida Grande", "Tahoma","Helvetica", "sans-serif"; word-break: keep-all;}
.se_contetn>p{font-family: "Arial", 'Microsoft Yahei',"Lucida Grande", "Tahoma","Helvetica", "sans-serif";}

/* content inner tab
.inner-tab{position:relative; }
.inner-tab .inner-tab-content{position:relative;}
.inner-tab .inner-tab-content .inner-tab-item{display:none; width:100%; margin-top:55px; height:1200px; border:1px solid #ccc; box-sizing:border-box; margin-top:30px;}
.inner-tab .inner-tab-menu{width:100%; margin-top:65px;}
.inner-tab .inner-tab-menu ul li{position:relative; float:left; list-style:none; line-height:1;}
.inner-tab .inner-tab-menu ul li + li{margin-left:41px;}
.inner-tab .inner-tab-menu ul li + li:before{position:absolute; content:""; left:-20px;; top:1px; width:1px; height:13px; backgrounD:#ccc;}
.inner-tab .inner-tab-menu ul:after{clear:both; display:block; overflow:hidden; content:""; height:0;}
.inner-tab .inner-tab-menu ul li a{font-weight:bold; color:#666; }

.inner-tab .inner-tab-menu ul li.on a{color:#f97800; font-weight:bold; border-bottom:1px solid #f97800; }
 */



 /* 연계·융합 ·자기설계융합전공 공통부분 */
 
.undergraduate_contents h5.fusion {font-size:48px; font-weight: bold; font-family: 'NanumSquare'; color:#202020;}
.undergraduate_txt.fusion{font-size:20px; font-weight: bold; color:#666; line-height:32px; margin-top:20px; word-break: keep-all;}

/* 연계, 융합 table 공통부분 */
.content_inner table{}
.content_inner table thead tr th{font-family: 'NanumSquare'; font-size:18px; border-bottom:1px solid #202020; background:#f8f8f8; color:#202020; padding:13px 0; border-top:2px solid #202020; box-sizing:border-box; line-height:28px; text-align:center;}
.content_inner table tbody tr td{font-size:16px; padding: 14px 15px;box-sizing:border-box; border-bottom:1px solid #ccc; border-left:1px solid #ccc; background:#fff; color:#666; text-align:center; line-height:28px;}
.content_inner table tbody tr td.left-none{border-left:none;}
.content_inner table thead tr th + th{border-left:1px solid #ccc;}
.content_inner table tbody tr td + td{border-left:1px solid #ccc; word-break: keep-all;}

/*자기설계융합전공*/
img.m-fusion-img{display:none;}
img.pc-fusion-img{width:100%}

/* 자기설계융합전공 - 신청절차 영문 */
.college_content .self-en {}
.college_content .self-en ul.self-en-inner {display: flex; justify-content: space-between; }
.college_content .self-en ul.self-en-inner li {max-width: 224px; width: 100%; }
.college_content .self-en ul.self-en-inner li::before {}
.college_content .self-en ul.self-en-inner li .ico-wrap {display: flex; max-width: 224px; min-height: 224px; flex-direction: column; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 100%; position: relative;}
.college_content .self-en ul.self-en-inner li .ico-wrap::before {content: ""; display: block; width: 16px; height: 30px; background: url(/images/college/ico_next01.png) no-repeat center; background-size: 100%; position: absolute; right: -48px; top: 96px;}
.college_content .self-en ul.self-en-inner li:last-child .ico-wrap::before {display: none;}
.college_content .self-en ul.self-en-inner li .en-txt-box {margin-top: 20px; text-align: center;}
.college_content .self-en ul.self-en-inner li .en-txt-box div {}
.college_content .self-en ul.self-en-inner li .en-txt-box div:last-child {margin-top: 25px;}
.college_content .self-en ul.self-en-inner li .en-txt-box div.mr-t {margin-top: 0px;}
.college_content .self-en ul.self-en-inner li .en-txt-box div strong {color: #666; font-size: 17px;}
.college_content .self-en ul.self-en-inner li .en-txt-box div p {color: #666; font-size: 16px; position: relative;}
.college_content .self-en ul.self-en-inner li .en-txt-box div p:first-of-type {display: block; margin-top: 10px;}
.college_content .self-en ul.self-en-inner li .en-txt-box div p:not(:last-of-type) {margin-bottom: 30px;}
.college_content .self-en ul.self-en-inner li .en-txt-box div p:not(:first-of-type)::before {content: ""; display: block; width: 12px; height: 6px; background: url(/images/college/ico_next02.png) no-repeat center; background-size: 100%; position: absolute; left: 50%; top: -11px; transform: translate(-50%, -50%);}


.college_content .self-en ul.self-en-inner li .ico-wrap i {}
.college_content .self-en ul.self-en-inner li .ico-wrap i.ico-step1 {display: block; width: 43px; height: 50px; background: url(/images/college/process_icon16.png) no-repeat center; background-size: 43px 50px;}
.college_content .self-en ul.self-en-inner li .ico-wrap i.ico-step2 {display: block; width: 44px; height: 53px; background: url(/images/college/process_icon17.png) no-repeat center; background-size: 44px 53px;}
.college_content .self-en ul.self-en-inner li .ico-wrap i.ico-step3 {display: block; width: 50px; height: 52px; background: url(/images/college/process_icon18.png) no-repeat center; background-size: 50px 52px;}
.college_content .self-en ul.self-en-inner li .ico-wrap i.ico-step4 {display: block; width: 47px; height: 51px; background: url(/images/college/process_icon19.png) no-repeat center; background-size: 47px 51px;}
.college_content .self-en ul.self-en-inner li .ico-wrap p {margin-top: 10px; color: #888888; font-size: 16px; font-weight: 400;}
.college_content .self-en ul.self-en-inner li .ico-wrap strong {display: block; margin-top: 20px; color: #777; font-size: 17px; text-align: center;}


/* 소개 탭 (학부소개/비전및미션/학부연혁) */
.tab-menu.intro-tap-typ1 ul {display: flex; }
.tab-menu.intro-tap-typ1 ul li {width: 100%;}
.intro-sub-tit-typ1 {margin-bottom: 20px; font-size: 24px; font-weight: 400; color: #202020;}
.intro-sub-tit-typ1.mb-typ3 {margin-bottom: 30px;}
.intro-txt-typ1 {font-size: 18px; font-weight: 400; color: #666; line-height: 1.5; word-break: keep-all;}
.f-typ1 {font-size: 24px; font-weight: 700; color: #0a66c3;}
.f-typ1.f-size1 {font-size: 18px;}
.f-typ2 {font-size: 18px; font-weight: 700; color: #202020;}
.f-typ3 {font-size: 24px; font-weight: 700; color: #202020;}
.mb-typ1 {margin-bottom: 40px;}
.mb-typ2 {margin-bottom: 50px;}
.undergraduate_intro_content01 ul li img {max-width: 100%;}
.undergraduate_intro_content01 ul li.img-area-typ1 {margin-bottom: 60px;}
.undergraduate_intro_content01 ul li.img-area-typ2 {margin-bottom: 30px;}

ul.intro-txt-typ2 li {width: 100%; margin-bottom: 20px; line-height: 1.5;}
ul.intro-txt-typ2 li:last-child {margin-bottom: 0;}
ul.intro-txt-typ2 li span.intro-txt-typ3 {display: inline-block; width: 60px; vertical-align: top;}
ul.intro-txt-typ2 li span.intro-txt-typ4 {display: inline-block; width: calc(100% - 66px); vertical-align: top;}
ul.intro-txt-typ3 {display: flex; }
ul.intro-txt-typ3 li {padding: 36px 32px; font-size: 16px; border: 1px solid #ddd; border-radius: 10px; line-height: 1.5;}
ul.intro-txt-typ3 li:not(:last-child) {margin-right: 40px;}
ul.intro-txt-typ4 {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
ul.intro-txt-typ4 li {padding: 38px 35px; font-size: 16px; border: 1px solid #ddd; border-radius: 10px; line-height: 1.5;}
ul.intro-txt-typ4 li p.f-typ3 {margin-bottom: 10px;}

/* 학회 소개 탭 */
.tab-con-box.current.major-club-list {display: none;}
ul.major-tab-menu-typ1 { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr);}
ul.major-tab-menu-typ1 li {width: 100% !important; border: 1px solid #ccc;}
ul.major-tab-menu-typ1 li:nth-child(n+4) {border-top: none;}
ul.major-tab-menu-typ1 li.bd-n {border-right: none;}
ul.major-tab-menu-typ1 li.bd-t {border-top: 1px solid #ccc;}
.major_tab_wrap .tab-menu ul.major-tab-menu-typ1 li a {border: none;}
.tab-cont-typ2{width: 100%; margin-top: 40px;}
.tab-cont-typ2 ul.tabs {display: flex; border: 1px solid #d1d1d1; }
.tab-cont-typ2 ul.tabs li{width: 100%;  font-size: 18px; color: #666666; font-weight: 400; text-align: center; box-sizing: border-box;}
.tab-cont-typ2 ul.tabs li:not(:last-child) {border-right: 1px solid #d1d1d1;}
.tab-cont-typ2 ul.tabs li.tab-link a{display: block; width: 100%; padding: 20px 0; font-size: 18px; color: #666666; font-weight: 400; text-align: center;}
.tab-cont-typ2 ul.tabs li.tab-link a.on {display: block; width: 100%; background: #ededed; color: #f97800; font-weight: 700;}
.tab-con-box{display: none;background: #ededed;}
.tab-con-box.current{display: inherit;}
/* 학회 소개 */
.tab-con-box.major-club-list {background: #fff;}
.tab-cont-typ2 .tabs-list-box {margin-top: 80px;}
.student-info {padding: 0 40px; box-sizing: border-box; position: relative; background: #f1f2f4;}
.student-info .cont-box-main-tit {position: absolute; top: -30px; left: 36px;}
.student-info .cont-box-main-tit p {font-size: 48px; font-weight: 700; color: #202020;}
.cont-box-intro-inner {display: flex; width: 100%; padding: 50px 0 60px 0; flex-direction: row; align-items: flex-start;}
.cont-box-intro-inner .img-box {width: 45%;}
.cont-box-intro-inner .img-box img {max-width: 100%;}
.cont-box-intro-inner .student-txt-typ1 {width: 55%; margin-left: 40px; word-break: keep-all;}
.mb-typ4 {margin-bottom: 20px; font-size: 20px; font-weight: 700; color: #666; line-height: 1.5;}
.mb-typ4.mb-n {margin-bottom: 0;}
.student-btn-link {display: inline-block; margin-top: 25px; width: 180px; text-align: center; border-radius: 5px; background: #444;}
.student-btn-link.typ2 {display: block; width: initial; background: initial;}
.student-btn-link.typ2 ul {display: flex; align-items: center; flex-direction: row;}
.student-btn-link.typ2 ul li {width: 100%; margin-right: 5px; background-color: #444; border-radius: 5px;}
.student-btn-link.typ2 ul li:last-child {margin-right: 0;}
.student-btn-link a {display: block; width: 100%; height: 100%; padding: 16px 0; font-size: 16px; font-weight: 400; color: #fff;}
.student-date-tit {font-size: 24px; font-weight: 400; color: #202020;}
.f-typ5 {font-size: 18px; font-weight: 400; color: #666; word-break: keep-all; line-height: 1.5;}
.f-typ5.mb-typ7 {margin-bottom: 8px;}
.f-typ6 {font-size: 18px; font-weight: 400; color: #08529d;}
.f-typ7 {font-size: 16px; font-weight: 400; color: #202020; margin-top: 15px; }
.student-info-box {display: flex; flex-direction: row; align-items: flex-start;}
.student-info-box.typ2 {display: block;}
.student-info-box.typ2 ul.student-date-list.typ2 {width: 100%;}
.student-info-box.typ2 ul.student-date-list.typ2:first-child:after {display: none;}
.student-info-box ul.student-date-list {width: 50%;}
.student-info-box ul.student-date-list:first-child {position: relative;}
.student-info-box ul.student-date-list:first-child:after {content: ""; display: inline-block; width: 1px; height: 100%; border-right: 1px dashed #cccc; max-height: 100%; position: absolute; top: 0; right: 0;}
.student-info-box ul.student-date-list:last-child {margin-left: 35px;}
.student-info-box ul.student-date-list.typ2 {margin-left: 0;}
.student-info-box ul.student-date-list.typ2 li ul.student-date-name.typ2 {margin-top: 0;}
.student-info-box ul.student-date-list.typ2:first-child:after {display: none;}
.student-info-box ul.student-date-list li.student-date-tit:not(:last-child) {margin-bottom: 30px;}
.student-info-box ul.student-date-list ul.student-date-name li.mb-typ8 {margin-bottom: 10px;}
ul.student-date-list li ul.student-date-name {margin-top: 15px;}
ul.student-date-name li {padding-left: 10px; position: relative;}
ul.student-date-name li::before {content: ""; display: inline-block; width: 3px; height: 3px; background: #666; position: absolute; top: 9px; left: 0;}

/* 학부 연혁 */
.major_tab_wrap .tab-item.tab-item2 {margin-top: 80px;}
.intro-history-area {}
.intro-history-list {display: flex; margin-left: 30px;}
.intro-history-l {width: 240px;}
.year-list-area {position: relative; z-index: -1;}
.intro-history-list::after {content: ''; width: 1px; background: #ccc; position: absolute; left: 338px; top: 0px; height:100%; max-height: 100%; z-index: -5;}
.f-typ4 {font-size: 48px; font-weight: 400; color: #202020;}
.year-date {font-size: 20px; font-weight: 700; color: #202020;}
.year-txt {font-size: 18px; font-weight: 400; color: #666;}
.year-list-inner-typ1::after {width: 11px; height: 11px; background: #fff; border: 1px solid #f97800; border-radius: 100%; box-sizing: border-box;  content: ''; position: absolute; top: 6px; left: 63px;}
.year-list-box {display: flex;     align-items: center;}
.year-list-box li.year-date {width: 62px;}
.year-list-box li.year-txt {width: calc(100% - 62px); margin-left: 20px;}
.year-list-inner-typ1 {position: relative; margin-bottom: 40px; word-break: keep-all;}
.year-list-inner-typ1:last-child {margin-bottom: 0;}
.year-list-box li{}
.year-txt ul li:not(:last-child) {margin-bottom: 20px;}
.intro-history-r {width: calc(100% - 240px); padding: 15px 0 35px 0;}
/* 학생 활동 갤러리 */
ul.student-gallery-box {display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 20px;}
ul.student-gallery-box li.student-gallery-list {width: 100%; float: initial; margin-right: 0; margin-bottom: 0;}
.thumbnail-list.typ2 {display: none;}
.pagenation.typ2 ul.tabs-typ2 {display: flex; justify-content: center; align-items: center;}
.pagenation.typ2 ul.tabs-typ2 li {font-size: 16px;  color: #666;}
.pagenation.typ2 ul.tabs-typ2 li a {padding: 0 15px;}
.pagenation.typ2 ul.tabs-typ2 li a.on {color: #f97800;}
.student-gallery-typ1 .img-box img {max-width: 100%;}

@media all and (min-width:992px) and (max-width:1170px) {
.college_content .self-en ul.self-en-inner li .ico-wrap {max-width: 19.15vw; min-height: 19.15vw;}
.college_content .self-en ul.self-en-inner li .ico-wrap::before {width: 1.37vw; height: 2.56vw; right: -4.1vw; top: 8.21vw;}
.college_content .self-en ul.self-en-inner li .ico-wrap strong {font-size: 1.45vw;}
}

/*************************************************큰 태블릿*************************************************/
@media all and (min-width:992px) and (max-width:1199px) {
.titlet_fon{padding-left:0px;}
.undergraduate_intro_header{background-size:cover; min-height:515px;}
.content-undergraduate-accounting-tax-intro .undergraduate_intro_header{min-height:0;}
.undergraduate_contents{bottom:0; left:20px;}
.undergraduate_intro_content01.m{margin-top:113px;}
.undergraduate_intro_wrap.layout-basic-content{padding:0}
.business_major_wrap.layout-basic-content{padding:0}
}


 /*************************************************모바일&태블릿*************************************************/
@media all and (max-width:991px){
.titlet_fon {padding-left: 0px!important;} 
.layout-basic-content{margin-top:80px; padding:0 30px;}
.undergraduate_intro_wrap.layout-basic-content{margin-top:80px; padding:0}
.business_major_wrap.layout-basic-content{margin-top:80px; padding:0}
.undergraduate_contents{margin-top:30px;}
.undergraduate_contents h5{font-size:60px; line-height:72px;}
.undergraduate_contents span{font-size:32px; margin-top:20px;}

    
.undergraduate_contents>p:nth-of-type(1){font-size:60px; line-height:72px;}
.undergraduate_contents>p:nth-of-type(2){font-size:32px; margin-top:20px; line-height: 50px;}
.list_ch>li{font-size: 32px; line-height: 50px;margin-bottom: 30px;}
.list_ch_sp{font-weight: bold; display: table-cell;}    
.pro_contetn>p{font-size:32px;  line-height: 41px;}
.pic_pro{width: 202px; height:240px;}
.pic_pro>img{width: 100%}
.pro_contetn{width: 59%}
    
.title_se{width: 202px; height:240px; border-right: 0;}
.title_se>p{font-size:32px;  line-height: 41px; padding-top: 50%;}
.se_contetn{width: 59%; border-left:solid 1px #cccccc}
.se_contetn>p{font-size:32px;  line-height: 41px; }
.se_contetn>p:first-child{line-height: 36px;}    
    
    
.undergraduate_txt{font-size:26px; line-height:46px;}
.undergraduate_intro_title{font-size:36px; margin-top:70px; margin-bottom:40px; padding-left:15px;}
.undergraduate_intro_title:before{width:6px; height:35px;}
.undergraduate_intro_title.type2{line-height:50px;}
.undergraduate_intro_title.type2:before{top:7px;}
.content_business dl dt{width:70px;}
.content_business dl{font-size:26px;}
.content_business dl dd{line-height:40px; width:calc(100% - 70px);}

.undergraduate_intro_btn ul li{width:calc(50% - 10px); height:80px;}
.undergraduate_intro_btn ul li:nth-child(2){margin-left:20px;}
.undergraduate_intro_btn ul li:nth-child(3){margin-top:10px;}
.undergraduate_intro_btn ul li:nth-child(4){margin-left:20px;margin-top:10px;}
.undergraduate_intro_btn ul li + li{margin-left:0;}
.undergraduate_intro_btn ul li a{font-size:28px; line-height:80px;}
.undergraduate_intro_btn{margin-top:40px;}
.undergraduate_intro_btn.type2 ul li{width:400px;}
.aptitude_career{margin-top:40px;}
.aptitude_career h6{font-size:32px;}
dl.content_dt{font-size:26px;  margin-top:25px;}
dl.content_dt dt{width:85px;}
.aptitude_career ul li{line-height:46px;font-size:26px;}
.aptitude_career dl dd{line-height:46px;font-size:26px;}
.aptitude_career dl dt:before{top:20px;}
.aptitude_career dl + dl{margin-top:25px;}
.aptitude_career dl dt{font-size:26px;}

dl.finance_content01 dt{width:180px;}
.finance_content01{margin-top:25px;}
dl.finance_content02 dt{width:155px;}
.finance_content02{margin-top:25px;}
dl.finance_content03 dt{width:155px;}


.undergraduate_intro_content01.m{margin-top: 0;}
ul.content_school li:before{top:21px;}


.content_enterprise dl dt{width:85px; font-size:26px;}
.undergraduate_intro_top.en .content_enterprise dl dt {width: 114px;}
.content_enterprise dl dd{line-height:46px;font-size:26px;}
.major_tab_wrap .tab-menu ul li{font-size:32px; height:100px; line-height:initial;}
.major_tab_wrap .tab-menu ul li a {display: flex; align-items: center; justify-content: center;}
.major_tab_wrap .tab-menu ul li:nth-child(3) a{border-left:1px solid #ccc;}
.major_pc{display:none;}
.major_m{display:block; margin-top:80px;}
.major_m ul{}
.major_m ul li{position:relative; height:80px; line-height:80px; background:#444; list-style:none; border-radius: 5px; padding-left:40px; box-sizing:border-box;}
.major_m ul li a{color:#fff; font-size:28px; display:block; height:100%;}
.major_m ul li + li{margin-top:20px;}
.major_m ul li span{position:absolute; right:40px; top:0; bottom:0; margin:auto; width:30px; height:31px; background:url(/images/undergraduate/m_major_download_btn.png) center no-repeat; background-size:cover;}

.undergraduate_intro_bg.img1{background-size:cover; height:400px; height:40vw;}
.undergraduate_intro_bg.img2{background-size:cover; height:400px; height:40vw;}
.undergraduate_intro_bg.img3{background-size:cover; height:400px; height:40vw;}
.undergraduate_intro_bg.img4{background-size:cover; height:400px; height:40vw;}
.undergraduate_intro_bg.img5{background-size:cover; height:400px; height:40vw;}
.undergraduate_intro_bg.img6{background-size:cover; height:400px; height:40vw;}
    
.major_tab_wrap .tab-menu2 ul li{font-size:32px; height:100px; line-height:100px;}
    
.kor_site_move{margin: 0 auto !important; margin-top: 30px !important; float: none !important;}
.kor_site_move_ch{margin: 0 auto !important; margin-top: 30px !important; float: none !important;}


/* 연계·융합 ·자기설계융합전공 공통부분 */
.undergraduate_intro_title.fusion-intro-title{margin-top:80px; margin-bottom:40px;}
.undergraduate_contents h5.fusion {font-size:60px;}
.undergraduate_txt.fusion{font-size:32px; line-height:46px; margin-top:20px;}
.college_table_wrap{overflow-x: scroll;}
table.fusion-tbl{width:1700px;}
.college_table_wrap span{display: block; position: fixed; width: 160px; height: 160px; margin-left: -80px; margin-top: -80px; top: 50%; left: 50%; background: url(/images/introduce/m_scroll.png) center no-repeat;}

.content_list_m.kpoint{display:block;}
.content_inner table{margin-bottom:20px;}
.content_inner table thead tr th{font-size:30px; line-height:40px; padding:30px 0 ; border-top:4px solid #202020;}
.content_inner table tbody tr td{font-size:28px; padding:25px 30px; line-height:46px;}

/*자기설계융합전공*/
img.m-fusion-img{display:block; width:100%}
img.pc-fusion-img{display:none;}
.undergraduate_intro_btn.fusion-intro-btn ul li{width: calc(50% - 10px); height: 80px;}
/* 비전 및 미션 */
ul.intro-txt-typ3 {flex-direction: column;}
ul.intro-txt-typ3 li:not(:last-child) {margin-bottom: 10px; margin-right: 0;}
ul.intro-txt-typ4 {display: block;}
ul.intro-txt-typ4 li:not(:last-child) {margin-bottom: 10px;}
/* 학부연혁 */
.intro-history-list {display: block; margin-left: 0;}
.intro-history-list::after {display: none;}
.intro-history-l {width: 100%; margin-bottom: 10px;}
.intro-history-r {width: 100%; margin-left: 5px;}
.year-list-area::after {content: ''; width: 1px; background: #ccc; position: absolute; left: 68px; top: 0px; height:100%; max-height: 100%; z-index: -5;}
.year-list-area::after {top: 6px; height: 96%;}
.year-list-area.bar-typ2:after {height: 98%;}
/* 학회소개 탭 */
.tab-cont-typ2 ul.tabs {display: grid;grid-template-columns: repeat(3, 1fr) }
.tab-cont-typ2 ul.tabs li:nth-child(-n+3) {border-bottom: 1px solid #d1d1d1;}
/* 자기설계융합전공 - 신청절차 영문 */
.college_content .self-en ul.self-en-inner {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); -ms-grid-columns: 1fr 1fr 1fr; gap: 70px 4.04%;}
.college_content .self-en ul.self-en-inner li {display: flex;  max-width: 100%; text-align: center; flex-direction: column; align-items: center;}
.college_content .self-en ul.self-en-inner li .ico-wrap {width: 100%; max-width: initial; min-height: initial;  aspect-ratio: 1 / 1;}
.college_content .self-en ul.self-en-inner li:nth-child(2) .ico-wrap::before {display: none;}
.college_content .self-en ul.self-en-inner li .ico-wrap::before {right: -2.83vw; top: 19.98vw;}




/* 학회 소개 */
.tab-cont-typ2 .tabs-list-box {margin-top: 40px;}
.cont-box-intro-inner {flex-direction: column;}
.cont-box-intro-inner .img-box {width: 100%;}
.cont-box-intro-inner .img-box img {width: 100%;}
.cont-box-intro-inner .student-txt-typ1 {width: 100%; margin-top: 30px; margin-left: 0; }
.student-info-box {flex-direction: column;}
.student-info-box ul.student-date-list {width: 100%;}
.student-info-box ul.student-date-list:first-child:after {display: none;}
.student-info-box ul.student-date-list:last-child {margin-left: 0; margin-top: 30px;}


}
/*************************************************태블릿*************************************************/
@media all and (min-width:768px) and (max-width:991px){
.layout-basic-content{padding:0 30px;}
.pagenation.typ2 {display: block !important;}
}
@media all and (min-width:768px) and (max-width:890px){
.student-info .cont-box-main-tit p {font-size: 5.393vw;}

}
@media all and (max-width:930px){
.language-content.en .undergraduate_intro_btn ul li:nth-child(3) a{line-height:33px;}
}


/*************************************************모바일*************************************************/
@media all and (max-width:767px){
.undergraduate_intro_header.ai{min-height:auto !important;}
.img-pd{padding:20px 0;}
.layout-basic-content{margin-top:40px; padding:0 15px;}
.undergraduate_intro_wrap.layout-basic-content{margin-top:40px; padding:0}
.business_major_wrap.layout-basic-content{margin-top:40px; padding:0}
.undergraduate_intro_title{font-size:18px; padding-left:12px; margin-bottom:30px; margin-top:40px;}
.undergraduate_intro_title:before{width:3px; height:18px;}
.undergraduate_intro_title.type2{line-height:24px;}
.undergraduate_intro_title.type2:before{top:2px;}

.undergraduate_intro_header{min-height:53.455vw; background-size:cover;}

.undergraduate_contents{margin-top:20px;}
.undergraduate_contents h5{font-size:30px; line-height:36px;}
.undergraduate_contents span{font-size:16px; line-height:23px; margin-top:10px;}
    
.undergraduate_contents>p:nth-of-type(1){font-size:30px; line-height:36px;}
.undergraduate_contents>p:nth-of-type(2){font-size:16px; line-height:30px; margin-top:10px;}
.list_ch>li{font-size: 16px; line-height: 25px;margin-bottom: 15px;}
.list_ch_sp{font-weight: bold; display: table-cell;} 
    
.pro_contetn>p{font-size:16px;  line-height: 20px;}
.pic_pro{width: 100%;height: auto;text-align: center; padding:0}
.pic_pro>img{width: auto; padding-top: 15px;}
.pro_contetn{width: 100%; padding-left: 15px; padding-right: 15px; box-sizing: border-box;}

    

.title_se{width: 100%;height: auto;text-align: center; padding:0; border-right: 0;}
.probox_se{padding-top: 15px; padding-bottom: 15px;}
.title_se>p{font-size:16px;  line-height: 20px; padding-top: 0; padding-bottom: 15px; }
.se_contetn{width: 100%; padding-left: 15px; padding-right: 15px; box-sizing: border-box; border-left:solid 1px #cccccc}
.se_contetn>p{font-size:16px;  line-height: 20px; }
.se_contetn>p:first-child{line-height: 18px;} 
    
    

.undergraduate_txt{font-size:14px; line-height:24px; margin-top:15px;}
.content_business dl dt{width:40px;}
.content_business dl{font-size:14px;}
.content_business dl dd{line-height:24px; width:calc(100% - 40px);}
.undergraduate_intro_btn ul li{height:40px;}
.undergraduate_intro_btn ul li a{font-size:14px; line-height:40px;}
.undergraduate_intro_btn{margin-top:20px;}
.undergraduate_intro_btn.type2 ul li{width:200px;}
.aptitude_career{margin-top:20px;}
.aptitude_career h6{font-size:17px;}
dl.content_dt{font-size:14px;  margin-top:25px;}
dl.content_dt dt{width:50px;}

.aptitude_career ul li{line-height:24px; font-size:15px;}

.aptitude_career dl dd{line-height:24px; font-size:15px;}
.aptitude_career dl dt{font-size:15px;}
.aptitude_career dl dt:before{top:10px;}
.aptitude_career dl + dl{margin-top:20px;}
dl.finance_content01 dt{width:106px;}
.finance_content01{margin-top:25px;}
dl.finance_content02 dt{width:95px;}
.finance_content02{margin-top:25px;}
dl.finance_content03 dt{width:95px;}
ul.content_school li:before{top:10px;}

.content_enterprise dl dt{width:50px; font-size:15px;}
.undergraduate_intro_top.en .content_enterprise dl dt {width: 70px;}
.content_enterprise dl dd{line-height:24px; font-size:15px;}
ul.intro_view li:after{width:12px; height:12px; background-size:cover; margin-left:7px;}

.major_tab_wrap .tab-menu ul li{font-size:16px; height:50px;}
.major_m{margin-top:40px;}
.major_m ul li{height:40px; line-height:40px; padding-left:20px;}
.major_m ul li a{font-size: 14px;}
.major_m ul li span{right:20px; top:0; bottom:0; margin:auto; width:15px; height:15px;}

.undergraduate_intro_bg.img1{height:52vw;}
.major_tab_wrap .tab-menu2 ul li{font-size:16px; height:50px; line-height:50px;}
.undergraduate_intro_top{margin-top:25px;}
.kor_site_move{ width:100px !important; height:30px !important; line-height: 28px !important;  font-size: 12px !important; margin-top: 15px !important;}
.kor_site_move_ch{ width:100px !important; height:30px !important; line-height: 28px !important;  font-size: 12px !important; margin-top: 15px !important;}

/* 연계·융합 ·자기설계융합전공 공통부분 */
.undergraduate_intro_title.fusion-intro-title{margin-top:40px; margin-bottom:20px;}
.undergraduate_contents h5.fusion {font-size:30px;}
.undergraduate_txt.fusion{font-size:16px; line-height:23px; margin-top:10px;}
.college_table_wrap span{display: block; position: fixed;width: 80px; height: 80px; margin-left: -40px; margin-top: -40px; top: 50%; left: 50%; background: url(/images/introduce/m_scroll.png) center no-repeat; background-size: 80px;}

.content_inner table{}
.content_inner table thead tr th{font-size:17px; line-height:21px; padding:20px 0; border-top:2px solid #202020;}
.content_inner table tbody tr td{font-size:14px; padding:12px 13px; line-height:24px;}

/*자기설계융합전공*/
.undergraduate_intro_btn.fusion-intro-btn ul li{height:40px;}
/* 자기설계융합전공 - 신청절차 영문 */
.college_content .self-en ul.self-en-inner {gap: 30px 4.04%;}
.college_content .self-en ul.self-en-inner li .ico-wrap::before {width: 7px; height: 13px;}
.college_content .self-en ul.self-en-inner li .ico-wrap p {margin-top: 8px; font-size: 12px;}
.college_content .self-en ul.self-en-inner li .ico-wrap strong {margin-top: 10px; font-size: 13px;}
.college_content .self-en ul.self-en-inner li .en-txt-box div strong {font-size: 13px;}
.college_content .self-en ul.self-en-inner li .en-txt-box div p {font-size: 13px;}
/* 비전 및 미션 */
.intro-sub-tit-typ1 {margin-bottom: 10px; font-size: 16px;}
.intro-txt-typ1 {font-size: 14px;}
.f-typ1 {font-size: 16px;}
.f-typ2 {font-size: 14px;}
.f-typ1.f-size1 {font-size: 14px;}
.mb-typ1 {margin-bottom: 15px;}
.mb-typ2 {margin-bottom: 30px;}
.f-typ4 {font-size: 30px;}
.year-date {font-size: 16px;}
.year-txt {font-size: 14px;}
.undergraduate_intro_content01 ul li.img-area-typ1 {margin-bottom: 25px;}
ul.intro-txt-typ2 li span.intro-txt-typ3 {width: 40px;}
ul.intro-txt-typ2 li span.intro-txt-typ4 {width: calc(100% - 44px);}
.f-typ3 {font-size: 15px;}
ul.intro-txt-typ3 li {padding: 28px 15px; font-size: 14px;}
ul.intro-txt-typ4 li {padding: 20px 15px;}
.year-list-inner-typ1 {margin-bottom: 25px;}
.year-list-inner-typ1::after {top: 4px;}
.year-list-box li.year-date {width: 60px;}
.year-list-box li.year-txt {width: calc(100% - 60px); margin-left: 25px;}
/* 학회 소개 */
.student-info {padding: 0 15px;}
.student-info .cont-box-main-tit {top: -19px; left: 15px;}
.student-info .cont-box-main-tit p {font-size: 30px; }
.cont-box-intro-inner .student-txt-typ1 {margin-top: 20px;}
.mb-typ4 {font-size: 16px; margin-bottom: 15px;}
.student-btn-link {width: 115px;}
.student-btn-link a {padding: 10px 0; font-size: 14px;}
.cont-box-intro-inner {padding-bottom: 40px;}
.f-typ5 {font-size: 14px;}
.undergraduate_intro_title.mb-typ5 {margin-top: 30px; margin-bottom: 20px;}
.student-date-tit {font-size: 16px;}
.f-typ6 {font-size: 14px;}
.student-info-box ul.student-date-list li.student-date-tit:not(:last-child) {margin-bottom: 25px;}
.student-info-box ul.student-date-list:first-child li ul.student-date-name li:first-child {margin-bottom: 5px;}
.tab-cont-typ2 ul.tabs li.tab-link a {    padding: 5px 0; font-size: 14px;}
/* 학생 활동 갤러리 */
ul.student-gallery-box { grid-template-columns: repeat(2, 1fr); gap: 10px;}
.pagenation.typ2 {display: block !important; margin-top: 15px;}
.pagenation.typ2 ul.tabs-typ2 li a {font-size: 14px;}

.undergraduate_intro_btn ul li{min-width:auto;}

/* 소개 유튜브 / 비디오 영역  */
.new-top-layout1 {padding: 0px 15px 25px 15px; margin-bottom: 20px;}
.new-top-layout1 .top-txt strong {font-size: 26px; line-height: 36px;}
.new-top-layout1 .top-txt p.txt-typ01 {margin-top: 15px; font-size: 16px; line-height: 23px;}
.new-top-layout1 .video-area {margin-top: 20px; margin-bottom: 20px;}
.new-top-layout1 .video-area iframe {height: 330px;}
.new-top-layout1 .top-bottom p.txt-typ02 {font-size: 15px; line-height: 23px;}
}
@media all and (max-width:583px){
.year-list-area.bar-typ2:after {height: 97%;}
}
@media all and (max-width:540px){
.student-info .cont-box-main-tit { left: 2.778vw; top: -3.519vw;}
.student-info .cont-box-main-tit p {font-size: 5.556vw;}
.cont-box-intro-inner {padding-top: 7.407vw;}
}

@media all and (max-width:520px){
.language-content.en .undergraduate_intro_btn ul li:nth-child(3) a{font-size: 13px;}
}

@media all and (max-width:450px){
.language-content.en .undergraduate_intro_btn ul li:nth-child(3) a{font-size: 12px; line-height: 18px}
}

@media all and (max-width:400px){
.student-btn-link a {font-size: 3.5vw; }
.student-info .cont-box-main-tit p {font-size: 5.3vw;}
.student-info .cont-box-main-tit { left: 3.750vw; top: -4.75vw;}
.cont-box-intro-inner {padding-top: 10vw;}
}
@media all and (max-width:355px){
.year-list-area::after {height: 95%;}
.year-list-area.bar-typ2:after {height: 96%;}
}