@charset 'utf-8';

/* Copy Code */
.copyBtn {position: absolute; right: 100%; top: 0; padding-right: 10px;}
.copyBtn span {display: inline-block; background: #fff; padding: 7px 15px; border: 1px solid #d1d1d1; border-radius: 10px; white-space: nowrap; opacity: 0; transition: opacity .45s;}
.copyBtn.on span {opacity: 1;}
.copyBtn:hover span {background: #016365; border: 1px solid #016365; color: #fff;}

/* Heading */
.objHeading_h2 {position: relative; display: inline-block; margin-top: 50px; padding-left: 20px; font-family:'Noto Medium'; font-size: 30px; letter-spacing: -0.5px; line-height: 1.2; color: #121212;}
.objHeading_h2::before {content: ''; position: absolute; left: 0px; top: 6px; width: 7px; height: 27px; background: #e84855; border-radius: 10px}
.objHeading_h3 {position: relative; display: block; margin-top: 30px; font-family:'Noto Medium'; line-height: 1.2; font-size: 26px; letter-spacing: -0.5px; color: #336579;}
.objHeading_h4 {position: relative; display: block; margin-top: 30px; font-family: 'Noto Medium'; font-size: 22px; line-height: 1.2; letter-spacing: -0.5px; color: #121212;}
.objHeading_h5 {position: relative; display: block; margin-top: 30px; padding-left: 20px; font-family: 'Noto Medium'; font-size: 18px; line-height: 1.2; letter-spacing: -0.5px; color: #336579;}
.objHeading_h5::before {content: ''; position: absolute; left: 0; top: 7px; width: 9px; height: 9px; background: #336579; border-radius: 100%;}

.objHeading_h2.no-margin,
.objHeading_h3.no-margin,
.objHeading_h4.no-margin,
.objHeading_h5.no-margin {margin-top: 0;}

.no-margin .objHeading_h2,
.no-margin .objHeading_h3,
.no-margin .objHeading_h4,
.no-margin .objHeading_h5 {margin-top: 0;}

@media all and (max-width: 660px) {
  .objHeading_h2 {margin-top: 30px; font-size: 20px;}
  .objHeading_h2::before {top: 4px; height: 18px}
  .objHeading_h3 {font-size: 19px;}
  .objHeading_h4 {font-size: 18px;}
  .objHeading_h5 {font-size: 17px;}
}

/* Description */
.con-desc {font-family: 'Noto Regular'; font-size: 18px; line-height: 1.7; letter-spacing: -0.5px; color: #666;}
.con-desc strong {font-family: 'Noto Regular';}
._objHtml.no-margin {margin-top: 0px !important;}
._objHtml.no-margin > div {margin-top: 0px !important;}
.sub-indent {padding-left: 20px;}
.img-ready {margin-top: 20px; padding: 20px; border:1px solid #d1d1d1; text-align: center;}

@media all and (max-width: 660px) {
  .con-desc {font-size: 15px;}
}

/* Align */
.align-r {text-align: right !important;}
.align-c {text-align: center !important;}
.align-l {text-align: left !important;}

/* Point Color */
.c1 {color: #e84855 !important;}
.c2 {color: #006acb !important;}
.c3 {color: #005128 !important;}
.c4 {color: #a78258 !important;}
.c5 {color: #0b3274 !important;}
.c6 {color: #121212 !important;}
.b1 {font-family: 'Noto Medium' !important;}
.b2 {font-family: 'Noto Bold' !important;}

/* Link */
.link-line {position: relative; color: #666;}
.link-line:hover {color: #004a8f;}
.link-line::after {content: ''; display: inline-block; width: 10px; height: 10px; margin-left: 5px; margin-right: 5px; margin-top: -3px; background: url('../../images/guide/ico-table-link.png') no-repeat center center; vertical-align: middle;}
.objHeading_h2 .link-line::after {content: ''; display: inline-block; width: 20px; height: 20px; margin-left: 8px; margin-right: 5px; margin-top: -7px; background: url('/Web-home/fnct/sitemap/kon-sitemap/images/btn-map-link.png') no-repeat center center; vertical-align: middle;}
/*
.link-line span {position: relative; background: linear-gradient(to bottom, transparent 96%, #004a8f 0) left center no-repeat; background-size: 0; transition: .4s;}
.link-line:hover span {background-size: 100% auto;}
*/

/* Table */
.con-table {position: relative; line-height: 1.6;}
.con-table:after {content: ''; position: absolute; right: 0px; top: 0px; width: 1px; height: 100%; background: #fff;}
.con-table table {position: relative;}
.con-table table:after {content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 1px; background: #000}
.con-table table:before {content: ''; position: absolute; right: 0px; top: 0px; width: 1px; height: 100%; background: #fff;}
.con-table thead th {padding: 13px 10px; background: #f5f5f5; border-right: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; font-family: 'Noto Medium'; font-size: 18px; font-weight: 400; color: #121212;}
.con-table tbody {display: table-header-group;}
.con-table tbody::after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #000;}
.con-table tbody th {padding: 12px 15px; background:#fcfcfc; border-right: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; font-family: 'Noto Medium'; font-size: 16px; font-weight: 400; color: #333;}
.con-table tbody td {padding: 12px 20px; background:#fff; border-right: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; font-family: 'Noto Regular'; font-size: 16px; text-align: left; color: #666;}
.con-table.center tbody td {text-align: center;}
.con-table.mini thead th,
.con-table.mini tbody th,
.con-table.mini tbody td {padding: 7px; font-size: 15px;}
.con-table.links tbody td {vertical-align: middle;}
.con-table.links tbody td > div {display: flex; align-items: center;}
.con-table.links tbody td p {flex: 1; float: left;}
.con-table.links tbody td p span {font-size: 14px;}
.con-table.links tbody td a {float: right;}
.con-table tbody td a {color: #333;}
.con-table .list > li {position: relative; padding-left: 15px;}
.con-table .list > li:after {content: ''; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; background: #111; border-radius: 100%;}
.con-table .list2 > li {position: relative; padding-left: 15px;}
.con-table .list2 > li:after {content: ''; position: absolute; left: 0; top: 10px; width: 7px; height: 2px; background: #777;}
.con-table .align-l {text-align: left !important;}
.con-table .align-c {text-align: center !important;}
.con-table .align-r {text-align: right !important;}
.con-table .align-t {vertical-align: top !important;}
.con-table strong {font-family: 'Noto Regular'; color: #000;}

.con-table .link {position: relative; color: #666;}
.con-table .link:hover {color: #004a8f;}
/*
.con-table .link span {position: relative; background: linear-gradient(to bottom, transparent 96%, #004a8f 0) left center no-repeat; background-size: 0; transition: .4s;}
.con-table .link:hover span {background-size: 100% auto;}
*/
.con-table .link::after {content: ''; display: inline-block; width: 10px; height: 10px; margin-left: 5px; margin-right: 5px; margin-top: -3px; background: url('../../images/guide/ico-table-link.png') no-repeat center center; vertical-align: middle;}

.con-table .home {position: relative; color: #666;}
.con-table .home:hover {color: #004a8f;}
.con-table .home span {position: relative; background: linear-gradient(to bottom, transparent 96%, #004a8f 0) left center no-repeat; background-size: 0; transition: .4s;}
.con-table .home:hover span {background-size: 100% auto;}
.con-table .home::after {content: ''; display: inline-block; width: 25px; height: 25px; margin-left: 5px; margin-right: 5px; margin-top: -3px; background: url('../../images/guide/ic-link-home.png') no-repeat center center; vertical-align: middle;}
.con-table .home:hover::after {background: url('../../images/guide/ic-link-home-hover.png') no-repeat center center;}

.con-table .down {position: relative; color: #666;}
.con-table .down:hover {color: #004a8f;}
.con-table .down span {position: relative; background: linear-gradient(to bottom, transparent 96%, #004a8f 0) left center no-repeat; background-size: 0; transition: .4s;}
.con-table .down:hover span {background-size: 100% auto;}
.con-table .down::after {content: ''; display: inline-block; width: 25px; height: 25px; margin-left: 5px; margin-right: 5px; margin-top: -3px; background: url('../../images/guide/ic-link-down.png') no-repeat center center; vertical-align: middle;}
.con-table .down:hover::after {background: url('../../images/guide/ic-link-down-hover.png') no-repeat center center;}

@media all and (max-width:960px) {
  .con-table {overflow-x: hidden; min-height: 200px;}
  .con-table.on {min-height: auto;}
  .con-table.no-scroll {min-height: auto;}
  .con-table table {width: 1300px;}
  .con-table.no-scroll table {width: 100%;}
  .con-table:after {content: ''; position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; background: rgba(31,59,101,0.2) url('../../images/guide/img_mobile_text.png') no-repeat center 40px;}
  .con-table.on:after,
  .con-table.no-scroll:after {display: none;}
  .con-table thead th,
  .con-table tbody th,
  .con-table tbody td {padding: 10px 8px; font-size: 16px;}
}
@media all and (max-width: 660px) {
  .con-table thead th,
  .con-table tbody th,
  .con-table tbody td {font-size: 14px;}
}

/* Tab */
.guide .tab_div .mobile-tab {display: none;}

.guide .tab_div.div_4 {font-size: 0;}
.guide .tab_div .ul_4 {display: inline-block; position: relative; width: 100%; display:flex; flex-wrap:wrap;}
.guide .tab_div .ul_4 > li {position: relative; float: left; width: 16.666%; margin-left: -1px; margin-bottom: -1px; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.guide .tab_div .ul_4 > li > a {position: relative; z-index: 3; display: block; padding: 15px 10px 16px 10px; border: 1px solid #c5c5c5; font-family: 'Noto Medium'; font-size: 18px; letter-spacing: -1px; text-align: center; color: #333; display:flex; align-items:center; justify-content:center; width:100%; height:100%;}
.guide .tab_div .ul_4 > li > a[target=_blank]::after {content: ''; position: relative; top: 0; display: inline-block; width: 12px; height: 11px; margin: 0 0 0 7px; background:  url('../../images/guide/tab-link-blank.png') no-repeat center; }

.guide .tab_div .ul_4 > li._active > a,
.guide .tab_div .ul_4 > li:hover > a {background: #005128; border: 1px solid #005128; color: #fff;}
.guide .tab_div .ul_4 > li._active > a[target=_blank]::after,
.guide .tab_div .ul_4 > li:hover > a[target=_blank]::after {background: url('../../images/guide/tab-link-blank-ov.png') no-repeat center;}

.guide .tab_div.div_5 {font-size: 0; margin-top: 50px;}
.guide .tab_div .ul_5 {position: relative; display: inline-block; width: 100%;}
.guide .tab_div .ul_5::after {content: ''; position: absolute; left: 0; bottom: 50%; z-index: -1; width: 100%; height: 1px; background: #333;}
.guide .tab_div .ul_5 > li {position: relative; float: left; padding-right: 5px; background: #fff;}
.guide .tab_div .ul_5 > li:last-child {padding-right: 20px;}
.guide .tab_div .ul_5 > li > a {position: relative; display: block; padding: 12px 34px; border: 1px solid #ccc; border-radius: 24px; font-size: 16px; font-family: 'Noto Medium'; letter-spacing: -0.5px; color: #212126; z-index: 3;}

.guide .tab_div .ul_5 > li:hover > a::before,
.guide .tab_div .ul_5 > li._active > a::before {background: #016365;}
.guide .tab_div .ul_5 > li > a[target=_blank]::after {content: ''; position: relative; top: -1px; display: inline-block; width: 12px; height: 11px; margin: 0 0 0 8px; background:  url('../../images/guide/tab-link-blank-grey.png') no-repeat center; }

.guide .tab_div .ul_5 > li._active > a,
.guide .tab_div .ul_5 > li:hover > a {background: #19323c; border: 1px solid #19323c; color: #fff;}
.guide .tab_div .ul_5 > li._active > a[target=_blank]::after ,
.guide .tab_div .ul_5 > li:hover > a[target=_blank]::after {background: url('../../images/guide/tab-link-blank.png');}

@media all and (max-width: 1300px) {
  .guide .tab_div .ul_4 > li {width: 25% !important;}
}

@media all and (max-width: 1100px) {
  .guide .tab_div .ul_4 > li {width: 33.333% !important;}
}

@media all and (max-width:860px) {
  .guide .tab_div {position: relative;}
  .guide .tab_div .ul_4,
  .guide .tab_div .ul_5 {overflow: hidden; position: absolute; top: calc(100% - 1px); z-index: -1; width: 100%; max-height: 0; margin-bottom: 30px; border: 1px solid #fff; transition: all 0.5s ease;}
  .guide .tab_div.div_5 {margin-top: 0px;}
  .guide .tab_div ul.on {z-index: 10; max-height: 600px; padding: 10px 0; background: #fff; border: 1px solid #8795a1;}
  .guide .tab_div .ul_4 > li,
  .guide .tab_div .ul_5 > li {display: block; width: 100% !important; padding: 0; border: 0}
  .guide .tab_div ul li a {display: block; height: auto; padding: 13px 40px; background: #fff; border-bottom: 1px solid #d1d1d1; font-size: 16px; text-align: left; line-height: normal;}
  .guide .tab_div ul li a:hover {border-bottom: 0}
  .guide .tab_div ul li a:after {display: none;}
  .guide .tab_div ul li a[target=_blank]  {background-position: 97% center !important;}
  .guide .tab_div ul li a span {display: block; padding: 0 20px;}
  .guide .tab_div ul li a span:before {bottom: -11px;}
  .guide .tab_div ul li:after {display: none;}
  .guide .tab_div .mobile-tab {position: relative; display: block; width: 100%; margin-bottom: 15px; padding: 13px 30px; text-align: center; font-family: 'Noto Regular'; font-size: 16px;}
  .guide .tab_div.div_4 .mobile-tab {background: #005128 url('../../images/guide/arrow-sel.png') no-repeat right center; border: 1px solid #005128; color: #fff;}
  .guide .tab_div.div_4 .mobile-tab.on {background: #005128 url('../../images/guide/arrow-sel-rever.png') no-repeat right center;}
  .guide .tab_div.div_5 .mobile-tab {background: #fff url('../../images/guide/arrow-sel2.png') no-repeat right center; border: 1px solid #008395; color: #121212;}
  .guide .tab_div.div_5 .mobile-tab.on {background: #fff url('../../images/guide/arrow-sel2-rever.png') no-repeat right center;}
  .guide .tab_div.div_5 .mobile-tab::before {content: ''; display: inline-block; width: 12px; height: 12px; margin-right: 8px; background: #008395; border-radius: 100%;}
  .guide .tab_div.div_5 .mobile-tab::after {content: ''; display: inline-block; width: 12px; height: 12px; margin-left: 8px; background: #008395; border-radius: 100%;}

  .guide .tab_div .ul_4 > li {margin: 0; border: 0;}
  .guide .tab_div .ul_4 > li > a {padding: 2px 20px; border: 0; font-family: 'Noto Light'; font-size: 16px; text-align: center;}
  .guide .tab_div .ul_5 > li {border: 0;}
  .guide .tab_div .ul_5 > li:last-child {padding-right: 0px;}
  .guide .tab_div .ul_5 > li > a {padding: 2px 20px; border: 0; font-family: 'Noto Light'; font-size: 16px; text-align: center;}
  .guide .tab_div .ul_5 > li > a::before {display: none;}
  .guide .tab_div .ul_4 > li._active > a,
  .guide .tab_div .ul_4 > li:hover > a {border: 0; background: #fff; font-family: 'Noto Regular'; color: #005128;}
  .guide .tab_div .ul_4 > li > a[target=_blank]::after,
  .guide .tab_div .ul_4 > li._active > a[target=_blank]::after {background: url(../../images/guide/tab-link-blank-grey.png) no-repeat center;}
  .guide .tab_div .ul_4 > li:hover > a[target=_blank]::after {background: url(../../images/guide/tab-link-blank.png) no-repeat center;}
  .guide .tab_div .ul_5 > li._active > a,
  .guide .tab_div .ul_5 > li:hover > a {background: none; border: 0; font-family: 'Noto Regular'; font-size: 16px; color: #005128;}
  .guide .tab_div .ul_5 > li:hover > a[target=_blank]::after {background: url(../../images/guide/tab-link-blank.png) no-repeat center;}
}

/* List Type */
.con-list1 > ul > li {position: relative; margin: 12px 0 0 0; padding-left: 20px; font-family: 'Noto Regular'; font-size: 18px; line-height: 1.5; letter-spacing: -0.5px; color: #666;}
.con-list1 > ul > li::before {content: ''; position: absolute; left: 0; top: 11px; width: 5px; height: 5px; background: #609015; border-radius: 100%;}
.con-list1 > ul > li strong {color: #333;}
.con-table .con-list1 > ul > li {margin: 5px 0; font-size: 16px;}
.con-table .con-list1 > ul > li::before {top: 11px;}

.con-list2 > ul > li {position: relative; margin: 12px 0 0 0; padding-left: 20px; font-family: 'Noto Regular'; font-size: 18px; line-height: 1.5; letter-spacing: -0.5px; color: #666;}
.con-list2 > ul > li::before {content: ''; position: absolute; left: 0; top: 13px; width: 8px; height: 2px; background: #acacac;}
.con-list2 > ul > li strong {color: #333;}
.con-table .con-list2 > ul > li {margin: 5px 0; font-size: 16px;}
.con-table .con-list2 > ul > li::before {top: 11px;}

.con-arrow-list > ul > li {position: relative; padding-left: 18px; font-size: 16px; line-height: 30px; letter-spacing: -0.5px; color: #333;}
.con-arrow-list > ul > li::before {content: ''; position: absolute; left: 0; top: 13px; width: 10px; height: 4px; background: url('../../images/guide/ic_list3_arrow.png') no-repeat;}
.con-table .con-arrow-list > ul > li {margin: 5px 0; font-size: 16px;}
.con-table .con-arrow-list > ul > li::before {top: 10px;}

.circle-num-title {position: relative; padding-left: 25px; font-family: 'Noto Medium'; font-size: 18px; line-height: 20px; letter-spacing: -0.5px; color: #222;}
.circle-num-title .num {position: absolute; left: 0; top: 2px; display: inline-block; width: 16px; height: 16px; margin-right: 5px; background: #fcaf17; border-radius: 50%; font-family: 'Noto Medium'; font-size: 10px; vertical-align: middle; letter-spacing: -0.5px; text-align: center;  line-height: 17px; color: #111;}

.circle-num-list > ul > li {position: relative; margin: 10px 0 0 0; padding-left: 30px; font-family: 'Noto Regular'; font-size: 18px; line-height: 1.7; letter-spacing: -0.5px; color: #666;}
.circle-num-list2 > ul > li{color: #fff;}
.circle-num-list > ul > li .num {position: absolute; left: 0; top: 6px; display: inline-block; width: 20px; height: 20px; margin-right: 5px; background: #4b4b4b; border-radius: 100%; font-family: 'Noto Bold'; font-size: 12px; text-align: center; vertical-align: middle; letter-spacing: -0.5px; line-height: 19px; color: #fff;}
.circle-num-list > ul > li strong {font-family: 'Noto Medium'; color: #000;}
.circle-num-list.file a::after {content: ''; display: inline-block; width: 19px; height: 16px; margin-left: 10px; background: url('../../images/guide/ic-budget-file.png') no-repeat center;}
.circle-num-list.file a:hover::after {background: url('../../images/guide/ic-budget-file-on.png') no-repeat center;}
.circle-num-list.file a:hover {color: #e84855;}
.con-table .circle-num-list > ul > li {margin: 5px 0; font-size: 16px;}

.word-list > ul > li {display: flex; position: relative; width: 100%; margin: 7px 0 0 0; font-family: 'Noto Regular'; font-size: 18px; line-height: 1.7; letter-spacing: -0.5px; color: #666;}
.word-list > ul > li .word {display: inline-block; margin-right: 5px; font-family: 'Noto Regular'; font-size: 18px; vertical-align: top; letter-spacing: -0.5px; color: #666;}
.word-list > ul > li strong {font-family: 'Noto Medium'; color: #000;}
.con-table .word-list > ul > li {margin: 5px 0; font-size: 16px;}

.star-list > ul > li {position: relative;  padding-left: 18px; font-family: 'Noto Regular'; font-size: 18px; line-height: 1.7; letter-spacing: -0.5px; color: #e63b53;}
.star-list > ul > li::after {content: ''; position: absolute; left: 0; top: 10px; width: 10px; height: 10px; background: url('../../images/guide/ic-star.png') no-repeat center;}
.star-list > ul > li strong {font-family: 'Noto Medium'; color: #000;}
.con-table .star-list > ul > li {margin: 5px 0; font-size: 16px;}
.con-table .star-list > ul > li::after {top: 9px;}

@media all and (max-width: 660px) {
  .con-list1 > ul > li {font-size: 15px; }
  .con-list1 > ul > li::before {top: 9px;}
  .con-list2 > ul > li {font-size: 15px;}
  .con-list2 > ul > li::before {top: 10px;}
  .circle-num-list > ul > li {font-size: 15px;}
  .circle-num-list > ul > li .num {top: 3px;}
  .circle-num-title {font-size: 16px;}
  .word-list > ul > li .word {font-size: 15px;}
  .word-list > ul > li {font-size: 15px;}
  .star-list > ul > li {font-size: 15px;}
  .star-list > ul > li::after {top: 8px;}
}

/* Button Style */
.btn-style.type1 {position: relative; top: -1px; display: inline-block; height: 40px; padding: 0 20px; background: #fff; border: 1px solid #016365; font-family: 'Noto Medium'; font-size: 15px; line-height: 38px; color: #016365 !important; cursor: pointer; }
.btn-style.type1:hover {background: #016365; border: 1px solid #016365; color: #fff !important;}
.btn-style.type1::after {content: ''; position: relative; top: -1px;  display: inline-block; width: 12px; height: 7px; margin-left: 30px; background: url('../../images/guide/ic-btn1.png') no-repeat center; vertical-align: middle;}
.btn-style.type1:hover::after {background: url('../../images/guide/ic-btn1-ov.png') no-repeat center;}
.btn-style.type1.mini {height: 21px; line-height: 19px; padding: 0 7px; font-size: 12px;}
.btn-style.type1.mini::after {margin-left: 7px;}

@media all and (max-width: 700px) {
  .btn-style.type1 {margin-bottom: 15px;}
}

.btn-style.type2 {position: relative; display: inline-block; height: 60px; padding: 0 30px; background: #fff; border: 1px solid #a1a1a1; font-family: 'Noto Regular'; font-size: 16px; line-height: 58px; color: #121212; cursor: pointer; }
.btn-style.type2.tiny {height: 21px; padding: 0 7px; line-height: 19px; font-size: 12px; font-family: 'Noto Medium'; color: #888;}
.btn-style.type2:hover {background: #19323c; border: 1px solid #19323c; color: #fff !important;}
.btn-style.type2 .ico {position: relative; top: -2px; display: inline-block; width: 24px; height: 24px; margin-left: 23px; vertical-align: middle;}
.btn-style.type2.tiny .ico {top: -2px; width: 14px; height: 14px; margin-left: 5px; background-size: 14px !important;}
.btn-style.type2 .ico1 {background: url('../../images/guide/btn-button1.png') no-repeat center;}
.btn-style.type2:hover .ico1 {background: url('../../images/guide/btn-button1-ov.png') no-repeat center;}
.btn-style.type2 .ico2 {background: url('../../images/guide/btn-button2.png') no-repeat center;}
.btn-style.type2:hover .ico2 {background: url('../../images/guide/btn-button2-ov.png') no-repeat center;}
.btn-style.type2 .ico3 {background: url('../../images/guide/btn-button3.png') no-repeat center;}
.btn-style.type2:hover .ico3 {background: url('../../images/guide/btn-button3-ov.png') no-repeat center;}
.btn-style.type2 .ico4 {background: url('../../images/guide/btn-button4.png') no-repeat center;}
.btn-style.type2:hover .ico4 {background: url('../../images/guide/btn-button4-ov.png') no-repeat center;}
.btn-style.type2 .ico5 {background: url('../../images/guide/btn-button5.png') no-repeat center;}
.btn-style.type2:hover .ico5 {background: url('../../images/guide/btn-button5-ov.png') no-repeat center;}
.btn-style.type2 .ico6 {background: url('../../images/guide/btn-button6.png') no-repeat center;}
.btn-style.type2:hover .ico6 {background: url('../../images/guide/btn-button6-ov.png') no-repeat center;}
.btn-style.type2 .ico7 {background: url('../../images/guide/btn-button7.png') no-repeat center;}
.btn-style.type2:hover .ico7 {background: url('../../images/guide/btn-button7-ov.png') no-repeat center;}
.btn-style.type2 .ico8 {background: url('../../images/guide/btn-button8.png') no-repeat center;}
.btn-style.type2:hover .ico8 {background: url('../../images/guide/btn-button8-ov.png') no-repeat center;}
.btn-style.type2 .ico9 {background: url('../../images/guide/btn-button9.png') no-repeat center;}
.btn-style.type2:hover .ico9 {background: url('../../images/guide/btn-button9-ov.png') no-repeat center;}
.btn-style.type2 .ico10 {background: url('../../images/guide/btn-button10.png') no-repeat center;}
.btn-style.type2:hover .ico10 {background: url('../../images/guide/btn-button10-ov.png') no-repeat center;}
.btn-style.type2 .ico11 {background: url('../../images/guide/btn-button11.png') no-repeat center;}
.btn-style.type2:hover .ico11 {background: url('../../images/guide/btn-button11-ov.png') no-repeat center;}
.btn-style.type2 .ico12 {background: url('../../images/guide/btn-button12.png') no-repeat center;}
.btn-style.type2:hover .ico12 {background: url('../../images/guide/btn-button12-ov.png') no-repeat center;}
.btn-style.type2 .ico13 {background: url('../../images/guide/btn-button13.png') no-repeat center;}
.btn-style.type2:hover .ico13 {background: url('../../images/guide/btn-button13-ov.png') no-repeat center;}
.btn-style.type2 .ico14 {background: url('../../images/guide/btn-button14.png') no-repeat center;}
.btn-style.type2:hover .ico14 {background: url('../../images/guide/btn-button14-ov.png') no-repeat center;}
.btn-style.type2 .ico15 {background: url('../../images/guide/btn-button15.png') no-repeat center;}
.btn-style.type2:hover .ico15 {background: url('../../images/guide/btn-button15-ov.png') no-repeat center;}
.btn-style.type2 .ico16 {background: url('../../images/guide/btn-button16.png') no-repeat center;}
.btn-style.type2:hover .ico16 {background: url('../../images/guide/btn-button16-ov.png') no-repeat center;}
.btn-style.type2 .ico17 {background: url('../../images/guide/btn-button17.png') no-repeat center;}
.btn-style.type2:hover .ico17 {background: url('../../images/guide/btn-button17-ov.png') no-repeat center;}
.btn-style.type2 .ico18 {background: url('../../images/guide/btn-button18.png') no-repeat center;}
.btn-style.type2:hover .ico18 {background: url('../../images/guide/btn-button18-ov.png') no-repeat center;}
.btn-style.type2 .ico19 {background: url('../../images/guide/btn-button19.png') no-repeat center;}
.btn-style.type2:hover .ico19 {background: url('../../images/guide/btn-button19-ov.png') no-repeat center;}
.btn-style.type2 .ico20 {background: url('../../images/guide/btn-button20.png') no-repeat center;}
.btn-style.type2:hover .ico20 {background: url('../../images/guide/btn-button20-ov.png') no-repeat center;}
.btn-style.type2 .ico21 {background: url('../../images/guide/btn-button21.png') no-repeat center;}
.btn-style.type2:hover .ico21 {background: url('../../images/guide/btn-button21-ov.png') no-repeat center;}
.btn-style.type2 .ico22 {background: url('../../images/guide/btn-button22.png') no-repeat center;}
.btn-style.type2:hover .ico22 {background: url('../../images/guide/btn-button22-ov.png') no-repeat center;}
.btn-style.type2 .ico23 {background: url('../../images/guide/btn-button23.png') no-repeat center;}
.btn-style.type2:hover .ico23 {background: url('../../images/guide/btn-button23-ov.png') no-repeat center;}

@media all and (max-width: 700px) {
  .btn-style.type2 {height:55px; padding: 0 19px; margin-bottom: 15px; line-height:53px;}
  .btn-style.type2 .ico {margin-left: 10px;}
}

.btn-style.down1 {display: inline-block;}
.btn-style.down1.line {position: relative; margin-right: 30px; padding-right: 40px;}
.btn-style.down1.line::after {content: ''; position: absolute; right: 0; top: 16px; width: 1px; height: 40px; background: #b7b7b7;}
.btn-style.down1 .ico {float: left; width: 70px; height: 70px; background: #f4f4f4 url('../../images/guide/btn-down1.png') no-repeat center; border-radius: 100%;}
.btn-style.down1 .title {float: left; margin-left: 20px;}
.btn-style.down1 .title strong {display: block; margin-top: 7px; font-family: 'Noto Medium'; font-size: 18px; color: #121212;}
.btn-style.down1 .title p {font-family: 'Noto Light'; font-size: 16px; color: #333;}
.btn-style.down1:hover .ico {background: #005128 url('../../images/guide/btn-down1-ov.png') no-repeat center;}

.btn-style.down2 {position: relative; display: inline-block; height: 35px; padding: 0 20px 0 53px; background: #fff; font-family: 'Play Bold', 'Noto Regular'; font-size: 12px; line-height: 35px; color: #333 !important; cursor: pointer; }
.btn-style.down2.icon1 {border: 1px solid #209ddf;}
.btn-style.down2.icon1:hover {color: #209ddf !important;}
.btn-style.down2.icon2 {border: 1px solid #1d7042;}
.btn-style.down2.icon2:hover {color: #1d7042 !important;}
.btn-style.down2.icon3 {border: 1px solid #e63b53;}
.btn-style.down2.icon3:hover {color: #e63b53 !important;}
.btn-style.down2.icon4 {border: 1px solid #2a5794;}
.btn-style.down2.icon4:hover {color: #2a5794 !important;}
.btn-style.down2.icon5 {border: 1px solid #ce4322;}
.btn-style.down2.icon5:hover {color: #ce4322 !important;}

.btn-style.down2::after {content: ''; position: absolute; left: 0; top: 0; width: 35px; height: 100%; }
.btn-style.down2.icon1::after {background: #209ddf url('../../images/guide/btn-doc1.png') no-repeat center;}
.btn-style.down2.icon2::after {background: #1d7042 url('../../images/guide/btn-doc2.png') no-repeat center;}
.btn-style.down2.icon3::after {background: #e63b53 url('../../images/guide/btn-doc3.png') no-repeat center;}
.btn-style.down2.icon4::after {background: #2a5794 url('../../images/guide/btn-doc4.png') no-repeat center;}
.btn-style.down2.icon5::after {background: #ce4322 url('../../images/guide/btn-doc5.png') no-repeat center;}

/* Para Banner */
.para-banner p,
.para-banner pre {padding: 65px 300px 70px 70px; background: #f6f8f2 url('../../images/guide/bg-para-banner.png') no-repeat 115% -30px; font-family: 'Noto Regular'; font-size: 20px; color: #333;}
.para-banner .small {font-family: 'Noto Regular'; font-size: 16px; line-height: 1.8; color: #333333;}
.para-banner.type2 p,
.para-banner.type2 pre{padding: 45px 280px 50px 75px;}
.para-banner .row {display: flex; align-items: center;}
.para-banner .thumb {flex-shrink: 0; width: 200px;}
.para-banner .desc {flex-grow: 1; padding-left: 20px;}

@media all and (max-width: 1024px) {
  .para-banner p,
  .para-banner.type2 p {padding: 30px; background-position: 200% center;}
}

@media all and (max-width: 660px) {
  .para-banner p,
  .para-banner.type2 p {padding: 30px; background-position: 200% center; font-size: 17px;}
  .para-banner .small {font-size: 15px;}
  .para-banner .row {flex-wrap: wrap;}
  .para-banner .thumb {width: 100%;}
  .para-banner .desc {width: 100%;}
}

/* Step */
.wrap-step > ul {display: inline-block; width: 101.5%;}
.wrap-step > ul > li {float: left; width: 25%; padding-right: 40px; padding-bottom: 60px;}
.wrap-step > ul > li.flr {float: right; padding-bottom: 0;}
.wrap-step > ul > li:last-child .box:after {display: none;}
.wrap-step .title {position: relative; z-index: 1; display: flex; width: 100%; max-width: 235px; height: 100px; margin: 0 auto; justify-content: center; align-items: center; background: #03499a; border-radius: 100px; font-family: 'Noto Regular'; font-size: 17px; text-align: center; color: #fff;}
.wrap-step > ul > li:nth-child(odd) .title {background: #03499a; border: 1px solid #03499a; color: #fff;}
.wrap-step > ul > li:nth-child(even) .title {background: #f0f7ff; border: 1px solid #e1efff; color: #03499a;}
.wrap-step .box {display: flex; align-items: center; position: relative; height: 130px; padding: 0 30px 0 30px; border: 1px solid #000;}
.wrap-step .box::after {content: ''; position: absolute; left: 103%; top: 41%; z-index: 2; width: 24px; height: 24px; background: url('../../images/guide/arrow-step2.png') no-repeat center center;}
.wrap-step .con {padding-left: 30px;}
.wrap-step .con strong {display: block; font-family: 'Noto Regular'; font-size: 16px; line-height: 1.3; color: #333;}
.wrap-step .box ul {padding-top: 7px;}
.wrap-step .box li {position: relative; font-family: 'Noto Regular'; font-size: 16px; color: #016365;}

.wrap-step.row1 > ul > li {padding-bottom: 0;}
.wrap-step.row1 .box {height: 160px;}
.wrap-step.row1 .con {padding-left: 0;}


.wrap-step.row3 > ul > li:nth-child(n+8) {padding-bottom: 0;}
.wrap-step.row3 > ul > li.flr {padding-bottom: 60px;}

@media all and (min-width: 1500px) {
  .wrap-step > ul > li:nth-child(4) .box::after {left: 45%; top: auto; bottom: -33%; background: url('../../images/guide/arrow-step3.png') no-repeat center center;}
  .wrap-step > ul > li:nth-child(n+5) .box::after {left: -10%; background: url('../../images/guide/arrow-step4.png') no-repeat center center;}
  
  .wrap-step.row3  > ul > li:nth-child(8) .box::after {left: 45%; top: auto; bottom: -33%; background: url('../../images/guide/arrow-step3.png') no-repeat center center;}
}

@media all and (max-width: 1500px) {
  .wrap-step .title {max-width: 335px;}
  .wrap-step > ul > li,
  .wrap-step.row1 > ul > li {width: 50%; padding-right: 20px; padding-bottom: 20px;}
  .wrap-step > ul > li.flr {float: left; padding-bottom: 20px;}
  .wrap-step .box {padding-right: 100px;}
  .wrap-step .box::after {left: calc(100% - 70px);}
  
  .wrap-step.row3 > ul > li.flr {padding-bottom: 20px;}
}

@media all and (max-width: 940px) {
  .wrap-step > ul > li,
  .wrap-step.row1 > ul > li {width: 100%; padding-bottom: 50px;}
  .wrap-step > ul > li.flr {padding-bottom: 50px;}
  .wrap-step .box::after {left: calc(50% - 17px); top: 111%; background: url('../../images/guide/arrow-step3.png') no-repeat center center;}
  
  .wrap-step.row3 > ul > li.flr {padding-bottom: 50px;}
}

@media all and (max-width: 660px) {
  .wrap-step .con strong {font-size: 15px;}
  .wrap-step .box li {font-size: 15px;}
  .wrap-step.row1 .box {height: auto; padding: 30px;}
}

.wrap-step-mini > ul {display: flex; gap: 0 10px}
.wrap-step-mini > ul > li {flex-grow: 1; padding-right: 20px; text-align: left;}
.wrap-step-mini .con {position: relative; border: 1px solid #d1d1d1; padding: 10px;}
.wrap-step-mini .con::after {content: ''; position: absolute; left: 103%; top: 32%; z-index: 2; width: 24px; height: 24px; background: url('../../images/guide/arrow-step2.png') no-repeat center center;}
.wrap-step-mini > ul > li:last-child .con::after {display: none;}
.wrap-step-mini .con strong {font-family: 'Noto Medium'; font-size: 15px;}
.wrap-step-mini .con li {font-size: 13px;}

/* Notify Text */
.noti-txt {position: relative; padding: 3px 0 3px 38px; font-family: 'Noto Regular'; font-size: 16px; color: #666;}
.noti-txt::after {content: ''; position: absolute; left: 0; top: 2px; width: 28px; height: 28px;}
.noti-txt.color1::after {background: url('../../images/guide/ic-noti1.png') no-repeat center center;}
.noti-txt.color2::after {background: url('../../images/guide/ic-noti2.png') no-repeat center center;}
.noti-txt.color3::after {background: url('../../images/guide/ic-noti3.png') no-repeat center center;}
.noti-txt.color4::after {background: url('../../images/guide/ic-noti4.png') no-repeat center center;}
.noti-txt.color5::after {background: url('../../images/guide/ic-noti5.png') no-repeat center center;}

@media all and (max-width: 500px) {
  .noti-txt {font-size: 14px;}
}

/* Point Text */
.point-txt {display: table; width: 100%; border: 1px solid #dbdbdb; table-layout: fixed;}
.point-txt .ico {display: inline-flex; justify-content: center; align-items: center; width: 55px; height: 55px; margin-right: 7px; background: #005128; border-radius: 100%; line-height: 54px; text-align: center; vertical-align: middle;}
.point-txt .ico img {display: inline-block; vertical-align: middle;}
.point-txt .title {display: inline-block; font-family: 'Noto Medium'; font-size: 17px; vertical-align: middle; color: #333;}
.point-txt .thumb {position: relative; display: table-cell; width: 175px; padding: 15px 0 15px 20px; vertical-align: middle;}
.point-txt .thumb::after {content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 18px; background: #ccc; transform: translate(0, -50%);}
.point-txt .desc {display: table-cell; padding: 20px; font-family: 'Noto Regular'; font-size: 17px; color: #555; vertical-align: middle;}
.point-txt .desc a {font-family: 'Noto Regular';}
.point-txt .file {position: relative; display: table-cell; width: 80px;}
.point-txt .file a {position: absolute; display: block; width: 100%; height: 100%; background: #f7f7f7 url('../../images/guide/ico-file-down.png') no-repeat center center; border-left: 1px solid #dddee0; text-indent: -9999999px;}
.point-txt .file a:hover {background: #005128 url('../../images/guide/ico-file-down-ov.png') no-repeat center center;}
.point-txt.point-ico {background: #005128; padding: 13px 20px; border: 0;}
.point-txt.point-ico img {display: inline-block; margin: 5px 20px 5px 0; vertical-align: middle;}
.point-txt.short .thumb {width: 95px;}

@media all and (max-width: 640px) {
  .point-txt,
  .point-txt .thumb,
  .point-txt .desc {display: block; width: 100%;}
  .point-txt .thumb::after {display: none;}
  .point-txt .thumb {border-bottom: 1px solid #ccc;}
  .point-txt .desc {padding: 25px 20px;}
}

@media all and (max-width: 500px) {
  .point-txt .desc {font-size: 15px;}
  .point-txt .title {font-size: 15px;}
}

/* 준비중 */
.wrap-ready {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 160px 0; background: url('../../images/common/bg-ready.png') no-repeat center top; background-size: cover; border: 10px solid #eee; text-align: center;}
.wrap-ready .icon {width: 100%;}
.wrap-ready .txt {width: 100%;}
.wrap-ready .big-txt {margin-top: 22px; font-family: 'Noto Bold'; font-size: 35px; color: #222;}
.wrap-ready .big-txt em {color: #016365;}
.wrap-ready .small-txt {margin-top: 18px; font-family: 'Noto Regular'; font-size: 16px; color: #555;}

.img-zoom {text-align: center;}

/* 학과 타이틀 */
.wrap-depart-title {display: flex; justify-content: space-between;}
.wrap-depart-title .title {font-family: 'Mont Medium'; font-size: 30px; line-height: 1; color: #005128;}
@media (max-width:600px) {
  .wrap-depart-title {flex-direction: column;}
  .wrap-depart-title .title {margin-bottom: 20px;}
}
/* 학과 인트로 */
.wrap-depart-intro {display: flex; justify-content: space-between;}
.wrap-depart-intro .text {width: calc(100% - 50%); padding-right: 7%;}
.wrap-depart-intro .thumb {overflow: hidden; width: 50%; border-radius: 200px 0 0 0;}
.wrap-depart-intro .big {display: block; font-family: 'Noto Bold'; font-size: 60px; line-height: 1; color: #121212;}
.wrap-depart-intro .big span {position: relative; display: inline-block;}
.wrap-depart-intro .big span::after {content: ''; position: absolute; left: calc(100% + 10px); bottom: 0; width: 15px; height: 15px; background: #e84855; border-radius: 100%;}
.wrap-depart-intro .small {display: block; padding-top: 5.5%; font-family: 'Noto Regular'; font-size: 36px; line-height: 1.2; color: #666;}
.wrap-depart-intro .con {padding-top: 12%; font-family: 'Noto Regular'; font-size: 18px; line-height: 1.7; color: #666;}
@media (max-width:1000px) {
  .wrap-depart-intro {flex-direction: column-reverse;}
  .wrap-depart-intro .text {width:100%;}
  .wrap-depart-intro .thumb {width:70%; margin:0 auto; margin-bottom: 30px;}
  .wrap-depart-intro .con {padding-top: 9%;}
}
@media (max-width:750px) {
  .wrap-depart-intro .big {font-size: 50px;}
  .wrap-depart-intro .small {font-size: 30px;}
  .wrap-depart-intro .con {font-size: 16px;}
}
@media (max-width:650px) {
  .wrap-depart-intro .thumb {width:100%;}
}
/* 학과 리스트 */
.wrap-depart-list {overflow: hidden; position: relative; padding: 4% 0; background: url('../../images/guide/bg-depart-list.jpg') no-repeat center top; background-size: cover;}
.wrap-depart-list .bg {display: none; position: absolute; left: 50%; top: 0; z-index: -1; width: 200%; max-width: 1920px; transform: translate(-50%, 0);}
.wrap-depart-list .bg img {width: 100%;}
.wrap-depart-list .title {font-family: 'Noto Bold'; font-size: 40px; color: #fff;}
.wrap-depart-list .list {padding-top: 4%;}
.wrap-depart-list .list ul {display: flex; flex-wrap: wrap;}
.wrap-depart-list .list li {width: 25%; padding: .5% 0;}
.wrap-depart-list .list a {font-family: 'Noto Regular'; font-size: 24px; color: #fff;}
.wrap-depart-list .list a:hover {font-family: 'Noto Bold'; color: #89cb1d;}
.wrap-depart-list .list a[target="_blank"] span::after {content: ''; position: relative; top: -1px; display: inline-block; width: 12px; height: 12px; margin-left: 18px; background: url('../../images/guide/arr-depart-list.png') no-repeat top center;}
.wrap-depart-list .list a:hover span::after {background-position: left bottom;}
@media (max-width:1400px) {
  .wrap-depart-list .list a {font-size: 22px;}
  .wrap-depart-list .list li {width:33.3333%;} 
}
@media (max-width:1000px) {
  .wrap-depart-list .list li {width:50%;} 
}
@media (max-width:750px) {
  .wrap-depart-list .title {font-size: 35px;}
  .wrap-depart-list .list li {width:100%;} 
  .wrap-depart-list .list a {font-size: 20px;}
}
/* 학과 피플 */
.wrap-depart-people .title {font-family: 'Noto Bold'; font-size: 40px; color: #212121;}
.wrap-depart-people .title strong {display: block; line-height: 1;}
.wrap-depart-people .box {display: flex; padding-top: 3%;}
.wrap-depart-people .info {width: 290px; flex-shrink: 0; padding: 3.5% 3%; background: #f8f8f8; text-align: center;}
.wrap-depart-people .info .thumb {position: relative; max-width: 175px; margin: 0 auto; border: 1px solid #d6d6d6;}
.wrap-depart-people .info .thumb::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-shadow: inset 0 0 0 7px #fff;}
.wrap-depart-people .info .thumb img {width: 100%;}
.wrap-depart-people .detail .name p {padding-top: 10%; font-family: 'Noto Regular'; font-size: 18px; color: #666;}
.wrap-depart-people .detail .name strong {display: block; padding-top: 5%; font-family: 'Noto Bold'; font-size: 30px; line-height: 1; color: #333;}
.wrap-depart-people .detail .list {padding-top: 16%;}
.wrap-depart-people .detail .list dl {display: flex; padding-bottom: 9%; text-align: left;}
.wrap-depart-people .detail .list dt {width: 70px; flex-shrink: 0; font-family: 'Noto Regular'; font-size: 16px; color: #333;}
.wrap-depart-people .detail .list dd {flex-grow: 1; font-family: 'Noto Light'; font-size: 16px; color: #666;}
.wrap-depart-people .detail .link {padding-top: 10%;}
.wrap-depart-people .detail .link a {width: 100%; padding: 0 20px;}
.wrap-depart-people .con {flex-grow: 1; padding-left: 7%;}
.wrap-depart-people .con .sbj {position: relative; display: block; margin-bottom: 4%; padding-bottom: 4%; font-family: 'Noto Bold'; font-size: 40px; line-height: 1.4; color: #016365;}
.wrap-depart-people .con .sbj2{margin-bottom: 0; font-size: 35px;}
.wrap-depart-people .con .sbj::after {content: ''; position: absolute; left: 0; bottom: 0; width: 110px; height: 1px; background: #336579;}
.wrap-depart-people .con .text {padding-bottom: 3.5%; font-family: 'Noto Regular'; font-size: 18px; color: #666;}
.wrap-depart-people .tab {margin-bottom: 50px;}
.wrap-depart-people .tab ul {font-size: 0;}
.wrap-depart-people .tab ul {display: inline-block; position: relative; width: 100%;}
.wrap-depart-people .tab ul > li {position: relative; float: left; width: 25%; margin-left: -1px; margin-bottom: -1px;}
.wrap-depart-people .tab ul > li > a,
.wrap-depart-people .tab ul > li > button {position: relative; z-index: 3; display: block; width: 100%; padding: 15px 10px 16px 10px; border: 1px solid #c5c5c5; font-family: 'Noto Medium'; font-size: 18px; letter-spacing: -1px; text-align: center; color: #333;}
.wrap-depart-people .tab ul > li > a[target=_blank]::after {content: ''; position: relative; top: 0; display: inline-block; width: 12px; height: 11px; margin: 0 0 0 7px; background:  url('../../images/guide/tab-link-blank.png') no-repeat center; }
.wrap-depart-people .tab ul > li.on > a,
.wrap-depart-people .tab ul > li:hover > a,
.wrap-depart-people .tab ul > li.on > button,
.wrap-depart-people .tab ul > li:hover > button {background: #005128; border: 1px solid #005128; color: #fff;}
.wrap-depart-people .tab ul > li.on > a[target=_blank]::after,
.wrap-depart-people .tab ul > li:hover > a[target=_blank]::after {background: url('../../images/guide/tab-link-blank-ov.png') no-repeat center;}
.wrap-depart-people .tab-con {display: none;}
.wrap-depart-people .tab-con.on {display: block;}


@media (max-width:1000px) {
  .wrap-depart-people .con .sbj {font-size: 35px;}
  .wrap-depart-people .con .text {font-size: 16px;}
}
@media (max-width:850px) {
  .wrap-depart-people .box {flex-direction: column;}
  .wrap-depart-people .info {width:100%; margin-bottom: 30px;display: flex; align-items: center; justify-content: space-around;}
  .wrap-depart-people .info .thumb {margin:unset;}
}
@media (max-width:550px) {
  .wrap-depart-people .info .thumb {margin-right:30px;}
  .wrap-depart-people .con {padding-left: 0;}
}
/* 학과 소개 */
.wrap-depart-info {position: relative;}
.wrap-depart-info .container {position: relative; padding-top: 4.5%; padding-bottom: 10%; min-height:620px;}
.wrap-depart-info .thumb {overflow: hidden; position: absolute; left: 50%; top: 0; z-index: -1; display: flex; justify-content: center; align-items: start; width: 100%; height: 100%; transform: translate(-50%, 0);}
.wrap-depart-info .thumb img {max-width: none; height: 110%;}
.wrap-depart-info .con .title strong {font-family: 'Noto Medium'; font-size: 30px; color: #fff;}
.wrap-depart-info .con .title p {padding-top: 1%; padding-right: 50%; font-family: 'Noto Regular'; font-size: 18px; line-height: 1.7; color: #fff;}
.wrap-depart-info .con .title p > .tit-font{font-size: 30px; letter-spacing: -.05em; font-family: "Noto Bold";line-height: 1.5; margin-bottom: 20px; display: inline-block;}
.wrap-depart-info .con .title em {position: relative; display: inline-block; padding-left: 15px; font-family: 'Noto Bold';}
.wrap-depart-info .con .title em::before {content: ''; position: absolute; left: 0; top: 8px; width: 3px; height: 15px; background: #fff;}
.wrap-depart-info .con .info {position: absolute; left: 0; bottom: 0; width: calc(100% - 520px); background: #fff;}
.wrap-depart-info .con .info::before {content: ''; position: absolute; right: 100%; top: 0; width: 50%; height: 100%; background: #fff;}
.wrap-depart-info .con .info ul {display: flex; width: 100%; height: 100px; align-items: center;}
.wrap-depart-info .con .info li {margin-right: 30px;}
.wrap-depart-info .con .info li strong {padding-right: 19px; font-family: 'Noto Medium'; font-size: 16px; color: #005128;}
@media (max-width:1750px) {
  .wrap-depart-info .container {min-height:470px;}
}
@media (max-width:1400px) {
  .wrap-depart-info .container {padding-bottom: 16%; min-height:unset;}
  .wrap-depart-info .con .title p {padding-right: 20%;}
  .wrap-depart-info .con .info {width:calc(100% - 130px);}
  .wrap-depart-info .con .info ul {padding-left:40px;}
  .wrap-depart-info .con .info ul li {padding:10px 0;}
}
@media (max-width:1000px) {
  .wrap-depart-info .container {padding-bottom:150px;}
  .wrap-depart-info .con .info ul {flex-direction: column; align-items: baseline; height:auto; padding-left: 60px;}
}
@media (max-width:750px) {
  .wrap-depart-info .container {padding-bottom: 130px;}
  .wrap-depart-info .con .title p {padding-right: 0; font-size: 16px;}
  .wrap-depart-info .con .info {bottom:-1px; width:calc(100% + 1px);}
  .wrap-depart-info .con .info ul {padding-left: 20px;}
  .wrap-depart-info .con .info ul li {padding:7px 0;}
}

/* 폴딩 */
.wrap-folding .row {position: relative; margin-bottom: 10px; padding: 0 30px; border: 1px solid #dddddd;}
.wrap-folding .btn-folding {display: flex; align-items: center; width: 100%; height: 80px; font-family: 'Noto Medium'; font-size: 18px; color: #333; position:relative; z-index:1;}
.wrap-folding .detail {overflow: hidden; max-height: 0px; transition: .5s;}
.wrap-folding .on .detail {max-height: 1000px; padding-bottom: 30px;}
.wrap-folding.long .on .detail {max-height: 2000px;}
.wrap-folding .state-folding {position: absolute; right: 30px; top: 0; width: 30px; height: 80px; background: url('../../images/guide/ic-folding-open.png') no-repeat center; text-indent: -99999px;}
.wrap-folding .on .state-folding {background: url('../../images/guide/ic-folding-close.png') no-repeat center;}

/* 팬시박스 */
.fancybox-caption__body {display: none;}

/* 링크 배너1 */
.wrap-link-banner1 ul {display: flex; flex-wrap: wrap; gap: 10px; padding: 15px; border: 3px solid #c0cfcf;}
.wrap-link-banner1 li {width: calc(12.5% - 9px);}
.wrap-link-banner1 a {display: block; display: flex; height: 50px; align-items: center; justify-content: center; background: #e4e4e4; font-family: 'Noto Regular'; font-size: 16px; text-align: center; color: #333333;}
.wrap-link-banner1 a:hover {background: #016365; color: #fff;}

@media (max-width: 1320px){
  .wrap-link-banner1 li {width: calc(20% - 9px);}
}

@media (max-width: 900px){
  .wrap-link-banner1 li {width: calc(33.333% - 9px);}
}

@media (max-width: 680px){
  .wrap-link-banner1 li {width: calc(50% - 9px);}
}

/* 링크 배너2 */
.wrap-link-banner2 ul {display: flex; flex-wrap: wrap; padding: 15px 30px; background: #f5f5f5;}
.wrap-link-banner2 li {width: 20%; padding: 7px 0;}
.wrap-link-banner2 a {position: relative; display: flex; align-items: center; padding-left: 18px; font-family: 'Noto Regular'; font-size: 16px; color: #19323c;}
.wrap-link-banner2 a::before {content: ''; position: absolute; left: 0; top: 9px; width: 7px; height: 7px; background: #727272; border-radius: 100%;}
.wrap-link-banner2 a:hover {font-family: 'Noto Medium'; color: #016365;}
.wrap-link-banner2 a:hover::before {background: #016365;}
.wrap-link-banner2 a[target="_blank"]::after {content: ''; display: inline-block; width: 12px; height: 12px; margin-left: 10px; background: url('../../images/guide/ic-link-banner2.png') no-repeat center;}
.wrap-link-banner2 .fb a::after {content: ''; display: inline-block; width: 20px; height: 20px; margin-left: 10px; background: url('../../images/guide/ic-link-banner.png') no-repeat center;}

@media (max-width: 1350px){
  .wrap-link-banner2 li {width: 25%;}
}

@media (max-width: 1180px){
  .wrap-link-banner2 li {width: 33.333%;}
}

@media (max-width: 950px){
  .wrap-link-banner2 li {width: 50%;}
}

@media (max-width: 640px){
  .wrap-link-banner2 li {width: 100%;}
}

/* 시설 */
.wrap-fac {display: flex; justify-content: space-between;}
.wrap-fac .left {width: 50%; flex-shrink: 0; padding-right: 30px;}

@media (max-width: 1000px){
  .wrap-fac {flex-wrap: wrap;}
  .wrap-fac .left,
  .wrap-fac .right {width: 100%}
  .wrap-fac .right {margin-top: 30px;}
}

/* 대학원소개 */
.graduate-intro .item-box{position: relative;}
.graduate-intro .tit-area{text-align: right;}
.graduate-intro .tit-area > p {font-size: 40px; font-family: "Noto Bold"; line-height: 1.5; letter-spacing: -.05em; text-align: right; margin-bottom: 65px; padding-bottom: 15px; display: inline-block; position: relative;}
.graduate-intro .tit-area > p::before{content: ''; width: 103%; height: 1px; background: #E84855; position: absolute; bottom: 0; left: 0;}
.graduate-intro .tit-area > p > span{font-size: 40px; font-family: "Mont Bold";line-height: 1.5; letter-spacing: -.05em; color: #fff; position: relative; padding-right: 65px;}
.graduate-intro .img-area{width: calc(100% - 290px);}
.graduate-intro .item-list{background: #fff; box-shadow:0px 1px 9px 1px rgba(0, 0, 0, 0.1); padding: 25px 70px 0px 15px; margin-top: -145px;}
.graduate-intro .item-list ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.graduate-intro .item-list li{width: 33.33%; padding: 0 45px; margin-bottom: 45px;}
.graduate-intro .item-list li > a > p{font-size: 22px; font-family: "Noto Medium"; line-height: 35px; letter-spacing: -.05em; color: #555555; position: relative; padding-right: 45px;}
.graduate-intro .item-list li > a > p::before{content: ''; width: 35px; height: 35px; border-radius: 50px; background: #BCBCBC url(../../images/guide/graduate-ic.png) no-repeat center; position: absolute; top: 0; right: 0;}
.graduate-intro .item-list li > a > p:hover {font-family: 'Noto Bold'; color: #e84855;}
.graduate-intro .item-list li  a > p:hover::before {background-color: #e84855;}

@media (max-width: 1100px){
  .graduate-intro .img-area{width: 100%;}
  .graduate-intro .item-list{margin-top: 0;padding: 30px 30px 0 30px;}
  .graduate-intro .tit-area > p{margin-bottom: 40px; font-size: 30px;}
  .graduate-intro .tit-area > p::before{width: 100%;}
  .graduate-intro .tit-area > p > span{color: #121212; padding-right: 30px; font-size: 30px;}
  .graduate-intro .item-list li{margin-bottom: 30px; padding: 0 30px; width: 50%;}
  .graduate-intro .item-list li > a > p{font-size: 18px;}

}

@media (max-width: 900px){
  .graduate-intro .tit-area > p{font-size: 28px;}
  .graduate-intro .tit-area > p > span{font-size: 28px; padding-right: 20px;}

}

@media (max-width: 768px){
  .graduate-intro .item-list{padding: 30px 30px 0 30px;}
  .graduate-intro .item-list ul{margin: 0 -10px; }
  .graduate-intro .item-list li{padding: 0 10px;}
  .graduate-intro .item-list{margin-bottom: 20px;}
  .graduate-intro .tit-area > p{font-size: 25px;}
  .graduate-intro .tit-area > p > span{font-size: 25px; padding-right: 20px;}
}
/* 게시판 테이블 양식 */
.view-con h1.table-title{display:flex;align-items:center; justify-content:center; padding:10px 35px;height:97px;line-height:31px;border-bottom:1px solid #e1e1e1;font-weight:bold;font-size:28px;color:#046b40;background-color:#f5f5f5;letter-spacing:-1px;text-align:center;vertical-align:middle}
.view-con .con-table table{width:100% !important;}
@media (max-width:960px) {
  .view-con .con-table table {width:1300px !important;}
}


/* 후원 배너 */
.fund-noti {padding:90px 30px; border:1px solid #f2f2f2; background:#F6F8F2 url('../../images/guide/bg-para-banner.png') no-repeat center; margin-bottom:20px;}
.fund-noti p {font-size:34px; font-family:'Dream Bold'; text-align:center; color:#005128;}

/* ie noti */
.ie .ie-noti {display:block;}
.ie-noti {background: #fff; padding:5px 0;  border-bottom:1px solid #ddd; display:none;}
.ie-noti .ie-noti-inner{max-width:1700px; margin:0 auto; width:100%;}
.ie-noti p {font-size:16px; font-family:'Noto Regular';}
.ie-noti p a.link-underline {text-decoration:underline; display:inline-block; margin-left:10px; font-family:'Noto Medium';}
.ie-noti strong {font-size:18px; display:block; font-family:'Noto Bold';}