@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&display=swap');

@page {
  size : 22in 30in;
  margin: 80px;
}

@media print {
  body {
	zoom: 1.2;
  }

  html, body {
	width: 100%;
	margin: 0;
	padding: 0;
  }

  .wrap-header,
  .user-service-wrap,
  .wrap-sub-visual,
  .wrap-footer {display: none !important;}

  .sub #_contentBuilder ._objTag,
  .sub #_contentBuilder ._objHtml,
  .sub #_contentBuilder ._objImage,
  .sub #_contentBuilder ._objWidget,
  .sub #_contentBuilder ._objHeading {width: 100% !important;}

  .con-table table,
  .con-table2 table {width: 100% !important;}
  .con-table:after,
  .con-table2:after {display: none !important;}
}

/* copyBtn */
.copyBtn{position: absolute; left: -100px; top: 0; width: 100px; height: 100%; text-align: center; border: 1px solid #0066b5; border-radius: 5px;; color: #0066b5; display: none;}
.copyBtn:hover{background-color: #0066b5; color: white;}
.copyBtn.on{display: block;}
.copyCode{position: relative;}
/* .copyCode.selected::before{content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid #0066b5; border-radius: 10px; z-index: 1; background-color: transparent;} */

.chn{font-family: "Noto Sans SC", sans-serif !important; font-weight: 500;}

/* margin */
.titleminus{margin-bottom: -44px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px;}
.mt45{margin-top: 45px;}
.mt50{margin-top: 50px;}
.mt55{margin-top: 55px;}
.mt60{margin-top: 60px;}
.mt65{margin-top: 65px;}
.mt70{margin-top: 70px;}
.mt75{margin-top: 75px;}
.mt80{margin-top: 80px;}
.mt85{margin-top: 85px;}
.mt90{margin-top: 90px;}
.mt95{margin-top: 95px;}
.mt100{margin-top: 100px;}

.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;}
.mb40{margin-bottom: 40px;}
.mb45{margin-bottom: 45px;}
.mb50{margin-bottom: 50px;}
.mb55{margin-bottom: 55px;}
.mb60{margin-bottom: 60px;}
.mb65{margin-bottom: 65px;}
.mb70{margin-bottom: 70px;}
.mb75{margin-bottom: 75px;}
.mb80{margin-bottom: 80px;}
.mb85{margin-bottom: 85px;}
.mb90{margin-bottom: 90px;}
.mb95{margin-bottom: 95px;}
.mb100{margin-bottom: 100px;}

.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.ml30{margin-left: 30px;}
.ml35{margin-left: 35px;}
.ml40{margin-left: 40px;}
.ml45{margin-left: 45px;}
.ml50{margin-left: 50px;}
.ml55{margin-left: 55px;}
.ml60{margin-left: 60px;}
.ml65{margin-left: 65px;}
.ml70{margin-left: 70px;}
.ml75{margin-left: 75px;}
.ml80{margin-left: 80px;}
.ml85{margin-left: 85px;}
.ml90{margin-left: 90px;}
.ml95{margin-left: 95px;}
.ml100{margin-left: 100px;}

.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}
.mr30{margin-right: 30px;}
.mr35{margin-right: 35px;}
.mr40{margin-right: 40px;}
.mr45{margin-right: 45px;}
.mr50{margin-right: 50px;}
.mr55{margin-right: 55px;}
.mr60{margin-right: 60px;}
.mr65{margin-right: 65px;}
.mr70{margin-right: 70px;}
.mr75{margin-right: 75px;}
.mr80{margin-right: 80px;}
.mr85{margin-right: 85px;}
.mr90{margin-right: 90px;}
.mr95{margin-right: 95px;}
.mr100{margin-right: 100px;}

/* padding */
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pt30{padding-top: 30px;}
.pt35{padding-top: 35px;}
.pt40{padding-top: 40px;}
.pt45{padding-top: 45px;}
.pt50{padding-top: 50px;}
.pt55{padding-top: 55px;}
.pt60{padding-top: 60px;}
.pt65{padding-top: 65px;}
.pt70{padding-top: 70px;}
.pt75{padding-top: 75px;}
.pt80{padding-top: 80px;}
.pt85{padding-top: 85px;}
.pt90{padding-top: 90px;}
.pt95{padding-top: 95px;}
.pt100{padding-top: 100px;}

.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb25{padding-bottom: 25px;}
.pb30{padding-bottom: 30px;}
.pb35{padding-bottom: 35px;}
.pb40{padding-bottom: 40px;}
.pb45{padding-bottom: 45px;}
.pb50{padding-bottom: 50px;}
.pb55{padding-bottom: 55px;}
.pb60{padding-bottom: 60px;}
.pb65{padding-bottom: 65px;}
.pb70{padding-bottom: 70px;}
.pb75{padding-bottom: 75px;}
.pb80{padding-bottom: 80px;}
.pb85{padding-bottom: 85px;}
.pb90{padding-bottom: 90px;}
.pb95{padding-bottom: 95px;}
.pb100{padding-bottom: 100px;}

.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl30{padding-left: 30px;}
.pl35{padding-left: 35px;}
.pl40{padding-left: 40px;}
.pl45{padding-left: 45px;}
.pl50{padding-left: 50px;}
.pl55{padding-left: 55px;}
.pl60{padding-left: 60px;}
.pl65{padding-left: 65px;}
.pl70{padding-left: 70px;}
.pl75{padding-left: 75px;}
.pl80{padding-left: 80px;}
.pl85{padding-left: 85px;}
.pl90{padding-left: 90px;}
.pl95{padding-left: 95px;}
.pl100{padding-left: 100px;}

.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr25{padding-right: 25px;}
.pr30{padding-right: 30px;}
.pr35{padding-right: 35px;}
.pr40{padding-right: 40px;}
.pr45{padding-right: 45px;}
.pr50{padding-right: 50px;}
.pr55{padding-right: 55px;}
.pr60{padding-right: 60px;}
.pr65{padding-right: 65px;}
.pr70{padding-right: 70px;}
.pr75{padding-right: 75px;}
.pr80{padding-right: 80px;}
.pr85{padding-right: 85px;}
.pr90{padding-right: 90px;}
.pr95{padding-right: 95px;}
.pr100{padding-right: 100px;}

