@charset "utf-8";

/* Container */
.wrap-contents .container {max-width: 1600px;}

/* Sub Visual */
.wrap-sub-visual {display: table; width: 100%; background: url('../../images/sub/sub-visual.jpg') no-repeat top center; background-size: cover;}
.wrap-sub-visual .wrap-sub-cell {position: relative; display: table-cell; height: 440px; text-align: left; vertical-align: top; color: #fff;}
.wrap-sub-visual .wrap-sub-cell:after {content: ''; display: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url('../../images/common/pattern.png');}
.wrap-sub-visual .slogan-big {position: relative; display: inline-block; margin-top: 220px; font-weight: 500; font-size: 44px; line-height: 1;}
.wrap-sub-visual .page-move {display: none; position: absolute; left: 0px; top: -5px; width: 100%; height: 0px;}
.wrap-sub-visual .page-move a {position: relative; display: block; width: 50px; height: 50px; border: 2px solid rgba(255,255,255,1); border-radius: 100%;}
.wrap-sub-visual .page-move a.prev {float: left; transition: background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-visual .page-move a.prev:after {content: ''; position: absolute; left: 18px; top: 20px; width: 12px; height: 9px; background:url('../../images/common/page_move_prev.png') no-repeat center center;}
.wrap-sub-visual .page-move a.next {float: right; transition:background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-visual .page-move a.next:after {content: ''; position: absolute; right: 18px; top:20px; width: 12px; height: 9px; background:url('../../images/common/page_move_next.png') no-repeat center center;}
.wrap-sub-visual .page-move a span {display: none;}

@media all and (max-width:900px) {
  .wrap-sub-visual .wrap-sub-cell {height: 300px;}
  .wrap-sub-visual .slogan-big {margin-top: 155px; font-size: 34px;}
}


@media all and (max-width: 600px) {
  .wrap-sub-visual .wrap-sub-cell {height: 230px;}
  .wrap-sub-visual .slogan {text-align: center;}
  .wrap-sub-visual .slogan-big {margin-top: 115px; font-size: 25px;}
}

/* Sub Navi */
.wrap-sub-navi {position: relative; margin-top: 20px; z-index: 80;}
.wrap-sub-navi .container {position: relative; height: 53px;}
.wrap-sub-navi .sub-navi {display: inline-block; vertical-align: middle;}
.wrap-sub-navi .sub-navi > ul {display: inline-block;}
.wrap-sub-navi .sub-navi > ul > li {float: left; position: relative; background: url('../../images/icon/ic_arrow_page_nav.png') no-repeat left center;}
.wrap-sub-navi .sub-navi > ul > li.on {padding: 0 0 0 30px;}
.wrap-sub-navi .sub-navi > ul > li > a, .wrap-sub-navi .sub-navi > ul > li > .inner > button {display: block;  height: 53px; font-size: 16px; color: #fff; line-height: 53px;}
.wrap-sub-navi .sub-navi > ul > li > .inner > button {margin: 0 20px 0 0; padding: 0 130px 0 0 ; border-bottom: 2px solid #fff; background: url('../../images/icon/ic_arrow_page_nav2.png') no-repeat top right; font-size: 18px; text-align: left; transition: background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-navi > ul > li#pagetitle2 > .inner > button {background-position: bottom right; border-bottom: 2px solid #01b5ff; color: #01b5ff; transition: background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-navi .home {min-width: auto; padding: 0px; background-image: none;}
.wrap-sub-navi .sub-navi .home a {width: 44px; background: url('../../images/icon/ic_home.png') no-repeat 4px center; text-indent: -9999px;}
.wrap-sub-navi .sub-navi .navUl {overflow: hidden; position: absolute; right: 20px; top: 102%; width: calc(100% - 50px); max-height: 0px; padding: 8px 0; opacity:0; box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.3); transition: max-height 1s cubic-bezier(0.7, 0, 0.3, 1); }
.wrap-sub-navi .sub-navi .navUl.on {max-height: 10000px; background: #fff; transition: max-height 1s cubic-bezier(0.7, 0, 0.3, 1); opacity: 1;}
.wrap-sub-navi .sub-navi .navUl a {display: block; padding: 8px 20px; font-weight: 400; font-size: 15px; color: #333; word-break: keep-all;}
.wrap-sub-navi .sub-navi .navUl a[target=_blank] {background: url('../../images/icon/ic_sub_navi_blank.png') no-repeat 90% 48%;}
.wrap-sub-navi .sub-navi .navUl a span {position: relative;}
.wrap-sub-navi .sub-navi .navUl a span::after {content: ''; position: absolute; left: 0; bottom: -5px; width: 0; height: 3px; background: #0672cf; transition: .4s;}
.wrap-sub-navi .sub-navi .navUl a:hover span::after {width: 100%;}
.wrap-sub-navi .sub-navi #pagetitle2 .navUl {background: #007fc7;}
.wrap-sub-navi .sub-navi #pagetitle2 .navUl a {color: #fff;}
.wrap-sub-navi .sub-navi #pagetitle2 .navUl a[target=_blank] {background: url('../../images/icon/ic_sub_navi_blank2.png') no-repeat 90% 48%;}
.wrap-sub-navi .sub-navi #pagetitle2 .navUl a span::after {background: #fff;}

.wrap-sub-navi .sub-util {display: inline-block; margin-left: 25px; vertical-align: middle;}
.wrap-sub-navi .sub-util > ul {display: inline-block;}
.wrap-sub-navi .sub-util > ul > li {float: left; position: relative; margin-right: 10px;}
.wrap-sub-navi .sub-util > ul > li > button {width: 41px; height: 53px; text-indent: -9999px;}
.wrap-sub-navi .sub-util .sub-favo {background: url('../../images/icon/ic_favo.png') no-repeat center center; transition: background-color 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-util .sub-favo.on {background: url('../../images/icon/ic_favo_on.png') no-repeat center center;}
.wrap-sub-navi .sub-util .sub-share {background: url('../../images/icon/ic_sns.png') no-repeat center center; transition: background-color 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-util .sub-share.on {background: url('../../images/icon/ic_sns_on.png') no-repeat center center; transition: background-color 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-util .sub-print {background: url('../../images/icon/ic_print.png') no-repeat center center; transition: background-color 0.5s cubic-bezier(0.7, 0, 0.3, 1);}

.wrap-sub-navi .box-sub-favo {overflow: hidden; position: absolute; left: -9999px; top: 100%; width: 260px; max-height: 0px; background: #fff; border: 1px solid #cacaca; transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1); opacity: 0;}
.wrap-sub-navi .box-sub-favo.on {left: 0; max-height: 500px; transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1); opacity: 1;}
.wrap-sub-navi .box-sub-favo > strong {display: block; padding: 14px 20px; border-bottom: 1px solid #d6d6d6; font-weight: 400; font-size: 14px; color: #333;}
.wrap-sub-navi .box-sub-favo ul li {position: relative; padding: 8px 20px;}
.wrap-sub-navi .box-sub-favo ul li:hover {background: #f5f5f5;}
.wrap-sub-navi .box-sub-favo ul li:hover a {color: #2247a6;}
.wrap-sub-navi .box-sub-favo ul li a {font-size: 14px; color: #000;}
.wrap-sub-navi .box-sub-favo ul li a span {display: none;}
.wrap-sub-navi .box-sub-favo #favoriteList {border-top: 1px solid #cdcdcd;}
.wrap-sub-navi .box-sub-favo .close {position: absolute; right: 0px; top: 0px; width: 50px; height: 50px; background: url('../../images/button/btn_favo_close.png') no-repeat center center; text-indent: -9999px;}
.wrap-sub-navi .box-sub-favo .close:hover {transform: rotate( 180deg ); transition: all 0.75s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .box-sub-favo .del {position: absolute; right: 20px; top: 12px; width: 17px; height: 17px; margin: 0 0 0 10px; background: url('../../images/button/btn-favo-del.png') no-repeat center center; text-indent: -9999px;}
.wrap-sub-navi .box-sub-favo .control {background: #f0f0f0; text-align: center;}
.wrap-sub-navi .box-sub-favo .control.on {padding: 15px 0;}
.wrap-sub-navi .box-sub-favo .control.reset {background: #fff; border-top: 1px solid #d6d6d6;}
.wrap-sub-navi .box-sub-favo .control button {display: inline-block; padding: 7px 14px 7px 17px; border-radius: 3px; font-size: 12px; color: #fff;}
.wrap-sub-navi .box-sub-favo .control .add {background: #0067c3;}
.wrap-sub-navi .box-sub-favo .control .add::after {content: ''; display: inline-block; width: 10px; height: 10px; margin: -2px 0 0 15px; background: url('../../images/button/btn-favo-add.png') no-repeat center center; vertical-align: middle;}
.wrap-sub-navi .box-sub-favo .control .reset {padding: 12px 22x 12px 22px; border: 1px solid #50555d; font-size: 13px; font-weight: 400; color: #50555d;}
.wrap-sub-navi .box-sub-favo .favoriteTitle {margin-bottom: 15px; font-weight: 400; font-size: 13px; color: #565656;}
.wrap-sub-navi .box-sub-share {overflow: hidden; position: absolute; left: -9999px; top: 100%; width: 355px; max-height: 0px; padding: 22px 20px; background: #fff; border: 1px solid #c6c6c6; transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1); opacity: 0;}
.wrap-sub-navi .box-sub-share.on {left: 0px; max-height: 1000px; transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1); transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1); opacity: 1;}
.wrap-sub-navi .box-sub-share strong {display: inline-block; margin-right: 10px; font-weight: 400; font-size: 14px; color: #2a2a2a;}
.wrap-sub-navi .box-sub-share .close {position: absolute; right: 0; top: 0; width: 40px; height: 40px; background: url('../../images/button/btn_favo_close.png') no-repeat center center; text-indent: -9999px;}
.wrap-sub-navi .box-sub-share ul {display: inline-block;}
.wrap-sub-navi .box-sub-share ul li {display: inline-block;}
.wrap-sub-navi .box-sub-share ul button {display: inline-block; width: 25px; height: 25px; background: url('../../images/icon/ic_sns_list.png') no-repeat; text-indent: -9999px;}
.wrap-sub-navi .box-sub-share ul button.facebook {background-position: 0 0;}
.wrap-sub-navi .box-sub-share ul button.twitter {background-position: -25px 0;}
.wrap-sub-navi .box-sub-share ul button.kakaostory {background-position: -50px 0;}
.wrap-sub-navi .box-sub-share ul button.pinterest {background-position: -75px 0;}
.wrap-sub-navi .box-sub-share ul button.blog {background-position: -100px 0;}
.wrap-sub-navi .box-sub-share ul button.band {background-position: -125px 0;}
.wrap-sub-navi .box-sub-share ul button.addr {width: auto; height: auto; margin-left: 10px; padding: 5px 13px; background: #5d5d5d; text-indent: 0; color: #fff;}

@media all and (max-width: 1030px) {
  .wrap-sub-navi {margin-top: 10px;}
  .wrap-sub-navi .sub-navi > ul > li > .inner > button {padding: 0 15px 0 0; font-size:14px}
  .wrap-sub-navi .sub-util > ul > li {display: none; margin-right: 0;}
  .wrap-sub-navi .sub-util > ul > li.box-share {display: block;}
}

@media all and (max-width: 600px) {
  .wrap-sub-navi {position: absolute; left: 0; bottom: 0; width: 100%; background: #fff; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
  .wrap-sub-navi .sub-navi {width: 100%; font-size: 0;}
  .wrap-sub-navi .sub-navi .home a {width: 46px; background: url('../../images/icon/ic_home_m.png') no-repeat 20px center;}
  .wrap-sub-navi .sub-navi > ul > li {position: static; background: url('../../images/icon/ic_arrow_page_nav_m.png') no-repeat left center;}
  .wrap-sub-navi .sub-navi > ul > li.on {display: none; padding: 0 0 0 10px;}
  .wrap-sub-navi .sub-navi > ul > li.on.last {display: block; width: calc(100% - 85px);}
  .wrap-sub-navi .sub-navi > ul > li > a,
  .wrap-sub-navi .sub-navi > ul > li > .inner > button {width: 100%; height: 46px; background: url('../../images/icon/ic_arrow_page_nav2_m.png') no-repeat right top; border-bottom: 0; font-size: 17px; font-weight: 500; color: #01b5ff; line-height: 46px;}
  .wrap-sub-navi .sub-navi > ul > li#pagetitle2 > .inner > button {border-bottom: 0;}
  .wrap-sub-navi .sub-navi > ul {width: 100%;}
  .wrap-sub-navi .sub-navi > ul > li.on.last .navUl {display: block;}
  .wrap-sub-navi .sub-navi .navUl {display: none; right: 0; width: 100%;}
  .wrap-sub-navi .sub-navi .navUl a[target=_blank] {background-position: 95% center !important;}
  .wrap-sub-navi .sub-util {position: absolute; right: 0; top: 0;}
  .wrap-sub-navi .sub-util > ul > li {display: none; margin-right: 0;}
  .wrap-sub-navi .sub-util > ul > li.box-share {display: block;}
  .wrap-sub-navi .sub-util > ul > li > button {width: 49px; height: 46px;}
  .wrap-sub-navi .sub-util .sub-share {background: url('../../images/icon/ic_sns_m.png') no-repeat center center;}
  .wrap-sub-navi .sub-util .sub-share.on {background: url('../../images/icon/ic_sns_m_on.png') no-repeat center center;}
  .wrap-sub-navi .box-sub-share.on {left: auto; right: 0px;}
}

/* Rating */
.wrap-contents .con-rating {margin: 90px 0 0 0;}
.wrap-contents .con-rating .info {overflow: hidden; width: 100%; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2;}
.wrap-contents .con-rating .people {float: left; padding: 22px 0 22px 60px; background: url('../../images/icon/ic_people.png') no-repeat 20px center; color: #666;}
.wrap-contents .con-rating .mody-time {float: right; padding: 25px 0 25px 0; color: #666;}
.wrap-contents .con-rating .vote {display: table; width: 100%; padding: 25px 30px; background: #fbfbfb; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2;}
.wrap-contents .con-rating .question, .wrap-contents .con-rating .radio, .wrap-contents .con-rating .comment {display: table-cell; vertical-align: middle;}
.wrap-contents .con-rating .question {width: 37%; padding: 0 0  0 30px; background: url('../../images/icon/ic_question.png') no-repeat 0px 4px; color: #3f3f3f;}
.wrap-contents .con-rating .radio {width: 40%; font-size: 14px;}
.wrap-contents .con-rating .radio > div {float: left; padding: 0 4% 0 0;}
.wrap-contents .con-rating .radio input:checked + label {color: #ff4200;}
.wrap-contents .con-rating .radio input {position: relative; top: 2px;}
.wrap-contents .con-rating .comment input, .wrap-contents .con-rating .comment button {float: left;}
.wrap-contents .con-rating .comment input {width: 78%; height: 35px; border: 1px solid #b1b1b1; line-height: 35px;}
.wrap-contents .con-rating .comment button  {width: 20%; height: 35px; margin: 0 0 0 2%; background: #0178dd; color: #fff; font-size: 12px; line-height: 35px; text-align: center;}

@media all and (max-width:1250px) {
  .wrap-contents .con-rating .question, .wrap-contents .con-rating .radio, .wrap-contents .con-rating .comment {display: inline-block; width: 100%;}
  .wrap-contents .con-rating .question {margin: 0 0 20px 0;}
  .wrap-contents .con-rating .radio {width: 68%;}
  .wrap-contents .con-rating .comment {width: 30%;}
  .wrap-contents .con-rating .comment input {width: 68%;}
  .wrap-contents .con-rating .comment button {width: 30%;}
}

@media all and (max-width:655px) {
  .wrap-contents .con-rating .radio {width: 100%; margin: 0 0 15px 0;}
  .wrap-contents .con-rating .comment {width: 100%;}
  .wrap-contents .con-rating .question {margin: 0 0 10px 0;}
}

@media all and (max-width:555px) {
  .wrap-contents .con-rating .people, .wrap-contents .con-rating .mody-time {width: 100%; float: none;}
  .wrap-contents .con-rating .people {padding: 0 0 0 60px; background-image: none;}
  .wrap-contents .con-rating .mody-time {padding: 0 0 0 60px;}
  .wrap-contents .con-rating .info {padding: 20px 0; background: url("../../images/icon/ic_people.png") no-repeat 20px center;}
  .wrap-contents .con-rating .radio > div {padding: 0 4% 2% 0;}
}

/* Major */
.pdf-down{text-align: right;}

.major-list {position: relative; margin-bottom: 50px;}
.major-list::before {content: ""; position: absolute; width: 100%; height: 1px; background: #DBDBDB; left: 0; top: 50%; z-index: -1;}
.major-list ul {overflow: hidden; margin: 0 -15px;}
/* 전공 추가로 2줄 폭 늘림 2025-08-28 */
/*.major-list ul li {float: left; width: 10.0%; padding: 0 15px;  text-align: center;}*/
.major-list ul li {float: left; width: 14.28%; padding: 0 15px;  text-align: center;}
.major-list ul li a {display: block; border-radius: 25px; font-size: 15px; color: #fff; padding: 14px 10px;}
.major-list ul li.mj-color1 a {background: #008E7E}
.major-list ul li.mj-color2 a {background: #0069AA}
.major-list ul li.mj-color3 a {background: #FCB134}
.major-list ul li.mj-color4 a {background: #D9511F}
.major-list ul li.mj-color5 a {background: #92278F}
.major-list ul li.mj-color6 a {background: #71BF45}
.major-list ul li.mj-color7 a {background: #B296C7}
.major-list ul li.mj-color8 a {background: #005947}
.major-list ul li.mj-color9 a {background: #00BAFF}
.major-list ul li.mj-color10 a {background: #597fd5}
.major-list ul li.mj-color11 a {background: #3d8c54}
.major-list ul li.mj-color12 a {background: #00367f}


@media all and (max-width: 1200px){
  .major-list ul li {padding: 0 5px;}
}

@media all and (max-width: 1000px){
  .major-list::before {display: none;}
  .major-list ul li {width: 33.33%; margin-bottom: 10px;}
}

@media all and (max-width: 380px){
  .major-list ul li {width: 50%;}
}

.major-inner > ul > li{margin-bottom: 80px;}

.major-right .major-main-title{float: left;}
.major-right .major-box{float: right;}
.major-left .major-main-title{float: right; text-align: right;}
.major-left .major-box{float: left;}

.major-content-box{position: relative;}
.major-main-title{height: 100%; width: 31%;}
.major-main-title h1{font-size: 48px; line-height: 50px; color: rgba(46,46,46,0.5); }
.major-main-title > h1{font-family: "Gm"; font-weight: 500;}
.major-main-title p{font-size: 48px; color: #a90056; margin-top: 15px; font-family: "Gm"; font-weight: 500;}
.major-main-title p span{color: #c27f3d;}
.major-sub-intro{position: absolute; bottom: 0; width: 31%;}
.major-sub-intro h1{font-size: 300px; color: rgba(46,46,46,0.1); position: absolute; right: 0; bottom: 100px;  font-family: "Dream"; font-weight: 700;}
.major-right .major-sub-intro{left: 0;}
.major-left .major-sub-intro{right: 0;}
.major-right .major-sub-intro h1{right: -53px;}
.major-left .major-sub-intro h1{left: -53px; text-align: left;}
.major-sub-intro p{font-size: 30px; color: rgba(46, 46, 46, 0.4); font-family: "Gm"; font-weight: 500;}
.major-right .major-sub-intro p{text-align: right;}
.major-left .major-sub-intro p{text-align: left;}
.major-box{width: 69%; position: relative;}
.major-box::after{content:""; display: block; position: absolute; width: 300px; height: 299px; bottom: -255px; z-index: -1;}
.major-inner > ul > li:last-child .major-box::after{display: none;}
.major-right .major-box::after{right: 0; background: url(../../images/sub/major_deco.png)}
.major-left .major-box::after{left: 0; background: url(../../images/sub/major_deco_left.png);}
.major-header{position: relative; padding: 0 65px;}
.major-header::before{content:""; display: block; position: absolute; width: 100%; height: 10px; background-color: #e8ebee; left: 0; top: 0;}
.major-header::after{content:""; display: block; position: absolute; left: 0; top: 0; width: 10px; height: 50px; background-color: #e8ebee;}
.major-title{padding-top: 62px;}
.major-title::before{content:""; display: block; position: absolute; right: 0; top: 0; width: 10px; height: 50px; background-color: #e8ebee;}
.major-title p{float: left; font-size: 30px; color: #000000; margin-right: 30px; font-weight: 500;}
.major-link li{float: left; border: 1px solid #b2b2b2; border-radius: 25px; transition: all .3s; margin-right: 10px; position: relative; z-index: 2;}
.major-link li:last-child{margin-right: 0;}
.major-link li a{width: 125px; display: block;  padding: 12px 20px; font-size: 14px; transition: all .3s;     text-align: left;}
.major-link li.homepage-link{background: url(../../images/sub/homepage.png) no-repeat right 20px center;}
.major-link li.download-link{background: url(../../images/sub/download.png) no-repeat right 20px center;}
.major-link li.homepage-link:hover{background: #d6227e url(../../images/sub/homepage_on.png) no-repeat right 20px center; border: 1px solid #d6227e}
.major-link li.download-link:hover{background: #1e5ba8 url(../../images/sub/download_on.png) no-repeat right 20px center; border: 1px solid #1e5ba8;}
.major-link li:hover a{color: white;}
.major-content{margin-top: 25px;}
.major-content > p{font-size: 16px; line-height: 30px; color: #333333; padding: 0 61px;}
.major-content .major-sub-list{margin-top: 30px; text-align: center; background: url(../../images/sub/major_background.png) no-repeat left top; padding: 41px 0; background-size: cover; min-height: 270px;}
.major-sub-list .major-left{float: left; width: 50%; padding-left: 9%;}
.major-sub-list .major-right{float: left; width: 50%; padding-left: 5%;}
.major-sub-box p{float: left; margin-right: 20px; font-size: 17px; line-height: 30px; color: #484848; text-align: left;}
.content_1 .major-sub-box p{width: 220px;}
.content_1 .major-right .major-sub-box p {width: 220px;}
.content_2 .major-sub-box p{width: 220px;}
.content_2 .major-sub-list .major-left{padding-left: 11%;}
.content_2 .major-right .major-sub-box p{width: 220px;}
.content_3 .major-sub-box p{width: 220px;}
.content_3 .major-right .major-sub-box p{width: 220px;}
.content_4 .major-sub-box p{width: 220px;}
.content_4 .major-right .major-sub-box p {width: 220px;}
.content_4 .major-sub-list .major-left{padding-left: 10%;}
.content_5 .major-sub-box p{width: 230px;}
/*.content_5 .major-right .major-sub-box p {width: 220px;}*/
.content_5 .major-sub-list .major-left{padding-left: 9%;}
.content_6 .major-left .major-sub-box p{width: 220px;}
.content_6 .major-right .major-sub-box p{width: 220px;}
.content_6 .major-sub-list .major-left{width: 60%; padding-left: 9%;}
.content_6 .major-sub-list .major-right{width: 40%; padding-left: 0;}
.content_7 .major-sub-box p{width: 220px;}
.content_7 .major-right .major-sub-box p{width: 220px;}
.content_8 .major-sub-box p{width: 230px;}
.content_8 .major-right .major-sub-box p{width: 230px;}
.content_9 .major-left .major-sub-box p{width: 220px;}
.content_9 .major-sub-list .major-left {padding-left: 10%;}
.content_9 .major-right .major-sub-box p{width: 220px;}
.content_10 .major-sub-box p{width: 220px;}
.content_10 .major-right .major-sub-box p{width: 220px;}
.major-sub-list > div > ul > li{margin-bottom: 20px;}
.major-sub-list > div > ul > li:last-child{margin-bottom: 0;}
.major-sub-box ul{float: left;}
.major-sub-box li{float: left; margin-right: 10px;}
.major-sub-box li:last-child{margin-right: 0;}
.major-sub-box li a{display: block; line-height: 30px; width: 80px; text-align: center; border: 1px solid #494949; border-radius: 25px; font-size: 12px;}
.major-num{display: none;}

@media all and (max-width: 1640px) {
  .major-sub-list .major-left{width: 50%; padding-left: 3%;}
  .major-sub-list .major-right{width: 50%; padding-left: 3%;}
  .major-sub-list.line-3 .major-left{width: 50%; padding-left: 3%;}
  .content_4 .major-sub-list .major-left{padding-left: 3%;}
  .major-sub-box p{width: 100%; float: none;}
  .major-sub-box ul{float: none; margin-top: 10px;}
  .major-sub-box p{width : 100% !important;}
}

@media all and (max-width: 1350px) {
  .major-main-title{width: 25%;}
  .major-box{width: 75%;}
  .major-main-title > h1{font-size: 40px;}
  .major-main-title > p{font-size: 40px;}
  .major-sub-box p{font-size: 15px;}
  .major-sub-list.line-3 .major-left p{width: 131px;}
  .major-sub-intro{width: 25%;}
  .major-left .major-sub-intro p{font-size: 25px;}
  .major-sub-intro h1{font-size: 250px; bottom: 85px; }
  .major-sub-list.line-3 .major-left{width: 46%;}
  .major-sub-box p{width: 100%; float: none;}
  .major-sub-box ul{float: none; margin-top: 10px;}
  .major-right .major-sub-intro p {line-height: 34px;}
}

@media all and (max-width: 1024px) {
  .major-right .major-main-title{float: none; width: 100%; text-align: center; margin-bottom: 20px;}
  .major-left .major-main-title{float: none; width: 100%; text-align: center; margin-bottom: 20px;}
  .major-left .major-box{float: none;}
  .major-main-title{display: none;}
  .major-box{width: 100%; float: none; background-color: white;}
  .major-box::after{display: none;}
}

@media all and (max-width: 768px) {
  .major-header{padding: 0 30px;}
  .major-content > p{padding: 0 30px; display: none;}
  .major-title p{float: none; margin-bottom: 15px; font-size: 26px;}
  .major-sub-list .major-left{float: none; width: 100%; margin-bottom: 10px; padding-left: 0 !important;}
  .major-sub-list .major-right{float: none; width: 100%; padding-left: 0 !important;}
  .content_6 .major-sub-list .major-right{padding-left: 3%;}
  .major-sub-list.line-3 .major-left{width: 100%;}
  .content_6 .major-sub-list .major-right{width: 100%;}
  .major-sub-intro{bottom: auto; top: 0; z-index: 2; width: 100%;}
  .major-right .major-sub-intro{left: auto; right: 0;}
  .major-sub-intro h1{letter-spacing: -0.05em; font-size: 100px;}
  .major-left .major-sub-intro h1{text-align: right;}
  .major-content .major-sub-list{position: relative; padding: 30px 8%;}
  .major-sub-list > div > ul > li{margin-bottom: 10px;}
  .major-sub-box li{margin-bottom: 10px;}
  .major-num{display: block; position: absolute; right: 0; top: -92px; font-size: 100px; color: rgba(46,46,46,0.1); font-family: "Dream"; font-weight: 600; z-index: 1; letter-spacing: -0.05em; line-height: 100px;}
  .major-title{padding-top: 40px;}
  .major-link li a{padding: 9.5px 20px;}
  .major-sub-box p{float: left; padding-right: 0px; width: 100% !important; margin-right: 0; margin-bottom: 5px;}
  .major-sub-box ul{width: 100%; float: left; margin-top: 0;}
}

@media all and (max-width: 460px) {
  .major-title{padding-top: 40px;}
  .major-content .major-sub-list{padding: 20px;}
  .major-sub-list .major-left{width: 100%; float: none; padding-left: 0; margin-bottom: 10px;}
  .major-sub-list .major-right{width: 100%; float: none; padding-left: 0;}
  .major-sub-list.line-3 .major-left{width: 100%; float: none; padding-left: 0;}
  .major-title p{float: none; margin-bottom: 20px;}
  /* .major-link li{float: none; margin-bottom: 10px; margin-right: 0;}
  .major-link li:last-child{margin-bottom: 0;} */
  .major-link li a{width: 125px;}
  .major-sub-box p{width: 100% !important; padding-right: 0; margin-bottom: 10px;}
  .major-sub-box ul{width: 100%; float: none;}
  .major-num {font-size: 70px; line-height: 70px; top: -64px;}
}

@media all and (max-width: 380px){
  .major-link li a {width: 110px; font-size: 13px; padding: 8px 13px;}
}

/* PDF View */
.downloadApplication {display: none;}
.applicationWrap {height: 1384px !important; padding: 60px; background: #ececec; border: 1px solid #daddde !important; text-align: center;}
.applicationWrap iframe {max-width: 920px;}
.sty_01 {display: none;}
.tab_menus {margin: 0 0 30px 0;}
.tab_menus li {line-height: 49px}

/* Dorm */
.dorm  ul {display: inline-block; width: 100%;}
.dorm  ul li.left {float: left; width: 48.1%;}
.dorm  ul li.right {float: right; width: 48.1%;}
.dorm .desc {position: relative; max-width: 66%; margin: 0 auto; margin-top: -10%; background: #fff;text-align: center;}
.dorm .desc span {display: inline-block; margin-top: 40px; font-weight: 500; font-size: 22px; color: #222;}
.dorm .desc strong {display: block; font-weight: 500; font-size: 35px; color: #222}
.dorm .desc a {position: relative; display: inline-block; margin: 24px 0 0 0; padding: 14px 28px; background: #00baff; border-radius: 30px; font-weight: 400; font-size: 15px; color: #fff;}
.dorm .desc a:hover {background: #009fda;}
.dorm .desc a.color {background: #ff8400;}
.dorm .desc a.color:hover {background: #ce6a00;}
.dorm .desc a:after {content: ''; display: inline-block; width: 30px; height: 10px; margin: 0px 0 0 10px;  background: url('../../images/sub/arrow-dorm.png') no-repeat center top; vertical-align: middle;}

@media all and (max-width: 768px) {
  .dorm ul li.left,
  .dorm ul li.right {float: none; width: 100%;}
  .dorm ul li.right {margin-top: 50px;}
  .dorm .desc span {margin-top: 28px; font-size: 22px;}
  .dorm .desc strong {font-size: 32px;}
}

/* Recuruit */
.recruit .now {display: table; overflow: hidden; width: 100%; margin-bottom: 50px; border: 10px solid #edeff5; table-layout: fixed;}
.recruit .now .thumb {display: table-cell; width: 310px; height: 320px; vertical-align: top; background: url(/sites/iphak/images/sub/application_top_bg1.jpg)  no-repeat center}
.recruit .now .thumb-wrap {position: relative;}
.recruit .now .thumb-bg img {display: none;}
.recruit .now .thumb-img {position: absolute; width: 50%; left: 50%; top: 50%; transform: translate(-50%, 23%); z-index: 1;}
.recruit .now .thumb-img img {width: 100%; height: 100%;}
.recruit .now .desc {position: relative; display: table-cell; padding-left: 50px; vertical-align: top;}
.recruit .now .desc .title {display: block; padding-left: 30px; margin-top: 40px; margin-bottom: 25px; background: url('../../images/sub/ico-recu.png') no-repeat left center; font-weight: 500; font-size: 23px; color: #222;}
.recruit .now .desc .box-list {overflow: hidden;}
.recruit .now .desc .list {padding-left: 30px;}
.recruit .now .desc .list li {position: relative; padding-left: 14px; margin-bottom: 9px; font-weight: 300; font-size: 15px; letter-spacing: -.5px; color: #666;}
.recruit .now .desc .list.row2 {float: left; width: 50%;}
.recruit .now .desc .list.row2.space {padding-left: 0;}
.recruit .now .desc .list li::after {content: ''; position: absolute; left: 0; top: 4px; width: 3px; height: 13px; background: #0b3f7f;}
.recruit .now .desc .list li strong {margin-right: 20px; font-weight: 400; font-size: 16px; color: #01579a;}
.recruit .now .deco-text1 {position: absolute; right: 0; top: 0; z-index: -1; font-weight: 400; font-family: 'Gm'; font-weight: 500; font-size: 48px; line-height: 1; color: #f0f0f0;}
.recruit .now .deco-text2 {position: absolute; right: -13px; bottom: -20px; z-index: -1; font-weight: 500; font-size: 200px; line-height: 1; letter-spacing: -10px; color: #f0f0f0;}
.recruit .now .button {margin-top: 30px; margin-left: 30px;}
.recruit .now .button a.view {background: #0086f8;}
.recruit .now .button a.view:hover {background: #0066bd;}

.recruit .old ul {overflow: hidden;}
.recruit .old li {display: table; padding: 10px; margin-bottom: 40px; border: 1px solid #cdcdcd; table-layout: fixed;}
.recruit .old li.left {float: left; width: 48.8%; }
.recruit .old li.right {float: right; width: 48.8%;}
.recruit .old .thumb {position:relative; display: table-cell; width: 310px; height: 320px; vertical-align: top;}
.recruit .old .thumb-img {position: absolute; width: 50%; left: 25%; bottom: 19%; z-index: 1;}
.recruit .old .thumb-img img {width: 100%; height: 100%;}

.recruit .old.foreign-list .button {margin-top: 55px;}

.recruit .old .desc {display: table-cell; padding-left: 50px; vertical-align: top;}
.recruit .old .desc .uni {display: block; margin-top: 20px; font-family: 'GM'; font-weight: 400; font-size: 18px; color: #e4e4e4;}
.recruit .old .desc .year {display: block; margin: 10px 0; font-weight: 500; font-size: 50px; line-height: 1.2; color: #9e9e9e;}
.recruit .old .desc .title {display: block; padding-left: 30px; background: url(../../images/sub/ico-recu.png) no-repeat left 4px; font-weight: 500; font-size: 20px; line-height: 1.5; color: #222;}
.recruit .button {margin-top: 90px; margin-bottom: 20px;}
.recruit .button br {display: none;}
.recruit .button a {position: relative; display: inline-block; padding: 16px 25px 14px 25px; border-radius: 100px; font-weight: 400; font-size: 15px; vertical-align: middle; color: #fff; margin-top: 3px;}
.recruit .button a.view {margin-right: 30px; background: #868686;}
.recruit .button a.view::after {content: ''; display: inline-block; width: 21px; height: 21px; margin: -4px 0 0 15px; background: url('../../images/sub/ico-recu2.png'); vertical-align: middle;}
.recruit .button a.down {background: #00baff;}
.recruit .button a.down::after {content: ''; display: inline-block; width: 18px; height: 18px; margin: -4px 0 0 15px; background: url('../../images/sub/ico-recu3.png'); vertical-align: middle;}
.recruit .button a.view:hover{background: #686868;}
.recruit .button a.down:hover {background: #009ed8;}

@media all and (max-width: 1550px) {
  .recruit .old li {padding: 20px;}
  .recruit .old .thumb {display: block; width: 100%; background: url('../../images/sub/bg-recu.jpg') top center; text-align: center; }
  .recruit .old .thumb-img {width: 154px; left: 50%; margin-left: -77px;}
  .recruit .old .desc {display: block; width: 100%; padding-left: 0;}
  .recruit .old .desc .uni {font-size: 16px;}
  .recruit .old .desc .year {font-size: 40px;}
  .recruit .old .desc .title {font-size: 20px;}
  .recruit .button {margin-top: 20px;}
  .recruit .button a.view {margin-right: 10px;}
}

@media all and (max-width: 1290px ){
  .recruit .now .deco-text1,
  .recruit .now .deco-text2 {display: none;}
  .recruit .now .desc .list {padding-left: 0;}
  .recruit .now .desc .list.row2 {width: 100%;}
  .recruit .now .button {margin-left: 0; margin-bottom: 30px;}
}

@media all and (max-width: 960px) {
  .recruit .now .thumb,
  .recruit .now .desc {display: block; width: 100%;}
  .recruit .now .thumb {background: url('../../images/sub/bg-recu2.jpg') no-repeat center top; text-align: center;}
  .recruit .now .thumb-bg img {display: inline-block;}
  .recruit .now .thumb-img {width: 154px; left: 50%; margin-left: -77px; transform: translate(0, 0); top: 14%;}
  .recruit .now .desc {padding-left: 20px; padding-right: 20px; padding-bottom: 20px;}
}

@media all and (max-width: 930px) {
  .recruit .old li.left,
  .recruit .old li.right {float: none; width: 100%;}
}

@media all and (max-width: 600px) {
  .recruit .old li {text-align: center}
  .recruit .old .desc .title {background: none; padding-left: 0;}
  .recruit .now .desc .title {background: none; padding-left: 0;}
  .recruit .now .button {text-align: center;}
}

@media all and (max-width: 410px){
  .recruit .old .thumb {height: auto;}
  .recruit .old .thumb-img {width: 50%; left: 25%; margin-left: 0;}
}

@media all and (max-width: 390px){
  .recruit .now .thumb {height: auto;}
  .recruit .now .thumb-img {width: 50%; left: 25%; margin-left: 0;}
}

/* introduce */
.introduce {display: table; width: 100%; table-layout: fixed;}
.introduce .thumb {display: table-cell; width: 50%; vertical-align: top;}
.introduce .thumb .img {position: relative; display: inline-block;}
.introduce .thumb .img::after {content: ''; position: absolute; left: 1%; top: 1.5%; width: 98%; height: 97%; border: 1px solid #fff;}
.introduce .desc {display: table-cell; vertical-align: bottom;}
.introduce .box {position: relative; padding: 46px 66px; background: #f5f5f5;}
.introduce .box::after {content: ''; position: absolute; left: 68px; top: -113px; width: 114px; height: 113px; background: url('../../images/sub/deco-intro1.png') no-repeat center center;}
.introduce .box::before {content: ''; position: absolute; right: 0; bottom: -40px; width: 142px; height: 306px; background: url('../../images/sub/deco-intro2.png') no-repeat center center;}
.introduce .box strong {position: relative; z-index: 1; font-weight: 500; font-size: 25px; color: #222;}
.introduce .box p {position: relative; z-index: 1; padding: 20px 0 15px 0; font-weight: 500; font-size: 18px; color: #008dfa;}
.introduce .box span {position: relative; z-index: 1; font-weight: 300; font-size: 16px; color: #666;}
.introduce .box .uni {position: absolute; right: 0; top: -53px; font-size: 24px; color: #dfdfdf;}

@media all and (max-width: 1300px) {
  .introduce {background: #f5f5f5; padding: 30px;}
  .introduce .thumb,
  .introduce .desc {display: block; width: 100%;}
  .introduce .thumb {text-align: center;}
  .introduce .thumb img {display: inline-block;}
  .introduce .desc {margin-top: 80px;}
  .introduce .box {padding: 50px 0px;}
  .introduce .box::after {left: 0;}
  .introduce .box::before {right: -30px;}
  .introduce .box .uni {left: 30px; top: 6px; font-size: 19px;}
}


/* goal */
.goal {position: relative;}
.goal::after {content: ''; position: absolute; left: 0; top: 57.5%; width: 12px; height: 12px; background: #949494; border-radius: 100%;}
.goal::before {content: ''; position: absolute; right: 0; top: 57.5%; width: 12px; height: 12px; background: #949494; border-radius: 100%;}
.goal .box {position: relative;}
.goal .box::after {content: ''; position: absolute; left: 0; top: 59.5%; z-index: -1; width: 100%; height: 1px; background: #949494;}
.goal ul {position: relative; display: table; width: 100%; table-layout: fixed; padding: 0 5%;}
.goal li {display: table-cell; text-align: center; vertical-align: middle;}
.goal li strong {font-weight: 500;}
.goal .top .thumb {position: relative; padding-bottom: 30px;}
.goal .top .desc {padding-top: 31px;}
.goal .bottom .thumb {position: relative; padding-top: 30px;}
.goal .bottom .desc {padding-bottom: 28px;}

.goal .color2 {position: relative; top: 39px;}
.goal .color3 {position: relative; top: 12px;}
.goal .color4 {position: relative; top: 39px;}
.goal .color5 {position: relative; top: 24px;}
.goal .color6 {position: relative; top: 51px;}
.goal .color7 {position: relative; top: 24px;}

.goal .color1 strong {color: #a90057;}
.goal .color2 strong {color: #670461;}
.goal .color3 strong {color: #2568e2;}
.goal .color4 strong {color: #25aae2;}
.goal .color5 strong {color: #1c808f;}
.goal .color6 strong {color: #ff8400;}
.goal .color7 strong {color: #b38806;}

.goal .top .thumb::after {content: ''; position: absolute; left: 49.5%; bottom: 0; width: 1px; height: 30px;}
.goal .top .thumb::before {content: ''; position: absolute; left: 47%; bottom: -7px; width: 12px; height: 12px; border-radius: 100%;}
.goal .top.color1 .thumb::after {background: #a90057;}
.goal .top.color2 .thumb::after {background: #670461;}
.goal .top.color3 .thumb::after {background: #2568e2;}
.goal .top.color4 .thumb::after {background: #25aae2;}
.goal .top.color5 .thumb::after {background: #1c808f;}
.goal .top.color6 .thumb::after {background: #ff8400;}
.goal .top.color7 .thumb::after {background: #b38806;}

.goal .top.color1 .thumb::before {background: #a90057;}
.goal .top.color2 .thumb::before {background: #670461;}
.goal .top.color3 .thumb::before {background: #2568e2;}
.goal .top.color4 .thumb::before {background: #25aae2;}
.goal .top.color5 .thumb::before {background: #1c808f;}
.goal .top.color6 .thumb::before {background: #ff8400;}
.goal .top.color7 .thumb::before {background: #b38806;}

.goal .bottom .thumb::after {content: ''; position: absolute; left: 49.5%; top: 0; width: 1px; height: 30px;}
.goal .bottom .thumb::before {content: ''; position: absolute; left: 47%; top: -7px; width: 12px; height: 12px; border-radius: 100%;}
.goal .bottom.color1 .thumb::after {background: #a90057;}
.goal .bottom.color2 .thumb::after {background: #670461;}
.goal .bottom.color3 .thumb::after {background: #2568e2;}
.goal .bottom.color4 .thumb::after {background: #25aae2;}
.goal .bottom.color5 .thumb::after {background: #1c808f;}
.goal .bottom.color6 .thumb::after {background: #ff8400;}
.goal .bottom.color7 .thumb::after {background: #b38806;}

.goal .bottom.color1 .thumb::before {background: #a90057;}
.goal .bottom.color2 .thumb::before {background: #670461;}
.goal .bottom.color3 .thumb::before {background: #2568e2;}
.goal .bottom.color4 .thumb::before {background: #25aae2;}
.goal .bottom.color5 .thumb::before {background: #1c808f;}
.goal .bottom.color6 .thumb::before {background: #ff8400;}
.goal .bottom.color7 .thumb::before {background: #b38806;}

@media all and (max-width: 1520px) {
    .goal::after,
    .goal::before {display: none;}
    .goal ul,
    .goal li {display: block;}
    .goal ul {overflow: hidden; padding: 0;}
    .goal li {float: left; display: table; width: 33.333%;}
    .goal .box::after {display: none;}
    .goal .thumb {position: absolute !important; left: 0; top: 50%; transform: translate(0, -50%);}
    .goal .desc {display: table-cell; height: 140px; padding-left: 130px !important; text-align: left; vertical-align: middle;}
    .goal .thumb::after {display: none;}
    .goal .thumb::before {display: none;}
    .goal .top .thumb,
    .goal .top .desc,
    .goal .bottom .thumb,
    .goal .bottom .desc {padding: 0;}

    .goal .color1,
    .goal .color2,
    .goal .color3,
    .goal .color4,
    .goal .color5,
    .goal .color6,
    .goal .color7 {position: relative; top: 0;}
}

@media all and (max-width: 1090px) {
    .goal li {width: 50%;}
}

@media all and (max-width: 768px) {
    .goal .thumb {left: 50%; top: 20px; transform: translate(-50%, 0);}
    .goal .desc {height: 250px; padding-left: 0 !important; padding-top: 150px !important; text-align: center; vertical-align: top;}
}

@media all and (max-width: 550px) {
    .goal li {width: 100%;}
    .goal .desc {height: auto; padding-bottom: 30px !important; border-bottom: 1px solid #949494;}
    .goal .thumb {top: 30px;}
}

.mind {text-align: center;}
.mind li {position: relative; display: inline-block;}
.mind .color1 {margin-bottom: -38px;}
.mind .color2 {margin-right: 10px;}
.mind .color3 {margin-left: 10px;}

.mind .desc {position: absolute; width: 460px; text-align: left;}
.mind .color1 .desc {right: 50%; top: 0; padding: 20px 30px; border-top: 1px solid #949494;}
.mind .color2 .desc {right: 50%; bottom: 0; padding: 20px 30px; border-bottom: 1px solid #949494;}
.mind .color3 .desc {left: 50%; bottom: 0;  padding: 20px 0 20px 145px; border-bottom: 1px solid #949494;}

.mind .desc::after {content: ''; position: absolute; width: 12px; height: 12px; background: #949494; border-radius: 100%;}
.mind .color1 .desc::after {left: 0; top: -6px;}
.mind .color2 .desc::after {left: 0; bottom: -6px;}
.mind .color3 .desc::after {right: 0; bottom: -6px;}

.mind .desc strong {font-weight: 500; font-size: 18px;}
.mind .color1 .desc strong {color: #008dfa;}
.mind .color2 .desc strong {color: #a90057;}
.mind .color3 .desc strong {color: #ff6600;}

.mind .desc p {padding: 7px 0 5px 0; font-size: 16px; color: #003162;}
.mind .desc span {font-size: 14px; color: #666;}

@media all and (max-width: 1180px) {
    .mind ul > br {display: none;}
    .mind ul {padding-top: 20px; border-top: 2px solid #222;}
    .mind li {display: table; width: 100%; padding: 0 0 30px 0; margin: 0 0 30px 0 !important; border-bottom: 1px solid #949494; table-layout: fixed;}
    .mind .thumb {display: table-cell; width: 200px; vertical-align: top;}
    .mind .desc {display: table-cell; width: auto; position: static; border: 0 !important; padding: 20px !important; vertical-align: middle;}
    .mind .desc::after {display: none;}
}

@media all and (max-width: 600px) {
    .mind li,
    .mind .thumb,
    .mind .desc {display: block; width: 100%;}
    .mind .desc {text-align: center;}
}


.top-title-bx {padding: 5px; background: url('../../images/guide/ic_cate_bg.png');}
.top-title-inner {background: #fff; padding: 40px 2% 25px; overflow: hidden;}
.top-title-icon {float: left; width: 250px; text-align: center; vertical-align: top;}
.top-title-icon span {position: relative; display: inline-block;}
.top-title-icon.icon1 span::after {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url("../../images/sub/toptitle_icon1.png") no-repeat center; }
.top-title-info {float: left;  vertical-align: top; width: calc(100% - 250px); padding-left: 2%;}
.top-title-info > strong {font-size: 20px; line-height: 35px; color: #222222; font-weight: 500;}
.top-title-info > p {font-size: 16px; line-height: 30px; color: #666666; font-weight: 400; padding: 10px 0;}
.top-title-info .top-title-sns li {font-size: 14px; line-height: 30px; color: #666666; font-weight: 300; padding-left: 35px;}
.top-title-info .top-title-sns li a {display: inline-block; color: #666666;}
.top-title-info .top-title-sns li a:hover {text-decoration: underline;}
.top-title-info .top-title-sns li.facebook {background: url("../../images/sub/ic_facebook.png") no-repeat left center;}
.top-title-info .top-title-sns li.insta {background: url("../../images/sub/ic_insta.png") no-repeat left center;}
.top-title-info .top-title-sns li.youtube {background: url("../../images/sub/ic_youtube.png") no-repeat left center;}
.top-title-info .top-title-sns li.blog {background: url("../../images/sub/ic_blog.png") no-repeat left center;}
.top-title-info .top-title-sns li.kakao {background: url("../../images/sub/ic_kakao.png") no-repeat left center;}

.top-title-bx.one-line-bx {}
.top-title-bx.one-line-bx .top-title-inner {display: table; width: 100%; height: 100%;}
.top-title-bx.one-line-bx .top-title-icon {float: none; display: table-cell; vertical-align: top;}
.top-title-bx.one-line-bx .top-title-info {float: none; display: table-cell; vertical-align: middle; padding-top: 0;}

.icon-bx {background: #A90057; padding: 10px;}
.icon-bx li {display: inline-block; vertical-align: top;}


@media all and (max-width: 768px){
  .top-title-inner {padding: 30px 2% 25px;}
  .top-title-icon {float: none; margin: 0 auto; margin-bottom: 20px;}
  .top-title-info {float: none; width: 100%; text-align: center; padding-top: 0;}
  .top-title-info ul {text-align: left;}
  .top-title-info > p {font-size: 14px; line-height: 25px; padding-bottom: 10px;}

  .top-title-bx.one-line-bx .top-title-inner {display: block; width: 100%; height: 100%;}
  .top-title-bx.one-line-bx .top-title-icon {float: none; display: block; vertical-align: top;}
  .top-title-bx.one-line-bx .top-title-info {float: none; display: block; vertical-align: middle; padding-top: 0;}
}

.dream-img-bx {display: flex; flex-direction: row; justify-content: space-between; margin-top: 50px;}
.dream-img-bx .dream-inner {width: 32.5%;}
.dream-img-bx .dream-img {position: relative;}
.dream-img-bx .dream-img::after {content: ""; position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; z-index: 1; border: 1px solid rgba(255, 255, 255, 0.7);}

@media all and (max-width: 768px){
  .dream-img-bx {flex-wrap: wrap;}
  .dream-img-bx .dream-inner {width: 49%; margin-bottom: 10px;}
}

@media all and (max-width: 500px){
  .dream-img-bx {flex-wrap: wrap; margin-top: 25px;}
  .dream-img-bx .dream-inner {width: 100%;}
}