@charset "utf-8";

/* Safari */
/*
input {-webkit-appearance: none;-webkit-border-radius: 0;}
input[type="checkbox"] {width: 20px; height: 20px; border: 1px solid #d1d1d1; vertical-align: middle;}
input:checked[type="checkbox"] {background-color:#fff;-webkit-appearance:checkbox;}
input[type="radio"] {width: 20px; height: 20px; border: 1px solid #d1d1d1; vertical-align: middle; border-radius: 100%;}
*/

._objHeading{z-index:0 !important;}

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

.right {text-align: right;}

.wrap-contents .subject h2 {position: relative; display: inline-block; font-size:35px; font-family: 'Noto Medium'; margin:37px 0 45px 0; line-height:1.2;}
.wrap-contents .subject h2:after {content: ''; position: absolute; left: 116%; bottom: 3px; width: 120px; height: 1px; background: #000;}

@media all and (max-width: 760px) {
  .wrap-contents .subject h2 {font-size: 30px; margin: 24px 0 30px 0;}
  .wrap-contents .subject h2:after {display: none;}
}

.wrap-contents .objHeading_h2 {margin-top: 35px; font-family:'Noto Medium'; display:block; line-height:1.3; font-size:26px; color:#151515;}
.wrap-contents ._objHeading:first-child .objHeading_h2 {margin-top: 0;}
.wrap-contents .objHeading_h3 {position: relative; margin-top: 35px; font-family:'Noto Medium'; display:block; padding-top: 10px; line-height:1.3; font-size:20px; color:#1b60c6;}
.wrap-contents .objHeading_h3:after {content: ''; position: absolute; left: 0; top: 0; width: 28px; height: 2px; background: #1b60c6;}
.wrap-contents .objHeading_h4 {margin-top: 30px; position: relative;    padding-left: 20px; background: url('/images/guide/common/bul-h4.png') no-repeat left 6px; font-family:'Noto DemiLight'; display:inline-block;  line-height:1.3; font-size:18px; color:#456db1;}
.wrap-contents .objHeading_h5 {margin-top: 30px; font-family:'Noto Medium'; padding-left: 20px; background: url('/images/guide/common/bul-list1.png') no-repeat left 5px; line-height:1.3; font-size:16px; color:#333333;}
.wrap-contents .objHeading_h5.number {padding-left: 0; background: none;}
.wrap-contents .objHeading_h5.number span {position: relative; top: -2px; display: inline-block; width: 16px; height: 16px; line-height: 17px; margin-right: 7px; background: #4b74cc; border-radius: 100%; font-size: 10px; font-family: 'Mont Medium'; vertical-align: middle; text-align: center; color: #fff;}
.wrap-contents .objHeading_h2.no-margin,
.wrap-contents .objHeading_h3.no-margin,
.wrap-contents .objHeading_h4.no-margin,
.wrap-contents .objHeading_h5.no-margin {margin-top: 0;}

.wrap-contents .tab {font-size: 0;}
.wrap-contents .tab.noshow {display: none;}
.wrap-contents .tab ul {display:inline-block; width: 100%; margin-bottom: 50px; border-bottom:1px solid #dadada;}
.wrap-contents .tab ul li {position: relative; float:left; padding: 0 20px 0 15px; text-align:center;}
.wrap-contents .tab ul li:after {content: ''; position: absolute; right: 0; top: 23px; width: 1px; height: 15px; background: #cecece;}
.wrap-contents .tab ul li:before {content: ''; position: absolute; left: 0; bottom: 0; width: 0%; height: 4px; background: #1b60c6; transition: 0.4s; z-index: 1}
.wrap-contents .tab ul li:hover:before,
.wrap-contents .tab ul li._active:before {width: 100%}
/* .wrap-contents .tab ul li:first-child {padding-left: 0;} */
.wrap-contents .tab ul li:last-child a {border-right: 0;}
.wrap-contents .tab ul li:last-child:after {display: none;}
.wrap-contents .tab ul li a {position: relative; display:block; width:100%; padding-left: 20px; font-size:18px; height:60px;  line-height:60px; font-family: 'Noto DemiLight'; transition: 0.4s; color: #000;}
.wrap-contents .tab ul li a:after {content: ''; opacity: 1; position: absolute; left:0; top:25px; width: 10px; height: 10px; background: #b7b7b7; border-radius: 100%; transition: 0.4s}
.wrap-contents .tab ul li a:hover:after,
.wrap-contents .tab ul li._active a:after {background-color: #1b60c6;}
.wrap-contents .tab ul li a:hover, .wrap-contents .tab ul li._active a {font-family: 'Noto Medium'; color:#1b60c6; }
.wrap-contents .tab ul li a[target=_blank] {padding-right: 25px; background: #fff url('/images/guide/common/tab-link-blank.png') no-repeat 100% center;}
.wrap-contents .tab ul li a:hover[target=_blank],
.wrap-contents .tab ul li._active a[target=_blank] {background:  #fff url('/images/guide/common/tab-link-blank-ov.png') no-repeat 100% center;}
.wrap-contents .tab.is ul {margin-bottom: 0;}
.wrap-contents .tab .mobile-tab {display: none;}

@media all and (max-width:860px) {
  .wrap-contents .tab {position: relative;}
  .wrap-contents .tab ul {position: absolute; top: 60px; z-index: -1; width: 100%; margin-bottom: 30px; overflow: hidden; max-height: 0; transition: all 0.5s ease;  border: 1px solid #fff;}
  .wrap-contents .tab ul.on { max-height: 1000px; z-index: 10; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1;}
  .wrap-contents .tab ul li {display: block; width: 100% !important; padding: 0; border: 0}
  .wrap-contents .tab ul li a {display: block; padding: 13px 20px; border-bottom: 1px solid #d1d1d1; text-align: left; background: #fff; height: auto; line-height: normal;}
  .wrap-contents .tab ul li a:after {display: none;}
  .wrap-contents .tab ul li a span {display: block; padding: 0 20px;}
  .wrap-contents .tab ul li a span:before {bottom: -11px;}
  .wrap-contents .tab ul li:after {display: none;}
  .wrap-contents .tab .mobile-tab {display: block; width: 100%; font-family: 'Noto DemiLight'; margin-bottom: 30px; text-align: left; font-size: 20px; color: #262626; border: 1px solid #d1d1d1; padding: 15px 20px; background: url('/images/guide/common/arrow-sel.png') no-repeat 97% center;}
  .wrap-contents .tab .mobile-tab.on {background: url('/images/guide/common/arrow-sel-rever.png') no-repeat 97% center;}
  .wrap-contents .tab ul li a[target=_blank]  {background-position: 97% center !important;}
}

.wrap-contents .tab2 ul li a {font-family: 'Noto DemiLight'; font-size: 16px; color: #767676;word-break:break-all;}
.wrap-contents .tab2 ul li:hover a {font-family: 'Noto Medium'; color: #252525;}
.wrap-contents .tab2 ul li a[target=_blank] {padding-right: 25px; background: url('/images/guide/common/tab-link-blank.png') no-repeat right 5px;}
.wrap-contents .tab2 ul li a:hover[target=_blank],
.wrap-contents .tab2 ul li._active a[target=_blank] {background: url('/images/guide/common/tab-link-blank-ov.png') no-repeat right 5px;}
.wrap-contents .tab2 a._active{color: #1b60c6;font-family: 'Noto Bold';}
@media all and (min-width: 861px) {
  .wrap-contents .tab2 {font-size: 0;}
  .wrap-contents .tab2 ul {display: inline-block; width: 100%; border-bottom:1px solid #dadada;}
  .wrap-contents .tab2 ul li {position: relative; float:left; padding: 12px 18px 12px 0; text-align:center;}
}
@media all and (min-width: 861px) and (max-width: 1400px) {
  .wrap-contents .tab2 ul {padding: 10px 0;}
  .wrap-contents .tab2 ul li {padding: 2px 18px 2px 0;}
}
@media all and (max-width: 860px) {
  .wrap-contents .tab2 ul {display:flex;justify-content:flex-start;border-left:1px solid #DDD;padding-top:1px;}
  .wrap-contents .tab2 ul li {width:100%;margin-left:-1px;margin-top:-1px;border:1px solid #DDD;}
  .wrap-contents .tab2 ul li a{padding:10px 2px;line-height:1.2;display:flex;justify-content:center;align-items:center;width:100%;height:100%;text-align:center;}
  .wrap-contents .tab2 a._active{color: #FFF;background:#1b60c6;}
}
@media all and (max-width: 768px) {
  .wrap-contents .tab2 ul {flex-wrap:wrap;}
  .wrap-contents .tab2 ul li {width:25%;}
}
@media all and (max-width: 480px) {
  .wrap-contents .tab2 ul li {width:33.33333%;}
}
@media all and (max-width: 380px) {
  .wrap-contents .tab2 ul li {width:50%;}
}

.wrap-contents .tip-banner {display: table; width: 100%; padding: 35px; border: 5px solid #dde3f1;}
.wrap-contents .tip-banner .icon,
.wrap-contents .tip-banner .desc {display: table-cell; vertical-align: top;}
.wrap-contents .tip-banner .icon {width: 105px;}
.wrap-contents .tip-banner .desc {padding-left: 40px; border-left: 1px solid #ced4da;}
.wrap-contents .tip-banner .desc strong {display: inline-block; margin-bottom: 10px; font-family: 'Noto Medium'; font-size: 20px; color: #000;}
.wrap-contents .tip-banner .desc > li {margin-bottom: 1px; padding-left: 20px; background: url('/images/guide/common/bul-list1.png') no-repeat left 7px; font-family: 'Noto DemiLight'; font-size: 16px; color: #333;}

@media all and (max-width: 1000px) {
  .wrap-contents .tip-banner .right {margin-top: 10px !important; text-align: left;}
}

@media all and (max-width: 760px) {
  .wrap-contents .tip-banner {padding: 30px;}
  .wrap-contents .tip-banner .icon,
  .wrap-contents .tip-banner .desc {display: block; width: 100%;}
  .wrap-contents .tip-banner .icon {text-align: center;}
  .wrap-contents .tip-banner .desc {padding-left: 0; padding-top: 20px; margin-top: 30px; border-left: 0; border-top: 1px solid #ced4da;}
}

.wrap-contents .circle-banner {display: table; width: 100%; padding: 30px; background: #f4f5f9;}
.wrap-contents .circle-banner .icon,
.wrap-contents .circle-banner .desc {display: table-cell; vertical-align: middle;}
.wrap-contents .circle-banner .icon {width: 120px;}
.wrap-contents .circle-banner .desc strong {font-family: 'Noto Medium'; font-size: 20px; color: #1b60c6;}
.wrap-contents .circle-banner .desc p {font-family: 'Noto DemiLight'; font-size: 18px; color: #000;}

@media all and (max-width: 760px) {
  .wrap-contents .circle-banner .icon,
  .wrap-contents .circle-banner .desc {display: block; width: 100%;}
  .wrap-contents .circle-banner .icon {text-align: center;}
  .wrap-contents .circle-banner .desc {padding-left: 0; padding-top: 20px; margin-top: 30px; border-left: 0; border-top: 1px solid #ced4da;}
}

.wrap-contents .down-banner {border: 1px solid #c1c1c1; padding: 20px 50px; padding-bottom: 0; font-size: 0;}
.wrap-contents .down-banner ul {display: inline-block; width: 100%;}
.wrap-contents .down-banner li {float: left; width: 33.333%; margin-bottom: 20px;}
.wrap-contents .down-banner .text {display: inline-block; width: 50%; background: url('/images/guide/common/bul-list2.png') no-repeat left 11px; margin-right: 47px; padding-left: 20px; font-family: 'Noto DemiLight'; font-size: 17px; color: #000;}
.wrap-contents .down-banner.row2 li {width: 50%;}

@media all and (max-width: 1400px) {
  .wrap-contents .down-banner li {width: 50%;}
}

@media all and (max-width: 970px) {
  .wrap-contents .down-banner li {width: 100%;}
  .wrap-contents .down-banner.row2 li {width: 100%;}
}

@media all and (max-width: 760px) {
  .wrap-contents .down-banner {padding: 20px 20px;}
  .wrap-contents .down-banner .text {display: block; width: 100%;}
  .wrap-contents .down-banner .btn-style.rect {margin: 7px 0 0 19px;}
}

.wrap-contents .down-line-banner {background: #f5f6fa;}
.wrap-contents .down-line-banner ul {padding: 25px 45px; font-size: 0;}
.wrap-contents .down-line-banner li {display: inline-block; width: 100%;}
.wrap-contents .down-line-banner li strong {float: left; font-family: 'Noto DemiLight'; font-size: 19px; color: #10489f;}
.wrap-contents .down-line-banner li .down {float: right;}
.wrap-contents .down-line-banner li a {margin-right: 0 !important;}

@media all and (max-width: 900px) {
  .wrap-contents .down-line-banner ul {padding: 20px;}
  .wrap-contents .down-line-banner li strong {display: block; width: 100%;}
  .wrap-contents .down-line-banner li .down {float: left; margin-top: 10px;}
}

.wrap-contents .con-desc, .wrap-contents ._objHtml {font-family: 'Noto DemiLight'; font-size:17px; color:#000; line-height:1.6;}
.wrap-contents ._objHtml {margin-top:10px !important;}
.wrap-contents ._objHtml.no-margin {margin-top:0px !important;}
.wrap-contents ._objHtml.no-margin > div {margin-top: 0px !important;}
.wrap-contents .con-desc strong {font-family: 'Noto Medium';}
.wrap-contents .con-list li { padding-left: 20px; margin-bottom: 6px; background:url('/images/guide/common/bul-list1.png') no-repeat left 10px; font-family: 'Noto DemiLight'; font-size: 17px; line-height: 1.6; color:#000;}
.wrap-contents .con-list li:last-child {margin-bottom: 0;}
.wrap-contents .con-list2 li {margin-bottom: 7px; padding-left: 20px; background:url('/images/guide/common/bul-list2.png') no-repeat left 12px; font-family: 'Noto DemiLight'; font-size: 17px; line-height: 1.6; color:#000;}
.wrap-contents .con-list2 li:last-child {margin-bottom: 0px;}
.wrap-contents .con-list3 li {position: relative; margin-bottom: 7px; padding-left: 20px; font-family: 'Noto DemiLight'; font-size: 17px; line-height: 1.6; color:#000;}
.wrap-contents .con-list3 li:last-child {margin-bottom: 0px;}
.wrap-contents .con-list3 li:after {content: ''; position: absolute; left: 0; top: 7px; display: inline-block; width: 16px; height: 16px; line-height: 17px; margin-right: 7px; background: #4b74cc; border-radius: 100%; font-size: 10px; font-family: 'Mont Medium'; vertical-align: middle; text-align: center; color: #fff;}
.wrap-contents .con-list3 li:nth-child(1):after {content: '1';}
.wrap-contents .con-list3 li:nth-child(2):after {content: '2';}
.wrap-contents .con-list3 li:nth-child(3):after {content: '3';}
.wrap-contents .con-list3 li:nth-child(4):after {content: '4';}
.wrap-contents .con-list3 li:nth-child(5):after {content: '5';}
.wrap-contents .con-list3 li:nth-child(6):after {content: '6';}
.wrap-contents .con-list3 li:nth-child(7):after {content: '7';}
.wrap-contents .con-list3 li:nth-child(8):after {content: '8';}
.wrap-contents .con-list3 li:nth-child(9):after {content: '9';}
.wrap-contents .con-list3 li:nth-child(10):after {content: '10';}
.wrap-contents .con-list3 img {width: 100%;}

.wrap-contents .con-table {position:relative; line-height: 1.6;}
.wrap-contents .con-table:after {content:''; position: absolute; right:0px; top:0px; width:1px; height:100%; background:#fff;}
.wrap-contents .con-table table {position:relative;}
.wrap-contents .con-table table:after {content:''; position:absolute; top:0px; left:0px; width:100%; height:2px; background:#000;}
.wrap-contents .con-table table:before {content:''; position:absolute; top:0px; right:0px; width:1px; height:100%; background:#FFF;}
.wrap-contents .con-table thead th {padding:14px 10px; font-family: 'Noto DemiLight'; font-weight: normal;  background:#f7f8f9; color:#000000; border-right:1px solid #dddee0; border-bottom:1px solid #dddee0; font-size:17px;}
.wrap-contents .con-table thead th.small {padding:15px 10px; font-size: 16px;}
.wrap-contents .con-table tbody th {padding:13px 15px; font-family: 'Noto DemiLight'; font-weight: normal; background:#fbfbfb; color:#000; border-right:1px solid #dddee0; border-bottom:1px solid #ccd0d7; font-size:17px;}
.wrap-contents .con-table tbody td {padding:13px 15px; font-family: 'Noto DemiLight'; background:#fff; color:#000; border-right:1px solid #dddee0; border-bottom:1px solid #dddee0; font-size:17px;}
.wrap-contents .con-table .list li {position: relative; padding-left: 8px;}
.wrap-contents .con-table .list li:after {content: ''; position: absolute; left: 0; top: 10px; width: 4px; height: 4px; border-radius: 100%; background: #666666;}
.wrap-contents .con-table .align-l {text-align:left;}
.wrap-contents .con-table .align-c {text-align:center;}
.wrap-contents .con-table .align-r {text-align:right;}

@media all and (max-width:960px) {
  .wrap-contents .con-table {overflow-x: hidden;}
  .wrap-contents .con-table table {width:1200px;}
  .wrap-contents .con-table:after {content:''; position:absolute; right:0px; top:0px; width:100%; height:100%; background:rgba(60,81,82,0.4) url('/images/guide/common/img_mobile_text.png') no-repeat center 40px;}
  .wrap-contents .con-table.on:after {display:none;}
  .wrap-contents .con-table thead th,
  .wrap-contents .con-table tbody th,
  .wrap-contents .con-table tbody td {padding:10px 8px;font-size:16px;}
}

.wrap-contents .con-notice {display:block;  padding: 0px 0 0 39px; font-style:normal; font-family: 'Noto DemiLight'; font-size: 17px;}
.wrap-contents .con-notice.icon1 {background: url('/images/guide/common/ico-notice1.png') no-repeat left 2px; color:#e77800;}
.wrap-contents .con-notice.icon2 {background: url('/images/guide/common/ico-notice2.png') no-repeat left 2px; color:#d63f11;}
.wrap-contents .con-notice.icon3 {background: url('/images/guide/common/ico-notice3.png') no-repeat left 2px; color:#0090ff;}
.wrap-contents .con-notice.icon4 {background: url('/images/guide/common/ico-notice4.png') no-repeat left 2px; color:#183d93;}
.wrap-contents .con-notice.icon5 {background: url('/images/guide/common/ico-notice5.png') no-repeat left 2px; color:#43505d;}

.wrap-contents .btn-style.round {display:inline-block; position:relative; background:#fff; margin-right: 3px; padding:5px 30px 6px 45px; border-radius: 30px;  border:1px solid #c1c1c1; font-family: 'Noto DemiLight'; font-size: 17px; color: #000;}
.wrap-contents .btn-style.round:hover {background:#1c3d8d; border-color: #1c3d8d; color:#fff; transition:all 0.3s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-contents .btn-style.round.type1:after {content:''; position:absolute; left:16px; top:10px; width:18px; height:17px; background:url('/images/guide/common/ico-btn1.png') no-repeat center top;}
.wrap-contents .btn-style.round.type1:hover:after {background-position: center bottom;}
.wrap-contents .btn-style.round.type2:after {content:''; position:absolute; left:16px; top:11px; width:18px; height:17px; background:url('/images/guide/common/ico-btn2.png') no-repeat center top;}
.wrap-contents .btn-style.round.type2:hover:after {background-position: center bottom;}
.wrap-contents .btn-style.round.space {margin-left: 20px;}

@media all and (max-width: 588px) {
  .wrap-contents .btn-style.round.space {margin-left: 0px; margin-top: 20px;}
  .wrap-contents .btn-style.round {margin: 0 0 15px 0}
}

.wrap-contents .btn-style.rect {display:inline-block; position:relative; background:#fff; margin-right: 10px; padding:3px 20px 4px 37px; border-radius: 5px;  border:1px solid #b9c1d7; font-family: 'Noto DemiLight'; font-size: 16px; color: #000;}
.wrap-contents .btn-style.rect:hover {background:#1c3d8d; border-color: #1c3d8d; color:#fff; transition:all 0.3s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-contents .btn-style.rect.type1:after {content:''; position:absolute; left:14px; top:7px; width:13px; height:17px; background:url('/images/guide/common/ico-btn3.png') no-repeat center top;}
.wrap-contents .btn-style.rect.type1:hover:after {background-position: center bottom;}
.wrap-contents .btn-style.rect.type2:after {content:''; position:absolute; left:15px; top:8px; width:15px; height:15px; background:url('/images/guide/common/ico-btn4.png') no-repeat center top;}
.wrap-contents .btn-style.rect.type2:hover:after {background-position: center bottom;}
.wrap-contents .btn-style.rect.type3:after {content:''; position:absolute; left:15px; top:8px; width:12px; height:15px; background:url('/images/guide/common/ico-btn5.png') no-repeat center top;}
.wrap-contents .btn-style.rect.type3:hover:after {background-position: center bottom;}
.wrap-contents .btn-style.rect.type4:after {content:''; position:absolute; left:12px; top:8px; width:19px; height:15px; background:url('/images/guide/common/ico-btn6.png') no-repeat center top;}
.wrap-contents .btn-style.rect.type4:hover:after {background-position: center bottom;}
.wrap-contents .btn-style.rect.type5:after {content:''; position:absolute; left:12px; top:8px; width:16px; height:16px; background:url('/images/guide/common/ico-btn7.png') no-repeat center top;}
.wrap-contents .btn-style.rect.type5:hover:after {background-position: center bottom;}

.wrap-contents .btn-style.small {display:inline-block; position:relative; background:#fff; margin-right: 10px; padding:2px 10px 2px 21px; border-radius: 3px;  border:1px solid #b9c1d7; font-family: 'Noto DemiLight'; font-size: 13px; color: #000;}
.wrap-contents .btn-style.small:hover {background:#fff; border-color: #1c3d8d; transition:all 0.3s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-contents .btn-style.small.type1:after {content:''; position:absolute; left:10px; top:7px; width:6px; height:9px; background:url('/images/guide/common/ico-btn8.png') no-repeat center top;}
.wrap-contents .btn-style.small.type1:hover:after {background-position: center bottom;}

.wrap-contents .page-ready {padding: 60px 0; border: 1px solid #d0d0d0; text-align: center;}
.wrap-contents .page-ready .desc {display: inline-block; background: url('/images/guide/common/ico-ready.png') no-repeat left center;  padding: 44px 0 40px 225px; text-align: left;}
.wrap-contents .page-ready .desc strong {font-family: 'Noto Medium'; font-size: 30px; color: #1c3d8d;}
.wrap-contents .page-ready .desc p {font-family: 'Noto DemiLight'; font-size: 18px; color: #666666;}

@media all and (max-width: 760px) {
  .wrap-contents .page-ready .desc {padding: 190px 0 0 0; background-position: center top;}
}

.class_wrap{width: 100%; max-width: 1400px;}
.class_wrap li{position: relative; background: url(/images/guide/sub/background-image.png); border-bottom: 7px solid #f4f5f9; box-sizing: border-box; padding: 30px 0 30px 0; margin-bottom: 50px;}
.class_wrap li::before{content:""; display: block; position: absolute;  width: 100%; height: 3px; background: url(/images/guide/sub/border-top.png) no-repeat; top: 0; left: 0; }
.class_wrap li::after{content: ""; display: block; position: absolute; width: 40px; height: 40px; background: url(/images/guide/sub/border-leftobttom.png) no-repeat; right: 0; bottom: -7px;}
.class_wrap li:last-child{margin-bottom: 0;}

.class_box{display: table; width: 100%; padding-right: 40px;}
.class_box::after{content:""; display: table; clear: both;}

.class_image{display: table-cell; vertical-align: top; float: left;}
.class_image img{width: 100%;}

.class_content{display: table-cell; width: 61.5%; vertical-align: top;  position: relative; margin-top: 15px; padding-left: 40px;}
.class-title span{margin-top: 17px; font-size: 20px; font-family: 'Mont Regular'; color: #4f4f4f; display: block; letter-spacing: 0; line-height: 1.7;}
.class-title h1{font-size: 30px; color: #151515; font-family: 'Noto Medium'; margin-bottom: 9px; line-height: 1.2;}
.class-comment{font-size: 17px; color: #333333; font-family: 'Noto DemiLight'; margin-bottom: 40px;}

.class-call{position: absolute; right: 0; top: 26px;}
.class-call-img{width: 40px; height: 40px; background: url(/images/guide/sub/call_img.png); float: left; margin-right: 10px;}
.class-call p{float: left; line-height: 40px; font-family: 'Noto DemiLight'; font-size: 20px; color: #666666; letter-spacing: 0;}

.wrap-contents .p-color1 {color:#0d54c8;}
.wrap-contents .p-color2 {color:#018cff;}
.wrap-contents strong, .wrap-contents .p-bold {font-family: 'Noto Medium';}
.wrap-contents .p-under {text-decoration: underline}

@media all and (max-width:1090px) {
  .class-call {top: auto; bottom: 0px; right: 30px;}
}

@media all and (max-width:760px) {
  .class_image,
  .class_content {display: block; width: 100%; float: none;}
  .class_content {padding-left: 0;}
  .class_box {display: block; padding-right: 0;}
}

@media all and (max-width:470px) {
  .class_wrap li {padding-bottom: 100px;}
  .class-call {right: auto; left: 0; bottom: -66px;}
}

/* 설립목적 */
.purpose-bx {position: relative; max-width: 725px; margin: 0 auto; margin-top: 40px; overflow: hidden;}
.purpose-center {position: absolute; top: 50%; margin-top: -125px; left: 50%; margin-left: -125px; width: 250px; height: 250px; border-radius: 50%; text-align: center; background: rgba(210, 225, 237, 0.7);}
.purpose-center p {line-height: 250px; font-size: 25px; letter-spacing: -0.5px; color: #262626; font-family: 'Noto Medium';}

.purpose-left {display: inline-block;}
.purpose-right {display: inline-block;}

.purpose-bx-inner {float:left; width: 360px; height: 360px; text-align: center; padding-top: 80px; box-sizing: border-box; }
.purpose-bx-inner.purpose1 {background: url("/images/guide/sub/purpose_2.png") no-repeat center; position: relative; z-index: -1; right: -20px;}
.purpose-bx-inner.purpose2 {background: url("/images/guide/sub/purpose_3.png") no-repeat center; position: relative; z-index: -1; right: 10px; }
.purpose-bx-inner.purpose3 {background: url("/images/guide/sub/purpose_3.png") no-repeat center; position: relative; z-index: -1; right: -20px;}
.purpose-bx-inner.purpose4 {background: url("/images/guide/sub/purpose_2.png") no-repeat center; position: relative; z-index: -1; right: 10px;}

.purpose-bx-inner .title {display: inline-block; font-size: 17px; line-height: 25px; color: #fff; letter-spacing: -0.5px; padding: 7px 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin-bottom: 20px;}
.purpose-bx-inner .info {max-width: 62%; margin: 0 auto; font-size: 17px; line-height: 25px; letter-spacing: -0.5px; color: #fff;}


@media all and (max-width: 767px){
  .purpose-bx {padding: 0 1%;}

  .purpose-center {position: static; margin-top: 0; margin-left: 0; border-radius: 0; width: 100%; height: auto; padding: 20px 0; background: transparent;}
  .purpose-center p {position: relative; display: inline-block; line-height: 35px; padding: 0 5px;}
  .purpose-center p::before {content: ""; position: absolute; width: 100%; height: 10px; left: 0; bottom: 0; background: rgb(210, 225, 237); z-index: -1;}

  .purpose-left, .purpose-right {float: none;}
  .purpose-bx-inner {width: 100%; height: auto; padding: 20px 4%; text-align: left; margin-bottom: 10px;}
  .purpose-bx-inner.purpose1 {background: #4980D1; right: 0px;}
  .purpose-bx-inner.purpose2 {background: #4B5877; margin-top: 0; padding-top: 20px; right: 0px;}
  .purpose-bx-inner.purpose3 {background: #4980D1; right: 0px;}
  .purpose-bx-inner.purpose4 {background: #4B5877; margin-top: 0; padding-top: 20px; right: 0px;}
  .purpose-bx-inner .info {max-width: 100%;}
}

/* 비전 */
.vision-first {overflow: hidden; margin-bottom: 25px;}
.vision-first .vision-bg-title {float: left; position: relative; padding-right: 70px;}
.vision-first .vision-bg-title::after {content: ""; position: absolute; width: 48px; height: 18px; background: url("/images/guide/sub/arrow_dot.png") no-repeat center; right: 15px; top: 50px;}
.vision-first .vision-bg-title p {width: 110px; height: 110px; background: url("/images/guide/sub/title_bg.png") no-repeat center; text-align: center; line-height: 110px; font-size: 20px; letter-spacing: -0.5px; color: #fff;}

.vision-arrow {overflow: hidden;}
.vision-arrow-inner {float: right; width: calc(100% - 180px); background: url("/images/guide/sub/arrow_up.png") no-repeat center; height: 90px; }

.vision-represent {float: left; width: calc(100% - 184px); border: 2px solid #1C7DD7; padding: 27px 0; background: url("/images/guide/sub/content_bg.jpg") no-repeat center; text-align: center;}
.vision-represent p {font-family: 'Noto DemiLight'; font-size: 27px; letter-spacing: -0.5px; color: #1e2e55;}

.vision-title {float: left; width: 180px; padding-left: 20px; box-sizing: border-box;}
.vision-title p {display: inline-block; font-family: 'Noto Medium'; font-size: 20px; line-height: 30px; letter-spacing: -0.5px; color: #002761; padding-bottom: 5px; border-bottom: 1px solid #959DB1;}

.vision-list {overflow: hidden; margin-top: 35px; margin-bottom: 35px;}
.vision-list .vision-info {float: left; width: calc(100% - 180px);}
.vision-list .vision-info ul {margin: 0 -2%;}
.vision-list .vision-info li {float: left; width: 21%; margin: 0 2%; padding: 20px 0; box-sizing: border-box; border: 3px solid #333; text-align: center;}
.vision-list .vision-info li span {font-size: 18px; line-height: 25px; color: #000; font-weight: 600;}
.vision-list .vision-info li span span {font-size: 25px;}
.vision-list .vision-info li p {font-size: 17px; line-height: 25px; color: #000; letter-spacing: -0.5px; font-weight: 500;}

.vision-list .vision-info li.list1 {border-color: #20C1F5; }
.vision-list .vision-info li.list1 span span {color: #20C1F5;}

.vision-list .vision-info li.list2 {border-color: #1C7DD7; }
.vision-list .vision-info li.list2 span span {color: #1C7DD7;}

.vision-list .vision-info li.list3 {border-color: #1B60C6; }
.vision-list .vision-info li.list3 span span {color: #1B60C6;}

.vision-list .vision-info li.list4 {border-color: #1F48AB; }
.vision-list .vision-info li.list4 span span {color: #1F48AB;}

.vision-bg-list {overflow: hidden; margin: 35px 0;}
.vision-bg-list .vision-title {margin-top: 115px;}
.vision-bg-list .vision-info {float: left; width: calc(100% - 180px);}
.vision-bg-list .vision-info li {float: left; width: 18%; height: 206px; margin-left: -2%; text-align: center;}
.vision-bg-list .vision-info li:first-child {margin-left: 0;}
.vision-bg-list .vision-info li p {display: table; width: 100%; height: 100%;}
.vision-bg-list .vision-info li p span {display: table-cell; width: 100%; height: 100%; vertical-align: middle; font-size: 21px; line-height: 30px; letter-spacing: -0.5px; color: #fff; font-weight: 500;}
.vision-bg-list .vision-info li:nth-child(2n) {margin-top: 115px;}
.vision-bg-list .vision-info li.info1 {background: url("/images/guide/sub/direction_img_1.png") no-repeat center; background-size: contain;}
.vision-bg-list .vision-info li.info2 {background: url("/images/guide/sub/direction_img_2.png") no-repeat center; background-size: contain;}
.vision-bg-list .vision-info li.info3 {background: url("/images/guide/sub/direction_img_3.png") no-repeat center; background-size: contain;}
.vision-bg-list .vision-info li.info4 {background: url("/images/guide/sub/direction_img_4.png") no-repeat center; background-size: contain;}
.vision-bg-list .vision-info li.info5 {background: url("/images/guide/sub/direction_img_5.png") no-repeat center; background-size: contain;}
.vision-bg-list .vision-info li.info6 {background: url("/images/guide/sub/direction_img_6.png") no-repeat center; background-size: contain;}

.vision-txt-list {overflow: hidden; margin-top: 35px;}
.vision-txt-list .vision-title {margin-top: 50px;}
.vision-txt-list .vision-info {float: left; width: calc(100% - 180px);}
.vision-txt-list .vision-info ul {overflow: hidden; padding: 20px 1%; background: #F7F7F7;}
.vision-txt-list .vision-info li {float: left; width: 16.66%; padding: 0 1%; box-sizing: border-box;}
.vision-txt-list .vision-info li p {position: relative; font-size: 17px; line-height: 20px; letter-spacing: -0.5px; color: #000; padding-left: 30px; margin-top: 10px;}
.vision-txt-list .vision-info li p:first-child {margin-top: 0;}
.vision-txt-list .vision-info li p .num {position: absolute; left: 0; top: 0px; border-radius: 50%; text-align: center; line-height: 20px; width: 20px; height: 20px; font-size: 12px; color: #fff;}

.vision-txt-list .vision-info li.txt1 .num {background: #5DD6D2;}
.vision-txt-list .vision-info li.txt2 .num {background: #20C1F5;}
.vision-txt-list .vision-info li.txt3 .num {background: #328FE5;}
.vision-txt-list .vision-info li.txt4 .num {background: #1B60C6;}
.vision-txt-list .vision-info li.txt5 .num {background: #1F48AB;}
.vision-txt-list .vision-info li.txt6 .num {background: #1E2E55;}

@media all and (max-width: 1023px) {
  .vision-first .vision-bg-title {float: none; text-align: center; padding-right: 0; padding-bottom: 70px;}
  .vision-first .vision-bg-title::after {transform: rotate(90deg); bottom: 30px; top: auto; left: 50%; margin-left: -24px;}
  .vision-first .vision-bg-title p {display: inline-block;}
  .vision-represent {float: none; width: 100%; box-sizing: border-box;}

  .vision-arrow-inner {float: none; width: 100%;}

  .vision-title {float: none; width: 100%; margin-bottom: 20px; text-align: center; padding-left: 0;}
  .vision-bg-list .vision-title {margin-top: 15px;}
  .vision-txt-list .vision-title {margin-top: 15px;}
  .vision-list .vision-info {float: none; width: 100%;}

  .vision-bg-list .vision-info {float: none; width: 100%;}

  .vision-txt-list .vision-info {float: none; width: 100%;}
}

@media all and (max-width: 767px){
  .vision-represent {background-size: cover; margin: 0 1%; width: 98%;}
  .vision-represent p {font-size: 25px;}

  .vision-list .vision-info ul {margin: 0;}
  .vision-list .vision-info li {width: 48%; margin: 0 1%; margin-top: 10px;}

  .vision-bg-list .vision-title {margin-top: 0;}
  .vision-bg-list .vision-info li {height: auto; padding: 15px 0; float: none; width: 98%; margin: 0 1%; margin-bottom: 10px;}
  .vision-bg-list .vision-info li:first-child {margin-left: 1%;;}
  .vision-bg-list .vision-info li:nth-child(2n) {margin-top: 0;}

  .vision-bg-list .vision-info li.info1 {background: #5DD6D2;}
  .vision-bg-list .vision-info li.info2 {background: #20C1F5;}
  .vision-bg-list .vision-info li.info3 {background: #328FE5;}
  .vision-bg-list .vision-info li.info4 {background: #1B60C6;}
  .vision-bg-list .vision-info li.info5 {background: #1F48AB;}
  .vision-bg-list .vision-info li.info6 {background: #1E2E55;}
  .vision-bg-list .vision-info li p span br {display: none;}

  .vision-txt-list .vision-title {margin-top: 0;}
  .vision-txt-list .vision-info li {float: none; width: 100%; padding: 10px 1%;}
}

.symbol-wrap{width: 100%; max-width: 1400px; border: 1px solid #dadadc; background: url(/images/guide/sub/background-image.png) no-repeat right top; position: relative; border-top: 0; overflow: hidden;}
.symbol-inner{padding: 50px 98px;}
.symbol-wrap::before{content:""; display: block; position: absolute; width: 100%; height: 3px; background-image: url(/images/guide/sub/border-top.png); background-size:cover; left: 0; top: 0;}
.symbol-wrap::after{content:""; display: block; position: absolute; width: 40px; height: 40px; background-image: url(/images/guide/sub/border-leftobttom.png); right: 0; bottom: 0;}

.symbol-header{overflow: hidden; margin-bottom: 50px;}
.symbol-header li{display: inline-block; margin-right: 40px; width: 170px;}
.symbol-header li img{width: 100%;}
.symbol-header li:last-child{margin-right: 0;}

.symbol-content{position: relative;}
.symbol-box{margin-bottom: 20px;}
.symbol-box::after{content:""; display: table; clear: both;}
.symbol-title{width: 29%; float: left; height: 150px; display: table;}
.symbol-title p{font-size: 24px; font-family: 'Noto DemiLight'; color: #151515; display: table-cell; vertical-align: middle; text-align: right;}
.symbol-imagebox{width: 67%; height: 150px; float: right; display: table;}
.symbol-imagebox ul{display: table-cell; vertical-align: middle; padding: 0 50px;}
.symbol-imagebox li{width: 117px; display: inline-block; margin-right: 30px;}
.symbol-imagebox li img{width: 100%;}
.symbol-imagebox li:last-child{margin-right: 0;}

.color_1 .symbol-imagebox{background-color: #007db6;}
.color_2 .symbol-imagebox{background-color: #da983d;}
.color_3 .symbol-imagebox{background-color: #8a8d8f;}
.color_4 .symbol-imagebox{background-color: #000000;}
.color_5 .symbol-imagebox{border: 1px solid #cccccc;}
.color_6 .symbol-imagebox{background-color: #6836f4;}
.color_7 .symbol-imagebox{background-color: #feb82f;}
.color_8 .symbol-imagebox{background-color: #0faefa;}

@media all and (max-width: 1230px) {
  .symbol-inner{padding: 40px 50px;}
  .symbol-header li{width: 120px;}
  .symbol-imagebox li{width: 100px;}
}

@media all and (max-width: 1024px) {
  .symbol-header li{width: 98px;}
  .symbol-title p{font-size: 20px;}
  .symbol-imagebox ul{padding: 0 20px;}
  .symbol-imagebox li{width: 55px;}
}

@media all and (max-width: 768px) {
  .symbol-inner{padding: 20px;}
  .symbol-header li{margin-right: 20px; width: calc(20% - 30px);}
  .symbol-title{width: 100%; float: none; display: block; height: auto; margin-bottom: 20px;}
  .symbol-title p{text-align: center; display: block;}
  .symbol-imagebox{width: 100%;}
  .symbol-imagebox li {margin-right: 20px;}
}

@media all and (max-width: 480px) {
  .symbol-header li{width: 30%; float: left; margin-right: 3.3%; display: block; margin-bottom: 20px;}
  .symbol-imagebox{height: auto; padding: 20px 0;}
  .symbol-imagebox li{width: 45%; margin-right: 0; float: left; margin-bottom: 20px;}
  .symbol-imagebox li:nth-child(2n) {float: right;}
}

.cls_apply_wrap{background-color: #f7f7f7; padding: 42px 25px;}
.cls_apply_wrap ul{position: relative;}
.cls_apply_wrap ul::after{content:""; display: table; clear: both;}
.cls_apply_wrap li{list-style: none; width: calc(100%/3 - 1px); float: left; position: relative;}
.cls_apply_wrap li:first-child{left: 25px;}
.cls_apply_wrap li:last-child{left: -25px;}
.center_apply{z-index: 2;}

.cls_apply_box::before{content:""; display: block; position: absolute; width: 20px; height: 20px; box-sizing: content-box; border: 4px solid white; border-radius: 50%; left: 50%; margin-left: -14px; top: -14px; box-shadow: 0px 7px 7px rgba(0,0,0,0.2);}
.cls_apply_box{width: 100%; position: relative; border-radius: 50px;}
.cls_apply_box p{font-size: 20px; font-family: 'Noto Medium'; line-height: 65px; text-align: center; color: white;}

.background_1,.background_1::before{background-color: #20c1f5;}
.background_2{background-color: rgba(51,164,233,0.8);}
.background_2::before{background-color: #33a4e9;}
.background_3,.background_3::before{background-color: #477ed0;}

.cls_apply_content{margin-top: 15px; text-align: center; line-height: 30px;}
.cls_apply_content h1{font-family: 'Noto DemiLight'; font-size: 18px; margin-top: 30px;}
.cls_apply_content p{color: #666666; font-size: 18px; font-family: 'Noto DemiLight';}

.next_arrow{display: block; position: absolute; width: 15px; height: 24px; background: url(/images/guide/sub/next_arrow.png) no-repeat; z-index: 2; top: 50%; margin-top: -12px;}
.arrow_1{left: 6px;}
.arrow_2{right: 6px;}

.plus-wrap{overflow: hidden; width: auto; margin: 0 auto; display: inline-block;}
.plus-box{width: 95px; height: 95px; background-color: #4bccf5; display: table; float: left; border-radius: 50%;}
.plus-box p{color: white; font-size: 16px; font-family: 'Noto DemiLight'; display: table-cell; vertical-align: middle; text-align: center; line-height: 20px;}
.plus-text{width: 18px; height: 18px; background-image: url(/images/guide/sub/plus-image.png); float: left; margin: 38.5px 8px 0 8px;}

.next-wrap{overflow: hidden; width: auto; margin: 0 auto; display: inline-block;}
.next-box{width: 95px; height: 95px; background-color: #4599e7; display: table; float: left; border-radius: 50%;}
.next-box p{display: table-cell; vertical-align: middle; font-size: 16px; line-height: 20px; font-family: 'Noto DemiLight'; text-align: center; color: white;}
.next-text{width: 12px; height: 16px; background-image: url(/images/guide/sub/arrow.png); float: left; margin: 39.5px 3px 0 3px;}

@media all and (max-width: 1360px) {
  .plus-box{width: 65px; height: 65px;}
  .next-box{width: 65px; height: 65px;}
  .plus-box p{font-size: 12px; line-height: 16px;}
  .next-box p{font-size: 12px; line-height: 16px;}
  .plus-text{margin-top: 23.5px;}
  .next-text{margin-top: 23.5px;}
  .cls_apply_content h1{font-size: 16px;}
}

@media all and (max-width: 1024px) {
  .plus-box{float: none; margin: 0 auto;}
  .plus-text{float: none; margin: 15px auto; display: block;}
  .next-box{float: none; margin: 0 auto;}
  .next-text{float: none; margin: 15px auto; transform: rotate(90deg);}
}

@media all and (max-width: 768px) {
  .cls_apply_wrap li{width: 100%; float: none; margin-bottom: 30px;}
  .cls_apply_wrap li:first-child, .cls_apply_wrap li:last-child{left: 0;}
  .next_arrow{display: none;}
  .plus-box{float: left;}
  .plus-text{float: left; margin: 23.5px 8px 0 8px;}
  .next-box{float: left;}
  .next-text{float: left; transform: rotate(0deg); margin: 23.5px 3px 0 3px;}
}

@media all and (max-width: 480px) {
  .next-box{width: 55px; height: 55px;}
  .next-text{margin-top: 19.5px;}
  .next-box p{font-size: 10px; line-height: 12px;}
}

.graduation-wrap::after{content:""; display: table; clear:  both;}
.graduation-box{width: 30%; float: left; margin-bottom: 15px;}
.graduation_header{width: 100%; height: 60px; display: table; position: relative; z-index: 2;}
.graduation_header p{width: 100%; display: table-cell; vertical-align: middle; text-align: center; font-family: 'Noto DemiLight'; color: white;}
.graduation_header span{font-family: 'Montserrat'; margin-right: 5px;}
.graduation_content{position: relative; top: -4px; z-index: 1; height: 125px; padding: 10px 15px 0 15px; text-align: center; line-height: 1.6;}
.graduation_content p{font-size: 15px; font-family: 'Noto DemiLight'; color: #666666}
.graduation_content span{font-size: 15px; color: #333333; font-family: 'Noto Medium';}
.graduation_content ul li {position: relative; margin-bottom: 5px; padding-left: 15px; text-align: left;}
.graduation_content ul li:after {content: ''; position: absolute; left: 0; top: 9px; width: 7px; height: 7px; border-radius: 100%; background: #8295a7;}
.graduation-wrap.type2 .graduation_content {padding: 10px 20px 0 20px;}

.arrow-box{width: 5%; float: left; position: relative; height: 197px;}
.arrow-image{width: 20px; height: 35px; background-image: url(/images/guide/sub/next_arrow.png); left: 50%; top: 50%; position: absolute; margin-top: -17.5px; margin-left: -10px;}

.back_1 .graduation_header{background-image: url(/images/guide/sub/blue_background.png);}
.back_2 .graduation_header{background-image: url(/images/guide/sub/gray_background.png);}
.back_3 .graduation_header{background-image: url(/images/guide/sub/blue_background_2.png);}

.back_1 .graduation_content{border: 4px solid #328fe5;}
.back_2 .graduation_content{border: 4px solid #aabdcf;}
.back_3 .graduation_content{border: 4px solid #1b60c6;}

.show-mobile{display: none;}

@media all and (max-width: 1200px) {
  .graduation_content{height: 180px;}
  .arrow-box{height: 255px;}
}

@media all and (max-width: 1024px) {
  .graduation_content{height: 260px;}
  .arrow-box{height: 325px;}
}

@media all and (max-width: 768px) {
  .graduation-box{width: 100%; float: none; margin-bottom: 0;}
  .arrow-box{width: 100%; float: none; height: auto; margin: 20px 0;}
  .graduation_content{height: auto; padding: 20px 50px;}
  .show-mobile{display: block;}
  .arrow-image{position: static; margin: 0 auto; transform: rotate(90deg);}
}

.edu-content-wrap{border: 5px solid #dde3f1; padding: 45px 245px;}
.edu-content-wrap::after{content:""; display: table; clear: both;}

.edu-content-left{float: left; width: 45%;}
.left-box{position: relative; margin-bottom: 45px;}
.left-box:last-child{margin-bottom: 0;}
.left-box::after{content:""; display: table; clear: both;}
.content-title{width: 70%; border-radius: 50px;}
.content-title p{font-size: 20px; color: white; font-family: 'Noto DemiLight'; text-align: center; line-height: 50px; margin-bottom: 30px;}
.content-list {position: relative;}
.content-list ul{width: 70%; padding: 20px; position: relative;}
.content-list li{list-style: none; padding-left: 15px; background: url(/images/guide/sub//bullet.png) no-repeat left center; font-size: 16px; font-family: 'Noto DemiLight'; color: #666666; margin-bottom: 10px;}
.content-list li:last-child{margin-bottom: 0;}
.content-arrow{position: absolute; width: 48px; height: 18px; background-image: url(/images/guide/sub//content-arrow.png); right: 0; top: 50%; margin-top: -9px;}

.left-box .content-title{background-color: #1f48ab;}
.left-box .content-list ul{border-radius: 23px; border: 5px solid #1f48ab; box-sizing: border-box;}


.edu-content-right{float: right; width: 45%; margin-top: 25px;}
.right-box .content-title{background-color : #20c1f5;}
.right-box .content-list ul{border-radius: 23px; border: 5px solid #20c1f5; box-sizing: border-box;}

@media all and (max-width: 1250px) {
  .edu-content-wrap{padding: 40px 9%}
}

@media all and (max-width: 1024px) {
  .edu-content-wrap{padding: 20px 5%;}
  .content-title,.content-list ul{width: 80%;}
}

@media all and (max-width: 768px) {
  .edu-content-left{width: 100%; float: none;}
  .edu-content-right{width: 100%; float: none;}
  .content-title,.content-list ul{width: 100%;}
  .content-arrow{display: none;}
  .mobile-arrow{width: 48px; height: 18px; background-image: url(/images/guide/sub/content-arrow.png); margin: 50px auto; transform: rotate(90deg);}
  .content-title p{font-size: 18px;}
}

.eng_edu-wrap{border: 5px solid #dde3f1; box-sizing: border-box; padding: 50px 100px;}
.eng-edu-box_1{width: 80%; margin: 0 auto; margin-bottom: 60px;}
.eng-edu-box_1::after{content:""; display: table; clear: both;}
.eng-edu-box_1 > div{width: 45%; float: left;}
.eng-edu-box_1 > div:last-child{float: right;}

.eng-class-title{width: 155px; height: 155px; margin: 0 auto; display: table; margin-bottom: 30px;}
.eng-class-title p{text-align: center; display: table-cell; vertical-align: middle; font-size: 20px; font-family: 'Noto Medium'; color: white;}
.eng-box_1 .eng-class-title{background-image: url(/images/guide/sub/title_1.png);}
.eng-box_2 .eng-class-title{background-image: url(/images/guide/sub/title_2.png);}
.eng-box_3 .eng-class-title{background-image: url(/images/guide/sub/title_3.png);}

.eng-class-content li{width: 100%; border-radius: 50px; display: table; height: 50px; box-sizing: border-box;}
.eng-class-content li p{display: table-cell; vertical-align: middle; text-align: center; width: 100%; font-family: 'Noto DemiLight';}

.eng-box_1 .eng-class-content li{border: 2px solid #0178dd;}
.eng-box_1 .eng-class-content li p{color: #0178dd;}
.eng-box_2 .eng-class-content li{border: 2px solid #20c1f5;}
.eng-box_2 .eng-class-content li p{color: #20c1f5;}
.eng-box_3 .eng-class-content li{border: 2px solid #1f48ab;}
.eng-box_3 .eng-class-content li p{color: #1f48ab;}

.eng-arrow-1{width: 18px; height: 48px; display: block; background: url(/images/guide/sub/arrow_1.png); margin: 10px auto;}
.eng-arrow-2{width: 18px; height: 48px; display: block; background: url(/images/guide/sub/arrow_2.png); margin: 10px auto;}
.eng-arrow-3{width: 18px; height: 48px; display: block; background: url(/images/guide/sub/arrow_3.png); margin: 10px auto;}

.eng-class-contentbox::after{content:""; display: table; clear:  both;}
.eng-class-contentbox > div{width: 32%; float: left; margin-right: 2%;}
.eng-class-contentbox > div:last-child{margin-right: 0;}
.eng-box_3 .eng-class-content-title{background-color: #1f48ab; height: 50px; display: table; width: 100%; border-radius: 50px; margin-bottom: 40px;}
.eng-box_3 .eng-class-content-title p{color: white; text-align: center; display: table-cell;vertical-align: middle; font-size: 16px; font-family: 'Noto DemiLight';}

@media all and (max-width: 1100px) {
  .eng-class-content li p{font-size: 14px;}
}

@media all and (max-width: 1024px) {
  .eng_edu-wrap{padding: 40px 20px;}
  .eng-edu-box_1 > div{width: 48%;}
}

@media all and (max-width: 768px) {
  .eng-edu-box_1{width: 100%;}
  .eng-edu-box_1 > div{width: 100%; float: none; margin-bottom: 60px;}
  .eng-class-contentbox > div{width: 100%; float: none; margin-bottom: 60px;}
}

.intro-wrap{max-width: 1600px; width: 100%;}
.intro-wrap::after{content:""; display: table; clear:both;}

.intro-image{float: left; width: 26.55%; position: relative; margin-right: 5%;}
.main-img img{width: 100%;}
.school-wrap{position: relative;}
.school-wrap p{position: absolute; left:10%; bottom: -60px;}
.school-logo{position: absolute; right: 0; bottom: -60px; width: 40%;}
.school-logo img{width: 100%;}

.intro-textbox{width: 68%; float: left;}
.intro-text p{font-size: 17px; line-height: 1.6; font-family: 'Noto DemiLight';}
.intro-header{position: relative; display: inline-block; padding: 50px 85px 30px 20px;}
.intro-header::before{content:""; display: block; width: 87px; height: 77px; background-image: url(/images/guide/sub//left-dot.png); left: 0; top: 0; position: absolute;z-index: -1;}
.intro-header::after{content:""; display: block; width: 87px; height: 77px; background-image: url(/images/guide/sub//right-dot.png); right :0; bottom: 0; position: absolute; z-index: -1;}
.intro-header p{font-family: 'Noto Bold'; font-size: 20px; margin-bottom: 30px;}

.main-text{margin: 40px 0 40px 0; position: relative; border-left: 4px solid #0a2647; padding-left: 30px;}
.main-text::before{content:""; width: 2px; height: 100%; background-color:black; display: block; float: left;}
.intro-footer{margin-top: 30px;}
.intro-footer span {display: inline-block; vertical-align: middle;}
.intro-footer span.sign {position: relative; left: 20px; top: 10px;}
.school-title{font-family: 'Noto DemiLight';}

@media all and (max-width: 1450px){
  .intro-image{width: 25%;}
  .intro-textbox{width: 65%;}
}

@media all and (max-width: 1300px) {
  .intro-header h1{width: 100%;}
  .intro-header h1 img{width: 100%;}
  .intro-header::before,.intro-header::after{width: 70px; height: 62px; background-size: cover;}
  .main-text img{width: 100%;}
}

@media all and (max-width: 1160px){
  .school-wrap p{left: 0;}
}

@media all and (max-width: 1024px) {
  .school-logo{bottom: -30px;}
}

@media all and (max-width: 767px) {
  .intro-image{width: 80%; margin: 0 auto; float: none;}
  .intro-textbox{width: 100%; float: none; margin-top: 50px;}
  .school-wrap p{bottom: -30px}
  .intro-header{padding: 50px 20px 30px 20px;}
}

.wrap-design {display: table; width: 100%;}
.wrap-design .design {display: table-cell; vertical-align: top;}
.wrap-design .design-box {position: relative; background: url('/images/guide/sub/bg-design.jpg');}
.wrap-design .design-box:after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: url('/images/guide/sub/pattern-design.jpg'); }
.wrap-design .design-box:before {content: ''; position: absolute; right: 0; bottom: 0; width: 40px; height: 40px; background: url('/images/guide/sub/deco-design.png') no-repeat center center;}
.wrap-design .design-box.symbol ul {display: table; width: 100%;}
.wrap-design .design-box.symbol li {display: table-cell; width: 50%; height: 300px; vertical-align: middle; text-align: center;}
.wrap-design .design-box.symbol li.one {text-align: right; padding-right: 10%; padding-left: 10%;}
.wrap-design .design-box.symbol li.two {text-align: left; padding-right: 10%; padding-left: 10%;}
.wrap-design .design-box.logo ul {padding: 50px;}
.wrap-design .design-box.logo p {margin-bottom: 5px;}
.wrap-design .design-box.logo .one {margin-bottom: 20px;}
.wrap-design .design-box.flag .img {padding: 30px 0; text-align: center;}
.wrap-design .design-box.emblem {background: none;}
.wrap-design .design-box.emblem .img {text-align: center;}
.wrap-design .design-box.emblem .img.em1 {padding: 45px 0;}
.wrap-design .design-box.emblem .img.em2 {padding: 86px 0;}
.wrap-design .design-box.emblem .img.em3 {padding: 80px 0;}
.wrap-design .design-box.character {background: none;}
.wrap-design .design-box.character.ch1 {margin-right: 20px;}
.wrap-design .design-box.character.ch2 {margin-left: 20px;}
.wrap-design .design-box.song {background: none;}
.wrap-design .design-box.song .logo-box {padding: 60px 50px 10px 50px;}
.wrap-design .design-box.song .logo-box strong {display: inline-block; margin-bottom: 10px; font-family: 'Noto Medium'; font-size: 22px; color: #1b60c6;}
.wrap-design .design-box.song .logo-box p {font-size: 18px; line-height: 1.7;}
.wrap-design .design-box.song .row {margin-bottom: 45px;}
.wrap-design .logo-box {background: url('/images/guide/sub/bg-design2.png') no-repeat right top; border: 1px solid #ddd;}
.wrap-design .desc {display: table-cell; width: 54%; vertical-align: top; padding-left: 40px;}
.wrap-design .desc.img-song {width: 501px; padding-left: 0; padding-right: 65px;}

@media all and (max-width: 760px) {
  .wrap-design,
  .wrap-design .desc,
  .wrap-design .design {display: block; width: 100%;}
  .wrap-design .desc {padding-left: 0; padding-top: 20px;}
  .wrap-design .design-box.character.ch1 {margin-right: 0; margin-bottom: 50px;}
  .wrap-design .design-box.character.ch2 {margin-left: 0;}
  .objHeading_h3.character {margin-left: 0;}
  .wrap-design .desc.img-song {width: 100%; text-align: center; padding-left: 0; padding-right: 0; margin: 0 auto; margin-bottom: 60px;}
}

.img-font {display: inline-block; margin-top: 10px; margin-bottom: 5px;}
.img-font img {width: 100%}

.chapter_1{max-width: 1400px; margin: 0 auto;}

.student-header{position: relative;}
.student-top{width: 200px; margin: 0 auto; height: 60px; display: table; background-image: url(/images/guide/sub/back_1.png); position: relative;}
.student-top p{display: table-cell; vertical-align: middle; font-family: 'Noto DemiLight'; font-size: 18px; color: white; text-align: center;}
.student-top::after{content:""; display: block; width: 1px; height: 200px; position: absolute; background-color: #bbbbbb; bottom: -200px; left: 50%; margin-left: -1px;}

.student-second{max-width: 875px; margin: 0 auto; position: relative;}
.student-second::after{content:""; display: table; clear: both;}
.executive-box{width: 200px; float: left; height: 60px; box-sizing: border-box; border: 2px solid #246cd7; display: table; position: absolute; top: 50%; margin-top: -30px;}
.executive-box p{color: #246cd7; display: table-cell; vertical-align: middle; text-align: center; font-family: 'Noto DemiLight'; font-size: 18px;}
.executive-box::after{content:""; display: block; position: absolute; width: 122%; height: 1px; background-color: #bbbbbb; top: 50%;}

.executive-list{float: right; width: 200px;}

.executive-list ul{position: relative;}
.executive-list ul::before{content:""; display: block; position: absolute; width: 1px; height: calc(100% - 40px); background-color: #bbbbbb; left: -29%; top: 20px;}
.executive-list ul::after{content:""; display: block; position: absolute; width: 91%; height: 1px; background-color: #bbbbbb; left: -120%; top: 50%;}

.executive-list li{list-style: none; width: 100%; height: 40px; margin-bottom: 10px; box-sizing: border-box; border: 2px solid #667891; display: table; position: relative;}
.executive-list li:last-child{margin-bottom: 0;}
.executive-list li p{display: table-cell; vertical-align: middle; text-align: center; font-size: 18px; color: #667891; font-family: 'Noto Medium';}

.executive-list li::before{content:""; display: block; width: 30%; height: 1px; top: 50%; background-color: #bbbbbb; position: absolute; left: -30%;}

.student-content ul{position: relative;}
.student-content ul::before{content:""; width: calc(100%/26*24); height: 1px; background-color: #bbbbbb; position: absolute; top: 10px; left: calc(100%/26 - 10px);}
.student-content ul::after{content:""; display: table; clear: both;}
.student-content li{width: calc(100%/13 - 19px); float: left; list-style: none; margin-top: 10px; margin-right: 19px; }
.student-content li:last-child{margin-right: 0;}

.student-content li::before{content:""; display: block; width: 1px; height: 33px; background-color: #bbbbbb; margin: 0 auto;}

.student-content p{width: 100%; height: 80px; background-image: url(/images/guide/sub/back_2.png); display: table;}
.student-content p span{padding:0 3px; display: table-cell; vertical-align: middle; text-align: center; color: white; font-family: 'Noto DemiLight'; font-size: 14px;}

@media all and (max-width: 1300px) {
  .student-content p span {font-size: 13px;}
}

@media all and (max-width: 1200px) {
  .student-content p{height: 110px;}
}

@media all and (max-width: 768px) {
  .student-top{margin-bottom: 10px;}
  .executive-box{width: 25%;}
  .executive-box p{font-size: 14px;}
  .executive-list{width: 32%;}
  .executive-list li p{font-size: 14px;}
  .executive-box::after{width: 105%;}
  .student-top::after{height: 783px; bottom: -783px;}
  .student-content{margin-top: 20px;}
  .student-content li{width: 45%; float: left; margin: 0 auto; margin-bottom: 20px; position: relative;}
  .student-content li:nth-child(2n){float: right;}
  .student-content p{height: auto; padding: 10px 0;}
  .student-content ul::before{display: none;}
  .student-content li::before{display: none;}
  .student-content li:nth-child(odd)::after{content:""; display: block; width: 11%; height: 1px; background-color: #bbbbbb; position: absolute; top: 50%; right: -11%;}
  .student-content li:nth-child(even)::before{content:""; display: block; width: 11%; height: 1px; background-color: #bbbbbb; position: absolute; top: 50%; left: -11%;}
  .executive-list ul::after{width: 72%; left: -100%;}
}

@media all and (max-width: 480px) {
  .student-content p span{font-size: 14px;}
  .student-top::after{height: 704px; bottom: -704px;}
}

.id-wrap{max-width: 1400px; margin: 0 auto;}
.id-wrap::after{content:""; display: table; clear: both;}

.id-image{width: 55.8%; float: left;}
.id-image img{width: 100%;}
.id-content{width: 42%; float: right;}

@media all and (max-width: 1024px) {
  .id-image,
  .id-content {width: 100%; float: none; margin-bottom: 20px;}
}

.council-wrap{position: relative; margin-top: 25px;}

.council-inner{width: 300px; height: 300px; border-radius: 50%; padding: 1px; position: relative;}
.council-textbox{margin-top: 54px;}
.council-box{position: relative;}

.box_1 .council-inner{background-color: #4980d1; margin: 0 auto;}
.box_1 .council-inner::after{content:""; display: block; position: absolute; width: 184px; height: 179px; background-image: url(/images/guide/sub/box_1_line.png); right: -25px; top: -25px; background-size: cover;}
.box_2 .council-inner{background-color: #4A82FF; float: left;}
.box_2 .council-inner::after{content:""; display: block; position: absolute; width: 179px; height: 184px; background-image: url(/images/guide/sub/images/box_2_line.png); left: -25px; top: -25px; background-size: cover;}
.box_3 .council-inner{background-color: #4964a4; float: right;}
.box_3 .council-inner::after{content:""; display: block; position: absolute; width: 179px; height: 184px; background-image: url(/images/guide/sub/images/box_3_line.png); right: -25px; bottom: -25px; background-size: cover;}

.council-textbox h1{font-size: 16px; font-family: 'Noto DemiLight'; text-align: center; color: white; width: 100%;}
.council-textbox h1::before{content:""; width: 60%; height: 1px; background-color: white; display: block; margin: 0 auto; margin-bottom: 10px;}
.council-textbox h1::after{content:""; width: 60%; height: 1px; background-color: white; display: block; margin: 0 auto; margin-top: 10px;}

.council-textbox ul{width: 70%; margin: 0 auto; margin-top: 20px; font-size: 16px;}
.council-textbox li{list-style: none; color: white; font-family: 'Noto DemiLight'; line-height: 20px; margin-bottom: 10px;}
.council-textbox li:last-child{margin-bottom: 0;}

.council-bottom{width: 720px; margin: 0 auto; margin-top: 80px;}
.council-bottom::after{content:""; display: table; clear: both;}

.council-main{width: 250px; height: 250px; background-color: rgba(210,225,237,0.7); border-radius: 50%; font-family: 'Noto Bold'; display: table; position: absolute; top: 58%; margin-top: -125px; left: 50%; margin-left: -125px; z-index: 2;}
.council-main h1{display: table-cell; vertical-align: middle; text-align: center; color: #262626; font-size: 23px;}

@media all and (max-width: 768px) {
  .council-inner{width: 200px; height: 200px;}
  .council-bottom{width: 440px;}
  .council-textbox{margin-top: 20px;}
  .council-textbox h1{font-size: 14px;}
  .council-textbox ul{margin-top: 10px; width: 75%;}
  .council-textbox li{font-size: 12px; line-height: 18px; margin-bottom: 5px;}
  .council-main{width: 200px; height: 200px; margin-left: -100px;}
  .council-main h1{font-size: 20px;}
  .box_1 .council-inner::after{width: 123px; height: 120px; right: -15px; top: -15px;}
  .box_2 .council-inner::after{width: 120px; height: 123px; left: -15px; top: -15px;}
  .box_3 .council-inner::after{width: 123px; height: 120px; right: -15px; bottom: -15px;}
  .council-textbox h1::before{margin-bottom: 5px;}
  .council-textbox h1::after{margin-top: 5px;}
  .council-inner{padding: 5px;}
}

@media all and (max-width: 480px) {
  .council-main{position: static; margin: 0 auto; width: 100%; height: auto; border-radius: 50px; padding: 15px 0; margin-bottom: 50px;}
  .council-bottom{width: 100%; margin-top: 30px;}
  .box_2 .council-inner, .box_3 .council-inner{float: none; margin: 0 auto;}
  .council-box{margin-bottom: 30px;}
  .council-box:last-child{margin-bottom: 0;}
}

.wrap-agree {text-align: center;}
.wrap-agree .radio,
.wrap-agree .text,
.wrap-agree .btn {display: inline-block;}
.wrap-agree .btn {padding-left: 10px;}
.wrap-agree .btn .btn-agree {display: inline-block; background: #2b3e5c; border: 1px solid #2b3e5c; cursor: pointer; font-size: 14px; height: 40px; line-height: 36px; text-align: center; min-width:80px; margin: 0 1px; border-radius: 100px; font-family: 'Noto DemiLight'; color: #fff;}
.wrap-agree .btn .btn-agree.big {min-width: 130px; height: 60px;  padding: 0 30px; background: #1b60c6; border: 1px solid #1b60c6; line-height: 56px; font-size: 24px;}


.wrap-president {margin-bottom: -70px;}
.wrap-president ul {position: relative; display: inline-block; width: 102.5%;}
.wrap-president ul li {float: left; width: 20%; padding: 0 35px 0 0; margin-bottom: 70px;}
.wrap-president .desc {position: relative; margin-top: 35px; padding-left: 35px;}
.wrap-president .desc:after {content: ''; position: absolute; left: 0; top: 0; width: 3px; height: 100%; background: #1b60c6;}
.wrap-president .desc .name {display: block; margin-bottom: 8px; font-family: 'Noto Medium'; font-size: 20px; color: #000; line-height: 1;}
.wrap-president .desc .num {margin-bottom: 7px; font-family: 'Noto DemiLight'; font-size: 18px; color: #333;}
.wrap-president .desc .date {font-family: 'Noto DemiLight'; font-size: 16px; color: #333; letter-spacing: 0;}

@media all and (max-width: 1470px) {
  .wrap-president ul:after {display: none;}
  .wrap-president ul li {width: 25%;}
}

@media all and (max-width: 1060px) {
  .wrap-president ul {width: 108%;}
  .wrap-president ul li {width: 33.333%; padding-right: 45px;}
}

@media all and (max-width: 780px) {
  .wrap-president ul {width: 110%;}
  .wrap-president ul li {width: 50%; padding-right: 45px; }
  .wrap-president .desc {padding-left: 20px;}
}

.parking {display: none;}
.parking.on {display: block;  position: fixed; left: 50%; top: 50%; width: 90%; max-width:950px; z-index: 1004; transform: translate(-50%, -50%); background: #fff;}
.parking .con {overflow-y: auto; height: 508px; padding: 20px; }
.parking .close-parking {position: absolute; right: 0px; top: 0px; float: right; margin: -45px 0 0 0; width: 25px; height: 25px; background: url('/images/guide/common/btn-parking-close.png') no-repeat center center; text-indent: -99999px;}
.black-bg-parking {display: none;}
.black-bg-parking.on {display: block; position: fixed; z-index: 1003; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);}

.btn-expand-haksa {text-align: right; width: 100%;}
.btn-expand-haksa button {padding: 10px 40px 10px 20px; margin-bottom: 30px; background: url(/images/guide/common/arrow-sel.png) no-repeat 92% center; text-align: center; border-radius: 100px; border: 1px solid #d1d1d1; font-family: 'Noto DemiLight'; font-size: 16px; color: #666;}
.btn-expand-haksa .img-expand-haksa {display: none;}
.btn-expand-haksa.on .img-expand-haksa {display: block;}

.sch-guide {text-align: right; width: 100%;}
.sch-guide button {padding: 10px 40px 10px 20px; margin-bottom: 15px; background: url(/images/guide/common/arrow-sel.png) no-repeat 92% center; text-align: center; border-radius: 100px; border: 1px solid #d1d1d1; font-family: 'Noto DemiLight'; font-size: 16px; color: #666;}

.edu-flow .type {padding: 7px; border-radius: 20px; text-align: center;}
.edu-flow .type1 {background: #20c1f5;  color: #fff;}
.edu-flow .type2 {background: #fff; color: #328fe5; border: 2px solid #328fe5;}
.edu-flow .type3 {background: #1f48ab;  color: #fff;}	
.edu-flow .type4 {padding:  15px 20px; background: #fff;  border: 3px solid #1f48ab; text-align: left;}	
.edu-flow .type4 strong {color: #1f48ab;}
.edu-flow .type4.color {border: 3px solid #20c1f5;}
.edu-flow .type4.color strong {color: #20c1f5;}
.edu-flow .type4 li {position: relative; padding-left: 15px;}
.edu-flow .type4 li:after {content:''; position: absolute; left: 0px; top: 10px; background: #8295a7; width: 6px; height: 6px; border-radius: 100%;}
.edu-flow .type5 {padding: 15px 20px; background: #fff;  border: 3px solid #20c1f5; text-align: center;}
.edu-flow .type5 strong {color: #20c1f5;}
.edu-flow .type6 {background: #1e2e55;  color: #fff;}
.img-expand-haksa .mobile {position: absolute;}

@media all and (max-width: 760px) {
  .img-expand-haksa .mobile {position: static}
  .img-expand-haksa .pc {display: none;}
}

.wrap-captain {display: inline-block; width: 100%}
.wrap-captain .thumb {float:right; width: 29%; padding-left: 70px;}
.wrap-captain .info {float: left; width: 71%; vertical-align: top; padding: 10px; background: url('/images/guide/sub/pattern-captain.jpg');}
.wrap-captain .white {background: #fff url('/images/guide/sub/logo-captain.jpg') no-repeat right top; padding: 30px;}
.wrap-captain .line {position: relative; display: table; width: 100%; padding-bottom: 25px; margin-bottom: 29px;}
.wrap-captain .line:after {content: ''; position: absolute; right: 0; bottom: 0; width: calc(100% - 100px); height: 2px; background: url('/images/guide/sub/dot-captain.jpg');}
.wrap-captain .line.deco1::before {content: ''; position: absolute; right: 50px; top: 75px; width: 93px; height: 83px; background: url('/images/guide/sub/deco-captain.jpg') no-repeat center center;}
.wrap-captain .line.deco2::before {content: ''; position: absolute; left: -30px; top: 75px; width: 285px; height: 135px; background: url('/images/guide/sub/deco-captain2.jpg') no-repeat center center;}
.wrap-captain .line .detail {position: relative; z-index: 1; display: table-cell; vertical-align: top;}
.wrap-captain .line .detail.subject {width: 100px; font-family: 'Noto Medium'; font-size: 20px; color: #000;}
.wrap-captain .line:last-child {margin-bottom: 0;}
.wrap-captain .row {display: table; width: 100%;}
.wrap-captain .row .date {display: table-cell; width: 195px; padding: 0 0 7px 0; font-family: 'Noto Regular'; font-size: 19px; color: #1b60c6;}
.wrap-captain .row .text {display: table-cell; position: relative; padding-left: 15px; font-size: 17px; color: #000;}
.wrap-captain .row .text:after {content: ''; position: absolute; left: 0; top: 11px; width: 7px; height: 7px; border-radius: 100%; background: #d3d3d3;}

@media all and (max-width: 1040px) {
  .wrap-captain .row,
  .wrap-captain .row .date,
  .wrap-captain .row .text {display: block;}
  .wrap-captain .row .text {padding-bottom: 20px;}
}

@media all and (max-width: 950px) {
  .wrap-captain,
  .wrap-captain .thumb,
  .wrap-captain .info {display: block;}
  .wrap-captain .thumb {width: 100%; padding-right: 0; text-align: center; padding-bottom: 40px; padding-left: 0px;}
  .wrap-captain .info {width: 100%;}
}

@media all and (max-width: 550px) {
  .wrap-captain .line .detail {display: block; width: 100%;}
  .wrap-captain .line:after {width: 100%;}
  .wrap-captain .row .text.one {padding-bottom: 0;}
}

.wrap-spare ul {display: inline-block; width: 100%;}
.wrap-spare li {text-align: center;}
.wrap-spare li.left {float: left; width: 49%;}
.wrap-spare li.left .box {background: url('/images/guide/sub/img-spare1.jpg') no-repeat center top;}
.wrap-spare li.right {float: right; width: 49%;}
.wrap-spare li.right .box {background: url('/images/guide/sub/img-spare2.jpg') no-repeat center top;}
.wrap-spare li .box {padding-top: 50%;}
.wrap-spare .small-box {width: 63.5%; margin: 0 auto; padding: 40px 0; background: #fff url('/images/guide/sub/logo-spare.jpg') no-repeat right top}
.wrap-spare .small-box strong {font-family: 'Noto Medium'; font-size: 24px; color: #333;}

@media all and (max-width: 770px) {
  .wrap-spare .small-box {width: 80%;}
  .wrap-spare .small-box strong {font-size: 20px;}
}

@media all and (max-width: 575px) {
  .wrap-spare li .box {padding-top: 30%;}
  .wrap-spare li.left {margin-bottom: 50px;}
  .wrap-spare li.left,
  .wrap-spare li.right {width: 100%;}
}

.videoWrapper {position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0;}
.videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

._paging ._inner a {color: #000; font-family: 'Noto DemiLight'; line-height: 32px;}
._paging ._inner a, ._paging ._inner strong {margin: 0 3px;}
.board-search .box-sel select,
.board-search .box-search input,
.view-con,
.view-file .row .insert a,
.view-navi .row .insert,
.board-write .insert input[type="text"],
.board-write .insert input[type="password"],
.view-file .no-file,
.board-cate .cate-now li.no-active a,
.board-cate .cate-now li.no-cate {font-family: 'Noto DemiLight'; color: #000;}
.view-file .row .insert a {font-size: 16px;}
.view-detail .view-util dt,
.view-detail .view-util dd {font-family: 'Noto DemiLight';}

.orgaTop{position:relative;text-align:right;background:#02bef3;padding:24px 50px;margin-bottom:50px;line-height:1.2;}
.orgaTop span{font-size:20px;font-family:'Mont Regular';color:#FFF;position:relative;z-index:1;}
.orgaTop:before,
.orgaTop:after{content:"";display:block;position:absolute;top:0;height:100%;}
.orgaTop:before{left:0;width:50%;background:#18327c;}
.orgaTop:after{left:calc(50% - 90px);width:181px;background:url(/html/func-organ/images/back_0.png) no-repeat left;background-size:cover;}
@media all and (max-width:768px){
  .orgaTop{text-align:center;}
  .orgaTop:after{width:100%;}
}

.orgaBox{box-sizing:border-box;font-family:'Noto DemiLight';color:#FFF;font-size:18px;text-align:center;line-height:1.2;word-break:break-all;}
.orgaBox.space1 {margin-top: 49px}
.orgaBox.space2 {margin-top: 74px}
.orgaBox a{color:#FFF;display:inline-block;position:relative; font-family: 'Noto DemiLight';}
.orgaBox a:after{content:"";display:block;background:#FFF;width:100%;height:1px;position:absolute;left:0;bottom:-6px;transform:scale(0);}
.orgaBox_6 li a:after,
.orgaBox_7 li a:after{background:#5374ab;width:calc(100% - 40px);left:40px;bottom:-1px;}
.orgaBox a:hover:after{transform:scale(1);transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);}
.orgaBox_6 li a:hover,
.orgaBox_7 li a:hover{font-family:'Noto Medium';}
.orgaBox span{display:block;}
.orgaBox_1,
.orgaBox_2,
.orgaBox_3{width:18.4%;margin: 0 auto;}
.orgaBox_1 span{background:url(/html/func-organ/images/back_1.png);padding:19.5px 0;}
.orgaBox_2 span{background:url(/html/func-organ/images/back_3.png);padding:19.5px 0;}
.orgaBox_3 span{background:#FFF;border:2px solid #667891;color:#112b51;padding:19.5px 0;}
.orgaBox_4 span{background:url(/html/func-organ/images/back_4.png);padding:14.5px 0;}
.orgaBox_5 span{background:#3bbeef url(/html/func-organ/images/back_6.png);padding:14.5px 0;}
.orgaBox_5 span.merge {position: absolute; width: 38.8%;}
.orgaBox_5,
.orgaBox_6,
.orgaBox_7{font-family:'Noto Light';font-size:17px;}
.orgaBox_6{}
.orgaBox_6 dl{}
.orgaBox_6 dt{background:#1d3e8f;padding:11px 0;}
.orgaBox_6 ul,
.orgaBox_7 ul{border:1px solid #1d3e8f;background:#f5fafb;text-align:left;}
.orgaBox_6 ul{border-top:0;}
.orgaBox_6 li a,
.orgaBox_7 li a{color:#2d5a9e;text-align:left;padding:7px 5px 7px 40px;}
.orgaBox_6 li a:before,
.orgaBox_7 li a:before{content:"";display:block;width:6px;height:6px;background:#1d3e8f;border-radius:100%;position:absolute;left:20px;top:14px;}
.orgaBox_6 ul,
.orgaBox_7 ul{padding:7px 0;}
.orgaGup{overflow:hidden;}
.orgaGup > li{float:left;margin-left:2%;width:18.4%;}
.orgaGup > li:first-child{margin-left:0;}
.orgaGup_1 .etc_1{width:38.8%;}
.orgaGup_1 .etc_1 dl{width:48%;}
.orgaGup_1 .etc_1 .dl_1,
.orgaGup_1 .etc_1 .dl_3{float:left;}
.orgaGup_1 .etc_1 .dl_2,
.orgaGup_1 .etc_1 .dl_4{float:right;}
.orgaGup_3 .etc_2{width:38.8%;}
.orgaGup_3 .etc_3{width:100%;margin-left:0;}
.orgaGup_1 .etc_1,
.orgaGup_3 .etc_2 ul,
.orgaGup_3 .etc_3 ul{overflow:hidden;}
.orgaGup_3 .etc_2 li,
.orgaGup_3 .etc_3 li{float:left;}
.orgaGup_3 .etc_2 li{width:33.3%;}
.orgaGup_3 .etc_3 li{width:16.6%;}
.orgaGup_3 .etc_3 .orgaBox_4{margin-top:13px;}
.orgaBox p{color:#FFF;display:inline-block;position:relative; font-family: 'Noto Regular';}
.orgaBox p:after{content:"";display:block;background:#FFF;width:100%;height:1px;position:absolute;left:0;bottom:-6px;transform:scale(0);}
.orgaBox_6 li p,
.orgaBox_7 li p {color:#2d5a9e;text-align:left;padding:7px 5px 7px 40px;}
.orgaBox_6 li p:before,
.orgaBox_7 li p:before{content:"";display:block;width:6px;height:6px;background:#1d3e8f;border-radius:100%;position:absolute;left:20px;top:14px;}

@media all and (max-width:768px){
  .orgaBox_1,
  .orgaBox_2,
  .orgaBox_3{width:250px;}
  .orgaGup > li{float:none;margin-left:0;width:100% !important;}
  .orgaGup_1 .etc_1 dl{width:100% !important;float:none !important;}
  .orgaBox_6 ul,
  .orgaBox_7 ul{overflow:hidden;}
  .orgaBox_6 ul li,
  .orgaBox_7 ul li{float:left;width:33.3% !important;}
  .orgaGup_3 .etc_3 .orgaBox_4{margin-top:0;}
  .orgaBox_5 span.merge {position: static; width: 100%;}
  .orgaBox.space1,
  .orgaBox.space2 {margin-top:0px;}
}
@media all and (max-width:500px){
  .orgaBox_6 ul li,
  .orgaBox_7 ul li{width:50% !important;}
}
@media all and (max-width:320px){
  .orgaBox_1,
  .orgaBox_2,
  .orgaBox_3{width:100%;}
  .orgaBox_6 ul li,
  .orgaBox_7 ul li{width:100% !important;}
}

.orgaGup:before,
.orgaBox_1:after,
.orgaBox_2:after,
.orgaBox_3:after,
.orgaBox_4:before,
.orgaBox_5:before,
.orgaBox_6:before,
.orgaBox_6 dl:before,
.orgaBox_7:before{content:"";display:block;background:#bbbbbb;}
.orgaBox_1:after,
.orgaBox_2:after,
.orgaBox_3:after,
.orgaBox_4:before{width:2px;height:30px;margin: 0 auto;}
.orgaBox_5:before{width:0;height:25px;}
.orgaBox_6:before{width:0;height:12px;}
.orgaBox_6 dl:before{width:0;height:13px;}
.orgaBox_7:before{width:0;height:25px;}
.orgaGup_2 .orgaBox_7:before,
.orgaGup_3 .orgaBox_7:before,
.orgaGup_3 .etc_3 .orgaBox_4:before{display:none;}
.orgaGup:before{width:81.75%;height:2px;margin: 0 auto;}
@media all and (max-width:768px){
  .orgaGup_3 .etc_3 .orgaBox_4:before{display:block;}
  .orgaGup:before,
  .orgaBox_3:after{display:none;}
  .orgaBox_1:after,
  .orgaBox_2:after,
  .orgaBox_4:before{height:20px;}
}

.wrap-view{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba( 0,0,0,0.5 );z-index:2000;display:none;}
.wrap-view.on {display: block;}
.wrap-view .wrap-inner{width:800px;height:425px;position:relative;left:calc(50% - 400px);top:calc(50% - 210px);background:#FFF;}
.wrap-view h3{position:relative;font-family:'Noto Medium';font-size:24px;color:#FFF;background:#1c3d8d url(/html/func-organ/images/back_6.png);padding:17px 30px;}
.wrap-view .wrap-content{box-sizing:border-box;width:100%;height:calc(100% - 70px);overflow-y:auto;border:1px solid #bebebe;border-top:0;padding:30px;}
.wrap-view h4{font-family:'Noto Medium';font-size:27px;width:calc(100% - 150px);float:left;}
.wrap-view a.goto-website{display:inline-block;padding:9px 18px 9px 40px;border:1px solid #b9c1d7;border-radius:3px;background:#FFF url(/html/func-organ/images/orga_icon_1.png) 15px center no-repeat;float:right;}
.wrap-view a.goto-website:hover{background-color:#b9c1d7;}
.wrap-view .summary{font-size:16px;border:3px solid #bdcae3;background:#f7f7f7;padding:20px;margin-top:64px;clear:both;}
.wrap-view .info,
.wrap-view .charger{margin-top:15px;font-size:18px;}
.wrap-view dt{position:relative;padding-left:17px;}
.wrap-view dt:before{content:"";display:block;width:6px;height:6px;background:#3571d6;border-radius:100%;position:absolute;left:0;top:11px;}
.wrap-view .info{position:relative;}
.wrap-view .info dt{position:absolute;left:0;top:0;}
.wrap-view .info dd{margin-left:125px;}
.wrap-view .charger dd{margin-top:10px;}
.wrap-view a.close-wrap-view{display:block;width:40px;height:40px;text-indent:-9999px;background:url(/html/func-organ/images/exit_Btn.png) center no-repeat;position:absolute;top:15px;right:15px;}
@media all and (max-width:1024px){
  .wrap-view .wrap-inner{width:90%;height:450px;left:5%;}
}
@media all and (max-width:768px){
  .wrap-view h4{width:calc(100% - 50px);}
  .wrap-view a.goto-website{padding:9px 20px;text-indent:-9999px;background-position:center;}
}

.organ-header{position: relative;}

.organ-box-1{width: 200px; margin: 0 auto;}
.organ-box-1 .organ-box-header{background-image: url(/html/func-organ/images/back_1.png); height: 60px; display: table; width: 100%;}
.organ-box-1 .organ-box-header p{display: table-cell; vertical-align: middle; text-align: center; color: white; font-family: 'Noto DemiLight'; font-size: 18px;}
.organ-box-1 .organ-box-content{background-image: url(/html/func-organ/images/back_1_content.png); width: 100%; display: table; height: 40px;}
.organ-box-1 .organ-box-content p{display: table-cell; vertical-align: middle; text-align: center; color: #1e5ba8; font-family: 'Noto Light';}
.organ-box-1::after{content:""; display: block; margin: 0 auto; width: 1px; background-color: #bbbbbb; height: 70px;}

.organ-box-2{width: 200px; margin: 0 auto;}
.organ-box-2 .organ-box-content{height: 60px;  background-image: url(/html/func-organ/images/back_3.png); display: table; width: 100%;}
.organ-box-2 p{display: table-cell; vertical-align: middle; width: 100%; text-align: center; color: white; font-size: 18px; font-family: 'Noto DemiLight';}
.organ-box-2::after{content:""; display: block; margin: 0 auto; width: 1px; background-color: #bbbbbb; height: 30px;}

.organ-box-3{position: absolute; right: 25%; bottom: 10%}
.organ-box-3 .organ-box-header{background-image: url(/html/func-organ/images/back_2.png); width: 200px; height: 60px; display: table;}
.organ-box-3 .organ-box-header p{display: table-cell; vertical-align: middle; text-align: center; color: white; font-family: 'Noto DemiLight'; font-size: 18px;}
.organ-box-3 .organ-box-content{background-image: url(/html/func-organ/images/back_2_content.png); height: 70px; width: 100%; display: table;}
.organ-box-3 .organ-box-content p{display: table-cell; vertical-align: middle; text-align: center; font-size: 16px; line-height: 30px; color: #1e5ba8; font-family: 'Noto Light';}

.organ-content{padding-top: 50px; position: relative;}
.organ-content::after{content:""; display: block; position: absolute; width: 50%; height: 1px; top: 0 ; left: 0; background-color: #bbbbbb;}
.organ-content::before{content:""; display: block; position: absolute; width: 1px; height: calc(100% - 32px); top: 0; left: 0; background-color: #bbbbbb;}

.organ-content-box{margin-bottom: 50px;}
.organ-content-box::after{content:""; display: table; clear: both;}

.organ-content-title{width: 20%; float: left; padding:0 2.5%; height: 50px; display: table; position: relative;}
.organ-content-title p{display: table-cell; vertical-align: middle; text-align: center; border: 2px solid #667891; position: relative; box-sizing: border-box; font-size: 18px; color: #667891; font-family: 'Noto Medium';}
.organ-content-title::before{content:""; display: block; position: absolute; left: 0; top: 50%; width: 13%; height: 1px; background-color: #bbbbbb;}
.organ-content-title::after{content:""; display: block; position: absolute; right: 0; top: 50%; width: 13%; height: 1px; background-color: #bbbbbb;}

.organ-content-inner{width: 80%; float: right; position: relative;}
.organ-content-inner::before{content:""; display: block; position: absolute; left: 0; top: 25px; width: 1px; height: calc(100% - 59px); background-color: #bbbbbb;}
.organ-content-inner ul::after{content:""; display: table; clear: both;}
.organ-content-inner li{margin-bottom: 10px;}
.organ-content-inner li::after{content:""; display: table; clear:  both;}

.organ-content-subtitle{width: 20%; float: left; padding-left: 2.5%;}
.content-subtitle-name::before{content:""; display: block; position: absolute; width: 15%; height: 1px; background-color: #bbbbbb; left: -15%; top: 50%;}
.content-subtitle-name::after{content:""; display: block; position: absolute; width: 15%; height: 1px; background-color: #bbbbbb; right: -15%; top: 50%;}
.content-subtitle-name{width: 90%; display: table; position: relative;}
.organ-content-subtitle p{width: 100%; display: table-cell; vertical-align: middle; text-align: center; height: 50px; background: url(/html/func-organ/images/back_4.png); color: white; font-family: 'Noto Medium';}

.organ-contnet-wrap{width: 80%; float: right; position: relative;}
.organ-content-ment p{position: relative; display: inline-block;}
.organ-content-ment{border: 1px solid #0e76dd;  background-color: #f6f9fa; padding: 11.5px 15px; box-sizing: border-box; margin-bottom: 10px; position: relative;}
.organ-content-ment:last-child{margin-bottom: 0;}
.organ-content-ment button{border: 0; font-size: 16px; color: #2d5a9e; font-family: 'Noto Light'; background-color: #f6f9fb; cursor: pointer; position: relative; padding: 0 13px;}
.organ-content-ment button::after{content:""; display: block; width: 1px; height: 80%; background-color: #a0a8b3; position: absolute; right: 0; top: 20%;}
.organ-content-ment p:last-child button::after{display: none;}
.organ-content-ment button:hover{text-decoration: underline;}

.inline-block_1{width: 40%;}
.inline-block_1::before{content:""; display: block; position: absolute; top: 52%; left: -30.5%; width: 30%; background-color: #bbbbbb; height: 1px;}

.organ-contnet-wrap::after{content:""; display: table; clear:  both;}
.organ-content-boxs{margin-bottom: 10px; position: relative;}
.organ-content-boxs::after{content:""; display: table; clear: both;}
.organ-content-boxs:last-child{margin-bottom: 0;}
.organ-content-boxs .organ-content-small-title{width: 15%; float: left; background-color: #1d3e8f; height: 50px; display: table;}
.organ-content-boxs .organ-content-small-title::before{content:""; display: block; position: absolute; top: 50%; width: 1.3%; height: 1px; background-color: #bbbbbb; left: -1.2%;}
.organ-content-boxs .organ-content-small-title p{display: table-cell; vertical-align: middle; text-align: center; color: white; font-family: 'Noto Medium';}
.organ-content-boxs .organ-content-ment{width: 85%; float: right;}

.box_2 .organ-content-small-title{height: 71px;}

.box_5 .organ-content-ment{float: none; display: inline-block; width: auto; margin-left: 15%; position: relative;}
.box_5::before{content:""; display: block; position: absolute; top: 50%; width: 40%; left: -25%; background-color: #bbbbbb; height: 1px;}

.type2 .content2 .organ-content-subtitle p{position: relative;}
.type2 .content2 .organ-content-subtitle p::after{content:""; display: block; position: absolute; bottom:-73%; width: 1px; height: 73%; background-color: #bbbbbb; left: 50%;}

.type2 .content3 .organ-contnet-wrap::before{content:""; display: block; width: 1px; height: calc(100% - 110px); left: -11px; top: 25px; background-color: #bbbbbb; position: absolute;}

.type2 .content4 .inline-block_1::before{width: 3%; left: -3%;}
.type2 .content4 .organ-contnet-wrap::before{content:""; display: block; position: absolute; width: 1px; height: calc(100% - 49px); background-color: #bbbbbb; left: -11px; top: 25px;}

.type2 .organ-content-inner::before{height: calc(100% - 120px);}

.type3 .content3 .organ-content-subtitle p::after{content:""; display: block; position: absolute; bottom: -171%; width: 1px; height: 171%; background-color: #bbbbbb; left: 50%;}

.type4 .organ-content-title::after{width: 94%; right: -82%;}

@media all and (max-width: 1385px) {
  .type2 .content2 .organ-content-subtitle p::after{height: 110%; bottom: -110%;}
}

@media all and (max-width: 1279px) {
  .box_3 .organ-content-small-title{height: 71px;}
}

@media all and (max-width: 1192px) {
  .box_1 .organ-content-small-title{height: 71px;}
  .organ-content-boxs.box_1 .organ-content-small-title::before{display: none;}
  .organ-content-boxs .organ-content-small-title::before{width: 2%; left: -2%;}
  .organ-box-3{right: 15%;}
  .type2 .content4 .inline-block_1::before{width: 6%; left: -6%;}
}

@media all and (max-width: 1138px) {
  .type3 .content3 .organ-content-subtitle p::after{bottom: -195%; height: 195%;}
}

@media all and (max-width: 1024px) {
  .organ-box-3{right: 5%;}
  .organ-content-title p{font-size: 16px;}
  .organ-content-ment button{font-size: 14px;}
  .organ-content-boxs .organ-content-small-title p{font-size: 14px;}
}

@media all and (max-width: 970px) {
  .type2 .content4 .organ-contnet-wrap::before{left: -2%;}
}

@media all and (max-width: 878px) {
  .type2 .content2 .organ-content-subtitle p::after{bottom: -130%; height: 130%;}
}

@media all and (max-width: 821px) {
  .box_2 .organ-content-small-title{height: 92px;}
}

@media all and (max-width: 812px) {
  .type3 .content3 .organ-content-subtitle p::after{bottom: -240%; height: 240%;}
  .type2 .content3 .organ-contnet-wrap::before{left: -2%;}
}

@media all and (max-width: 768px) {
  .organ-box-3{position: static; width: 200px; margin: 0 auto;}
  .organ-content-title{width: 100%; float: none; padding: 0;}
  .organ-content-title::before, .organ-content-title::after, .content-subtitle-name::before, .content-subtitle-name::after, .organ-content::before, .organ-content-inner::before ,.inline-block_1::before, .type2 .content3 .organ-contnet-wrap::before, .organ-content-boxs .organ-content-small-title::before, .box_5::before ,.type2 .content4 .organ-contnet-wrap::before, .organ-content-ment button::after{display: none;}
  .organ-content-inner{width: 100%; float: none; margin-top: 30px;}
  .organ-content-subtitle{width: 100%; margin: 0 auto; padding-left: 0; display: block; float: none;}
  .content-subtitle-name{width: 100%;}
  .organ-contnet-wrap{width: 100%; float: none; margin: 0 auto;}
  .inline-block_1{margin: 0 auto; width: 100%;}
  .organ-content-boxs .organ-content-small-title{width: 100%; float: none; margin: 0 auto; height: auto; display: block; position: relative;}
  .organ-content-boxs .organ-content-small-title p{padding: 15px 0; display: block;}
  .organ-content-boxs .organ-content-ment{width: 100%; float: none; margin-top: 10px;}
  .box_5 .organ-content-ment{margin-left: 0;}
  .organ-content::after{width: 1px; height: 50px; left: 50%;}
  .organ-content-subtitle::after{content:""; display: block; margin: 0 auto; width: 1px; height: 20px; background-color: #bbbbbb;}
  .organ-content-boxs .organ-content-small-title::after{content:""; display: block; margin: 0 auto; width: 1px; height: 10px; background-color: #bbbbbb; position: absolute; bottom: -10px; left: 50%;}
  .organ-content-ment p{display: block; text-align: center; padding: 5px;}
  .organ-content-ment{padding: 5px;}
}

.alert-page{max-width: 920px; margin: 0 auto;}
.alert-header{padding: 25px 29px; background-image: url(/html/func-organ/images/alert_header.png); color: white;}
.alert-header-wrap::after{content:""; display: table; clear:  both;}
.alert-header-title p{font-size: 24px; font-family: 'Noto Medium'; float: left;}
.alert-exit{width: 20px; height: 20px; background-image: url(/html/func-organ/images/exit_Btn.png); float: right; margin-top: 6px; cursor: pointer;}
.alert-content{border: 1px solid #bebebe; padding: 29px 48px;}

.alert-content-header::after{content:""; display: table; clear:  both;}
.alert-content-title{font-size: 27px; font-family: 'Noto Regular'; color: #1e273f; margin-bottom: 25px;}
.content-text{border: 3px solid #bdcae3; background-color: #f7f7f7; padding: 20px 15px; min-height: 130px;}
.content-text p{color: #666666; font-family: 'Noto Light';}
.content-text{margin-bottom: 20px;}
.content-info li{list-style: none; margin-bottom: 15px; font-family: 'Noto Light'; padding-left: 20px; background: url(/html/func-organ/images/bullet.png) no-repeat left 10px;}
.content-info li::after{content:""; display: table; clear:  both;}
.info-title{width: 20%; float: left; font-size: 18px; color: #040404;}
.info-content{width: 80%; float: left; font-size: 18px; color: #040404;}

@media all and (max-width: 768px) {
  .info-title{width: 100%; float: none; margin-bottom: 10px;}
}

.service-center {position: relative;}
.service-center .icon-sc {display:block; position: absolute; width: 200px; height: 200px; border-radius: 100%; text-align: center; color: #fff !important;}
.service-center .icon-sc p {padding: 10px 0 0 0;}
.service-center .icon-sc.icon-sc1 {background: #5dd6d2; padding: 40px 0 0 0; left: 13%; top: 31%;}  
.service-center .icon-sc.icon-sc2 {background: #20c1f5; padding: 40px 0 0 0; left: 13%; top: 31%;}  
.service-center .icon-sc.icon-sc3 {background: #328fe5;  padding: 40px 0 0 0; left: 29%; top: 6%;}  
.service-center .icon-sc.icon-sc4 {background: #1b60c6;  padding: 40px 0 0 0; left: 56%; top: 6%;}  
.service-center .icon-sc.icon-sc5 {background: #1f48ab;  padding: 60px 0 0 0; left: 75%; top: 31%;}  
.service-center .bg-title {display: none;}

@media all and (max-width: 1280px ) {
  .service-center .icon-sc {position: static; border-radius: 0px; width: 100%; height: auto;}
  .service-center .icon-sc img {display: inline-block;}
  .service-center .icon-sc p {display: inline-block; padding-left: 15px;}
  .service-center .icon-sc p br {display: none;}
  .service-center .icon-sc.icon-sc1,
  .service-center .icon-sc.icon-sc2,
  .service-center .icon-sc.icon-sc3,
  .service-center .icon-sc.icon-sc4,
  .service-center .icon-sc.icon-sc5 {float: left; width: 50%; padding: 20px 15px; min-height: 100px; text-align: left;}
  .service-center .bg-img {display: none;}
  .service-center .bg-title {display: block; margin: 20px 0;  padding: 20px; font-size: 20px; font-family: 'Noto Regular'; border:3px solid #1b60c6; text-align: center;}
}

@media all and (max-width: 660px ) {
  .service-center .icon-sc.icon-sc1,
  .service-center .icon-sc.icon-sc2,
  .service-center .icon-sc.icon-sc3,
  .service-center .icon-sc.icon-sc4,
  .service-center .icon-sc.icon-sc5 {float: left; width: 100%; padding: 20px 15px; min-height: auto; text-align: left;}
}

.wrap-contents .parking .objHeading_h2.no-margin {margin-top: 0px;}
.wrap-contents .parking .objHeading_h2 {font-size: 19px; margin-top: 20px;}
.wrap-contents .parking .objHeading_h3 { font-size: 17px; margin-top: 20px;}
.wrap-contents .parking .con-desc, .wrap-contents .parking ._objHtml {font-size: 15px;}
.wrap-contents .parking .con-table thead th {font-size: 15px; padding: 10px;}
.wrap-contents .parking .con-table tbody th {font-size: 15px; padding: 10px;}
.wrap-contents .parking .con-table tbody td {font-size: 15px; padding: 10px;}

.khow {display: inline-block; width: 100%;}
.khow .thumb {float: right; width: 45%}
.khow .thumb .box {display: table; width: 100%;}
.khow .thumb .box .movie {display: table-cell; vertical-align: middle; width: 370px}
.khow .thumb .box .link {display: table-cell; vertical-align: middle; text-align: center; background:#f5f6fa;}
.khow .thumb .box .link p {color:#10489f; font-size: 20px; margin: 0 0 15px 0;}
.khow .desc {float: right; width: 55%}

@media all and (max-width: 1350px) {
  .khow .thumb {width: 55%; padding: 0 0 0 20px;}
  .khow .desc {width: 45%}
}

@media all and (max-width: 1170px) {
  .khow .thumb {width: 100%; float: left; padding: 0; margin-bottom: 20px;}
  .khow .desc { width: 100%}
}

@media all and (max-width: 704px) {
  .khow .thumb .box,
  .khow .thumb .box .movie,
  .khow .thumb .box .link {display: block; width: 100%;}
  .khow .thumb .box .movie img {width: 100%;}
  .khow .thumb .box .link {padding: 30px 10px;}
}

.dis-table {display:table; width: 100%;}
.dis-cell {display: table-cell;}
.dis-cell.num {width:20px}

.sch-guide-layer {display: none}
.sch-guide-layer.on {display: block; text-align: left; position: fixed; width: 90%; height: 490px; overflow-y: scroll; max-width: 847px; padding: 20px; left: 0; top: 50%; z-index: 200; background: #fff; left: 50%; transform: translate(-50%,-35%);}
.sch-guide-layer button {padding: 10px 30px; background:#fff;}
.sch-guide-layer button:hover {background: #0e4789; color: #fff;}
.sch-guide-layer .id-wrap {width: 100%;}
.sch-guide-layer .id-image {width: 100%;}
.sch-guide-layer .id-content {width: 100%;}

/*교과과정 표 여백 조정*/
.wrap-contents .curriculum thead th, 
.wrap-contents .curriculum tbody th, 
.wrap-contents .curriculum tbody td {padding:10px 13px !important;}