/* 뎁스 TYPE 1 */
.tab .menuUItab{margin: 52px auto 44px;}
/* 4뎁스 */
.type1 .tab_div.div_4{position: relative; z-index: 50;}
.type1 .tab_div.div_4 .mobile-tab{display: none;}
.type1 .tab_div.div_4 .ul_4{display: flex; flex-wrap: wrap; justify-content: start; margin: -10px -10px 0;}
.type1 .tab_div.div_4 .li_4 .a_4{display: block; color: #252525; font-size: 19px; font-family: "HG Medium"; border: 1px solid #e6e7ea; border-radius: 5px; padding: 15px 50px 15px 20px; background-image: url(../../images/guide/depth_more.png); background-repeat: no-repeat; background-position: right 20px top 15px;}
.type1 .tab_div.div_4 .li_4 .a_4:hover{border: 1px solid #0067b3; color: #0067b3;}
.type1 .tab_div.div_4 .li_4._active .a_4{color: #0067b3; font-family: "HG Bold"; border: 1px solid #0067b3; background-image: url(../../images/guide/depth_selected.png)}
.type1 .tab_div.div_4 .li_4 .a_4[target="_blank"] span{display: inline-block; padding-right: 21px; background: url(../../images/guide/tab4_blank.png) no-repeat right top 7px;}
.type1 .tab_div.div_4 .li_4 .a_4[target="_blank"]:hover span{background: url(../../images/guide/tab4_blank_on.png) no-repeat right top 7px;}

.type1 .tab_div.div_4 .li_4{width: 25%; padding: 0 10px; margin-top: 10px;}

.type1 .tab_div.div_4 .li_4:first-child:nth-last-child(1) {width: 50%;}
.type1 .tab_div.div_4 .li_4:first-child:nth-last-child(2),
.type1 .tab_div.div_4 .li_4:first-child:nth-last-child(2) ~ li {width: 50%;}

.type1 .tab_div.div_4 .li_4:first-child:nth-last-child(3),
.type1 .tab_div.div_4 .li_4:first-child:nth-last-child(3) ~ li {width: 33.3333%;}

/* 5뎁스 */
.type1 .tab_div.div_5 {margin: 0 auto; max-width: 1500px; margin-top: 54px;}
.type1 .tab_div.div_5 .mobile-tab{display: none;}
.type1 .tab_div.div_5 .ul_5{display: flex; flex-wrap: wrap; margin: -16px -20px 0;}
.type1 .tab_div.div_5 .li_5{padding: 0 20px; margin-top: 16px;}
.type1 .tab_div.div_5 .a_5{color: #afafaf; font-size: 16px; font-family: "HG Medium"; position: relative;}
.type1 .tab_div.div_5 .a_5:hover,
.type1 .tab_div.div_5 .li_5._active .a_5{color: #3f8edd;}
.type1 .tab_div.div_5 .li_5._active .a_5::after{content:""; display: block; position: absolute; right: -5px; top: -6px; width: 6px; height: 6px; background-color: #3f8edd;}

@media screen and (max-width: 1530px) {
  .type1 .tab_div.div_5{padding: 0 20px;}
}

@media screen and (max-width: 1200px) {
  .tab .menuUItab{margin: 35px 0 40px;}
}

@media screen and (max-width: 1024px) {
  .type1 .tab_div.div_4 .li_4{width: 50%;}
  .type1 .tab_div.div_4 .li_4 .a_4{padding: 10px 45px 10px 15px; background-position: right 15px top 10px; font-size: 16px;} 
  .type1 .tab_div.div_4 .li_4 .a_4[target="_blank"] span,
  .type1 .tab_div.div_4 .li_4 .a_4[target="_blank"]:hover span{background-position: right top 6px;}

  .type1 .tab_div.div_5{margin-top: 18px;}
  .type1 .tab_div.div_5 .ul_5{margin: -10px -10px -5px;}
  .type1 .tab_div.div_5 .li_5{padding: 0 10px; margin-top: 10px;}
  .type1 .tab_div.div_5 .a_5{font-size: 14px;} 
}

@media screen and (max-width: 768px) {
  .tab .menuUItab{margin: 20px 0 30px;}
  .type1 .tab_div.div_4 .mobile-tab{position:relative; display: block; margin-top: 20px; background: #0067b3; width: 100%; border-radius: 5px; padding: 15px 20px; position: relative;}
  .type1 .tab_div.div_4 .mobile-tab::before{content:""; display: block; position: absolute; right: 15px; top: 50%; margin-top: -6px; width: 16px; height: 12px; background: url(../../images/guide/select_arrow.png); transition: transform .5s; transform: rotate(0deg);}
  .type1 .tab_div.div_4 .mobile-tab span{display: block; font-family: "HG Medium"; font-size: 16px; color: white; text-align: center;}
  .type1 .tab_div.div_4 .mobile-tab.on::before{transform: rotate(180deg); margin-top: -7px;}
  .type1 .tab_div.div_4 .ul_4{position: absolute; overflow: hidden; top: calc(100% - 1px); z-index: -1; width: 100%; max-height: 0; background-color: white; border: 1px solid #ffffff; transition: all .5s ease; gap: 0; margin: 0;}
  .type1 .tab_div.div_4 .ul_4.on{z-index: 10; max-height: 190px; padding: 10px 0; background-color: white; border: 1px solid #0067b3; overflow: auto;}
  .type1 .tab_div.div_4 .li_4{display: block; width: 100% !important; margin: 0; padding: 4px 0; border: 0; flex: none;}
  .type1 .tab_div.div_4 .li_4._active .a_4,
  .type1 .tab_div.div_4 .li_4 .a_4:hover,
  .type1 .tab_div.div_4 .li_4 .a_4{border: 0; background-image: none; text-align: center; padding: 5px 15px;}
}

/* 뎁스 TYPE 2 */
section.tab.type2{margin-top: 50px;}
/* 4뎁스 */
.type2 .tab_div.div_4{position: relative; z-index: 1;}
.type2 .tab_div.div_4 .mobile-tab{display: none;}
.type2 .tab_div.div_4 .ul_4{display: flex; flex-wrap: wrap; justify-content: start;}
.type2 .tab_div.div_4 .li_4{width: 25%; border-bottom: 1px solid #848484;}
.type2 .tab_div.div_4 .li_4:hover,
.type2 .tab_div.div_4 .li_4._active{border: 1px solid #848484; border-bottom: 1px solid transparent;}
.type2 .tab_div.div_4 .a_4{display: block; text-align: center; color: #8a8a8a; font-size: 19px; font-family: "HG Medium"; padding: 16px 0;}
.type2 .tab_div.div_4 .a_4._active{color: #222222; font-family: "HG Bold";}

/* 5뎁스 */
.type2 .tab_div.div_5{margin-top: 35px;}
.type2 .tab_div.div_5 .ul_5{display: flex; flex-wrap: wrap; border-bottom: 1px solid #eeeeee;}
.type2 .tab_div.div_5 .li_5{position: relative;}
.type2 .tab_div.div_5 .a_5{color: #8a8a8a; font-size: 16px;; position: relative; padding: 10px 30px; display: block;}
.type2 .tab_div.div_5 .a_5:hover{color: #3f8edd}
.type2 .tab_div.div_5 .li_5._active::after{content:""; display: block; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background-color: #3f8edd; z-index: 2;}
.type2 .tab_div.div_5 .li_5._active .a_5{color: #3f8edd; font-family: "HG Medium";}

@media screen and (max-width: 1024px) {
  .type2 .tab_div.div_4 .a_4{font-size: 16px; padding: 10px 0;} 

  .type2 .tab_div.div_5{margin-top: 30px;}
  .type2 .tab_div.div_5 .a_5{font-size: 14px; padding: 5px 20px;}
}

@media screen and (max-width: 768px) {
  .type2 .tab_div.div_4 .mobile-tab{display: block; margin-top: 25px; background: white url(../../images/guide/select_arrow_black.png) no-repeat right 15px center; width: 100%; border-radius: 5px; padding: 15px 20px; position: relative; border: 1px solid #848484;}
  .type2 .tab_div.div_4 .mobile-tab span{display: block; font-family: "HG Medium"; font-size: 16px; color: #222222; text-align: center;}
  .type2 .tab_div.div_4 .ul_4{position: absolute; overflow: hidden; top: calc(100% - 1px); z-index: -1; width: 100%; max-height: 0; background-color: white; border: 1px solid #ffffff; transition: all .5s ease; overflow: auto;}
  .type2 .tab_div.div_4 .ul_4.on{z-index: 10; max-height: 350px; padding: 10px 0; background-color: white; border: 1px solid #222222; }
  .type2 .tab_div.div_4 .li_4{display: block; width: 100%; margin: 0; padding: 4px 0; border: 0;}
  .type2 .tab_div.div_4 .li_4._active .a_4,
  .type2 .tab_div.div_4 .li_4 .a_4:hover{border: 0; background-image: none; text-align: center; padding: 10px 15px; color: #222222;}

  .type2 .tab_div.div_4 .li_4:hover, .type2 .tab_div.div_4 .li_4._active{border: 0;}
  .type2 .tab_div.div_5 .li_5._active::after{display: none;}
  .type2 .tab_div.div_5 .a_5{padding: 0 10px;}
}


/* 가이드 */
.color1{color: #1d2087;}
.color2{color: #0000ff;}
.color3{color: #008080;}
.color4{color: #800080;}
.color5{color: #ff0000;}
.color6{color: #0067b3;}
.align-l{text-align: left;}
.align-c{text-align: center;}
.align-r{text-align: right;}
.bold{font-family: "HG Medium"; color: #333333;}
.underline{position: relative;}
.underline::after{content:""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #8b8b8b;}
.objHeading_h2{font-family: "SBA Medium"; font-size: 26px; color: #0067b3; background: url(../../images/guide/h2_icon.png) no-repeat left top; padding-top: 17px; margin-top: 44px;}
.objHeading_h2.nearHeading{margin-top: 15px;}
.objHeading_h3{font-family: "SBA Medium"; font-size: 22px; color: #042e6f; padding-left: 21px; position: relative; margin-top: 28px;}
.objHeading_h3::before{content:""; display: block; position: absolute; left: 0; top: 7px; width: 6px; height: 16px; border-radius: 3px; background-color: #042e6f;}
.objHeading_h3.nearHeading{margin-top: 15px;}
.objHeading_h4{font-family: "SBA Medium"; font-size: 19px; color: #00b6ad; padding-left: 21px; position: relative; margin-top: 31px;}
.objHeading_h4::before{content:""; display: block; position: absolute; left: 0; top: 4px; width: 12px; height: 12px; border-radius: 50%; background-color: #00b6ad;}
.objHeading_h4.nearHeading{margin-top: 19px;}
.objHeading_h5{font-family: "SBA Light"; font-size: 18px; color: #3f8edd; position: relative; padding-left: 21px; margin-top: 26px;}
.objHeading_h5::before{content:""; display: block; position: absolute; left: 0; width: 5px; height: 5px; background-color: #3f8edd; top: 10px;}
.no-margin{margin-top: 0 !important}
.con-desc{font-size: 17px; line-height: 30px; color: #555555;}
.con-desc2{font-size: 17px; line-height: 28px; color: #222222;}
.con-desc3{font-size: 20px; line-height: 30px; color: #555555;}
.con-desc4{font-size: 17px; line-height: 28px; color: #222222;}

.header-button{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end;}
.header-button.info-only{justify-content: end;}
.header-button .header-link{border: 1px solid #000000; border-radius: 5px; font-size: 13px;; color: #000000; padding: 7px 34px 7px 20px; background-image: url(../../images/guide/link_arrow.png); background-repeat: no-repeat; background-position: right 20px center; transition: all .5s ease; background-color: white;}
.header-button .header-link:hover{border: 1px solid white; background-color: #000000; background-image: url(../../images/guide/link_arrow_hover.png); color: white;}

.infotext-title{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; margin-top: 44px;}
.infotext-title .objHeading_h2{margin-top: 0;}
.infotext-title p{margin-bottom: 6px;}

.con-list1 > ul > li{font-size: 17px; line-height: 30px; color: #555555; padding-left: 19px; position: relative;; margin-bottom: 5px;}
.con-list1 > ul > li::before{content:""; display: block; position: absolute; left: 0; top: 12px; width: 8px; height: 2px; background-color: #424242;}
.con-list1 > ul > li:last-child{margin-bottom: 0;}
.con-table .con-list1 > ul > li{font-size: 16px; line-height: 25px;}
.con-table .con-list1 > ul > li::before{top: 10px;}

.con-list2 > ul > li{font-size: 15px; line-height: 26px; color: #666666; padding-left: 19px; position: relative;; margin-bottom: 5px;}
.con-list2 > ul > li::before{content:""; display: block; position: absolute; left: 0; top: 10px; border-radius: 50%; width: 4px; height: 4px; background-color: #222222;}
.con-list2 > ul > li:last-child{margin-bottom: 0;}

.con-list3 > ul > li{font-size: 17px; line-height: 30px; color: #555555; padding-left: 19px; position: relative;; margin-bottom: 5px;}
.con-list3 > ul > li::before{content:""; display: block; position: absolute; left: 0; top: 12px; border-radius: 50%; width: 6px; height: 6px; background-color: #c8c8c8;}
.con-list3 > ul > li:last-child{margin-bottom: 0;}
.con-table .con-list3 > ul > li{font-size: 16px; line-height: 25px;}
.con-table .con-list3 > ul > li::before{top: 10px;}

.con-list4 > ul > li{font-size: 17px; line-height: 30px; color: #555555; padding-left: 19px; position: relative;; margin-bottom: 5px;}
.con-list4 > ul > li::before{content:""; display: block; position: absolute; left: 0; top: 12px; border-radius: 50%; width: 6px; height: 6px; background-color: #00b6ad;}
.con-list4 > ul > li:last-child{margin-bottom: 0;}
.con-table .con-list4 > ul > li{font-size: 16px; line-height: 25px;}
.con-table .con-list4 > ul > li:before{top: 10px;}

.con-list5 > ul > li{font-size: 17px; line-height: 30px; color: #555555; padding-left: 19px; position: relative;; margin-bottom: 5px;}
.con-list5 > ul > li::before{content:""; display: block; position: absolute; left: 0; top: 13px; border-radius: 50%; width: 4px; height: 4px; background-color: #00b6ad;}
.con-list5 > ul > li:last-child{margin-bottom: 0;}
.con-table .con-list5 > ul > li{font-size: 16px; line-height: 25px;}
.con-table .con-list5 > ul > li:before{top: 10px;}

.con-list6 > ul > li{font-size: 17px; line-height: 30px; color: #555555; padding-left: 15px; position: relative;; margin-bottom: 5px;}
.con-list6 > ul > li::before{content:""; display: block; position: absolute; left: 0; top: 12px; border-radius: 50%; width: 4px; height: 4px; background-color: #00b6ad;}
.con-list6 > ul > li:last-child{margin-bottom: 0;}

.num-list1 strong{font-family: "HG Medium"; font-size: 17px; line-height: 25px; color: #333333;}
.num-list1 > ul > li .num{display: inline-block; background-color: #555555; border-radius: 5px; width: 20px; line-height: 20px; color: white; text-align: center; font-family: "Gmarket Bold"; font-size: 12px; line-height: 20px; margin-right: 10px; position: absolute; top: 4px; left: 0;}
.num-list1 > ul > li{padding-left: 31px; position: relative; margin-bottom: 12px;}
.num-list1 > ul > li:last-child{margin-bottom: 0;}
.con-table .num-list1 > ul > li{font-size: 16px;}
.con-table .num-list1 > ul > li .num{top: 2px;}

.num-list2 > ul > li{font-size: 17px; line-height: 30px; color: #555555;; margin-bottom: 5px; position: relative; padding-left: 31px;}
.num-list2 > ul > li:last-child{margin-bottom: 0;}
.num-list2 > ul > li .num{display: inline-block; background-color: #555555; border-radius: 5px; width: 20px; line-height: 20px; color: white; text-align: center; font-family: "Gmarket Bold"; font-size: 12px; line-height: 20px; margin-right: 10px; position: absolute; top: 5px; left: 0;}
.con-table .num-list2 > ul > li{font-size: 16px; line-height: 25px;}
.con-table .num-list2 > ul > li .num{top: 3px;}

.num-list3 > ul > li{font-size: 17px; line-height: 30px; color: #555555;; margin-bottom: 5px; position: relative; padding-left: 31px;}
.num-list3 > ul > li:last-child{margin-bottom: 0;}
.num-list3 > ul > li .num{display: inline-block; background-color: white; border: 1px solid #555555; border-radius: 5px; width: 20px; line-height: 20px; color: #000000; text-align: center; font-family: "Gmarket Bold"; font-size: 12px; line-height: 20px; margin-right: 10px; position: absolute; top: 5px; left: 0;}
.con-table .num-list3 > ul > li{font-size: 16px; line-height: 25px;}
.con-table .num-list3 > ul > li .num{top: 3px;}

.num-list4 > ul > li{font-size: 16px; line-height: 32px; color: #555555;; margin-bottom: 1px; position: relative; padding-left: 31px;}
.num-list4 > ul > li:last-child{margin-bottom: 0;}
.num-list4 > ul > li .num{display: inline-block; background-color: #979797; border: 1px solid #979797; border-radius: 50%; width: 18px; height: 18px; line-height: 16px; color: white; text-align: center; font-family: "Gmarket Medium"; font-size: 10px; line-height: 18px; margin-right: 10px; position: absolute; top: 7px; left: 0;}

.word-list1 > ul > li{font-size: 17px; line-height: 30px; color: #555555;; margin-bottom: 5px; position: relative; padding-left: 31px;}
.word-list1 > ul > li:last-child{margin-bottom: 0;}
.word-list1 > ul > li .word{display: inline-block; background-color: #979797; border-radius: 50%; width: 20px; line-height: 20px; color: white; text-align: center; font-family: "Gmarket Medium"; font-size: 12px; line-height: 20px; margin-right: 10px; position: absolute; top: 5px; left: 0;}
.con-table .word-list1 > ul > li{font-size: 16px; line-height: 25px;}
.con-table .word-list1 > ul > li .word{top: 3px;}

.word-list2 > ul > li{font-size: 17px; line-height: 30px; color: #555555;; margin-bottom: 5px; position: relative; padding-left: 31px;}
.word-list2 > ul > li:last-child{margin-bottom: 0;}
.word-list2 > ul > li .word{display: inline-block; background-color: #555555; border-radius: 5px; width: 20px; line-height: 20px; color: white; text-align: center; font-family: "Gmarket Medium"; font-size: 12px; line-height: 20px; margin-right: 10px; position: absolute; top: 5px; left: 0;}

.link-button{display: inline-block; border: 1px solid #0066b5; border-radius: 5px; font-size: 13px;; color: #0066b5 !important; padding: 6.5px 29px 6.5px 15px; background-image: url(../../images/guide/link_arrow_2.png); background-repeat: no-repeat; background-position: right 15px center; transition: all .5s ease; background-color: white;}
.link-button.hover,
.link-button:hover{background-image: url(../../images/guide/link_arrow_2_hover.png); background-color: #0066b5; color: white !important;}

.link-button_2{display: inline-block; border: 1px solid #000000; border-radius: 5px; font-size: 13px;; color: #000000 !important; padding: 6.5px 29px 6.5px 15px; background-image: url(../../images/guide/link_arrow.png); background-repeat: no-repeat; background-position: right 15px center; transition: all .5s ease; background-color: white;}
.link-button_2.hover,
.link-button_2:hover{background-image: url(../../images/guide/link_arrow_2_hover.png); background-color: #000000; color: white !important;}

.link-button_3{display: inline-block; border: 1px solid #00b6ad; border-radius: 5px; font-size: 13px;; color: #00b6ad !important; padding: 6.5px 29px 6.5px 15px; background-image: url(../../images/guide/link_arrow_3.png); background-repeat: no-repeat; background-position: right 15px center; transition: all .5s ease; background-color: white;}
.link-button_3.hover,
.link-button_3:hover{background-image: url(../../images/guide/link_arrow_2_hover.png); background-color: #00b6ad; color: white !important;}

.blank_link{color: #0782c1 !important; padding-right: 20px; background: url(../../images/guide/blank_icon.png) no-repeat right top 8px; position: relative;}
.blank_link::after{content:""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #0066b5;}
.blank_link:hover{color: #00b6ad !important; background: url(../../images/guide/blank_icon_hover.png) no-repeat right top 8px;}
.blank_link:hover::after{background-color: #00b6ad;}

.big-title-wrap{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 48px;}
.big-title-text h1{font-size: 36px; color: #000000; font-family: "SBA Medium";}
.big-title-link{margin-top: 4px;}

.small-link1{border: 1px solid rgba(58,58,58,.3); border-radius: 5px; display: inline-block; font-size: 13px;; color: #666666 !important; line-height: 23px; padding: 0 8px;; background-color: white;}
.small-link1.arrow{background: url(../../images/guide/small_arrow.png) no-repeat right 10px center; padding: 0 23px 0 8px;}
.small-link1.hover,
.small-link1:hover{border: 1px solid #000000;} 

.small-link2{border: 1px solid #3f8edd; border-radius: 5px; display: inline-block; font-size: 13px;; color: #3f8edd !important; line-height: 23px; padding: 0 8px;; background-color: white;}
.small-link2.arrow{background: url(../../images/guide/small_arrow_2.png) no-repeat right 10px center; padding: 0 23px 0 8px;}
.small-link2.hover,
.small-link2:hover{background-color: #eef7fd;}

.small-link3{border: 1px solid rgba(58,58,58,.3); ; border-radius: 5px; display: inline-block; font-size: 13px;; color: #666666 !important; line-height: 23px; padding: 5px 8px; background-color: white;}
.small-link3.arrow{background: white url(../../images/guide/small_arrow.png) no-repeat right 10px center; padding: 5px 28px 5px 13px;}
.small-link3.hover,
.small-link3:hover{border: 1px solid #000000;} 

.big-link1{display: inline-block; border: 1px solid #000000; border-radius: 5px; font-size: 13px;; color: #000000 !important; padding: 12px 34px 12px 19px; background-image: url(../../images/guide/link_arrow.png); background-repeat: no-repeat; background-position: right 20px center; transition: all .5s ease; background-color: white;}
.big-link1.hover,
.big-link1:hover{background-image: url(../../images/guide/link_arrow_2_hover.png); background-color: #000000; color: white !important;}

.big-link2{display: inline-block; border: 1px solid #0066b5; border-radius: 5px; font-size: 13px;; color: #0066b5 !important; padding: 12px 34px 12px 19px; background-image: url(../../images/guide/link_arrow_2.png); background-repeat: no-repeat; background-position: right 20px center; transition: all .5s ease; background-color: white;}
.big-link2.hover,
.big-link2:hover{background-image: url(../../images/guide/link_arrow_2_hover.png); background-color: #0066b5; color: white !important;}

.big-link3{display: inline-block; border: 1px solid #000000; border-radius: 5px; font-size: 13px;; color: #000000 !important; padding: 12px 47px 12px 20px; background-image: url(../../images/guide/link_arrow.png); background-repeat: no-repeat; background-position: right 20px center; transition: all .5s ease; line-height: 19px; background-color: white;}
.big-link3:hover{background-image: url(../../images/guide/link_arrow_2_hover.png); background-color: #000000; color: white !important;}

.view-btn{border: 1px solid #cdcdcd; border-radius: 5px; background-color: white; font-size: 13px; color: #888888 !important; display: inline-block; padding: 6px 14px; font-family: "HG Regular";}
.view-btn img{filter: invert(64%) sepia(0%) saturate(231%) hue-rotate(201deg) brightness(83%) contrast(92%); display: inline-block; margin-right: 4px;}
.view-btn.hover,
.view-btn:hover{background-color: #eef7fd; border: 1px solid #3f8edd; color: #3f8edd !important;}
.view-btn.hover img,
.view-btn:hover img{filter: invert(53%) sepia(40%) saturate(834%) hue-rotate(170deg) brightness(89%) contrast(93%);}

.down-btn{border: 1px solid #cdcdcd; border-radius: 5px; background-color: white; font-size: 13px; color: #888888 !important; display: inline-block; padding: 6px 14px; font-family: "HG Regular";}
.down-btn img{filter: invert(64%) sepia(0%) saturate(231%) hue-rotate(201deg) brightness(83%) contrast(92%); margin-right: 4px;}
.down-btn.hover,
.down-btn:hover{background-color: #eef7fd; border: 1px solid #3f8edd; color: #3f8edd !important;}
.down-btn.hover img,
.down-btn:hover img{filter: invert(53%) sepia(40%) saturate(834%) hue-rotate(170deg) brightness(89%) contrast(93%);}
.down-btn#songPlay img{position: relative; top: 2px;}

.file-link1{display: inline-block; border: 1px solid #ec2109; border-radius: 5px; font-size: 13px;; color: #666666 !important; padding: 12px 41px 12px 66px; background-image: url(../../images/guide/pdf_down.png); background-repeat: no-repeat; background-position: right 20px center; transition: all .5s ease; position: relative; overflow: hidden; vertical-align: top; min-width: 195px; background-color: white;}
.file-link1 span{text-indent: -9999px; position: absolute; left: 0; top: 0; width: 45px; height: 100%;}
.file-link1.word{border: 1px solid #2a579a;}
.file-link1.excel{border: 1px solid #217245;}
.file-link1.power{border: 1px solid #d04826;}
.file-link1.han{border: 1px solid #1590d1;}
.file-link1.ai{border: 1px solid #ff8713;}
.file-link1.pdf{border: 1px solid #ec2109;}
.file-link1.pc{border: 1px solid #0066b5;}
.file-link1 .word-logo{background: #2a579a url(../../images/guide/word_logo.png) no-repeat center center;}
.file-link1 .excel-logo{background: #217245 url(../../images/guide/excel_logo.png) no-repeat center center;}
.file-link1 .power-logo{background: #d04826 url(../../images/guide/power_logo.png) no-repeat center center;}
.file-link1 .hangul-logo{background: #1590d1 url(../../images/guide/han_logo.png) no-repeat center center;}
.file-link1 .ai-logo{background: #ff8713 url(../../images/guide/ai_logo.png) no-repeat center center;}
.file-link1 .pdf-logo{background: #ec2109 url(../../images/guide/pdf_logo.png) no-repeat center center;}
.file-link1 .pc-logo{background: #0066b5 url(../../images/guide/pc_logo.png) no-repeat center center;}
.file-link1.hover,
.file-link1:hover{border: 1px solid #222222 !important;}
.file-link1.hover span,
.file-link1:hover span{background-color: #222222 !important;}

.info-text1{font-size: 15px; line-height: 25px; color: #666666; padding-left: 25px; background-image: url(../../images/guide/info_dots.png); background-repeat: no-repeat; background-position: left top 5px;;}
.info-text2{font-size: 15px; line-height: 25px; color: #666666; padding-left: 25px; background-image: url(../../images/guide/info_dots2.png); background-repeat: no-repeat; background-position: left top 5px;;}
.info-text3{font-size: 15px; line-height: 25px; color: #666666; padding-left: 25px; background-image: url(../../images/guide/info_dots3.png); background-repeat: no-repeat; background-position: left top 5px;;}

.info-text2.color{color: #ad0000;}

.con-table{border-top: 2px solid #000000; position: relative;}
.con-table table{position: relative;}
.con-table table::before{content:""; display: block; position: absolute; right: -1px; top: 0; width: 2px; height: 100%; background-color: white; z-index: 2;}
.con-table thead{position: relative;}
.con-table thead::after{content:""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #000000}
.con-table thead th{background-color: #f1f1f1; border-right: 1px solid #dddee0; border-bottom: 1px solid #dddee0; color: #000000; font-family: "HG Regular"; font-size: 17px; padding: 14.5px 24px; font-weight: normal;}
.con-table thead tr:last-child th{border-bottom: 0;}
.con-table tbody th{background-color: #f8f8f8; border-right: 1px solid #dddee0; border-bottom: 1px solid #dddee0; color: #000000; font-family: "HG Regular"; font-size: 16px; padding: 12px 24px; font-weight: normal;}
.con-table tbody td{background-color: white; border-right: 1px solid #dddee0; border-bottom: 1px solid #dddee0; color: #555555;; font-size: 16px; padding: 12px 24px;}
.con-table tbody td .custom-flex-box{display: flex; align-items: center; justify-content: center;}
.con-table tbody td .hiddenitem{display: none;}
.con-table tbody td input[type="text"],
.con-table tbody td input[type="number"]{border: 1px solid #eaeaea; background-color: white; padding: 5px 10px; border-radius: 5px; font-size: 16px; font-family: "HG Regular"; margin-right: 5px;}
.con-table tbody td input[type="text"].block{display: block; width: 100%; margin: 5px;}
.con-table .input-oneline tbody td input[type="text"].block{display: inline-block; width: calc(100% - 50px);}
.con-table tbody td label input[type="radio"]{display: none;}
.con-table tbody td label .check-icon{width: 16px; height: 16px; border-radius: 50%; border: 1px solid #eaeaea; position: relative;display: inline-block; margin-right: 5px; top: 2px;}
.con-table tbody td label input[type="radio"]:checked ~ .check-icon{border: 1px solid #aaaaaa;}
.con-table tbody td label input[type="radio"]:checked ~ .check-icon::before{content:""; display: block; position: absolute; left: 50%; top: 50%; width: 7px; height: 7px; border-radius: 50%; background-color: #0067b3; transform: translate(-50%, -50%)}
.con-table .con-table{border-top: 2px solid #0067b2;}
.con-table .con-table thead th{color: #000000; font-size: 16px; background-color: #f5f7f9; padding: 12px 10px;}
.con-table .con-table tbody th{padding: 12px 10px;}
.con-table .con-table tbody td{padding: 12px 10px;}
.down-list ul{display: flex; flex-wrap: wrap; background-color: #f7f7f7; padding: 29px 0; border-radius: 5px;}
.down-list li{width: 50%; display: flex; justify-content: space-between; align-items: center; padding: 0 40px; margin-top: 17px; position: relative;}
.down-list li::after{content:""; display: block; position: absolute; right: 0; top: 50%; margin-top: -13px; width: 1px; height: 26px; background-color: #c6c6c6;}
.down-list li:nth-child(-n+2){margin-top: 0;}
.down-list li:last-child::after,
.down-list li:nth-child(even)::after{display: none;}
.down-list li p{color: #333333;; font-size: 16px;}
.down-list li .down-btn-box span{font-size: 14px; color: #666666; display: inline-block; margin-right: 22px;}
.down-list.full li{width: 100%;}
.down-list.full li:nth-child(-n+2){margin-top: 17px;}
.down-list.full li:first-child{margin-top: 0;}
.down-list.full li::after{display: none;}

.slide-list{border-top: 2px solid #000000;}
.slide-list > ul > li{border-bottom: 1px solid #dddee0;}
.slide-list > ul > li .slide-header .slide-open-button{font-size: 23px; font-family: "HG Medium"; color: #333333; display: block; width: 100%; text-align: left; background-image: url(../../images/guide/slide_down.png); background-repeat: no-repeat; background-position: right 40px center; padding: 25.5px 40px;}
.slide-list > ul > li .slide-content{display: none;}
.slide-list > ul > li.active{padding-bottom: 30px;}
.slide-list > ul > li.active .slide-header .slide-open-button{background-image: url(../../images/guide/slide_up.png)}

.typebox1{border: 5px solid #eeeeee; border-radius: 5px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 25px 35px;}
.typebox1 .typebox-text{font-size: 17px; line-height: 24px; color: #222222;;}
.typebox1 dl{margin-right: 40px; display: flex; flex-wrap: wrap; align-items: baseline;}
.typebox1 dl:last-child{margin-right: 0;}

.typebox2{background-color: #f7f7f7; border-radius: 5px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 25px 35px;}
.typebox2 .typebox-text{font-size: 17px; line-height: 24px; color: #222222;;}

.typebox3{background-color: #d9f0ef; border-radius: 5px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 25px 35px;}
.typebox3 .typebox-text{font-size: 17px; line-height: 28px; color: #009089;;}

.typebox4{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start; border: 1px solid #dbdbdb; border-radius: 5px; padding: 15px 24px;}
.typebox4 .typebox-title{display: flex; flex-wrap: wrap; align-items: center; width: 141px; position: relative;}
.typebox4 .typebox-title::after{content:""; display: block; position: absolute; right: 0; top: 50%; margin-top: -9px; width: 1px; height: 18px; background-color: #cccccc;}
.typebox4 .typebox-icon{width: 50px; height: 50px; border-radius: 50%; background-color: #042e6f; text-align: center; line-height: 50px;}
.typebox4 .typebox-icon img{vertical-align: middle;}
.typebox4 .typebox-title p{font-size: 18px; font-family: "HG Medium"; color: #333333; margin-left: 11px;}
.typebox4 .typebox-content{width: calc(100% - 141px); padding-left: 15px; margin-top: 11px;}
.typebox4 .typebox-content p{font-size: 17px; line-height: 25px; color: #666666;;}

.jc-s{justify-content: start;}

.image-box{background-color: #042e6f; border-radius: 5px; padding: 27px 26px;}
.image-box img{display: inline-block; margin-right: 28px;}
.image-box img:last-child{margin-right: 0;}

.iconStyleTitle{font-size: 26px; color: #222222; font-family: "SBA Medium";}

.image-box2 img{display: inline-block; margin-right: 21px; margin-bottom: 21px;}
.image-box2 img:last-child{margin-right: 0;}

.image-box3{background-color: #000000; padding: 22px 40px;}
.image-box3 img{display: inline-block; margin-right: 28px; vertical-align: middle;}
.image-box3 img:last-child{margin-right: 0;}

.image-box4 img{display: inline-block; margin-right: 24px; margin-bottom: 24px;}
.image-box4 img:last-child{margin-right: 0;}

.photo-list-wrap ul{display: flex; flex-wrap: wrap; justify-content: start;}
.photo-list-wrap .photo-list-box{position: relative;}
.photo-list-wrap .photo-list-box::before{content:""; display: block; position: absolute; left: 10px; top: 10px; width: calc(100% - 20px); height: calc(100% - 20px); border: 1px solid rgba(255,255,255,.5);}
.photo-list-wrap .photo-list-box.non-image::before{border: 1px solid #e8e8e8;}
.photo-list-wrap .photo-list-box img{width: 100%;}

.photo-list-wrap.type1 ul{margin: -30px -15px 0;}
.photo-list-wrap.type1 li{width: calc(100%/3); padding: 0 15px; margin-top: 30px;}

.photo-list-wrap.type2 ul{margin: -40px -20px 0;}
.photo-list-wrap.type2 li{width: calc(100%/4); padding: 0 20px; margin-top: 40px;}

.photo-list-wrap.type3 ul{margin: -30px -15px 0;}
.photo-list-wrap.type3 li{width: calc(100%/3); padding: 0 15px; margin-top: 30px;}

@media screen and (max-width: 1200px) {
  .photo-list-wrap.type1 ul{margin: -20px -10px 0;}
  .photo-list-wrap.type1 li{width: calc(100%/2); padding: 0 10px; margin-top: 20px;}  

  .photo-list-wrap.type2 ul{margin: -30px -15px 0;}
  .photo-list-wrap.type2 li{width: calc(100%/2); padding: 0 15px; margin-top: 30px;}

  .photo-list-wrap.type3 ul{margin: -20px -10px 0;}
  .photo-list-wrap.type3 li{width: calc(100%/2); padding: 0 10px; margin-top: 20px;}  
}

@media screen and (max-width: 768px) {
  .photo-list-wrap.type1 li{width: 100%;}

  .photo-list-wrap.type2 ul{margin: -20px -15px 0;}
  .photo-list-wrap.type2 li{width: 100%; margin-top: 20px;}

  .photo-list-wrap.type3 li{width: 100%;}
}

.icon-list{border-top: 2px solid #000000;}
.icon-list > ul > li{display: flex; flex-wrap: wrap; border-bottom: 1px solid #dddee0; padding: 41px 0 42px}
.icon-list > ul > li .icon-list-image{width: 80px; height: 80px; text-align: center; line-height: 80px; border: 1px solid #dddee0; border-radius: 5px;}
.icon-list > ul > li .icon-list-image img{vertical-align: middle;}
.icon-list > ul > li .icon-list-content{width: calc(100% - 80px); padding-left: 31px; margin-top: -5px;}
.icon-list > ul > li li{margin-bottom: 0;}
.icon-list > ul > li .flex-inner{display: flex; flex-wrap: wrap;}
.icon-list > ul > li .flex-box{width: 50%;}


.icon-list2 > ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: -40px;}
.icon-list2 > ul > li{width: 48.7%; border-radius: 10px; background-color: #f7f7f7; display: flex; flex-wrap: wrap; margin-top: 40px; padding: 40px 15px 30px 56px;}
.icon-list2 > ul > li .icon-list-image{width: 100px; height: 100px; border-radius: 50%; background-color: white; line-height: 100px; text-align: center;}
.icon-list2 > ul > li .icon-list-image img{vertical-align: middle;}
.icon-list2 > ul > li .icon-list-content{width: calc(100% - 50px); padding-left: 24px;}
.icon-list2 > ul > li li{margin-bottom: 0;}


.icon-list3 > ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: -40px;}
.icon-list3 > ul > li{width: 32%;border-radius: 10px;background-color: #f7f7f7;display: flex;flex-wrap: wrap;margin-top: 40px;padding: 18px 16px 18px 35px;}
.icon-list3 > ul > li .icon-list-image{width: 100px; height: 100px; border-radius: 50%; background-color: white; line-height: 100px; text-align: center;}
.icon-list3 > ul > li .icon-list-image img{vertical-align: middle;}
.icon-list3 > ul > li .icon-list-content{width: calc(61% - 47px);padding-left: 20px;padding-top: 10px;}

.icon-list3 > ul > li li{margin-bottom: 0;}

.intro-background{background: #f7f7f7 url(../../images/guide/box_background.png) no-repeat right -150px top -90px; padding: 55px 60px 60px 40px; border-radius: 5px;}

.background{background-color: #f7f7f7; padding: 25px 40px; border-radius: 5px;}
.background .background-title{border-bottom: 1px solid #cecece; padding-bottom: 9px; margin-bottom: 15px;}
.background .background-title h2{font-size: 22px; color: #333333; font-family: "SBA Light";}

.background-wrap{padding-bottom: 75px; position: relative;}
.banner-wrap{padding: 75px 0 185px 40px; width: calc(100% - 15px); max-width: 1500px; position: relative; margin-left: auto;}
.banner-wrap .banner-image-box{position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-top-left-radius: 5px; overflow: hidden;}
.banner-wrap .banner-image-box img{width: 100%; height: 100%; object-fit: cover;}
.banner-title{max-width: 1000px; border-radius: 5px; box-shadow: rgba(0,0,0,.2) 0 0 12px; overflow: hidden; padding: 70px 42px; z-index: 2; background-color: white; position: relative; margin-top: -125px;}
.banner-title::before,
.banner-title::after{content:""; display: block; position: absolute; width: 315px; height: 315px; background: url(../../images/guide/dots_background.png) no-repeat center center / cover; z-index: -1;}
.banner-title::before{left: -110px; bottom: -190px;}
.banner-title::after{right: -110px; top: -190px;}
.banner-title h1{font-size: 26px; color: #151515; font-family: "SBA Medium";}
.banner-title span{font-size: 16px;; color: #666666; display: block; margin-top: -3px;}

@media screen and (max-width: 1250px) {
  .con-table thead th{padding: 10px 15px;}
  .con-table tbody th{padding: 8px 15px;}
  .con-table tbody td{padding: 8px 15px;}

  .con-table .con-table thead th{padding: 10px;}
  .con-table .con-table tbody th{padding: 8px 10px;}
  .con-table .con-table tbody td{padding: 8px 10px;}

  .down-list li{padding: 0 20px;}
}

@media screen and (max-width: 1024px) {
  .big-title-wrap{flex-direction: column; align-items: start;}
  .big-title-link{margin-top: 5px;}

  .down-list li{width: 100%; margin-top: 15px;}
  .down-list li:nth-child(-n+2){margin-top: 15px;}
  .down-list li:first-child{margin-top: 0;}
  .down-list li::after{display: none;}

  .down-list.full li,
  .down-list.full li:nth-child(-n+2){margin-top: 15px;}
  .down-list.full li:first-child{margin-top: 0;}

  .slide-list > ul > li .slide-header .slide-open-button{font-size: 18px; padding: 20px 30px; background-position: right 30px center;}

  .typebox1,
  .typebox2,
  .typebox3,
  .typebox4{flex-direction: column; align-items: start;}

  .typebox1 .typebox-text,
  .typebox2 .typebox-text{margin-bottom: 15px;}

  .typebox4 .typebox-title::after{display: none;}
  .typebox4 .typebox-content{width: 100%; padding-left: 0; margin-top: 15px;}

  .typebox1 dl{margin-bottom: 15px;}
  .typebox1 dl:last-child{margin-bottom: 0;}
  .icon-list > ul > li .typebox1 .typebox-text{margin-bottom: 0;}

  .icon-list > ul > li .flex-inner{flex-direction: column;}
  .icon-list > ul > li .flex-box{width: 100%;}

  .icon-list2 > ul > li{width: 100%; margin-top: 20px; padding: 30px 15px 20px 20px;}
  .icon-list3 > ul > li{width: 49%; margin-top: 20px; padding: 30px 15px 20px 20px;}

  .banner-wrap{width: 100%; margin-left: 0;}
  .banner-wrap .banner-image-box{border-radius: 5px;}
  .banner-title{width: 95%; margin: 0 auto; margin-top: -110px;}
}


@media screen and (max-width: 1000px) {
  .con-table{overflow: hidden; position: relative;}
  .con-table::after{content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../../images/guide/table_scroll.png) no-repeat top 40px center;}
  .con-table.small-table::after{background-position: top 0 center;}
  .con-table table::after{content:""; display: block; position: absolute; left:0; bottom: 0; width: 100%; height: 1px; background-color: #dddee0;}
  .con-table.on::after{display: none;}
  .con-table table{width: 1300px;}
  .con-table .con-table table{width: auto;}
  .con-table .con-table::after{display: none;}
}

@media screen and (max-width: 768px) {
  .objHeading_h2{font-size: 24px;}

  .con-desc,
  .con-desc2,
  .con-desc3,
  .con-desc4,
  .con-list1 > ul > li,
  .con-list3 > ul > li,
  .con-list4 > ul > li,
  .con-list5 > ul > li,
  .num-list2 > ul > li,
  .num-list3 > ul > li,
  .word-list1 > ul > li{font-size: 16px; line-height: 28px;}

  .typebox1 .typebox-text,
  .typebox2 .typebox-text,
  .typebox4 .typebox-content p{font-size: 15px; line-height: 22px;}

  .header-button{flex-direction: column; align-items: start;}
  .header-button .header-link{margin-top: 5px;}

  .infotext-title{flex-direction: column; align-items: start;}
  .infotext-title p{margin-bottom: 0; margin-top: 10px;}

  .big-title-text h1{font-size: 28px;}

  .down-list ul{padding: 27px 0 25px;}
  .down-list li p{font-size: 14px;}
  .down-list li .down-btn-box span{font-size: 12px; margin-right: 24px;}
  .down-list li .down-btn-box{width: 106px; flex-shrink:0;}
  .down-list li .down-btn-box a{margin-bottom: 5px;}
  .down-list li .down-btn-box a:last-child{margin-bottom: 0;}
  .down-list li{flex-direction: column; align-items: start; margin-top: 12px;}
  .down-list li:nth-child(-n+2){margin-top: 12px;}
  .down-list li:first-child{margin-top: 0 !important}
  .down-list li .down-btn-box{margin-top: 5px; width: 100%;}

  .slide-list > ul > li .slide-header .slide-open-button{padding: 20px; font-size: 16px; background-position: right 20px center;}

  .icon-list > ul > li{flex-direction: column; padding: 30px 0;} 
  .icon-list > ul > li .icon-list-content{padding-left: 0; width: 100%; margin-top: 20px;}

  .icon-list2 > ul > li{flex-direction: column;}
  .icon-list2 > ul > li .icon-list-content{padding-left: 0; width: 100%; margin-top: 20px;}

  .icon-list3 > ul > li{flex-direction: column;}
  .icon-list3 > ul > li .icon-list-content{padding-left: 0; width: 100%; margin-top: 20px;}

  .typebox3 .typebox-text{font-size: 15px; line-height: 24px;}

  .intro-background{padding: 40px 30px 40px 30px;}

  .background{padding: 15px 20px;}
  .background .background-title h2{font-size: 18px;}

  .banner-title{padding: 50px 35px;}
  .banner-title h1{font-size: 22px;}
  .banner-title span{font-size: 15px; margin-top: 0;}  


}

/* 가이드2 */
.introduce-wrap{position: relative; margin-bottom: 200px;}
.introduce-image{background: url(../../images/guide/introduce_background.jpg) no-repeat right center / cover; border-radius: 10px; padding: 108px 60px;}
.introduce-text{width: 50%; padding-right: 160px;}
.introduce-text h1{font-size: 22px; color: #ffffff; font-family: "HG Medium";}
.introduce-text p{font-size: 16px; line-height: 26px; color: #ffffff; margin-top: 21px;}
.introduce-wrap .introduce-flower{position: absolute; right: 50%; margin-right: -125px; top: 100px; z-index: 2; border-radius: 10px; overflow: hidden;}

.task-list li{display: flex; flex-wrap: wrap; padding: 60px 0; border-bottom: 1px solid #dddee0;}
.task-list li:last-child{border-bottom: 2px solid #000000;}
.task-list .task-image{width: 595px;overflow: hidden;}
.task-list .task-image img{border-radius: 10px;}
.task-list .task-content{width: calc(100% - 595px); padding-left: 60px; padding-top: 23px;}
.task-list li.main{padding: 0 0 100px;}
.task-list li.main .task-content{margin-top: 25px;}
.task-list li:first-child{border-top: 2px solid #000000;}
.task-list li.main{border-bottom: 0; border-top: 0;}
.task-list .task-content span{color: #0066b5; font-family: "HG Bold"; text-transform: uppercase; font-size: 16px; display: block; margin-bottom: 6px;}
.task-list .task-content h1{font-size: 26px; font-family: "HG Medium"; color: #000000; margin-bottom: 17px;}
.task-list .task-content p{font-size: 17px; line-height: 30px; color: #666666;}
.task-list .task-content a{margin-top: 18px;}

.school-link .school-image{border-radius: 10px; overflow: hidden;}
.school-list{border-bottom: 1px solid #848484; padding-bottom: 68px;}
.school-list ul{display: flex; flex-wrap: wrap; margin: 25px -40px 0;}
.school-list li{width: 50%; padding: 0 40px; margin-top: 25px;}
.school-list .school-list-header{display: flex; align-items: center; justify-content: space-between;}
.school-list .school-list-header h1{font-size: 22px; font-family: "HG Medium"; color: #000000;}
.school-list .school-list-header .school-link{width: 40px; height: 40px; border-radius: 3px; background-color: #999999; background-repeat: no-repeat; background-position: center center; background-image: url(../../images/guide/home_icon.png); text-indent: -9999px;}
.school-list .school-list-header .school-link:hover{background-color: #0066b5;}
.school-list .school-list-content{margin-top: 15px;}
.school-list .school-list-content p{font-size: 16px; line-height: 28px; color: #666666;}

.service-link-wrap{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start;}
.service-link-image-box{width: 655px; padding: 0 60px 45px 0; position: relative;}
.service-link-image{position: relative; z-index: 2; border-radius: 10px; overflow: hidden;}
.service-link-deco{position: absolute; right: 0; bottom: 0; width: calc(100% - 60px); height: calc(100% - 45px); border: 10px solid #f4f4f4; border-radius: 10px;}
.service-link-deco p{font-family: "HG Bold"; font-size: 14px; color: #d8d8d8; position: absolute; transform: rotate(90deg); right: -48px; top: 82px; }
.service-link-list{width: calc(100% - 655px); padding-left: 60px;}
.service-link-list ul.list1{display: flex; flex-wrap: wrap; justify-content: space-between; margin: -10px -22px 0;}
.service-link-list ul.list1 li{width: 50%; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 30px; padding: 0 22px;}
.service-link-list ul.list1 li p{font-size: 17px; color: #555555; width: calc(100% - 50px); margin-top: 7px;}
.service-link-list ul.list1 li a{width: 40px; height: 40px; border-radius: 3px; background-color: #999999; background-repeat: no-repeat; background-position: center center; background-image: url(../../images/guide/home_icon.png); text-indent: -9999px;}
.service-link-list ul.list1 li a:hover{background-color: #0066b5;}
.service-link-list ul.list2{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px;}
.service-link-list ul.list2 li{Width: 50%; border-left: 1px solid #dddee0; padding: 8px 0 8px 30px;}
.service-link-list ul.list2 li a{display: block; font-size: 17px; color: #555555;}
.service-link-list ul.list2 li a:hover{color: #0066b5;}

.image-slider1{position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start;}
.image-slider1 .image-slider{width: calc(100% - 550px);}
.image-slider1 .image-item{padding-bottom: 600px; position: relative; display: block !important;}
.image-slider1 .image-item img{position:absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.image-slider1 .image-slider-text{position: absolute; right: 0; top: 0; height: 100%; width: 550px; background:#0067b3 url(../../images/guide/image-slide-background.png) no-repeat right -70px top -44px; padding: 105px 55px 0; max-height: 600px;}
.image-slider1 .image-slider-text h1{font-size: 30px; font-family: "HG Bold"; color: #ffffff; position: relative; padding-bottom: 21px;}
.image-slider1 .image-slider-text h1::after{content:""; display: block; position: absolute; left: 0; bottom: 0; width: 30px; height: 1px; background-color: rgba(255,255,255,.3);}
.image-slider1 .image-slider-text p{font-size: 17px; line-height: 30px; color: rgba(255,255,255,.7); margin-top: 25px;}
.image-slider1 .image-slider-remote{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; position: absolute; left: 0; bottom: 19%; width: 100%; padding: 0 55px;}
.image-slider1 .image-slider-num{position: relative; display: inline-block;}
.image-slider1 .image-slider-current{font-size: 60px; font-family: "HG Bold"; color: #ffffff;}
.image-slider1 .image-slider-slash{width: 81px; height: 1px; background-color: white; transform: rotate(-45deg); display: inline-block; position: absolute; left: 37px; top: 79px; opacity: .2}
.image-slider1 .image-slider-total{font-size: 40px; color: #ffffff; opacity: .2; position: absolute; right: -61px; bottom: -47px;}
.image-slider1 .image-slider-dots{position: relative; top: 33px;}
.image-slider1 .image-slider-dots .slick-dots{position: static;}
.image-slider1 .image-slider-dots .slick-dots li{width: auto; height: auto; margin: 0 5px;}
.image-slider1 .image-slider-dots button{width: 12px; height: 12px; border-radius: 50%; background: #ffffff; opacity: .3;}
.image-slider1 .image-slider-dots button::before{display: none;}
.image-slider1 .image-slider-dots .slick-active button{background-color: #00b6ad; opacity: 1;}

#imageSlider2{padding-bottom: 103px;}
.main-image-slider-wrap{position: relative; margin-left: auto; max-width: 1702px; display: flex; align-items: start;}
.main-image-slider-wrap::after{content:""; display: block; position: absolute; right: 12%; bottom: -19%; width: 638px; height: 42px; background: url(../../images/guide/hallym_text.png);}
.main-image-slider-box{width: 750px; position: relative; padding: 0 0 0 40px;}
.main-image-slider-box::before{content:""; display: block; position: absolute; left: 0; top: 70px;; width: calc(100% - 20px); height: calc(100% + 26px); border-radius: 5px; background-color: #0066b5; z-index: 1;}
.main-slider-image{border-radius: 5px; overflow: hidden; background-color: white;}
.main-slider-content h1{font-size: 26px; font-family: "HG Medium"; color: #ffffff; margin-top: 30px; padding-right: 60px;}
.main-slider-content p{font-size: 17px; line-height: 30px; color: #ffffff; opacity: .6; margin-top: 10px; padding-right: 60px;}
.main-image-slider{position: relative; z-index: 2;}
.main-image-slider .main-slider-youtube-link .main-slider-image{position: relative; width: 100%; height: 100%; display: block;}
.main-image-slider .main-slider-youtube-link:hover  .main-slider-image::after{content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../../images/guide/btn_play.png) no-repeat center center;}
.main-image-slider-remote{position: absolute; right: 0; bottom: -53px; width: 100%; z-index: 2; display: flex; justify-content: end; padding: 0 60px;}
.main-image-slider-count{margin-right: 28px;}
.main-image-slider-remote .current{font-size: 22px; color: white; font-family: "HG Bold"; position: relative;}
.main-image-slider-remote .current::after{content:""; display: block; position: absolute; right: -20px; top: 22px; width: 30px; height: 1px; transform: rotate(-45deg); background-color: #3385c4;}
.main-image-slider-remote .total{font-size: 16px; color: white; opacity: .3; position: relative; top: 15px; left: 5px;}
.main-image-slider-arrow button{display: inline-block; width: 12px; height: 20px; text-indent: -9999px; opacity: .5; margin: 0 7.5px;}
.main-image-slider-arrow button:hover{opacity: 1;}
.main-image-slider-remote .main-image-slider-prev{background-image: url(../../images/guide/slider_prev.png)}
.main-image-slider-remote .main-image-slider-next{background-image: url(../../images/guide/slider_next.png)}
.main-image-slider-list{width: calc(100% - 750px); padding-left: 40px;}
.main-image-slider-list p{font-size: 26px; color: #000000; font-family: "HG Medium"; margin-top: 25px;}
.main-image-slider-list-image{border-radius: 5px; overflow: hidden;}
.main-image-slider-list .main-image-slider-list-image{position: relative;}
.main-image-slider-list .main-image-slider-list-image::after{content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.3);}
.main-image-slider-list-box .slick-track{margin: 0 -20px;}
.main-image-slider-list-box .slick-slide{padding: 0 20px; transition: padding-top .5s;}
.main-image-slider-list-box .slick-slide.slick-now,
.main-image-slider-list-box .slick-slide.slick-active{padding-top: 70px;}

.image-list1 > ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: -40px;}
.image-list1 > ul > li{width: 48.67%; position: relative; border-radius: 5px; overflow: hidden; margin-top: 40px;}
.image-list1 > ul > li .image-list-image img{width: 100%;}
.image-list1 > ul > li .image-list-content{position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(180deg, transparent 30%, rgba(34,34,34,1) 70%); display: flex; flex-direction: column; justify-content: end; padding: 40px;}
.image-list1 > ul > li .image-list-content h1{font-size: 22px; color: #ffffff;}
.image-list1 > ul > li .image-list-content p{font-size: 17px; line-height: 30px; color: #ffffff; opacity: .7; margin-top: 18px;}

.image-list2{margin-top: 180px;}
.image-list2 > ul{margin-top: -75px;}
.image-list2 > ul > li{margin-top: 75px;}
.image-list2 > ul > li .image-list-image{position: relative;}
.image-list2 > ul > li .image-list-image img{border-radius: 5px;}
.image-list2 > ul > li .image-list-logo{position: absolute; right: 130px;; top: -50px; border-radius: 5px; width: 100px; height: 100px; text-align: center; line-height: 100px; border-radius: 5px; overflow: hidden;}
.image-list2 > ul > li .image-list-logo::before{content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0,102,179,1) 0%, rgba(0,182,173,1) 100%); opacity: .8;}
.image-list2 > ul > li .image-list-logo img{vertical-align: middle; position: relative; z-index: 2;}
.image-list2 > ul > li .images-list-content{margin-left: 135px; position: relative; padding: 79px 0 14px 42px; z-index: 2; top: -35px;}
.image-list2 > ul > li .images-list-content::before{content:""; display: block; position: absolute; left: 0; top: 0; width: 3px; height: 100%; background-color: #0067b3;}
.image-list2 > ul > li .images-list-content .num{display: inline-block; font-family: "HG Bold"; color: #0067b3; font-size: 30px; margin-right: 11px;}
.image-list2 > ul > li .images-list-content h1{display: inline-block; font-size: 22px; font-family: "HG Medium"; color: #000000; position: relative; top: -3px;}
.image-list2 > ul > li .images-list-content p{font-size: 17px; line-height: 30px; color: #555555; margin-top: 2px;}

@media screen and (max-width: 1250px) {
  .introduce-image{padding: 80px 40px;}

  .task-list .task-image{width: 400px;}
  .task-list .task-content{width: calc(100% - 400px); padding-left: 40px;}

  .service-link-image-box{width: 450px; padding: 0 50px 40px 0;}
  .service-link-deco{width: calc(100% - 50px); height: calc(100% - 40px);}
  .service-link-list{width: calc(100% - 450px); padding-left: 40px;}
  .service-link-list ul.list1{margin: 0 -10px;}
  .service-link-list ul.list1 li{margin-top: 15px; padding: 0 10px;}

  .image-slider1 .image-slider-text{width: 500px;}

  .main-image-slider-box{width: 500px;}
  .main-slider-content h1{font-size: 22px; padding-right: 40px;}
  .main-slider-content p{font-size: 16px; line-height: 25px; margin-top: 5px; padding-right: 40px;}
  .main-image-slider-list{width: calc(100% - 500px); padding-left: 20px;}
  .main-image-slider-list p{font-size: 22px;}
  .main-image-slider-list-box .slick-slide.slick-active{padding-top: 40px;}
  .main-image-slider-list-box .slick-slide img{width: 100%;}

  .image-list1 > ul > li{border-radius: 0;}
  .image-list1 > ul > li .image-list-image{border-radius: 5px; overflow: hidden;}
  .image-list1 > ul > li .image-list-image img{object-fit: cover;}
  .image-list1 > ul > li .image-list-content{padding: 10px; position: static; background: none; height: auto;}
  .image-list1 > ul > li .image-list-content h1{font-size: 18px; color: #111111;}
  .image-list1 > ul > li .image-list-content p{font-size: 16px; line-height: 25px; margin-top: 10px; color: #111111;}

  .image-list2 > ul > li .images-list-content{margin-left: 80px;}
}

@media screen and (max-width: 1024px) {
  .introduce-image{padding: 80px 40px 200px}
  .introduce-text{width: 100%; padding-right: 0; text-align: center;}
  .introduce-wrap .introduce-flower{top: 60%;}

  .task-list .task-image{width: 100%;}
  .task-list .task-image img{width: 100%;}
  .task-list .task-content{width: 100%; padding-left: 0; margin-top: 25px; padding-top: 0;}

  .school-list{padding-bottom: 50px;}
  .school-list ul{margin: 15px -20px 0;}
  .school-list li{padding: 0 20px; margin-top: 15px;}

  .service-link-image-box{width: 100%;}
  .service-link-image img{width: 100%;}
  .service-link-list{width: 100%; padding-left: 0;}

  .image-slider1{flex-direction: column;}
  .image-slider1 .image-slider{width: 100%;}
  .image-slider1 .image-slider-box{margin-bottom: 0;}
  .image-slider1 .image-item{padding-bottom: 56.25%;}
  .image-slider1 .image-slider-text{position: relative; width: 100%; padding: 50px 30px 200px; background-position: right -50px top -30px; background-size: 300px;}
  .image-slider1 .image-slider-text h1{font-size: 25px; padding-bottom: 15px;}
  .image-slider1 .image-slider-text p{font-size: 15px; line-height: 26px; margin-top: 15px;}
  .image-slider1 .image-slider-remote{padding: 0 30px;}
  .image-slider1 .image-slider-current{font-size: 40px;}
  .image-slider1 .image-slider-slash{width: 60px; left: 23px; top: 52px;}
  .image-slider1 .image-slider-total{font-size: 20px; right: -35px; bottom: -25px;}
  .image-slider1 .image-slider-dots{top: 25px;}

  #imageSlider2{padding-bottom: 0;}
  .main-image-slider-wrap{flex-direction: column;}
  .main-image-slider-wrap::after{display: none;}
  .main-image-slider-box{width: 100%; padding: 0;}
  .main-slider-image{margin-left: 40px;}
  .main-slider-image img{width: 100%;}
  .main-slider-content{padding-left: 20px;}
  .main-image-slider-list{width: 100%; padding-left: 0; margin-top: 120px;}
  .main-image-slider-list-box .slick-slide.slick-active{padding-top: 0;}
  .main-image-slider-list-box .slick-track{margin: 0 -10px;}
  .main-image-slider-list-box .slick-slide{padding: 0 10px;}
  .main-image-slider-list p{font-size: 16px; margin-top: 15px;}

  .image-list1 > ul{margin-top: -20px;}
  .image-list1 > ul > li{width: 100%; margin-top: 20px;}

  .image-list2{margin-top: 175px;}
  .image-list2 > ul > li .image-list-logo{right: 20px;}
  .image-list2 > ul > li .images-list-content{padding: 60px 0 10px 25px;}
  .image-list2 > ul > li .images-list-content .num{font-size: 24px;}    
  .image-list2 > ul > li .images-list-content h1{font-size: 18px; top: -1px;}
  .image-list2 > ul > li .images-list-content p{font-size: 16px; line-height: 25px;}
}

@media screen and (max-width: 768px) {
  .introduce-image{padding: 40px 20px 150px}
  .introduce-text h1{font-size: 18px;}
  .introduce-text p{font-size: 15px; line-height: 22px; margin-top: 15px;}
  .introduce-wrap .introduce-flower{top: 65%; width: 160px; margin-right: -80px;}

  .task-list li{padding: 30px 0}
  .task-list li.main{padding: 0 0 60px;}
  .task-list .task-content span{font-size: 14px;}
  .task-list .task-content h1{font-size: 22px; margin-bottom: 10px;}
  .task-list .task-content p{font-size: 15px; line-height: 26px;}
  .task-list .task-content a{margin-top: 15px;}

  .school-list{padding-bottom: 30px;}
  .school-list ul{margin: 10px 0 0;}
  .school-list li{width: 100%; padding: 0; margin-top: 10px;}
  .school-list .school-list-header h1{font-size: 18px;}
  .school-list .school-list-content{margin-top: 5px;}
  .school-list .school-list-content p{font-size: 15px; line-height: 25px;}

  .service-link-list{margin-top: 20px;}
  .service-link-list ul.list1 {margin: 0;}
  .service-link-list ul.list1 li{width: 100%; padding: 0;}
  .service-link-list ul.list1 li p{font-size: 16px; line-height: 24px; margin-top: 8px;}
  .service-link-list ul.list2 li{padding: 5px 0 5px 10px; width: 100%;}
  .service-link-list ul.list2 li a{font-size: 16px;}

  .image-list1 > ul > li .image-list-content h1{font-size: 16px;}
  .image-list1 > ul > li .image-list-content p{font-size: 15px; line-height: 25px; margin-top: 5px;}

  .image-list2{margin-top: 100px;}
  .image-list2 > ul{margin-top: -40px;}
  .image-list2 > ul > li{margin-top: 40px;}
  .image-list2 > ul > li .image-list-logo{width: 60px; height: 60px; line-height: 60px; top: -30px;}
  .image-list2 > ul > li .image-list-logo img{width: 40px;}
  .image-list2 > ul > li .images-list-content{margin-left: 20px;}
  .image-list2 > ul > li .images-list-content .num{font-size: 20px; margin-right: 5px;}    
  .image-list2 > ul > li .images-list-content h1{font-size: 16px;}
  .image-list2 > ul > li .images-list-content p{font-size: 15px; line-height: 25px;}

  .main-image-slider-list-box .slick-slide.slick-now,
  .main-image-slider-list-box .slick-slide.slick-active{padding-top: 0;}
}

/* 가이드3 */
.univ-introduce-wrap{position: relative;}
.univ-introduce-wrap::before{content:""; display: block; position: absolute; left: 0; top: 0; width: 42%; height: 380px; background: url(../../images/guide/hallym_background_2.jpg);}
.univ-introduce-inner{display: flex; flex-wrap: wrap; justify-content: space-between;}
.univ-introduce-left{width: 680px; position: relative; z-index: 2; padding: 38px 0 0 180px}
.univ-introduce-left span{color: #5f8bcf; font-size: 14px; font-family: "HG Bold"; text-transform: uppercase;}
.univ-introduce-left h1{color: #ffffff; font-size: 36px; font-family: "SBA Medium"; margin-bottom: 26px; margin-top: -3px;}
.univ-introduce-image{border-radius: 5px; overflow: hidden;}
.univ-introduce-right{width: calc(100% - 680px); padding-left: 60px; padding-top: 54px;}
.univ-introduce-right h1{color: #000000; font-size: 26px; font-family: "SBA Light"; margin-bottom: 18px;}
.univ-introduce-right h2{font-size: 17px; font-family: "HG Medium"; margin: 20px 0 10px;}
.univ-introduce-right .loc {position: relative;}
.univ-introduce-right .loc ul {display: flex; margin-top: 25px;}
.univ-introduce-right .loc li {font-size: 15px;color: #666;font-family: 'HG Regular';margin-right: 50px;line-height: 30px;}
.univ-introduce-right .loc .location {font-family: 'HG Medium';font-size: 15px;color: #000;position: relative;padding-left: 40px;padding-right: 14px;margin-right: 15px;}
.univ-introduce-right .location::after {content: '';width: 1px;height: 9px;background: #ccc;position: absolute;right: 0;top: 50%;margin-top: -4px;}
.univ-introduce-right .location::before {content: '';width: 30px;height: 30px;background: #E8F4FD url('../../images/guide/icon-map.png') no-repeat center;border-radius: 50%;position: absolute;left: 0;}
.univ-introduce-right .loc .tel {font-family: 'HG Medium';font-size: 15px;color: #000;position: relative;padding-left: 40px;padding-right: 14px;margin-right: 15px;}
.univ-introduce-right .tel::after {content: '';width: 1px;height: 9px;background: #ccc;position: absolute;right: 0;top: 50%;margin-top: -4px;}
.univ-introduce-right .tel::before {content: '';width: 30px;height: 30px;background: #E8F4FD url('../../images/guide/icon-tel1.png') no-repeat center;border-radius: 50%;position: absolute;left: 0;}

.class-introduce-wrap > ul > li{display: flex; flex-wrap: wrap; align-items: center; position: relative; justify-content: space-between; margin-bottom: 50px; background: url(../../images/guide/class_background.png) no-repeat right 35px bottom 40px;}
.class-introduce-wrap > ul > li:last-child{margin-bottom: 0;}
.class-introduce-wrap > ul > li .class-introduce-header{position: absolute; right: 0; top: 0; width: 100%; display: flex; justify-content: end; align-items: end; flex-wrap: wrap; z-index: 2;}
.class-introduce-wrap > ul > li .class-introduce-header::before{content:""; display: block; width: 53.34%; height: 1px; background-color: #000000;}
.class-introduce-wrap > ul > li .class-introduce-header a{margin-left: 65px;}
.class-introduce-wrap > ul > li .class-introduce-header a.hidden-link{visibility: hidden;}
.class-introduce-wrap > ul > li .class-introduce-image{width: 43.67%; position: relative;}
.class-introduce-wrap > ul > li .class-introduce-image::after{content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(240,244,247,0) 0%, rgba(240,244,247,0) 67%, rgba(240,244,247,1) 100%); opacity: .7;}
.class-introduce-wrap > ul > li .class-introduce-image img{width: 100%; border-radius: 5px;}
.class-introduce-wrap > ul > li .class-introduce-content{width: 56.33%; padding-left: 80px; margin-top: 45px;}
.class-introduce-wrap > ul > li .class-introduce-content span{font-size: 17px; color: #0066b5; display: block; margin-bottom: 10px;}
.class-introduce-wrap > ul > li .class-introduce-content h1{font-size: 36px; color: #000000; font-family: "SBA Medium"; margin-bottom: 35px;}
.class-introduce-wrap > ul > li .class-introduce-content p{font-size: 16px; color: #333333; margin-bottom: 12px;}
.class-introduce-wrap > ul > li .class-introduce-content > *:last-child{margin-bottom: 0;}

.image-banner-wrap{background: url(../../images/guide/image_banner_1.jpg) no-repeat center center / cover; border-radius: 5px; padding: 112px 20px 96px;}
.image-banner-text{text-align: center;}
.image-banner-text span{font-size: 18px; color: white; display: block; margin-bottom: 5px;}
.image-banner-text h1{font-size: 40px; color: white; font-family: "SBA Medium";}

.logo-list-wrap{background: url(../../images/guide/logo_list_background.jpg) no-repeat center center / cover; padding: 101px 20px;}
.logo-list-inner li{background-color: white; display: flex; flex-wrap: wrap; border-radius: 5px; margin-bottom: 20px; padding: 22px 0;}
.logo-list-inner li:last-child{margin-bottom: 0;}
.logo-list-inner li .logo-list-image{text-align: center; width: 136px;}
.logo-list-inner li p{width: calc(100% - 136px); font-size: 17px; color: #666666; padding-right: 10px;}

.logo-list1 > ul > li{display: flex; flex-wrap: wrap; padding-bottom: 50px; position: relative;}
.logo-list1 > ul > li::after{content:""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: linear-gradient(90deg, rgba(0,102,179,1) 0%, rgba(0,182,173,1) 100%);}
.logo-list1 > ul > li .logo-image{width: 156px;}
.logo-list1 > ul > li .logo-list-content{width: calc(100% - 156px); padding-left: 35px;}
.logo-list1 > ul > li .logo-list-content-header{display: flex; justify-content: space-between; flex-wrap: wrap; line-height: 30px; margin-bottom: 14px;}
.logo-list1 > ul > li .logo-list-content-header h1{font-size: 26px; color: #000000; font-family: "HG Medium";}
.logo-list1 > ul > li .logo-list-content-content .logo-list-title{font-size: 16px; color: #333333; display: block; margin: 18px 0 16px;}

.list-arrow-wrap > ul{display: flex; justify-content: stretch;}
.list-arrow-wrap > ul > li{flex: 1; padding-right: 40px; position: relative;}
.list-arrow-wrap > ul > li::after{content:""; display: block; position: absolute; right: 12px; top: 50%; width: 15px; height: 25px; margin-top: -12.5px; background: url(../../images/guide/list_arrow.png) no-repeat;}
.list-arrow-wrap > ul > li:last-child{padding-right: 0; padding-bottom: 0;}
.list-arrow-wrap > ul > li:last-child::after{display: none;}
.list-arrow-wrap > ul > li .list-arrow-box{border: 1px solid #000000; border-radius: 5px; display: flex; align-items: center; height: 100%; padding: 15px 0;}
.list-arrow-wrap > ul > li .list-arrow-box .list-arrow-logo{width: 80px; text-align: center;}
.list-arrow-wrap > ul > li .list-arrow-box .list-arrow-text{width: calc(100% - 80px)}
.list-arrow-wrap > ul > li .list-arrow-box .list-arrow-text span{color: #00b6ad; font-size: 13px; font-family: "HG Medium"; display: block;}
.list-arrow-wrap > ul > li .list-arrow-box .list-arrow-text p{font-size: 15px; line-height: 24px; color: #555555}

.circle-wrap{display: flex; align-items: center; justify-content: center; position: relative; margin: 0 auto; margin-bottom: 125px; width: 400px; height: 400px; text-align: center;}
.outer-circle{width: 100%; height: 100%; border: 1px dashed rgba(17,17,17,.2); border-radius: 50%; padding: 25px; display: inline-block;}
.outer-circle .inner-circle{border: 1px solid rgba(0,0,0,.05); width: 100%; height: 100%; border-radius: 50%; padding: 25px;}
.outer-circle .inner-circle .circle-content{width: 100%; height: 100%; border: 10px solid #3485d3; background-color: #ebf7ff; border-radius: 50%; text-align: center; line-height: 270px;}
.outer-circle .inner-circle .circle-content img{vertical-align: middle;}
.circle-wrap > .circle-content{position: absolute; width: 210px; height: 210px; border-radius: 50%; box-shadow: 0 0 20px rgba(71,71,71,.1); background-color: white; display: flex; justify-content: center; align-items: center; text-align: center; flex-direction: column; padding: 10px;}
.circle-wrap > .circle-content h1{font-size: 22px; color: #000000; font-family: "HG Medium";}
.circle-wrap > .circle-content p{font-size: 15px; line-height: 22px; color: #666666; margin-top: 10px;}
.circle-wrap > .circle-content.circle_1{left: -28.34%; top: 96px;}
.circle-wrap > .circle-content.circle_2{right: -28.34%; top: 96px;}
.circle-wrap > .circle-content.circle_3{top: 315px;}

.ready-wrap{border: 6px solid #eeeeee; border-radius: 10px; background-color: white; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 68px 20px 67px;}
.ready-text{text-align: center; margin-top: 28px;}
.ready-text h1{color: #000000; font-size: 40px; font-family: "HG Medium";}
.ready-text p{font-size: 22px; color: #666666;}

@media screen and (max-width:1500px) {
  .univ-introduce-right .loc ul {flex-direction: column;}
  .univ-introduce-right .loc li {margin-bottom: 20px;}
}

@media screen and (max-width: 1250px) {
  .univ-introduce-left{width: 500px; padding: 30px 0 0 60px;}
  .univ-introduce-right{width: calc(100% - 500px); padding-left: 40px;}

  .class-introduce-wrap > ul > li .class-introduce-content span{font-size: 15px; margin-bottom: 5px;}
  .class-introduce-wrap > ul > li .class-introduce-content h1{font-size: 30px; margin-bottom: 20px;}
  .class-introduce-wrap > ul > li .class-introduce-content p{font-size: 14px; margin-bottom: 7px;}
}

@media screen and (max-width: 1024px) {
  .univ-introduce-wrap::before{width: 90%; height: 250px; max-height: 300px; left: -20px;}
  .univ-introduce-left{width: 100%; padding: 30px 0 0 60px;}
  .univ-introduce-image img{width: 100%;}
  .univ-introduce-right{width: 100%; padding-left: 0; margin-top: 50px; padding-top: 0;}

  .class-introduce-wrap > ul > li{flex-direction: column; background-position: right bottom;}
  .class-introduce-wrap > ul > li .class-introduce-header{position: static; justify-content: start;}
  .class-introduce-wrap > ul > li .class-introduce-header::before{display: none;}
  .class-introduce-wrap > ul > li .class-introduce-header a{margin-left: 0;}
  .class-introduce-wrap > ul > li .class-introduce-header a.hidden-link{display: none;}
  .class-introduce-wrap > ul > li .class-introduce-image{width: 100%; margin-top: 10px;}
  .class-introduce-wrap > ul > li .class-introduce-content{width: 100%; padding-left: 0; margin-top: 30px;}

  .image-banner-wrap{padding: 80px 20px 65px;}
  .image-banner-text span{font-size: 15px;}
  .image-banner-text h1{font-size: 30px;}

  .logo-list-wrap{padding: 50px 20px;}
  .logo-list-inner li{flex-direction: column; align-items: center; padding: 20px;}
  .logo-list-inner li p{width: 100%; padding: 0; text-align: center; margin-top: 15px;}

  .list-arrow-wrap > ul > li .list-arrow-box{flex-direction: column;}
  .list-arrow-wrap > ul > li .list-arrow-box .list-arrow-logo{width: 100%;}
  .list-arrow-wrap > ul > li .list-arrow-box .list-arrow-text{width: 100%; padding: 0 10px; margin-top: 15px;}

  .ready-wrap{padding: 50px 20px;}
  .ready-text h1{font-size: 30px;}
  .ready-text p{font-size: 18px;}
}

@media screen and (max-width: 768px) {
  .univ-introduce-left{padding: 20px 0 0 30px;}
  .univ-introduce-left h1{font-size: 28px; margin-bottom: 15px;}
  .univ-introduce-right h1{font-size: 20px;}
  .univ-introduce-right p{font-size: 15px; line-height: 25px;}
  .univ-introduce-right h2{font-size: 16px; }
  .univ-introduce-right .loc li {margin-bottom: 10px;}

  .image-banner-wrap{padding: 60px 20px 45px;}
  .image-banner-text span{font-size: 14px;}
  .image-banner-text h1{font-size: 25px;}

  .logo-list-inner li p{font-size: 15px; line-height: 24px; margin-top: 10px;}

  .logo-list1 > ul > li{padding-bottom: 30px;}
  .logo-list1 > ul > li{flex-direction: column;}
  .logo-list1 > ul > li .logo-image{width: 100%; text-align: center;}
  .logo-list1 > ul > li .logo-list-content{width: 100%; padding-left: 0; margin-top: 20px;}
  .logo-list1 > ul > li .logo-list-content-header{flex-direction: column; justify-content: start;}
  .logo-list1 > ul > li .logo-list-content-header h1{margin-bottom: 10px;}

  .list-arrow-wrap > ul{flex-direction: column;}
  .list-arrow-wrap > ul > li{padding-right: 0; padding-bottom: 40px;}
  .list-arrow-wrap > ul > li::after{transform: rotate(90deg); right: 50%; margin-right: -7.5px; top: 100%; margin-top: -32px;}
  .list-arrow-wrap > ul > li .list-arrow-box .list-arrow-text{text-align: center;}

  .circle-wrap{width: 300px; height: 300px;}
  .outer-circle .inner-circle .circle-content{line-height: 185px;}
  .outer-circle .inner-circle .circle-content img{width: 80px;}
  .circle-wrap > .circle-content{width: 160px; height: 160px;}
  .circle-wrap > .circle-content h1{font-size: 16px;}
  .circle-wrap > .circle-content p{font-size: 14px; line-height: 20px;}
  .circle-wrap > .circle-content.circle_1{top: 80px; left: -17.34%}
  .circle-wrap > .circle-content.circle_2{top: 80px; right: -17.34%}
  .circle-wrap > .circle-content.circle_3{top: 215px;}

  .ready-wrap{padding: 40px 20px;}
  .ready-text{margin-top: 20px;}
  .ready-text h1{font-size: 25px;}
  .ready-text p{font-size: 15px;}
}

.content-manager-wrap{display: flex; border-radius: 10px; border: 1px solid #dddddd; overflow: hidden;}
.content-manager-wrap .content-manager-title{background-color: #f7f7f7; display: flex; align-items: center; justify-content: center; width: 285px;}
.content-manager-wrap .content-manager-title h1{font-size: 16px; color: #4b4b4b; font-family: "HG Medium";}
.content-manager-wrap .content-manager-content{display: flex; justify-content: space-between; align-items: center; width: calc(100% - 285px); padding: 33px 69px 33px 60px;}
.content-manager-wrap .content-manager-content ul{display: flex; align-items: center;} 
.content-manager-wrap .content-manager-content li{display: flex; align-items: center; margin-right: 60px;}
.content-manager-wrap .content-manager-content li:last-child{margin-right: 0;}
.content-manager-wrap .content-manager-content li p{font-size: 16px; color: #333333; margin-left: 30px;}
.content-manager-wrap .content-manager-content > p{font-size: 14px; color: #666666}
/* .content-manager-empty{height: 50px;} */

@media screen and (max-width: 1400px) {
  .content-manager-wrap .content-manager-content{padding: 33px 40px;}
  .content-manager-wrap .content-manager-content li{margin-right: 40px;}
}

@media screen and (max-width: 1250px) {
  .content-manager-wrap .content-manager-title{width: 200px;}
  .content-manager-wrap .content-manager-content{width: calc(100% - 200px); flex-direction: column; align-items: start;}
  .content-manager-wrap .content-manager-content li{flex-wrap: wrap;}
  .content-manager-wrap .content-manager-content > p{margin-top: 20px;}
}

@media screen and (max-width: 1024px) {
  .content-manager-wrap .content-manager-content{padding: 20px 25px;}
  .content-manager-wrap .content-manager-content li{margin-right: 20px;}
  .content-manager-wrap .content-manager-content li p{font-size: 14px; margin-left: 15px;}
}

@media screen and (max-width: 768px) {
  .content-manager-wrap{flex-direction: column;}
  .content-manager-wrap .content-manager-title{width: 100%; padding: 15px 0;}
  .content-manager-wrap .content-manager-content{width: 100%; padding: 17px 25px;}
  .content-manager-wrap .content-manager-content > p{margin-top: 6px;}
  .content-manager-wrap .content-manager-content ul{flex-wrap: wrap; width: 100%; margin-top: -5px;}
  .content-manager-wrap .content-manager-content li{align-items: center; width: auto; margin-right: 33px; text-align: left; margin-top: 5px;}
  .content-manager-wrap .content-manager-content li:last-child{flex-basis: 100%; margin-right: 0; position: relative; left: -1px;}
  .content-manager-wrap .content-manager-content li .content-manager-image{transform: scale(0.741);}
  .content-manager-wrap .content-manager-content li p{margin-left: 13px; word-break: break-all;}
}

/* 템플릿 가이드 */
.greeting .visual {display: flex;align-items: flex-start;position: relative;width: 100%;margin-top: 145px;}
.greeting .visual::before {content: '';position: absolute;left: 50%;transform: translateX(-50%);top: 0;width: 100vw;height: 94%;background: #f6faff url('../../images/sub/greeting-bg.png') no-repeat right bottom -13px;z-index: -1;}
.greeting .visual::after {content: 'HALLYM UNIVERSITY';position: absolute;width: 100vw;text-align: right;left: 50%;transform: translateX(-50%);top: -67px;color: #f4f4f4;font-size: 60px;font-family: 'HG Bold';}
.greeting .img-box {transform: translateY(-80px);margin-right: 60px;border-radius: 10px;overflow: hidden;}
.greeting .txt-box {padding-top: 80px;flex-shrink: 0;}
.greeting .txt-box span {position: relative;display: block;margin-bottom: 5px;padding-top: 17px;font-size: 16px;color: #b5b5b5;font-family: 'SBA Light';}
.greeting .txt-box span::before {content: '';position: absolute;top: 0;left: 0;width: 30px;height: 2px;background: #525355;}
.greeting .txt-box .sub-tit {display: block;margin-bottom: 32px;font-size: 26px;color: #000;font-family: 'SBA Light';}
.greeting .txt-box .tit {font-size: 60px;line-height: 1.2;font-family: 'SBA Medium';}
.greeting .txt-box .tit i {display: block;color: #0067b3;}
.greeting .txt-box .tit em {color: #00b6ad;}
.greeting .desc {padding-top: 16px;font-size: 17px;color: #555;font-family: 'HG Regular';line-height: 1.85;}
.greeting .desc i {display: block;height: 25px;}
.greeting .desc .author {float: right;margin-top: 25px;}
.greeting .desc .author span {margin-right: 20px;font-size: 17px;color: #555;font-family: 'HG Regular';}
.greeting .desc .author strong {font-size: 24px;color: #000;letter-spacing: 8px;font-family: 'HG Medium';}

@media screen and (max-width: 1300px) {
  .greeting .visual::before {height: 100%;background-size: 370px;}
  .greeting .visual::after {font-size: 48px;top: -54px;}
  .greeting .img-box {transform: translateY(-50px);}
  .greeting .txt-box {padding-top: 60px;}
  .greeting .txt-box .sub-tit {width: 400px;margin-bottom: 26px;}
  .greeting .txt-box .tit {font-size: 55px;}
}

@media screen and (max-width: 1024px) {
  .greeting .visual::before {background-size: 280px;}
  .greeting .visual::after {font-size: 42px;top: -46px;}
  .greeting .img-box {transform: translateY(-38px);max-width: 450px;}
  .greeting .txt-box .sub-tit {width: 300px;margin-bottom: 20px;font-size: 21px;}
  .greeting .txt-box .tit {font-size: 47px;}
}

@media screen and (max-width: 880px) {
  .greeting .visual {flex-direction: column;align-items: center;}
  .greeting .visual::before  {height: 108%;}
  .greeting .visual::after {font-size: 38px;top: -43px; display: none;}
  .greeting .img-box {margin-right: 0;margin-left: -65px;max-width: 400px;}
  .greeting .desc {padding-top: 80px;}
  .greeting .txt-box  {padding-top: 0;}
  .greeting .txt-box span {margin-bottom: 5px;}
  .greeting .txt-box .sub-tit {width: auto;font-size: 20px;}
  .greeting .txt-box .tit {font-size: 40px;}
}

@media screen and (max-width:520px) {
  .greeting .visual {align-items: flex-start;}
  .greeting .visual::before {background-size: 210px;}
  .greeting .visual::after {width: 100%;left: 0;transform: translateX(0);font-size: 25px;top: -31px}
  .greeting .img-box {margin-left: 0;}
  .greeting .txt-box span {font-size: 15px;}
  .greeting .txt-box .sub-tit {margin-bottom: 16px;font-size: 17px;}
  .greeting .txt-box .tit {font-size: 33px;}
  .greeting .desc {font-size: 16px;}
  .greeting .desc i {height: 20px;}
  .greeting .desc .author strong {font-size: 22px;}
}

.greeting2 .visual {display: flex;align-items: flex-start;position: relative;width: 100%;margin-top: 145px; padding: 54px 0; flex-wrap: wrap;}
.greeting2 .visual::before {content: '';position: absolute;left: 50%;transform: translateX(-50%);top: 0;width: 100vw;height: 100%;background: #f6faff url('../../images/sub/greeting-bg.png') no-repeat right bottom -13px;z-index: -1;}
.greeting2 .visual::after {content: 'HALLYM UNIVERSITY';position: absolute;width: 100vw;text-align: right;left: 50%;transform: translateX(-50%);top: -67px;color: #f4f4f4;font-size: 60px;font-family: 'HG Bold';}
.greeting2 .img-box {margin-right: 60px;border-radius: 10px;overflow: hidden;}
.greeting2 .txt-box {padding-top: 59px;flex-shrink: 0;}
.greeting2 .txt-box span {position: relative;display: block;margin-bottom: 5px;padding-top: 17px;font-size: 16px;color: #b5b5b5;}
.greeting2 .txt-box span::before {content: '';position: absolute;top: 0;left: 0;width: 30px;height: 2px;background: #525355;}
.greeting2 .txt-box .sub-tit {display: block;margin-bottom: 32px;font-size: 26px;color: #000;font-family: 'SBA Light';}
.greeting2 .txt-box .tit {font-size: 50px;line-height: 1.2;font-family: 'SBA Medium';}
.greeting2 .txt-box .tit i {display: block;color: #0067b3;}
.greeting2 .txt-box .tit em {color: #00b6ad;}
.greeting2 .desc {padding-top: 16px;font-size: 17px;color: #555;font-family: 'HG Regular';line-height: 1.85;}
.greeting2 .desc i {display: block;height: 25px;}
.greeting2 .desc .author {text-align: right; margin-top: 25px;}
.greeting2 .desc .author span {margin-right: 20px;font-size: 17px;color: #555;font-family: 'HG Regular';}
.greeting2 .desc .author strong {font-size: 24px;color: #000;letter-spacing: 8px;font-family: 'HG Medium';}

@media screen and (max-width: 1300px) {
  .greeting2 .visual::before {height: 100%;background-size: 370px;}
  .greeting2 .visual::after {font-size: 48px;top: -54px;}
  .greeting2 .txt-box {padding-top: 60px;}
  .greeting2 .txt-box .sub-tit {width: 400px;margin-bottom: 26px;}
  .greeting2 .txt-box .tit {font-size: 55px;}
}

@media screen and (max-width: 1024px) {
  .greeting2 .visual::before {background-size: 280px;}
  .greeting2 .visual::after {font-size: 42px;top: -46px;}
  .greeting2 .img-box {max-width: 450px;}
  .greeting2 .txt-box .sub-tit {width: 300px;margin-bottom: 20px;font-size: 21px;}
  .greeting2 .txt-box .tit {font-size: 40px;}
}

@media screen and (max-width: 880px) {
  .greeting2 .visual {flex-direction: column;align-items: center; padding: 0;}
  .greeting2 .visual::before  {height: 108%;}
  .greeting2 .visual::after {font-size: 38px;top: -43px; display: none;}
  .greeting2 .img-box {margin-right: 0;margin-left: -65px;max-width: 400px;}
  .greeting2 .desc {padding-top: 80px;}
  .greeting2 .txt-box  {padding-top: 0; margin-top: 36px;}
  .greeting2 .txt-box span {margin-bottom: 5px;}
  .greeting2 .txt-box .sub-tit {width: auto;font-size: 20px;}
  .greeting2 .txt-box .tit {font-size: 40px;}
}

@media screen and (max-width:520px) {
  .greeting2 .visual {align-items: flex-start;}
  .greeting2 .visual::before {background-size: 210px;}
  .greeting2 .visual::after {width: 100%;left: 0;transform: translateX(0);font-size: 25px;top: -31px}
  .greeting2 .img-box {margin-left: 0;}
  .greeting2 .txt-box span {font-size: 15px;}
  .greeting2 .txt-box .sub-tit {margin-bottom: 16px;font-size: 17px;}
  .greeting2 .txt-box .tit {font-size: 33px;}
  .greeting2 .desc {font-size: 16px;}
  .greeting2 .desc i {height: 20px;}
  .greeting2 .desc .author strong {font-size: 22px;}
}

.greeting3 .greeting-image-box{position: relative; }
.greeting3 .greeting-image{height: 350px; border-radius: 10px; overflow: hidden;}
.greeting3 .greeting-image img{object-fit: cover; width: 100%; height: 100%; display: block;}
.greeting3 .greeting-image-text{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; z-index: 2; display: flex; flex-wrap: wrap; align-items: center; padding: 0 80px;}
.greeting3 .greeting-image-text > span{display: block; width: 100%; font-size: 22px; color: #ffffff; font-family: "SBA Light";}
.greeting3 .greeting-image-text h1{font-family: "SBA Light"; font-size: 50px; color: #ffffff;}
.greeting3 .greeting-image-text h1 span{font-family: "SBA Medium";}
.greeting3 .greeting-content{margin-top: 42px;}
.greeting3 .greeting-content > h1{color: #042e6f; font-family: "HG Bold"; font-size: 32px; font-weight: normal;}
.greeting3 .greeting-content > p{font-size: 17px; line-height: 30px; color: #555555; margin-top: 13px;}
.greeting3 .greeting-content i{display: block; height: 25px;}
.greeting3 .greeting-content .author{text-align: right; margin-top: 25px;;}
.greeting3 .greeting-content .author span{margin-right: 20px;font-size: 17px;color: #555;font-family: 'HG Regular';}
.greeting3 .greeting-content .author strong{font-size: 24px;color: #000;font-family: 'HG Medium';}

@media screen and (max-width: 1200px) {
  .greeting3 .greeting-image{height: 300px;}
  .greeting3 .greeting-image-text{padding: 0 20px;}
  .greeting3 .greeting-image-text > span{font-size: 18px;}
  .greeting3 .greeting-image-text h1{font-size: 40px;}
  .greeting3 .greeting-content > h1{font-size: 28px;}
}

@media screen and (max-width: 768px) {
  .greeting3 .greeting-image-text > span{font-size: 16px;}
  .greeting3 .greeting-image-text h1{font-size: 30px; margin-top: 10px;}
  .greeting3 .greeting-content > h1{font-size: 24px;}
  .greeting3 .greeting-content > p{font-size: 16px; line-height: 1.85;}
  .greeting3 .greeting-content .author strong{font-size: 22px;}
}

.greeting4 .visual {display: flex;align-items: flex-start;position: relative;width: 100%;margin-top: 145px; padding: 65px 0;}
.greeting4 .visual::before {content: '';position: absolute;left: 50%;transform: translateX(-50%);top: 0;width: 100vw;height: 100%;background: #f6faff url('../../images/sub/greeting-bg.png') no-repeat right bottom -13px;z-index: -1;}
.greeting4 .visual::after {content: 'HALLYM UNIVERSITY';position: absolute;width: 100vw;text-align: right;left: 50%;transform: translateX(-50%);top: -21px;color: #e5edf7;font-size: 60px;font-family: 'HG Bold';}
.greeting4 .img-box {margin-right: 60px;border-radius: 10px;overflow: hidden;}
.greeting4 .txt-box {flex-shrink: 0;}
.greeting4 .txt-box span {position: relative;display: block;margin-bottom: 8px;font-size: 22px;color: #888888; font-family: "SBA Light";}
.greeting4 .txt-box .sub-tit {display: block;margin-bottom: 32px;font-size: 26px;color: #000;font-family: 'SBA Light';}
.greeting4 .txt-box .tit {font-size: 50px;line-height: 65px;font-family: 'SBA Medium'; color: #0067b3;}
.greeting4 .txt-box .tit i {color: #00b6ad;}
.greeting4 .desc {padding-top: 26px;font-size: 17px;color: #555;font-family: 'HG Regular';line-height: 1.85;}
.greeting4 .desc h1{font-size: 32px; color: #000000; font-family: "HG Bold";}
.greeting4 .desc i {display: block;height: 25px;}
.greeting4 .desc p{margin-top: 10px;}
.greeting4 .desc .author {text-align: right; margin-top: 25px;}
.greeting4 .desc .author span {margin-right: 20px;font-size: 17px;color: #555;font-family: 'HG Regular';}
.greeting4 .desc .author strong {font-size: 24px;color: #000;letter-spacing: 8px;font-family: 'HG Medium';}

@media screen and (max-width: 1300px) {
  .greeting4 .visual::before {height: 100%;background-size: 370px;}
  .greeting4 .visual::after {font-size: 48px; top: -17px;}
  .greeting4 .txt-box .sub-tit {width: 400px;margin-bottom: 26px;}
  .greeting4 .txt-box .tit {font-size: 40px; line-height: 50px;}
}

@media screen and (max-width: 1024px) {
  .greeting4 .visual::before {background-size: 280px;}
  .greeting4 .visual::after {font-size: 42px; top: -15px;}
  .greeting4 .img-box {max-width: 450px;}
  .greeting4 .txt-box .sub-tit {width: 300px;margin-bottom: 20px;font-size: 21px;}
  .greeting4 .txt-box .tit {font-size: 40px;}
  .greeting4 .desc h1{font-size: 28px;}
}

@media screen and (max-width: 880px) {
  .greeting4 .visual {flex-direction: column;align-items: center; padding: 0;}
  .greeting4 .visual::before  {height: 108%;}
  .greeting4 .visual::after {font-size: 38px;top: -43px; display: none;}
  .greeting4 .img-box {margin-right: 0;margin-left: -65px;max-width: 400px;}
  .greeting4 .desc {padding-top: 30px;}
  .greeting4 .txt-box  {padding-top: 0; margin-top: 36px;}
  .greeting4 .txt-box span {margin-bottom: 5px;}
  .greeting4 .txt-box .sub-tit {width: auto;font-size: 20px;}
  .greeting4 .txt-box .tit {font-size: 40px; line-height: 50px;}
  .greeting4 .desc h1{font-size: 24px; line-height: 1.5;}
}

@media screen and (max-width:520px) {
  .greeting4 .visual {align-items: flex-start;}
  .greeting4 .visual::before {background-size: 210px;}
  .greeting4 .visual::after {width: 100%;left: 0;transform: translateX(0);font-size: 25px;top: -31px}
  .greeting4 .img-box {margin-left: 0;}
  .greeting4 .txt-box span {font-size: 15px;}
  .greeting4 .txt-box .sub-tit {margin-bottom: 16px;font-size: 17px;}
  .greeting4 .txt-box .tit {font-size: 33px; line-height: 41px;}
  .greeting4 .desc {font-size: 16px;}
  .greeting4 .desc i {height: 20px;}
  .greeting4 .desc .author strong {font-size: 22px;}
}


/* 연락처 검색 */
.phone-search-wrap .phone-search-form {
  border: 5px solid #eeeeee;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 22px 0;
}

.phone-search-wrap .phone-search-inner {
  display: flex;
  align-items: center;
}

.phone-search-wrap .phone-search-box {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.phone-search-wrap .phone-search-inner label {
  padding: 5px 0 1px 62px;
  background: url(../../images/guide/phone_search_icon.png) no-repeat left center;
  font-size: 22px;
  color: #042e6f;
  font-family: "SBA Medium";
  display: block;
  margin-right: 62px;
  cursor: text;
}

.phone-search-wrap .phone-search-inner select {
  width: 118px;
  position: relative;
  -o-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  background: url(../../images/guide/phone_search_arrow.png) no-repeat right 14px center;
  font-family: "HG Regular";
  font-size: 16px;
  color: #777777;
  border-bottom: 2px solid #4f4f4f;
  padding: 0 14px;
  height: 46px;
}

.phone-search-wrap .phone-search-inner input[type="text"] {
  width: 432px;
  border-bottom: 2px solid #4f4f4f;
  font-size: 16px;
  font-family: "HG Regular";
  color: #777777;
  padding: 11px 8px;
  height: 46px;
}

.phone-search-wrap .phone-search-inner input[type="submit"] {
  border: none;
  text-indent: -9999px;
  width: 50px;
  height: 50px;
  background: url('../../images/guide/phone_search_button.png') no-repeat center;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

.phone-search-table .info-text1 {
  display: inline-block;
}

@media screen and (max-width: 1200px) {
  .phone-search-wrap .phone-search-form {
	padding: 15px 0;
  }

  .phone-search-wrap .phone-search-inner {
	flex-direction: column;
  }

  .phone-search-wrap .phone-search-inner label {
	font-size: 20px;
	margin-right: 0;
	padding: 8px 0 3px 62px;
  }
}

@media screen and (max-width: 768px) {
  .phone-search-wrap .phone-search-form {
	padding: 15px 10px;
	width: 100%;
  }

  .phone-search-wrap .phone-search {
	width: calc(100% - 118px);
  }

  .phone-search-wrap .phone-search-box {
	width: 100%;
  }

  .phone-search-wrap .phone-search-inner input[type="text"] {
	width: 100%;
  }
}

/***** Paging *****/
.wrap-phone-search ._paging {
  text-align: center;
  margin-top: 50px;
}

.wrap-phone-search ._paging ._inner {
  overflow: hidden;
  position: relative;
  height: 38px;
  display: inline-block;
  zoom:1;_display: block;
}

.wrap-phone-search ._paging ._inner a,._paging ._inner li,._paging ._inner p,._paging ._inner span,._paging ._inner strong,._paging ._inner ul {
  float: left;
}

.wrap-phone-search ._paging ._inner a._first,._paging ._inner a._last,._paging ._inner a._listNext,._paging ._inner a._listPrev,._paging ._inner a._next,._paging ._inner a._prev {
  font-size: 0;
  text-indent: -5000px;
}

.wrap-phone-search ._paging ._inner a,.wrap-phone-search ._paging ._inner strong {
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-width: 1px;
  border-style: solid;
  border-color: #cdcdcd;
  text-align: center;
  margin: 0 1px;
}

.wrap-phone-search ._paging ._inner ul {
  display: inline-block;
  margin: 0 10px;
}

.wrap-phone-search ._paging ._inner ul li {
  float: left;
  margin: 0 2px;
}

.wrap-phone-search ._paging ._inner ul li a {
  background-color: #F5F5F5 !important;
  border: none !important;
  color: #fff;
  border-radius: 5px;
  color: #555;
  font-family: 'HG Regular';
  position: relative;
}

.wrap-phone-search ._paging ._inner ul li a:hover {
  background: #e2e2e2 !important;
}

.wrap-phone-search ._paging ._inner .pg-arrow {
  border: 1px solid #ccc;
  width: 35px;
  height: 35px;
}

.wrap-phone-search ._paging ._inner ._first {
  background: url(../../images/guide/first-page.png) center no-repeat;
  width: 30px;
  border: none;
}

.wrap-phone-search ._paging ._inner ._prev {
  background: url(../../images/guide/prev-page10.png) center no-repeat;
  width: 30px;
  border: none;
}

.wrap-phone-search ._paging ._inner ._listPrev {
  background: url(../../images/guide/prev-page.png) center no-repeat;
  width: 30px;
  border: none;
}

.wrap-phone-search ._paging ._inner ._listNext {
  background: url(../../images/guide/next-page.png) center no-repeat;
  width: 30px;
  border: none;
}

.wrap-phone-search ._paging ._inner ._next {
  background: url(../../images/guide/next-page10.png) center no-repeat;
  width: 30px;
  border: none;
}

.wrap-phone-search ._paging ._inner ._last {
  background: url(../../images/guide/last-page.png) center no-repeat;
  width: 30px;
  border: none;
}

.wrap-phone-search ._paging ._inner li strong {
  border: none !important;
  border-radius: 5px;
  background: #0066b3;
  color: #fff;
  font-family: 'HG Medium';
}

.wrap-phone-search ._paging ._inner ._pageState {
  display: none;
  padding: 0 1em
}

@media screen and (min-width: 1201px) {
  .wrap-phone-search ._paging {
	padding-bottom:50px;
  }
}

@media screen and (max-width: 767px) {
  .wrap-phone-search ._paging ._inner ._pageState {
	display: block;
	font-size: 18px;
	font-family: 'HG Regular';
	color: #121212;
	line-height: 35px;
  }

  .wrap-phone-search ._paging ._inner ._curPage {
	position: relative;
	color: #1265d3;
  }

  .wrap-phone-search ._paging ._inner ._curPage::after {
	content: '/';
	display: inline-block;
	margin: 0 5px;
	color: #121212;
	font-family: 'HG Regular';
  }

  .wrap-phone-search ._paging ._inner ul {
	display: none;
  }

  .wrap-phone-search .paging a {
	width: 28px !important;
	height: 28px !important;
	font-size: 13px;
	line-height: 25px;
  }
}

.wrap-sub-navi .sub-navi > ul > li.last > .inner > button{color: hsl(215, 100%, 53%);}

@media screen and (max-width: 1200px) {
  .wrap-sub-navi .sub-navi > ul > li > .inner > button{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
}

@media screen and (max-width: 768px) {
  .wrap-sub-visual{height: 290px;}
  .wrap-sub-navi .sub-navi > ul > li{max-width: 145px !important; height: 40px;}
  .wrap-sub-navi .sub-navi > ul > li > .inner > button{font-size: 13px;}
  .wrap-sub-visual .wrap-sub-cell .slogan{margin-top: 10px;}
  .wrap-sub-visual .wrap-sub-cell .slogan p{display: none;}
  .wrap-sub-visual .page-move{margin-top: -25px;}
  .wrap-sub-navi .sub-navi .navUl > a{padding: 5px 30px 3px 10px;}
  .wrap-sub-navi .sub-navi > ul > li.home a{height: 37px;}
  .wrap-sub-navi .sub-navi > ul > li.home{height: 40px;}
  .wrap-sub-navi .sub-util > ul > li > button{height: 40px;}
  .sub .wrap_contents .wrap-page-title h1{line-height: 40px; padding: 25px 20px 0; font-size: 30px;}
}