@charset 'utf-8';

/* Container */
.temp .wrap-contents {padding-bottom: 0;}
.wrap-contents {padding-bottom: 70px;}
.wrap-contents .container {max-width: none;}

@media all and (max-width: 1620px) {
  .wrap-contents .container {padding: 0 40px;}
}

@media all and (max-width: 660px) {
  .wrap-contents .container {padding: 0 30px;}
}

/* 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: #a7815b; border: 1px solid #a7815b; color: #fff;}

/* #contentsEditHtml {padding-bottom: 100px;} */

/* Hidden */
#menu11078_obj70,
#menu11078_obj71,
#menu11078_obj74,
#menu11078_obj75,
#menu11078_obj76,
#menu11078_obj77,
#menu11078_obj78,
#menu11078_obj79,
#menu11078_obj80 {display: none;}

/* Heading */
.objHeading_h2 {position: relative; display: inline-block; margin-top: 50px; font-family:'Noto Medium'; font-size: 30px; letter-spacing: -0.5px; line-height: 1.2; color: #121212;}
.objHeading_h3 {position: relative; display: block; margin-top: 30px; font-family:'Noto Medium'; line-height: 1.2; font-size: 22px; letter-spacing: -0.5px; color: #008395;}
.objHeading_h4 {position: relative; display: block; margin-top: 30px; font-family: 'Noto Medium'; font-size: 20px; 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: #002d56;}
.objHeading_h5::before {content: ''; position: absolute; left: 0; top: 7px; width: 9px; height: 9px; background: #002d56; 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_h3 {font-size: 16px;}
  .objHeading_h4 {font-size: 15px;}
  .objHeading_h5 {font-size: 15px;}
}

/* Subject */
.subject {padding-top: 15px; text-align: left;}
.subject h2 {position: relative; display: inline-block; font-family: 'Noto Bold'; font-size: 46px; line-height:1.2;}

/* 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;}
.align-c {text-align: center;}
.align-l {text-align: left;}

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

#_contentBuilder .link {position: relative; color: #666;}
#_contentBuilder .link:hover {color: #004a8f;}
#_contentBuilder .link span {position: relative; background: linear-gradient(to bottom, transparent 96%, #004a8f 0) left center no-repeat; background-size: 0; transition: .4s;}
#_contentBuilder .link:hover span {background-size: 100% auto;}
#_contentBuilder .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;}

#_contentBuilder .home {position: relative; color: #666;}
#_contentBuilder .home:hover {color: #004a8f;}
#_contentBuilder .home span {position: relative; background: linear-gradient(to bottom, transparent 96%, #004a8f 0) left center no-repeat; background-size: 0; transition: .4s;}
#_contentBuilder .home:hover span {background-size: 100% auto;}
#_contentBuilder .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;}
#_contentBuilder .home:hover::after {background: url('../../images/guide/ic-link-home-hover.png') no-repeat center center;}

#_contentBuilder .down {position: relative; color: #666;}
#_contentBuilder .down:hover {color: #004a8f;}
#_contentBuilder .down span {position: relative; background: linear-gradient(to bottom, transparent 96%, #004a8f 0) left center no-repeat; background-size: 0; transition: .4s;}
#_contentBuilder .down:hover span {background-size: 100% auto;}
#_contentBuilder .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;}
#_contentBuilder .down:hover::after {background: url('../../images/guide/ic-link-down-hover.png') no-repeat center center;}

/* 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;}

@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;}
  .inu-eng .con-table:after {background: rgba(31,59,101,0.2) url('../../images/guide/img_mobile_text_eng.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 */
.tab_div .mobile-tab {display: none;}

.tab_div.div_4 {font-size: 0;}
.tab_div .ul_4 {display: inline-block; position: relative; width: 100%;}
.tab_div .ul_4 > li {position: relative; float: left; width: 20%; padding: 0 4px 4px 0;;}
.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;}
.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; }

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

.tab_div.div_5 {font-size: 0;}
.tab_div .ul_5 {position: relative; display: inline-block; width: 100%;}
.tab_div .ul_5::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #333;}
.tab_div .ul_5 > li {position: relative; float: left; border-bottom: 1px solid #CBCBCB;}
.tab_div .ul_5 > li > a {position: relative; display: block; padding: 24px 30px 24px 0; font-size: 18px; font-family: 'Noto Regular'; letter-spacing: -0.5px; color: #666; z-index: 3;}
.tab_div .ul_5 > li > a::before {content: ''; position: relative; top: -2px; display: inline-block; width: 12px; height: 12px; margin-right: 5px; background: #aaabab; border-radius: 100%; vertical-align: middle;}
.tab_div .ul_5 > li:hover > a::before,
.tab_div .ul_5 > li._active > a::before {background: #008395;}
.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; }

.tab_div .ul_5 > li._active > a,
.tab_div .ul_5 > li:hover > a {font-family: 'Noto Medium'; color: #121212;}
.tab_div .ul_5 > li._active > a[target=_blank]::after ,
.tab_div .ul_5 > li:hover > a[target=_blank]::after {background: url('../../images/guide/tab-link-blank.png');}

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

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

@media all and (max-width:860px) {
  .tab_div {position: relative;}
  .tab_div .ul_4,
  .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;}
  .tab_div ul.on {z-index: 10; max-height: 600px; padding: 10px 0; background: #fff; border: 1px solid #8795a1;}
  .tab_div .ul_4 > li,
  .tab_div .ul_5 > li {display: block; width: 100% !important; padding: 0; border: 0}
  .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;}
  .tab_div ul li a:hover {border-bottom: 0}
  .tab_div ul li a:after {display: none;}
  .tab_div ul li a[target=_blank]  {background-position: 97% center !important;}
  .tab_div ul li a span {display: block; padding: 0 20px;}
  .tab_div ul li a span:before {bottom: -11px;}
  .tab_div ul li:after {display: none;}
  .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;}
  .tab_div.div_4 .mobile-tab {background: #002d56 url('../../images/guide/arrow-sel.png') no-repeat right center; border: 1px solid #002d56; color: #fff;}
  .tab_div.div_4 .mobile-tab.on {background: #002d56 url('../../images/guide/arrow-sel-rever.png') no-repeat right center;}
  .tab_div.div_5 .mobile-tab {background: #fff url('../../images/guide/arrow-sel2.png') no-repeat right center; border: 1px solid #008395; color: #121212;}
  .tab_div.div_5 .mobile-tab.on {background: #fff url('../../images/guide/arrow-sel2-rever.png') no-repeat right center;}
  .tab_div.div_5 .mobile-tab::before {content: ''; display: inline-block; width: 12px; height: 12px; margin-right: 8px; background: #008395; border-radius: 100%;}
  .tab_div.div_5 .mobile-tab::after {content: ''; display: inline-block; width: 12px; height: 12px; margin-left: 8px; background: #008395; border-radius: 100%;}

  .tab_div .ul_4 > li {margin: 0; border: 0;}
  .tab_div .ul_4 > li > a {padding: 2px 20px; border: 0; font-family: 'Noto Light'; font-size: 16px; text-align: center;}
  .tab_div .ul_5 > li {border: 0;}
  .tab_div .ul_5 > li > a {padding: 2px 20px; border: 0; font-family: 'Noto Light'; font-size: 16px; text-align: center;}
  .tab_div .ul_5 > li > a::before {display: none;}
  .tab_div .ul_4 > li._active > a,
  .tab_div .ul_4 > li:hover > a {border: 0; background: #fff; font-family: 'Noto Regular'; color: #002d56;}
  .tab_div .ul_4 > li > a[target=_blank]::after,
  .tab_div .ul_4 > li._active > a[target=_blank]::after {background: url(../../images/guide/tab-link-blank-grey.png) no-repeat center;}
  .tab_div .ul_4 > li:hover > a[target=_blank]::after {background: url(../../images/guide/tab-link-blank.png) no-repeat center;}
  .tab_div .ul_5 > li._active > a,
  .tab_div .ul_5 > li:hover > a {font-family: 'Noto Regular'; font-size: 16px; color: #002d56;}
  .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: #002d56; border-radius: 100%;}
.con-list1 > ul > li strong {color: #002d56;}
.con-table .con-list1 > ul > li {margin: 5px 0; font-size: 16px;}
.con-table .con-list1 > ul > li::before {top: 10px;}

.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: #002d56;}
.con-table .con-list2 > ul > li {margin: 5px 0; font-size: 16px;}
.con-table .con-list2 > ul > li::before {top: 10px;}

.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-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: #002d56;}
.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;}


/* .location-list.line {padding-bottom: 25px; border-bottom: 1px solid #c3c3c3;} */
.location-list.line {padding-bottom: 25px;}
.location-list > ul > li {display: inline-block; position: relative; width: 100%; padding: 10px 0 10px 45px;}
.location-list > ul > li.ico1 {background: url('../../images/guide/ico-location1.png') no-repeat left 12px;}
.location-list > ul > li.ico2 {background: url('../../images/guide/ico-location2.png') no-repeat left 11px;}
.location-list > ul > li.ico3 {background: url('../../images/guide/ico-location3.png') no-repeat left 11px;}
.location-list > ul > li strong {float: left; width: 150px; font-family: 'Noto Medium'; font-size: 18px; color: #121212;}
.location-list > ul > li p {float: left; width: calc(100% - 150px); font-family: 'Noto Regular'; font-size: 16px; color: #666;}

.location-list.line {padding-bottom: 25px; border-bottom: 1px solid #c3c3c3;}
.location-list2 > ul > li {display: inline-block; position: relative; width: 100%; padding: 10px 0 10px 45px;}
.location-list2 > ul > li.ico1 {background: url('../../images/guide/ico-location1.png') no-repeat left 12px;}
.location-list2 > ul > li.ico2 {background: url('../../images/guide/ico-location2.png') no-repeat left 11px;}
.location-list2 > ul > li.ico3 {background: url('../../images/guide/ico-location3.png') no-repeat left 11px;}
.location-list2 > ul > li strong {float: left; width: 90px; font-family: 'Noto Medium'; font-size: 16px; color: #121212;}
.location-list2 > ul > li p {float: left; width: calc(100% - 150px); font-family: 'Noto Regular'; font-size: 16px; color: #666;}

@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;}
  .location-list > ul > li strong {font-size: 15px;}
  .location-list > ul > li p {font-size: 15px;}
  .location-list > ul > li.ico1 {background-position:  left 10px;}
  .location-list > ul > li.ico2 {background-position:  left 7px;}
  .location-list > ul > li.ico3 {background-position:  left 7px;}
  .location-list2 > ul > li strong {font-size: 15px;}
  .location-list2 > ul > li p {font-size: 15px;}
  .location-list2 > ul > li.ico1 {background-position:  left 10px;}
  .location-list2 > ul > li.ico2 {background-position:  left 7px;}
  .location-list2 > ul > li.ico3 {background-position:  left 7px;}
}

/* Button Style */
.btn-style.type1 {position: relative; display: inline-block; height: 40px; padding: 0 20px; background: #fff; border: 1px solid #002d56; font-family: 'Noto Medium'; font-size: 15px; line-height: 38px; color: #002d56 !important; cursor: pointer; }
.btn-style.type1:hover {background: #002d56; border: 1px solid #002d56; 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: 25px; line-height: 23px; padding: 0 7px; font-size: 13px;}
.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 #121212; font-family: 'Noto Regular'; font-size: 16px; line-height: 58px; color: #121212 !important; cursor: pointer; }
.btn-style.type2:hover {background: #434343; border: 1px solid #434343; color: #fff !important;}
.btn-style.type2 .ico {display: inline-block; margin-left: 23px;}
.btn-style.type2 .ico img {position: relative; top: -2px; vertical-align: middle;}
.btn-style.type2 .ico.on {display: none;}
.btn-style.type2:hover .ico.on {display: inline-block;}
.btn-style.type2:hover .ico.off {display: none;}

@media all and (max-width: 700px) {
  .btn-style.type2 {height:45px; margin-bottom: 15px; line-height:43px;}
}

.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: #002d56 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'; 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;}


/*교육혁신원때문에추가*/
.btn-style.type3 {position: relative; display: inline-block; width: 100px;height: 35px; padding: 0 20px; background: #fff; border: 1px solid #002d56; font-family: 'Noto Medium'; font-size: 15px; line-height: 33px; color: #002d56 !important; cursor: pointer; text-align:center;}
  .type3_txt {font-size:18px;padding-left:10px;}
@media all and (max-width: 700px) {
  .btn-style.type3 {margin-bottom: 15px;}
}


/* Para Banner */
.para-banner p {padding: 65px 350px 70px 70px; background: #f5f5f5 url('../../images/guide/bg-para-banner.png') no-repeat right center; font-family: 'Noto Regular'; font-size: 20px; color: #333;}
.para-banner.type2 p {padding: 45px 350px 50px 50px;}

@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: 16px;}
}

/* Menu Box */
.menu-box {padding: 20px 30px 15px 30px; border: 1px solid #dce1e5;}
.menu-box .title {display: block; margin-bottom: 20px; font-family: 'Noto Medium'; font-size: 22px; color: #008395;}
.menu-box .box {display: flex; flex-wrap: wrap}
.menu-box .row {width: 20%;}
.menu-box li {position: relative; padding-bottom: 13px;}
.menu-box a,
.menu-box p {padding-left: 15px; font-family: 'Noto Regular'; font-size: 18px; color: #333;}
.menu-box a:hover{color: #008395;}
.menu-box a::before,
.menu-box p::before{content: ''; position: absolute; left: 0; top: 11px; width: 7px; height: 7px; background: #255e6a; border-radius: 100%;}
.menu-box a span::after {content: ''; position: absolute; right: 20px; top: 3px; display: inline-block; width: 25px; height: 25px; background: url('../../images/guide/ic-link-home.png') no-repeat center center; vertical-align: middle;}
.menu-box a:hover a span::after {background: url('../../images/guide/ic-link-home-hover.png') no-repeat center center;}
.menu-box i {display: block; padding: 0 25px 0 15px; line-height: 1.2; font-size: 16px;}

@media all and (max-width: 1380px) {
  .menu-box .row {width: 33.333%;}
}

@media all and (max-width: 1024px) {
  .menu-box .row {width: 50%;}
}

@media all and (max-width: 660px) {
  .menu-box {padding: 15px 20px 10px 20px;}
  .menu-box .row {width: 100%;}
  .menu-box a,
  .menu-box p {font-size: 16px;}
  .menu-box a::before,
  .menu-box p::before {top: 9px;}
  .menu-box a span::after {right: 0; top: px;}
  .menu-box i {font-size: 14px;}
}

/* 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 Light'; font-size: 16px; color: #0b3274;}

@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;}
}

@media all and (max-width: 1500px) {
  .wrap-step .title {max-width: 335px;}
  .wrap-step > 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);}
}

@media all and (max-width: 940px) {
  .wrap-step > 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;}
}

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

/* 컨텐츠 담당자 */
.people-info {display: flex; align-items: center; width: 100%; height: 140px; margin-top: 60px !important; background: #f5f5f5;}
.people-info .title {width: 210px; font-family: 'Noto Medium'; font-size: 18px; text-align: center; color: #151515;}
.people-info .info {flex: 1; text-align: right;}
.people-info .info ul {position: relative; font-size: 0;}
.people-info .info ul::after {content: ''; position: absolute; right: 0; top: 50%; width: 100%; height: 1px; background: #222;}
.people-info .info li {position: relative; z-index: 1; display: inline-block; padding-left: 70px; background-color: #f5f5f5 !important;}
.people-info .info li p {display: inline-block; padding: 10px 0 10px 50px; font-family: 'Noto Medium'; font-size: 16px; text-align: left; line-height: 1.3; vertical-align: middle; color: #151515;}
.people-info .info li.ico1 p {background: url('../../images/guide/ic-people1.png') no-repeat left center;}
.people-info .info li.ico2 p {background: url('../../images/guide/ic-people2.png') no-repeat left center;}
.people-info .info li.ico3 p { background: url('../../images/guide/ic-people3.png') no-repeat left center;}
.people-info .info li:last-child {padding-right: 50px;}

@media all and (max-width: 1280px) {
  .people-info {flex-wrap: wrap; gap: 10px 0; height: auto; padding: 20px;}
  .people-info .title {width: 100%; text-align: left;}
  .people-info .info {text-align: left;}
  .people-info .info li {padding-left: 0; padding-right: 50px;}
  .people-info .info ul::after {display: none;}
  .people-info .info li p {padding: 15px 0 15px 50px;}
}

@media all and (max-width: 700px) {
  .people-info .info li {width: 100%; padding-right: 0;}
  .people-info .info li p {padding: 18px 0 18px 50px; font-size: 14px;}
}

/* 제목에 버튼이 있을시 */
.heading-buttuon {display: flex; align-items: center; width: 100%;}
/* .heading-buttuon .left {width: 50%;}
.heading-buttuon .right {flex: 1; text-align: right;} */
.heading-buttuon .left {flex:1; position: relative;}
.heading-buttuon .right {text-align: right;}
.heading-buttuon .right a {position: relative; top: 3px;}
.heading-buttuon .right a.space {position: relative; top: 8px;}

.heading-buttuon.type2 {display: flex; align-items: end; width: 100%;  scroll-behavior: smooth;}
.heading-buttuon.type2 .left {flex:1; position: relative;}
.heading-buttuon.type2 .left::before {content:''; width:calc(100% - 50px); height:1px; position: absolute; left:0; top:50px; background:#313133;}
.heading-buttuon.type2.line .left::before {width:100%;}
.heading-buttuon.type2 .dp-title {font-size: 30px; letter-spacing: -.05em; line-height: 40px; font-family: 'Noto Bold'; color:#E63B53; display: inline-block; background:#fff; padding-right:50px; position: relative;}

@media all and (max-width: 768px) {
  .heading-buttuon {flex-wrap: wrap;}
  .heading-buttuon .left,
  .heading-buttuon .right {width: 100%;}
  .heading-buttuon .right {margin-top: 20px; text-align: left;}
}
@media all and (max-width: 660px) {
  .heading-buttuon.type2 .left::before {width:100%; top:0;}
  .heading-buttuon.type2 .dp-title {font-size: 26px; padding-right:25px;}
}

/* 학부소개 */
.wrap-depart {display: inline-block; width: 100%; margin-top: 60px;}
.wrap-depart .box {display: inline-block; position: relative; width: 100%;}
.wrap-depart .thumb {position: absolute; right: -18.5%; top: 4px; max-width: 64%}
.wrap-depart .con {float: left; padding-right: 50%; min-height:490px;}


@media all and (max-width: 1200px) {
  .wrap-depart .thumb {max-width: 80%; right: -33.5%;}
}

@media all and (max-width: 980px) {
  .wrap-depart .thumb {overflow: hidden; position: static; display: flex; justify-content: center; align-items: center;  max-width: 100%; max-height: 300px; margin-bottom:40px;}
  .wrap-depart .con {padding-right: 0; min-height:auto;}
  /* .wrap-depart .con h3 {position: absolute; left: 0; top: 0;} */
}

@media all and (max-width: 660px) {
  /* .wrap-depart .thumb {margin-top: 55px;} */
  .wrap-depart .con .con-desc {font-size: 15px;}
}

/* 학과소개 */
.wrap-depart-intro {position: relative;}
.wrap-depart-intro .thumb {position: absolute; top: 0; left: 50%; transform: translate(-50%, 0);}
.wrap-depart-intro .thumb img {max-width: none;}
.wrap-depart-intro .con  {position: relative; z-index: 1; max-width: 1400px; padding-top: 160px; margin-left: auto; margin-right: auto;}
.wrap-depart-intro .con .white {position: relative;}
.wrap-depart-intro .con .white::before {content: ''; position: absolute; right: 50%; top: 0; width: 100%; height: 100%; background: #fff;}
.wrap-depart-intro .con .space {float: right; width: 50%; height: 450px; margin: 0 0 60px 70px;}
.wrap-depart-intro .con .para {position: relative; z-index: 1;}
.wrap-depart-intro .con .title {display: block; margin-top: 36px; font-family: 'Noto Bold'; font-size: 40px; letter-spacing: -.5px;  line-height: 1.3; color: #000;}
.wrap-depart-intro .con .desc {margin-top: 34px; font-family: 'Noto Regular'; font-size: 18px; line-height: 1.7; letter-spacing: -0.5px; text-align: justify; color: #666;} 

.wrap-depart-curry {display: inline-block; width: 100%; margin-top: 100px;}
.wrap-depart-curry .box {display: inline-block; position: relative; width: 100%;}
.wrap-depart-curry .thumb {position: absolute; left: -18.5%; top: 4px; max-width: 890px}
.wrap-depart-curry .con {float: right; width: 100%; padding-left: 50%;}
.wrap-depart-curry .objHeading_h4 {margin-top: 25px;}

/* 학과소개 신설학과 */
.depart-list-style li{position: relative; padding-left:20px; color:#666; font-size: 16px; font-family: 'Noto Regular'; line-height: 1.5; letter-spacing: -.05em; margin-bottom: 5px;}
.depart-list-style li::after {content:''; width:8px; height:2px; background:#002D56; position: absolute; left:0; top:13px;}
.depart-list-style.type2 li {font-size:18px; }

.depart-list-style.type3 li {font-size: 18px; line-height: 1.5; letter-spacing: -.05em; position: relative; color:#666; font-family: 'Noto Regular'; padding-left:25px; margin-bottom: 3px;}
.depart-list-style.type3 li::after {content:''; width:5px; height:1px; background:#666; position: absolute; left:0; top:13px;}

/* 학과 Q&A - Q */
.depart-qna li {margin-bottom: 30px;}
.depart-qna li .q{font-size: 18px; line-height: 1.5; letter-spacing: -.05em; color:#002D56; font-family: 'Noto Medium'; padding-left:40px; position: relative; margin-bottom: 15px;}
.depart-qna li .q::before {content:''; font-size: 22px;line-height:1.2; font-family: 'Noto Medium'; letter-spacing: -.05em; color:#002D56; position: absolute; left:0; top:0px;}
.depart-qna li:nth-child(1) .q::before {content:'Q1';}
.depart-qna li:nth-child(2) .q::before {content:'Q2';}
.depart-qna li:nth-child(3) .q::before {content:'Q3';}
.depart-qna li:nth-child(4) .q::before {content:'Q4';}
.depart-qna li:nth-child(5) .q::before {content:'Q5';}
.depart-qna li:nth-child(6) .q::before {content:'Q6';}
.depart-qna li:nth-child(7) .q::before {content:'Q7';}
.depart-qna li:nth-child(8) .q::before {content:'Q8';}
.depart-qna li:nth-child(9) .q::before {content:'Q9';}

/* 학과 Q&A - A */
.depart-qna li .a{font-size: 16px; line-height: 25px; letter-spacing: -.05em; color:#666; font-family: 'Noto Regular'; padding-left:40px; position: relative;}
.depart-qna li .a::before {content:''; font-size: 22px; line-height:1.2; font-family: 'Noto Medium'; letter-spacing: -.05em; color:#008395; position: absolute; left:0; top:0px; }
.depart-qna li:nth-child(1) .a::before {content:'A1';}
.depart-qna li:nth-child(2) .a::before {content:'A2';}
.depart-qna li:nth-child(3) .a::before {content:'A3';}
.depart-qna li:nth-child(4) .a::before {content:'A4';}
.depart-qna li:nth-child(5) .a::before {content:'A5';}
.depart-qna li:nth-child(6) .a::before {content:'A6';}
.depart-qna li:nth-child(7) .a::before {content:'A7';}
.depart-qna li:nth-child(8) .a::before {content:'A8';}
.depart-qna li:nth-child(9) .a::before {content:'A9';}

/* 대학/대학원 학과 탭 */
.depart-tab {font-size: 0; margin-top: 25px; margin-bottom:38px; background:#313133 url('../../images/guide/bg-para-banner2.png') no-repeat right -35px center;}
.depart-tab .mobile-tab {display: none;}
.depart-tab ul {position: relative; display: inline-block; width: 100%; padding:25px 30px;}
.depart-tab ul::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #333;}
.depart-tab ul > li {position: relative; float: left;}
.depart-tab ul > li > a {position: relative; display: block; padding:10px 20px; font-size: 20px; font-family: 'Noto Regular'; letter-spacing: -0.5px; color: #fff; z-index: 3;}

.depart-tab ul > 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; }
.depart-tab ul > li._active > a,
.depart-tab ul > li:hover > a {color: #fff; background:#E63B53;}
.depart-tab ul > li._active > a[target=_blank]::after ,
.depart-tab ul > li:hover > a[target=_blank]::after {background: url('../../images/guide/tab-link-blank.png');}

@media all and (max-width:860px) {
  .depart-tab {margin-bottom: 20px;}
  .depart-tab ul {overflow: hidden; position: absolute; top: calc(100% - 1px); z-index: -1; width: 100%; max-height: 0; margin-bottom: 30px; border: 1px solid #fff; background: #313133; transition: all 0.5s ease; padding:0;}
  .depart-tab ul.on {z-index: 10; max-height: 600px; padding: 10px 0; border: 1px solid #E63B53;}
  .depart-tab ul > li {display: block; width: 100% !important; padding: 0; border: 0}
  .depart-tab ul li a {display: block; height: auto; padding: 13px 40px; border-bottom: 1px solid #d1d1d1; font-size: 16px; text-align: left; line-height: normal;}
  .depart-tab ul li a:hover {border-bottom: 0}
  .depart-tab ul li a:after {display: none;}
  .depart-tab ul li a[target=_blank]  {background-position: 97% center !important;}
  .depart-tab ul li a span {display: block; padding: 0 20px;}
  .depart-tab ul li a span:before {bottom: -11px;}
  .depart-tab ul li:after {display: none;}

  .depart-tab .mobile-tab {position: relative; display: block; width: 100%; margin-bottom: 5px; padding: 13px 30px; text-align: center; font-family: 'Noto Regular'; font-size: 16px;}
  .depart-tab .mobile-tab {background: #313133 url('../../images/guide/depart-tab-arrow2.png') no-repeat right center; border: 1px solid #E63B53; color: #fff;}
  .depart-tab .mobile-tab.on {background: #313133 url('../../images/guide/depart-tab-arrow.png') no-repeat right center;}
  .depart-tab .mobile-tab::before {content: ''; display: inline-block; width: 12px; height: 12px; margin-right: 8px; background: #E63B53; border-radius: 100%;}
  .depart-tab .mobile-tab::after {content: ''; display: inline-block; width: 12px; height: 12px; margin-left: 8px; background: #E63B53; border-radius: 100%;}
  .depart-tab ul > li > a {padding: 2px 20px; border: 0; font-family: 'Noto Light'; font-size: 16px; text-align: center;}

  .depart-tab ul > li._active > a,
  .depart-tab ul > li:hover > a { font-size: 16px; color: #fff;}
  .depart-tab ul > li:hover > a[target=_blank]::after {background: url(../../images/guide/tab-link-blank.png) no-repeat center;}
}

/* 준비중 */
.wrap-ready {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 160px 0; border: 1px solid #ccc; text-align: center;}
.wrap-ready .icon {width: 100%;}
.wrap-ready .txt {width: 100%;}
.wrap-ready .big-txt {margin-top: 29px; font-family: 'Noto Regular'; font-size: 40px; color: #111;}
.wrap-ready .big-txt em {position: relative; font-family: 'Noto Bold';}
.wrap-ready .big-txt em::after {content: ''; position: absolute; left: 0; bottom: 4px; z-index: -1; width: 100%; height: 11px; background: #c3d4ff;}
.wrap-ready .small-txt {margin-top: 24px; font-family: 'Noto Regular'; font-size: 18px; color: #626262;}

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



/***20240514추가**/
/* campus_guide */
.campus_guide .title {
    padding-bottom: 8px;
    border-bottom: solid 1px #CCC;
    color: #222;
    font-family: 'Noto Sans KR';
    font-weight: 500;
    font-size: 2.188rem;
}

.campus_guide .link {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}

.campus_guide .link a {
    flex-grow: 1;
    width: 31%;
    height: 110px;
    line-height: 110px;
    margin-bottom: 20px;
    border: solid 1px #b7b7b7;
    color: #444;
    font-size: 1.125rem;
    font-weight: 400;
    letter-spacing: -0.36px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.campus_guide .link a:hover {
    border: solid 1px #a7a7a7;
    background-color: #f4f4f1;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.campus_guide .link .link_01 {
    background: url('/sites/guide/images/main/icon_campus_guide_01.svg') no-repeat;
    background-position: 20% center;
    margin-left: 0;
    padding-left: 15%;
}

.campus_guide .link .link_02 {
    background: url('/sites/guide/images/main/icon_campus_guide_02.svg') no-repeat;
    background-position: 17% center;
    margin-left: 3.5%;
    padding-left: 12%;
}

.campus_guide .link .link_03 {
    background: url('/sites/guide/images/main/icon_campus_guide_03.svg') no-repeat;
    background-position: 17% center;
    margin-left: 3.5%;
    padding-left: 12%;
}

.campus_guide .link .link_04 {
    background: url('/sites/guide/images/main/icon_campus_guide_04.svg') no-repeat;
    background-position: 20% center;
    margin-left: 0;
    padding-left: 16%;
}

.campus_guide .link .link_05 {
    width: 65.5%;
    border: solid 1px #7e736b;
    color: #fff;
    background-color: #938880;
    background: #938880 url('/sites/guide/images/main/icon_campus_guide_05.svg') no-repeat;
    background-position: 18% center;
    margin-left: 3.5%;
    padding-left: 26%;
}

.campus_guide .link a.link_05:hover {
    border: solid 1px #70655d;
    background-color: #847971;
    background: #847971 url('/sites/guide/images/main/icon_campus_guide_05.svg') no-repeat;
    background-position: 18% center;
    margin-left: 3.5%;
    padding-left: 26%;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

@media all and (max-width: 1024px) {
    .campus_guide .title {
        font-size: 1.9rem;
    }

    .campus_guide .link a {
        height: 70px;
        line-height: 70px;
        font-size: 1.07rem;
        margin-bottom: 15px;
    }

    .campus_guide .link .link_01 {
        width: 48%;
        margin-left: 0;
        padding-left: 22%;
        background-position: 18% center;
    }

    .campus_guide .link .link_02 {
        width: 48%;
        margin-left: 4%;
        padding-left: 18%;
        background-position: 18% center;
    }

    .campus_guide .link .link_03 {
        width: 48%;
        margin-left: 0;
        padding-left: 18%;
        background-position: 17% center;
    }

    .campus_guide .link .link_04 {
        width: 48%;
        margin-left: 4%;
        padding-left: 20%;
        background-position: 17% center;
    }

    .campus_guide .link .link_05 {
        width: 100%;
        margin-left: 0;
        padding-left: 38%;
        background-position: 18% center;
    }

    .campus_guide .link a.link_05:hover {
        width: 100%;
        margin-left: 0;
        padding-left: 38%;
        background-position: 18% center;
    }
}

@media all and (max-width: 767px) {
    .campus_guide .title {
        font-size: 1.7rem;
    }

    .campus_guide .link {
        margin-top: 20px;
    }

    .campus_guide .link a {
        height: 72px;
        line-height: 72px;
        font-size: 1rem;
        margin-bottom: 20px;
    }

    .campus_guide .link .link_01 {
        padding-left: 24%;
        background-position: 16% center;
        background-size: 36px auto;
    }

    .campus_guide .link .link_02 {
        padding-left: 19%;
        background-position: 16% center;
        background-size: 28px auto;
    }

    .campus_guide .link .link_03 {
        padding-left: 19%;
        background-position: 16% center;
        background-size: 30px auto;
    }

    .campus_guide .link .link_04 {
        padding-left: 23%;
        background-position: 16% center;
        background-size: 36px auto;
    }

    .campus_guide .link .link_05 {
        padding-left: 40%;
        background-position: 16% center;
        background-size: 40px auto;
    }

    .campus_guide .link a.link_05:hover {
        padding-left: 40%;
        background-position: 16% center;
        background-size: 40px auto;
    }
}

@media all and (max-width: 360px) {
    .campus_guide .link a {
        font-size:0.875rem;
    }
}

/* quick_service */
.quick_service .title {
    display: block;
    padding-bottom: 8px;
    border-bottom: solid 1px #CCC;
    color: #222;
    font-family: 'Noto Sans KR';
    font-weight: 500;
    font-size: 2.188rem;
}

.quick_service .box {
    width: 100%;
    margin-top: 30px;
    padding: 29px 10px 33px 10px;
    border: solid 1px #d4d4d4;
    overflow: hidden;
}

.quick_service .box ul {
    display: flex;
}

.quick_service .box ul li {
    flex-grow: 1;
}

.quick_service .box ul li a {
    display: block;
    position: relative;
    height: 76px;
    line-height: 76px;
    padding-left: 96px;
    color: #444;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: -0.34px;
    white-space: nowrap;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.quick_service .box ul li a+a {
    margin-top: 24px;
}

.quick_service .box ul li a>span {
    display: block;
    font-size: 0.8rem;
    margin-top: -53px;
}

.quick_service .box a i {
    position: absolute;
    left: 10px;
    width: 76px;
    height: 76px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.quick_service .box a:hover i {
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.quick_service .box .link_01 i {
    background: #e9e9e9 url('/sites/guide/images/main/icon_quick_service_01.svg') no-repeat center center;
    border-radius: 38px;
}

.quick_service .box .link_02 i {
    background: #e9e9e9 url('/sites/guide/images/main/icon_quick_service_02.svg') no-repeat center center;
    border-radius: 38px;
}

.quick_service .box .link_03 i {
    background: #e9e9e9 url('/sites/guide/images/main/icon_quick_service_03.svg') no-repeat center center;
    border-radius: 38px;
}

.quick_service .box .link_04 i {
    background: #e9e9e9 url('/sites/guide/images/main/icon_quick_service_04.svg') no-repeat center center;
    border-radius: 38px;
}

.quick_service .box .link_05 i {
    background: #e9e9e9 url('/sites/guide/images/main/icon_quick_service_05.svg') no-repeat center center;
    border-radius: 38px;
}

.quick_service .box .link_06 i {
    background: #e9e9e9 url('/sites/guide/images/main/icon_quick_service_06.svg') no-repeat center center;
    border-radius: 38px;
}

.quick_service .box .link_07 i {
    background: #e9e9e9 url('/sites/guide/images/main/icon_quick_service_05.svg') no-repeat center center;
    border-radius: 38px;
}

.quick_service .box .link_08 i {
    background: #e9e9e9 url('/sites/guide/images/main/icon_quick_service_06.svg') no-repeat center center;
    border-radius: 38px;
}

.quick_service .box .link_01:hover i {
    background: #d6b990 url('/sites/guide/images/main/icon_quick_service_01w.svg') no-repeat center center;
    border-radius: 38px;
}

.quick_service .box .link_02:hover i {
    background: #d6b990 url('/sites/guide/images/main/icon_quick_service_02w.svg') no-repeat center center;
    border-radius: 38px;
}

.quick_service .box .link_03:hover i {
    background: #d6b990 url('/sites/guide/images/main/icon_quick_service_03w.svg') no-repeat center center;
    border-radius: 38px;
}

.quick_service .box .link_04:hover i {
    background: #d6b990 url('/sites/guide/images/main/icon_quick_service_04w.svg') no-repeat center center;
    border-radius: 38px;
}

.quick_service .box .link_05:hover i {
    background: #d6b990 url('/sites/guide/images/main/icon_quick_service_05w.svg') no-repeat center center;
    border-radius: 38px;
}

.quick_service .box .link_06:hover i {
    background: #d6b990 url('/sites/guide/images/main/icon_quick_service_06w.svg') no-repeat center center;
    border-radius: 38px;
}

.quick_service .box .link_07:hover i {
    background: #d6b990 url('/sites/guide/images/main/icon_quick_service_05w.svg') no-repeat center center;
    border-radius: 38px;
}

.quick_service .box .link_08:hover i {
    background: #d6b990 url('/sites/guide/images/main/icon_quick_service_06w.svg') no-repeat center center;
    border-radius: 38px;
}

.quick_service .box .slick-prev, .quick_service .box .slick-next {
    display: none;
}

@media all and (max-width: 1024px) {
    .quick_service .title {
        font-size: 1.9rem;
    }

    .quick_service .box ul li a {
        font-size: 1rem;
    }
}

@media all and (max-width: 767px) {
    .quick_service .title {
        font-size: 1.7rem;
        border-bottom: none;
    }

    .quick_service .box {
        width: 100%;
        margin-top: 10px;
    }
}