@charset 'utf-8';

/* Container */
.wrap-contents {padding-bottom: 100px;}
.wrap-contents .container {max-width: 1500px;}

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

/* hidden */
#menu403_obj74,
#menu403_obj73,
#menu403_obj68,
#menu403_obj75,
#menu403_obj76,
#menu403_obj77,
#menu403_obj70,
#menu403_obj71,
#menu403_obj72 {display: none;}

/* br */
.br {display: block;}

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

/* Heading */
.objHeading_h2 {position: relative; display: inline-block; max-width: 90%; margin-top: 37px; padding-top: 8px; font-family: 'Dream Bold'; font-size: 26px; letter-spacing: -0.5px; line-height :1.5; color: #222; }
.objHeading_h2::before {content: ''; position: absolute; right: -15px; top: 0; width: 23px; height: 23px; background: url('../../images/guide/bul_h2.png') no-repeat center center; }
.objHeading_h3 {position: relative; display: inline-block; margin-top: 36px; padding-top: 11px; font-family:'Dream Medium'; font-size: 22px; letter-spacing: -0.5px; line-height: 1.5; color: #222;}
.objHeading_h3::before {content: ''; position: absolute; left: 0%; top: 0; width: 15px; height: 6px; background: url('../../images/guide/bul_h3.png') no-repeat center center;}
.objHeading_h4 {position: relative; display: block; margin-top: 22px; font-family:'Dream Medium'; line-height: 1.5; font-size: 18px; letter-spacing: -0.5px; color: #01499a;}
.objHeading_h5 {position: relative; display: block; margin-top: 30px; font-family: 'Dream Medium'; font-size: 18px; line-height: 1.5; letter-spacing: -0.5px; color: #01499a;}

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

@media all and (max-width: 500px) {
  .objHeading_h2 {font-size: 22px;}
  .objHeading_h3 {font-size: 20px;}
  .objHeading_h4 {font-size: 16px;}
}

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

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

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

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

/* Point Color */
.txt-color1 {color: #dd0f0f;}
.txt-color2 {color: #28c67e;}
.txt-color3 {color: #00dbe3;}
.txt-color4 {color: #01499a;}
.txt-color5 {color: #000;}

.txt-bold {font-family: 'Dream Medium';}
.link[target=_blank]::after {content: ''; display: inline-block; width: 10px; height: 10px; margin-left: 5px; margin-right: 5px; margin-top: -3px; background: url('../../images/guide/ico-table-link.png') no-repeat center center; vertical-align: middle;}

/* Table */
.con-table {position: relative; line-height: 1.6;}
.con-table:after {content: ''; position: absolute; right: 0px; top: 0px; width: 1px; height: 100%; background: #fff;}
.con-table table {position: relative; }
.con-table table:after {content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 1px; background: #000}
.con-table table:before {content: ''; position: absolute; right: 0px; top: 0px; width: 1px; height: 100%; background: #fff;}
.con-table thead th {padding: 13px 10px; background: #f5f7f8; border-right: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; font-family: 'Dream Medium'; font-size: 16px; font-weight: 400; color: #333;}
.con-table tbody {display: table-header-group;}
.con-table tbody::after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #000;}
.con-table tbody th {padding: 12px 15px; background:#fcfcfc; border-right: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; font-family: 'Dream Medium'; font-size: 16px; font-weight: 400; color: #333;}
.con-table tbody td {padding: 12px 15px; background:#fff; border-right: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; font-family: 'Dream Regular'; font-size: 16px; text-align: left; color: #666;}
.con-table.center tbody td {text-align: center;}
.con-table.mini thead th,
.con-table.mini tbody th,
.con-table.mini tbody td {padding: 5px; font-size: 14px;}
.con-table tbody td a {color: #333;}
.con-table .list > li {position: relative; padding-left: 15px;}
.con-table .list > li:after {content: ''; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; background: #111; border-radius: 100%;}
.con-table .list2 > li {position: relative; padding-left: 15px;}
.con-table .list2 > li:after {content: ''; position: absolute; left: 0; top: 10px; width: 7px; height: 2px; background: #777;}
.con-table .link {position: relative; color: #666;}
.con-table .link:hover {color: #004a8f;}
.con-table .link span {position: relative; background: linear-gradient(to bottom, transparent 96%, #004a8f 0) left center no-repeat; background-size: 0; transition: .4s;}
.con-table .link:hover span {background-size: 100% auto;}
.con-table .link[target=_blank]::after {content: ''; display: inline-block; width: 10px; height: 10px; margin-left: 10px; margin-top: -3px; background: url('../../images/guide/ico-table-link.png') no-repeat center center; vertical-align: middle;}
.con-table .align-l {text-align: left !important;}
.con-table .align-c {text-align: center !important;}
.con-table .align-r {text-align: right !important;}
.con-table strong {font-family: 'Dream Regular'; color: #000;}

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

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

.tab_div.div_3 {font-size: 0; margin-bottom: 40px;}
.tab_div .ul_3 {display: inline-block; position: relative; width: 100%; border-left: 1px solid #ccc;}
.tab_div .ul_3::before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #010101;}
.tab_div .ul_3 > li {position: relative; float: left; width: 20%; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #333;}
.tab_div .ul_3 > li::after {content: ''; position: absolute; left: -1px; top: -1px; z-index: 1; width: calc(100% + 2px); height: calc(100% + 2px); background: #fff; border: 1px solid #333; border-bottom: 0px; opacity: 0;}
.tab_div .ul_3 > li::before {content: ''; position: absolute; left: -1px; top: -1px; width: calc(100% + 2px); height: 1px; background: #d7d7d7; opacity: 1; transition: opacity 0.5s;}
.tab_div .ul_3 > li > a {position: relative; z-index: 3; display: block; padding: 15px 10px 16px 10px; font-family: 'Dream Regular'; font-size: 18px; letter-spacing: -1px; text-align: center; color: #555;}
.tab_div .ul_3 > li > a[target=_blank]::after {content: ''; position: relative; top: 1px; display: inline-block; width: 16px; height: 16px; margin: 0 0 0 5px; background:  url('../../images/guide/tab-link-blank.png') no-repeat 93% center; }

.tab_div .ul_4 > li._active > a,
.tab_div .ul_4 > li:hover > a {font-family: 'Dream Medium'; color: #010101;}
.tab_div .ul_4 > li._active::before,
.tab_div .ul_4 > li:hover::before {opacity: 0;}
.tab_div .ul_4 > li._active::after,
.tab_div .ul_4 > li:hover::after {opacity: 1;}


.tab_div.div_4 {font-size: 0;}
.tab_div .ul_4 {display: inline-block; position: relative; width: 100%; border-left: 1px solid #ccc;}
.tab_div .ul_4::before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #010101;}
.tab_div .ul_4 > li {position: relative; float: left; width: 20%; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #333;}
.tab_div .ul_4 > li::after {content: ''; position: absolute; left: -1px; top: -1px; z-index: 1; width: calc(100% + 2px); height: calc(100% + 2px); background: #fff; border: 1px solid #333; border-bottom: 0px; opacity: 0;}
.tab_div .ul_4 > li::before {content: ''; position: absolute; left: -1px; top: -1px; width: calc(100% + 2px); height: 1px; background: #d7d7d7; opacity: 1; transition: opacity 0.5s;}
.tab_div .ul_4 > li > a {position: relative; z-index: 3; display: block; padding: 15px 10px 16px 10px; font-family: 'Dream Regular'; font-size: 18px; letter-spacing: -1px; text-align: center; color: #555;}
.tab_div .ul_4 > li > a[target=_blank]::after {content: ''; position: relative; top: 1px; display: inline-block; width: 16px; height: 16px; margin: 0 0 0 5px; background:  url('../../images/guide/tab-link-blank.png') no-repeat 93% center; }

.tab_div .ul_4 > li._active > a,
.tab_div .ul_4 > li:hover > a {font-family: 'Dream Medium'; color: #010101;}
.tab_div .ul_4 > li._active::before,
.tab_div .ul_4 > li:hover::before {opacity: 0;}
.tab_div .ul_4 > li._active::after,
.tab_div .ul_4 > li:hover::after {opacity: 1;}

.type2 .tab_div .ul_4 {border: 0;}
.type2 .tab_div .ul_4::before {display: none;}
.type2 .tab_div .ul_4 > li {border: 0;}
.type2 .tab_div .ul_4 > li > a {background: #eee; color: #888;}
.type2 .tab_div .ul_4 > li._active > a,
.type2 .tab_div .ul_4 > li:hover > a {background: url('../../images/guide/bg-tab4.png'); color: #fff;}
.type2 .tab_div .ul_4 > li::after {content: ''; position: absolute; left: auto; right: 0; top: 20px; z-index: 3; width: 1px; height: 17px; background: #b3b3b3; border: 0; opacity: 1;}
.type2 .tab_div .ul_4 > li:last-child::after {display: none;}
.type2 .tab_div .ul_4 > li:hover::after,
.type2 .tab_div .ul_4 > li._active::after {display: none;}
.type2 .tab_div .ul_4 > li::before {display: none;}
.type2 .tab_div .ul_4 > li:hover > a[target=_blank]::after {background: url('../../images/guide/tab-link-blank-ov-white.png');}
.type2 .tab_div .ul_4 > li > a::before {content: ''; display: inline-block; position: relative; top: -1px; width: 0; height: 20px; margin-right: 7px; /*background: url('../../images/guide/icon-tab4.png') no-repeat center center;*/ vertical-align: middle;}
.type2 .tab_div .ul_4 > li._active > a::before,
.type2 .tab_div .ul_4 > li:hover > a::before {width: 20px; background: url('../../images/guide/icon-tab4-ov.png') no-repeat center center;}
.type2 .tab_div .ul_4 > li > a[target=_blank]::after {margin-left: 10px;}

.tab_div.div_5 {font-size: 0;}
.tab_div .ul_5 {position: relative; display: inline-block; width: 100%;}
.tab_div .ul_5::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #d3d3d3;}
.tab_div .ul_5 > li {position: relative; float: left; border-bottom: 1px solid #CBCBCB;}
.tab_div .ul_5 > li::after {content: ''; position: absolute; right: 0; top: 19px; width: 2px; height: 17px; background: #d2d2d2;}
.tab_div .ul_5 > li:hover::before,
.tab_div .ul_5 > li._active::before {content: ''; position: absolute; left: 0; bottom: -2px; z-index: 1; width: 100%; height: 4px; background: #01499a;}
.tab_div .ul_5 > li:last-child::after {display: none;}
.tab_div .ul_5 > li > a {position: relative; display: block; padding: 15px 30px 16px 30px; font-size: 16px; font-family: 'Dream Regular'; letter-spacing: -0.5px; color: #333; z-index: 3;}
.tab_div .ul_5 > li:hover > a::before,
.tab_div .ul_5 > li._active > a::before {content: ''; position: relative; top: -2px; display: inline-block; width: 12px; height: 12px; margin-right: 5px; background: #01499a; border-radius: 100%; vertical-align: middle;}
.tab_div .ul_5 > li > a[target=_blank]::after {content: ''; position: relative; top: 2px; display: inline-block; width: 16px; height: 16px; margin: 0 0 0 5px; background:  url('../../images/guide/tab-link-blank.png') no-repeat 93% center; }

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

.type2 .tab_div.div_5 {margin-top: 20px;}
.type2 .tab_div .ul_5::after {display: none;}
.type2 .tab_div .ul_5 > li {margin-right: 15px;}
.type2 .tab_div .ul_5 > li {border-bottom: 0;}
.type2 .tab_div .ul_5 > li::after {display: none;}
.type2 .tab_div .ul_5 > li::before {display: none;}
.type2 .tab_div .ul_5 > li > a {padding: 13px 60px 14px 60px; background: #fff7e7; font-family: 'Dream Regular'; transition: 0s;}
.type2 .tab_div .ul_5 > li > a::before {display: none;}
.type2 .tab_div .ul_5 > li._active > a,
.type2 .tab_div .ul_5 > li:hover > a {background: url('../../images/guide/bg-tab5.png') center top; box-shadow: 8px 8px 10px 0px rgba(0,0,0,0.2); color: #fff;}
.type2 .tab_div .ul_5 > li:hover > a[target=_blank]::after {background: url('../../images/guide/tab-link-blank-ov-white.png');}

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

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

@media all and (max-width:860px) {
  .tab_div {position: relative;}
  .tab_div .ul_3,
  .tab_div .ul_4,
  .tab_div .ul_5 {overflow: hidden; position: absolute; top: calc(100%); z-index: -1; width: 100%; max-height: 0; margin-bottom: 30px; border: 1px solid #fff; transition: all 0.5s ease;}
  .tab_div ul.on {z-index: 10; max-height: 600px; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1;}
  .tab_div .ul_3 > li,
  .tab_div .ul_4 > li,
  .tab_div .ul_5 > li {display: block; width: 100% !important; padding: 0; border: 0}
  .tab_div ul li a {display: block; height: auto; padding: 13px 40px; background: #fff; border-bottom: 1px solid #d1d1d1; font-size: 16px; text-align: left; line-height: normal;}
  .tab_div ul li a:hover {border-bottom: 1px solid #0146b9;}
  .tab_div.div_5 ul li a:hover {border-bottom: 1px solid #d1d1d1;}
  .tab_div ul li a:after {display: none;}
  .tab_div ul li a[target=_blank]  {background-position: 97% center !important;}
  .tab_div ul li a span {display: block; padding: 0 20px;}
  .tab_div ul li a span:before {bottom: -11px;}
  .tab_div ul li:after {display: none;}
  .tab_div .mobile-tab {position: relative; display: block; width: 100%; margin-bottom: 15px; padding: 13px 30px; background: #0146b9 url('../../images/guide/arrow-sel.png') no-repeat 97% center; text-align: left; font-family: 'Dream Medium'; font-size: 17px; color: #fff;}
  .tab_div .mobile-tab.on {background: #002d78 url('../../images/guide/arrow-sel-rever.png') no-repeat 97% center;}
  .tab_div .mobile-tab.on::after {background: url('../../images/guide/dot-sel-rever.png') no-repeat center center;}
  .tab_div.div_3 {background: url(../../images/guide/bg-tab4.png) center top;}
  .tab_div.div_3 .mobile-tab {background-color: transparent;}
  .tab_div.div_4 {background: url(../../images/guide/bg-tab4.png) center top;}
  .tab_div.div_4 .mobile-tab {background-color: transparent;}
  .tab_div.div_5 {background: url(../../images/guide/bg-tab5.png) center top;}
  .tab_div.div_5 .mobile-tab {background-color: transparent;}

  .type2 .tab_div .ul_3 {border-top: 0;}
  .type2 .tab_div .ul_4 {border-top: 0;}
  .type2 .tab_div .ul_5 > li > a {padding: 13px 20px;}
  .type2 .tab_div .ul_4 > li {margin-bottom: 0;}
  .tab_div .ul_3 > li {margin: 0; border: 0;}
  .tab_div .ul_3 > li > a {padding: 13px 20px; font-size: 16px; text-align: left;}
  .tab_div .ul_3 > li > a::before {height: 0;}
  .tab_div .ul_3 > li {margin: 0; border: 0;}
  .tab_div .ul_3 > li > a {padding: 13px 20px; font-size: 16px; text-align: left;}
  .tab_div .ul_3 > li > a::before {height: 0;}
  .tab_div .ul_4 > li {margin: 0; border: 0;}
  .tab_div .ul_4 > li > a {padding: 13px 20px; font-size: 16px; text-align: left;}
  .tab_div .ul_4 > li > a::before {height: 0;}
  .tab_div .ul_4 > li {margin: 0; border: 0;}
  .tab_div .ul_4 > li > a {padding: 13px 20px; font-size: 16px; text-align: left;}
  .tab_div .ul_4 > li > a::before {height: 0;}
  .tab_div .ul_5 > li {border: 0;}
  .tab_div .ul_5 > li > a {padding: 13px 20px;}
  .tab_div .ul_3 > li._active > a,
  .tab_div .ul_3 > li:hover > a {color: #0068b7;}
  .tab_div .ul_3 > li._active > a,
  .tab_div .ul_3 > li:hover > a {color: #0068b7;}
  .tab_div .ul_4 > li._active > a,
  .tab_div .ul_4 > li:hover > a {color: #0068b7;}
  .tab_div .ul_4 > li._active > a,
  .tab_div .ul_4 > li:hover > a {color: #0068b7;}
}

/* List Type */
.con-list1 > ul > li {position: relative; margin: 10px 0 0 0; padding-left: 23px; font-family: 'Dream Regular'; font-size: 16px; line-height: 1.5; letter-spacing: -0.5px; color: #777;}
.con-list1 > ul > li::before {content: ''; position: absolute; left: 0; top: 8px; width: 10px; height: 7px; background: url('../../images/guide/ico-con-list.png') no-repeat center center;}
.con-list1 > ul > li strong {font-family: 'Dream Regular'; color: #333;}

.con-list2 > ul > li {position: relative; margin: 7px 0 0 0; padding-left: 13px; font-family: 'Dream Regular'; font-size: 15px; line-height: 1.5; letter-spacing: -0.5px; color: #777;}
.con-list2 > ul > li::before {content: ''; position: absolute; left: 0; top: 9px; width: 3px; height: 3px; background: #111; border-radius: 100%;}
.con-list2 > ul > li strong {font-family: 'Dream Regular'; color: #333;}

.con-list3 > ul > li {position: relative; margin: 7px 0 0 0; padding-left: 13px; font-family: 'Dream Regular'; font-size: 15px; line-height: 1.5; letter-spacing: -0.5px; color: #777;}
.con-list3 > ul > li::before {content: ''; position: absolute; left: 0; top: 10px; width: 7px; height: 2px; background: #777;}
.con-list3 > ul > li strong {font-family: 'Dream Regular'; color: #333;}

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

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

.circle-num-list > ul >li {position: relative; margin: 7px 0 0 0; padding-left: 25px; font-family: 'Dream Regular'; font-size: 16px; line-height: 1.7; letter-spacing: -0.5px; color: #555;}
.circle-num-list > ul > li .num {position: absolute; left: 0; top: 6px; display: inline-block; width: 16px; height: 16px; margin-right: 5px; background: #fcaf17; border-radius: 50%; font-family: 'Dream Medium'; font-size: 10px; text-align: center; vertical-align: middle; letter-spacing: -0.5px; line-height: 17px; color: #111;}

@media all and (max-width: 500px) {
  .con-list1 > ul > li {font-size: 14px; }
  .con-list1 > ul > li::before {top: 7px;}
  .con-list2 > ul > li {font-size: 13px;}
  .con-list2 > ul > li::before {top: 7px;}
  .circle-num-list > ul > li {font-size: 14px;}
  .circle-num-list > ul > li .num {top: 4px;}
  .circle-num-title {font-size: 16px;}
}

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

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

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

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

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

/* Down Banner */
.down-banner1 {overflow: hidden; padding: 20px 30px; background: #f0f7ff;}
.down-banner1 .title {position: relative; float: left; padding: 7px 0; font-family: 'Dream Regular'; font-size: 17px; color: #01499a;}
.down-banner1 .title::before {content: ''; position: relative; top: -2px; display: inline-block; width: 7px; height: 7px; margin-right: 6px; background: #222; border-radius: 100%; vertical-align: middle;}
.down-banner1 .link {display: none; float: right; padding: 9px 23px; background: #fff;  border: 1px solid #0068b7; border-radius: 100px; font-family: 'Dream Regular'; font-size: 14px; color: #0068b7;}
.down-banner1 .link::after {content: ''; position: relative; top: -2px; display: inline-block; width: 17px; height: 17px; margin-left: 10px; background: url('../../images/guide/ico-down-banner.png') no-repeat center center;  vertical-align: middle;}
.down-banner1 .link:hover {background: #f3faff;}

@media all and (max-width: 1300px) {
  .down-banner1 .title {width: 100%;}
  .down-banner1 .link {float: left; margin-top: 10px; margin-bottom: 10px;}
}

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

.down-banner2 {padding: 30px 35px; border: 5px solid #f6f6f6;}
.down-banner2 ul {overflow: hidden;}
.down-banner2 li {float: left; display: table; width: 100%; padding: 5px 0;}
.down-banner2.row1 li {width: 100%;}
.down-banner2.row2 li {width: 50%;}
.down-banner2.row2 li:nth-child(odd) {padding-right: 40px; border-right: 1px dashed #ddd;}
.down-banner2.row2 li:nth-child(even) {padding-left: 40px;}
.down-banner2 .text-only {display: table-cell; position: relative; padding-left: 20px; font-family: 'Dream Regular'; font-size: 18px; line-height: 1.3; vertical-align: middle; color: #333;}
.down-banner2 .text-only::after {content: ''; position: absolute; left: 0; top: 9px; width: 7px; height: 7px; background: #ccd0d7; border-radius: 100%;}
.down-banner2 .title {display: table-cell; position: relative; padding-left: 20px; font-family: 'Dream Regular'; font-size: 18px; line-height: 1.3; vertical-align: middle; color: #666;}
.down-banner2 .title::after {content: ''; position: absolute; left: 0; top: 21px; width: 6px; height: 6px; background: #222; border-radius: 100%;}
.down-banner2 .link {display: table-cell; width: 170px; vertical-align: middle;}
.down-banner2 .link a {float: right; padding: 12px 23px; border: 1px solid #222; font-family: 'Dream Regular'; font-size: 15px; color: #666;}
.down-banner2 .link a::after {content: ''; position: relative; top: -2px; display: inline-block; width: 20px; height: 20px; margin-left: 24px; background: url('../../images/guide/icon-banner2-9.png') no-repeat center center; vertical-align: middle;}
.down-banner2 .link a:hover {background: #03499a; border: 1px solid #03499a; color: #fff;}
.down-banner2 .link a:hover::after {background: url('../../images/guide/icon-banner2-9-ov.png') no-repeat center center;}
.down-banner2 .link a.ico1::after {background: url('../../images/guide/icon-banner2-10.png') no-repeat center center}
.down-banner2 .link a:hover.ico1::after {background: url('../../images/guide/icon-banner2-10-ov.png') no-repeat center center}

@media all and (max-width: 1200px) {
  .down-banner2.row2 li {width: 100%;}
  .down-banner2.row2 li:nth-child(odd) {padding-right: 0; border: 0;}
  .down-banner2.row2 li:nth-child(even) {padding-left: 0;}
}

@media all and (max-width: 768px) {
  .down-banner2 {padding: 20px;}
  .down-banner2 .title::after {top: 8px;}
  .down-banner2 .title {display: block; padding-bottom: 10px;}
  .down-banner2 .link {display: block; width: 100%; padding-bottom: 10px;}
  .down-banner2 .link a {float: none; display: inline-block; margin-left: 20px;}
}

@media all and (max-width: 500px) {
  .down-banner2 .title {font-size: 15px;}
  .down-banner2 .link a {font-size: 13px;}
}

/* Icon Banner */
.icon-banner1 {position: relative; background: #f5f5f5; line-height: 1.5;}
.icon-banner1 .box {padding: 30px 0; border-bottom: 1px solid #c6c6c6;}
.icon-banner1 .box:last-child {border-bottom: 0;}
.icon-banner1 .icon {display: table-cell; width: 190px; vertical-align: top; text-align: center;}
.icon-banner1 .icon .cover {display: inline-block; width: 112px; height: 112px; background: url('../../images/guide/bg-icon-banner1.png') no-repeat center center; border-radius: 100%; text-align: center; line-height: 112px;  vertical-align: middle;}
.icon-banner1 .icon .cover img {display: inline-block; vertical-align: middle;}
.icon-banner1 .desc {display: table-cell; padding-right: 30px; vertical-align: middle;}
.icon-banner1 .desc strong {display: block; position: relative; font-family: 'Dream Medium'; font-size: 20px; color: #222;}
.icon-banner1 .desc p {font-family: 'Dream Regular'; font-size: 17px; color: #666;}
.icon-banner1 .desc > ul {margin-top: 10px;}
.icon-banner1 .desc > ul > li {position: relative; margin-top: 8px; padding-left: 20px; font-family: 'Dream Regular'; font-size: 17px; color: #666;}
.icon-banner1 .desc > ul > li::before {content: ''; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; background: #313131; border-radius: 100%;}
.icon-banner-list img {display: inline-block; margin-right: 10px; vertical-align: middle;}

@media all and (max-width: 1500px) {
  .icon-banner-list {display: none;}
}

@media all and (max-width: 768px) {
  .icon-banner1,
  .icon-banner1 .icon,
  .icon-banner1 .desc {display: block; width: 100%;}
  .icon-banner1 .icon {margin-bottom: 30px;}
  .icon-banner1 .desc {padding: 0 20px;}
}

@media all and (max-width: 500px) {
  .icon-banner1 .desc strong {font-size: 18px;}
  .icon-banner1 .desc p {font-size: 15px;}
  .icon-banner1 .desc > ul > li {font-size: 15px;}
}

.icon-banner2 ul {display: inline-block; width: 100%;}
.icon-banner2 li {float: left; margin-right: 25px;}
.icon-banner2 a {display: block; padding: 12px 18px; background: #fff; border: 1px solid #222; font-family: 'Dream Regular'; font-size: 15px; color: #666;}
.icon-banner2 .active a,
.icon-banner2 a:hover {background: #03499a; border: 1px solid #03499a; color: #fff;}
.icon-banner2 a::after {content: ''; display: inline-block; width: 20px; height: 20px; margin-top: -4px; margin-left: 24px; vertical-align: middle; background-repeat: no-repeat; background-position: center;}
.icon-banner2 .ico1 a::after {background-image: url('../../images/guide/icon-banner2-1.png');}
.icon-banner2 .ico1.active a::after,
.icon-banner2 .ico1 a:hover::after {background-image: url('../../images/guide/icon-banner2-1-ov.png');}

.icon-banner2 .ico2 a::after {background-image: url('../../images/guide/icon-banner2-2.png');}
.icon-banner2 .ico2.active a::after,
.icon-banner2 .ico2 a:hover::after {background-image: url('../../images/guide/icon-banner2-2-ov.png');}

.icon-banner2 .ico3 a::after {background-image: url('../../images/guide/icon-banner2-3.png');}
.icon-banner2 .ico3.active a::after,
.icon-banner2 .ico3 a:hover::after {background-image: url('../../images/guide/icon-banner2-3-ov.png');}

.icon-banner2 .ico4 a::after {background-image: url('../../images/guide/icon-banner2-4.png');}
.icon-banner2 .ico4.active a::after,
.icon-banner2 .ico4 a:hover::after {background-image: url('../../images/guide/icon-banner2-4-ov.png');}

.icon-banner2 .ico5 a::after {background-image: url('../../images/guide/icon-banner2-5.png');}
.icon-banner2 .ico5.active a::after,
.icon-banner2 .ico5 a:hover::after {background-image: url('../../images/guide/icon-banner2-5-ov.png');}

.icon-banner2 .ico6 a::after {background-image: url('../../images/guide/icon-banner2-6.png');}
.icon-banner2 .ico6.active a::after,
.icon-banner2 .ico6 a:hover::after {background-image: url('../../images/guide/icon-banner2-6-ov.png');}

.icon-banner2 .ico7 a::after {background-image: url('../../images/guide/icon-banner2-7.png');}
.icon-banner2 .ico7.active a::after,
.icon-banner2 .ico7 a:hover::after {background-image: url('../../images/guide/icon-banner2-7-ov.png');}

.icon-banner2 .ico8 a::after {background-image: url('../../images/guide/icon-banner2-8.png');}
.icon-banner2 .ico8.active a::after,
.icon-banner2 .ico8 a:hover::after {background-image: url('../../images/guide/icon-banner2-8-ov.png');}

.icon-banner2 .ico9 a::after {background-image: url('../../images/guide/icon-banner2-9.png');}
.icon-banner2 .ico9.active a::after,
.icon-banner2 .ico9 a:hover::after {background-image: url('../../images/guide/icon-banner2-9-ov.png');}

.icon-banner2-icons {background: #03499a; padding: 13px 20px; border: 0;}
.icon-banner2-icons img {display: inline-block; margin: 5px 20px 5px 0; vertical-align: middle;}

@media all and (max-width: 500px) {
  .icon-banner2 a {font-size: 13px;}
}

/* Number Banner */
.number-banner {padding: 35px 40px 40px 40px; background: #f7f8f9;}
.number-banner .title {margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px solid #ccc; font-family: 'Dream Medium'; font-size: 22px; color: #111;}
.number-banner .list li {overflow: hidden; margin-bottom: 20px;}
.number-banner .list li:last-child {margin-bottom: 0;}
.number-banner .list .num {float: left; width: 32px; height: 32px; background: #01499a; text-align: center; vertical-align: middle; font-family: 'Dream Regular'; font-size: 16px; line-height: 30px; color: #fff;}
.number-banner .list .text {float: left; width: calc(100% - 32px);padding-top: 3px; padding-left: 15px; font-family: 'Dream Regular'; font-size: 16px; color: #666; vertical-align: middle;}

@media all and (max-width: 768px) {
  .number-banner {padding: 25px;}
}

@media all and (max-width: 500px) {
  .number-banner .title {font-size: 20px;}
  .number-banner .list .text {font-size: 14px;}
}

/* Step */
.step-diag1 ul {display: flex; justify-content: space-between; gap: 0 23px; align-items: center;}
.step-diag1 li {position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100px; border-radius: 50px; font-family: 'Dream Regular'; font-size: 18px;}
.step-diag1 li:nth-child(odd) {background: #03499a; border: 1px solid #03499a; color: #fff;}
.step-diag1 li:nth-child(even){background: #f0f7ff; border: 1px solid #e1efff; color: #03499a;}
.step-diag1 li::after {content: ''; position: absolute; left: calc(100% - 15px); top: 23%; z-index: 1; width: 50px; height: 50px; background: #ffa900 url('../../images/guide/arrow-step2.png') no-repeat center center; border-radius: 100%; box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.2);}
.step-diag1 li:last-child:after {display: none;}
.step-diag1 .box {text-align: center;}

@media all and (max-width: 950px) {
  .step-diag1 ul {flex-wrap: wrap; gap: 25px;}
  .step-diag1 li {width: 48%;}
  .step-diag1 li::after {left: 84%;}
}

@media all and (max-width: 700px) {
  .step-diag1 li {width: 100%;}
  .step-diag1 li::after {left: 84%; transform: rotate(89deg);}
}

@media all and (max-width: 500px) {
  .step-diag1 li {font-size: 16px;}
}

.step-diag2 ul {position: relative; display: flex; justify-content: space-around; gap: 0 23px; align-items: center; padding-bottom: 65px;}
.step-diag2 ul::after {content: ''; position: absolute; left: 0; top: 60px; z-index: -1; width: 100%; height: 2px; background: #ddd;}
.step-diag2 li {position: relative; display: flex; justify-content: center; align-items: center; width: 130px; height: 130px; background: #f0f7ff; border: 2px solid #dfeeff; border-radius: 100%; font-family: 'Dream Regular'; font-size: 18px;}
.step-diag2 li:hover {background: #fff; border: 2px solid #03499a;}
.step-diag2 li.color {background: #03499a; border: 2px solid #03499a;}
.step-diag2 li.color .ico .on {display: none;}
.step-diag2 li.color .ico .on {display: inline-block;}
.step-diag2 li.color .ico .off {display: none;}
.step-diag2 li.color .num {color: #fff;}
.step-diag2 .box {text-align: center;}
.step-diag2 .num {display: block; margin-bottom: 10px; font-family: 'Dream Bold'; font-size: 18px; color: #03499a;}
.step-diag2 .title {position: absolute; left: 50%; top: 100%; width: auto; padding-top: 20px; font-family: 'Dream Regular'; font-size: 16px; text-align: center; color: #666; transform: translate(-50%, 0); white-space: nowrap;}
.step-diag2-list img {display: inline-block; margin-right: 18px; vertical-align: middle;}

@media all and (max-width: 1500px) {
  .step-diag2-list {display: none;}
}

@media all and (max-width: 950px) {
  .step-diag2 ul {flex-wrap: wrap; gap: 5px; justify-content: space-between; padding-bottom: 0;}
  .step-diag2 ul::after {display: none;}
  .step-diag2 li {width: 31%; margin-bottom: 50px; border-radius: 0px;}
  .step-diag2 .title {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
}

@media all and (max-width: 650px) {
  .step-diag2 li {width: 49%; margin-bottom: 50px; border-radius: 0px;}
}

@media all and (max-width: 500px) {
  .step-diag2 li {width: 100%; margin-bottom: 50px; border-radius: 0px;}
  .step-diag2 .title {font-size: 14px;}
}

/* Menu Box */
.menu-box {border: 7px solid #eee;}
.menu-box ul {overflow: hidden; width: 100%; padding: 24px 20px; padding-right: 0; padding-bottom: 7px; background:#fff;}
.menu-box li {float: left; width: 20%; padding-bottom: 15px; padding-right: 30px;}
.menu-box a {position: relative; display: block; padding-left: 11px; font-family: 'Dream Medium'; font-size: 17px; color: #666;}
.menu-box a::before {content: ''; position: absolute; left: 0; top: 10px; width: 3px; height: 3px; background: #111; border-radius: 100%;}
.menu-box a::after {content: ''; position: absolute; right: 0; top: 0; width: 25px; height: 24px; background: url('../../images/guide/arrow-menu-box.png') no-repeat center center;}
.menu-box .active a::after,
.menu-box a:hover::after {background: url('../../images/guide/arrow-menu-box-ov.png') no-repeat center center;}
.menu-box .active a,
.menu-box a:hover {color: #4076b3;}
.menu-box a span {position: relative;}
.menu-box a span::after {content: ''; position: absolute; left: 0; bottom: -2px; width: 0; height: 1px; background: #4076b3; transition: width .75s;}
.menu-box a:hover span::after {width: 100%;}

@media all and (max-width: 1385px) {
  .menu-box li {width: 20%;}
}

@media all and (max-width: 1210px) {
  .menu-box li {width: 25%;}
}

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

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

@media all and (max-width: 590px) {
  .menu-box li {width: 100%;}
}

@media all and (max-width: 500px) {
  .menu-box a {font-size: 15px;}
}

/* Button Style */
.btn-style {position: relative; display: inline-block; height: 50px; padding: 0 27px; font-family: 'Dream Medium'; font-size: 15px; line-height: 50px; color: #fff !important; cursor: pointer;}
.btn-style.mini {height: 28px; padding: 0 8px; font-size: 12px; line-height: 26px;}
.btn-style.type1.mini::after,
.btn-style.type2.mini::after,
.btn-style.type3.mini::after {top: -2px; width: 13px; height: 13px; margin-left: 6px; background-size: 100% auto;}
.btn-style.type1.mini:hover::after,
.btn-style.type2.mini:hover::after,
.btn-style.type3.mini:hover::after {background-size: 100% auto;}

.btn-style.type1 {background: #01499a; border: 1px solid #01499a;}
.btn-style.type1:hover {background: #fff; border: 1px solid #01499a; color: #01499a !important;}
.btn-style.type1::after {content: ''; position: relative; top: -4px;  display: inline-block; width: 18px; height: 18px; margin-left: 10px; background: url('../../images/guide/ic-btn1.png') no-repeat center; vertical-align: middle;}
.btn-style.type1:hover::after {background: url('../../images/guide/ic-btn1-ov.png') no-repeat center;}

.btn-style.type2 {background: #3085e5; border: 1px solid #3085e5;}
.btn-style.type2:hover {background: #fff; border: 1px solid #3085e5; color: #3085e5 !important;}
.btn-style.type2::after {content: ''; position: relative; top: -4px;  display: inline-block; width: 17px; height: 16px; margin-left: 10px; background: url('../../images/guide/ic-btn2.png') no-repeat center; vertical-align: middle;}
.btn-style.type2:hover::after {background: url('../../images/guide/ic-btn2-ov.png') no-repeat center;}

.btn-style.type3 {background: #670461; border: 1px solid #670461;}
.btn-style.type3:hover {background: #fff; border: 1px solid #670461; color: #670461 !important;}
.btn-style.type3::after {content: ''; position: relative; top: -4px;  display: inline-block; width: 21px; height: 21px; margin-left: 10px; background: url('../../images/guide/ic-btn3.png') no-repeat center; vertical-align: middle;}
.btn-style.type3:hover::after {background: url('../../images/guide/ic-btn3-ov.png') no-repeat center;}

.btn-style.type4 {background: #fff; border: 1px solid #222222; color: #666 !important;}
.btn-style.type4:hover {border: 1px solid #000; color: #000 !important;}
.btn-style.type4::after {content: ''; position: relative; top: -4px;  display: inline-block; width: 21px; height: 21px; margin-left: 10px; background: url('../../images/guide/ic-btn4.png') no-repeat center; vertical-align: middle;}

.btn-style.color {padding: 0 40px;}
.btn-style.color.mini {padding: 0 8px;}
.btn-style.color:hover {background: #fff;}
.btn-style.color::after {content: ''; position: absolute; left: 3px; top: 3px; width: calc(100% - 6px); height: calc(100% - 6px);}

.btn-style.color1 {background: #8c8c8c; border: 1px solid #8c8c8c;}
.btn-style.color1:hover {border: 1px solid #8c8c8c; color: #8c8c8c !important;}
.btn-style.color1::after {border: 1px solid #8c8c8c;}

.btn-style.color2 {background: #01499a; border: 1px solid #01499a;}
.btn-style.color2:hover {border: 1px solid #01499a; color: #01499a !important;}
.btn-style.color2::after {border: 1px solid #01499a;}

.btn-style.color3 {background: #fcaf17; border: 1px solid #fcaf17;}
.btn-style.color3:hover {border: 1px solid #fcaf17; color: #fcaf17 !important;}
.btn-style.color3::after {border: 1px solid #fcaf17;}

.btn-style.color4 {background: #bc6f6f; border: 1px solid #bc6f6f;}
.btn-style.color4:hover {border: 1px solid #bc6f6f; color: #bc6f6f !important;}
.btn-style.color4::after {border: 1px solid #bc6f6f;}

.btn-style.color5 {background: #4b94e6; border: 1px solid #4b94e6;}
.btn-style.color5:hover {border: 1px solid #4b94e6; color: #4b94e6 !important;}
.btn-style.color5::after {border: 1px solid #4b94e6;}

.btn-style.color6 {background: #01749a; border: 1px solid #01749a;}
.btn-style.color6:hover {border: 1px solid #01749a; color: #01749a !important;}
.btn-style.color6::after {border: 1px solid #01749a;}

.btn-style.color7 {background: #01339a; border: 1px solid #01339a;}
.btn-style.color7:hover {border: 1px solid #01339a; color: #01339a !important;}
.btn-style.color7::after {border: 1px solid #01339a;}

.btn-style.small {height: 34px; padding: 0 22px; line-height: 34px; font-size: 13px;}
.btn-style.small.small1 {background: #00baff; border: 1px solid #00baff;}
.btn-style.small.small1:hover {background: #fff; border: 1px solid #00baff; color: #00baff !important;}

.btn-style.small.small2 {background: #fff; border: 1px solid #f18e00; color: #f18e00 !important;}
.btn-style.small.small2:hover {background: #f18e00; border: 1px solid #f18e00; color: #fff !important;}

.btn-style.tiny {height: 30px; padding: 0 12px; line-height: 28px; font-size: 13px;}
.btn-style.tiny.tiny1 {background: #fff; border: 1px solid #222; color: #222 !important;}
.btn-style.tiny.tiny1:hover {background: #01499a; border: 1px solid #01499a; color: #fff !important;}

.btn-style.tiny.tiny2 {background: #fff; border: 1px solid #222; color: #222 !important;}
.btn-style.tiny.tiny2:hover {background: #5c5c5c; border: 1px solid #5c5c5c; color: #fff !important;}

@media all and (max-width: 500px) {
  .btn-style {font-size: 13px;}
  .btn-style.small {font-size: 12px;}
  .btn-style.tiny {font-size: 12px;}
}

/* Ready */
.wrap-ready {background: url('../../images/guide/pattern-ready.png'); padding: 10px; text-align: center;}
.wrap-ready .white {padding: 63px 20px; background: #fff url('../../images/guide/bg-ready.jpg') no-repeat center;}
.wrap-ready .big {position: relative; display: inline-block; padding: 260px 0 0 0; background: url('../../images/guide/ico-ready.png') no-repeat center top; font-family: 'Dream Regular'; font-size: 35px; color: #222;}
.wrap-ready .big::before {content: ''; position: absolute; right: 102%; width: 27px; height: 22px; background: url('../../images/guide/deco-ready1.png') no-repeat center;}
.wrap-ready .big::after {content: ''; position: absolute; left: 102%; width: 27px; height: 22px; background: url('../../images/guide/deco-ready2.png') no-repeat center;}
.wrap-ready .big strong {font-family: 'Dream Medium'; color: #01499a;}
.wrap-ready .small {padding-top: 8px; font-family: 'Dream Regular'; font-size: 18px; color: #555;}

@media all and (max-width: 750px) {
  .wrap-ready .big {font-size: 25px;}
  .wrap-ready .small {font-size: 16px;}
}

@media all and (max-width: 530px) {
  .wrap-ready .big {padding: 210px 0 0 0;; background-size: 170px auto; font-size: 18px;}
  .wrap-ready .small {font-size: 14px;}
}

/* Icon Box */
.icon-box {overflow: hidden; position:relative; line-height:1.6;}
.icon-box .title {display: block; margin-bottom: 10px; font-family: 'Dream Medium'; font-size: 20px; color: #222;}
.icon-box .cont {font-family: 'Dream Regular'; font-size: 17px; color: #666;}
.icon-box .li-list {display: table; table-layout: fixed; width: calc(100%);}
.icon-box .li-list li {display: table-cell; padding-left: 20px; border-left: 1px solid #ddd;}
.icon-box .li-dot {margin-top: 20px;}
.icon-box .li-dot li {position: relative; padding-left: 15px;}
.icon-box .li-dot li:before {content: ''; position: absolute; left: 0; top: 8px; display: block; width: 7px; height: 7px; border-radius: 100%; background-color: #618e9b}
.icon-box .box-btn {margin-top: 20px;}
.icon-box .box-btn a {display: inline-block; padding: 6px 13px 6px 38px; font-family: 'Dream Regular'; border: 1px solid #afafaf; border-radius: 5px; font-size: 15px;}
.icon-box .box-btn a.down {background:#fff url('../../images/guide/box-btn-down.png') 10px center no-repeat;}
.icon-box .box-btn a.link {background:#fff url('../../images/guide/box-btn-link.png') 10px center no-repeat;}
.icon-list-add {padding: 30px; border: 1px solid #d1d1d1;}
.icon-list-all {padding: 30px; background: #313437; border: 1px solid #000;}
.icon-list-all img {display: inline-block; margin: 6px 10px; padding: 10px; background: #3c4247; border: 1px solid #000; border-radius: 5px; vertical-align: middle;}

@media only screen and (max-width:900px){
  .icon-box .li-list li {display: block; width: 100%; margin-bottom: 20px;}
}

@media only screen and (max-width:520px){
  .icon-box .li-list li {padding-left:0; border-left: none;}
}

/* Icon Box1 */
.icon-box01 {background: #f5f5f5 url('../../images/guide/bg-icon-box.png') no-repeat right top; padding: 30px; border: 1px solid #ddd;}
.icon-box01 .title {margin-top: 20px; font-family: 'Dream Regular'; font-size: 26px; color: #006276;}
.icon-box01 .cont {font-family: 'Dream Regular'; font-size: 18px; color: #333;}
.icon-box01 .inner {overflow: hidden;}
.icon-box01 .icon {overflow: hidden; position:relative; float: left; width:231px; height:231px; margin-right: 40px; background: url('../../images/guide/icon_bg2.png') center center no-repeat;}
.icon-box01 .icon img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}
.icon-box01 .text {display: table-cell; position: relative; vertical-align: top;}

@media only screen and (max-width:680px){
  .icon-box01 .icon {display: block; float: none; margin: 0 auto 30px; text-align: center;}
}

/* Icon Box2 */
.icon-box02 {position: relative; padding: 10px; background: url('../../images/guide/lineBox_bg.png');}
.icon-box02 .box {display: table; width: 100%; padding: 20px; background: #fff; table-layout: fixed;}
.icon-box02 .icon {display: table-cell; width: 80px; vertical-align: top;}
.icon-box02 .desc {display: table-cell; font-family: 'Dream Regular'; font-size: 18px; color: #2e3a84; vertical-align: middle;}
.icon-box02 .link {position: absolute; right: 30px; top: 30px; padding: 10px 40px 10px 15px; background: #006cc7 url('../../images/guide/arrow-icon-box.png') no-repeat right center; font-family: 'Dream Regular'; font-size: 14px; color: #fff; transition: .4s;}
.icon-box02 .link:hover {background-color: #00437b;}

/* Icon Box3 */
.icon-box03 {position: relative; padding:5px; background: url('../../images/guide/lineBox_bg.png');}
.icon-box03 .inner {overflow:hidden; padding: 30px; background-color:#fff;}
.icon-box03 .icon {overflow: hidden; float: left; margin-right: 40px;}
.icon-box03 .text {position: relative; display: table-cell; padding-left: 130px; vertical-align: top;}
.icon-box03 .text .title {position: absolute; left: 0; font-family: 'Dream Regular'; font-size: 19px;}

@media only screen and (max-width:680px){
  .icon-box03 .icon {display: block; float: none; margin-right: 0; margin-bottom: 25px; text-align: center;}
}

@media only screen and (max-width:520px){
  .icon-box03 .text {display: block; padding-left: 0;}
  .icon-box03 .text .title {position: inherit;}
}

/* Icon Box4 */
.icon-box04 {padding: 30px; background-color: #f5f5f5; border: 1px solid #ddd;}
.icon-box04 .inner {overflow: hidden;}
.icon-box04 .icon {overflow: hidden; position: relative; float: left; width: 120px; height: 120px; margin-right: 30px; background: url('../../images/guide/icon_bg.png') center center no-repeat;}
.icon-box04 .icon img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}
.icon-box04 .text {position: relative; display: table-cell; vertical-align: top;}

@media only screen and (max-width:680px){
  .icon-box04 .icon {display: block; float: none; margin: 0 auto 30px; text-align: center;}
}

/* Icon Box5 */
.icon-box05 {background-color: #f5f5f5; border: 1px solid #ddd;}
.icon-box05 .inner {overflow: hidden; background: #f5f5f5 url('../../images/guide/lineBox_bgLine.png') left top no-repeat;}
.icon-box05 .icon {overflow: hidden; float: left; width: 160px; margin-right: 60px;}
.icon-box05 .icon img {margin: 15px 0 15px 30px;}
.icon-box05 .text {position: relative; display: table-cell; padding: 20px; vertical-align: top;}

@media only screen and (max-width:680px){
  .icon-box05 .inner {background: none;}
  .icon-box05 .icon {float: none; display: block; width: 100%; padding: 15px 0 10px 0; background-color: #fff; text-align: center;}
  .icon-box05 .icon img {margin: 0;}
}

/* Icon Box6 */
.icon-box06 {padding: 5px; background: #cee8ef}
.icon-box06 .sub-link-inner {overflow: hidden; display: table; width: 100%; padding: 22px 30px 22px 20px; background: #fff;}
.icon-box06 .sub-link-icon {display: table-cell; width: 70px; vertical-align: middle;}
.icon-box06 .sub-link-info {display: table-cell; width: auto; padding: 0 50px 0 18px; font-family: 'Dream Regular'; font-size: 18px; vertical-align: middle; line-height: 24px; letter-spacing: -0.5px; color: #222;}
.icon-box06 .sub-link-btn {display: table-cell; width: 160px; vertical-align: middle;}

.icon-box06 .sub-btn-group .link-btn {overflow: hidden; position: relative; display: block; border: 1px solid #139cb4; font-family: 'Dream Regular'; font-size: 14px; line-height: 24px; letter-spacing: -0.5px; color: #139cb4; transition: all 0.3s;}
.icon-box06 .sub-btn-group .link-btn::before {content: ''; position: absolute; z-index: 1; width: 0; height: 100%; background: #139cb4; left: -30px; top: 0; transition: all 0.5s; transform: skewX(-45deg);}
.icon-box06 .sub-btn-group .link-btn span {position: relative; z-index: 3; display: block;  padding: 10px 40px 10px 15px; transition: all 0.3s;}
.icon-box06 .sub-btn-group .link-btn span::after {content: ''; position: absolute; right: 0; bottom: 17px; width: 30px; height: 1px; background: #139cb4; transition: .4s;}
.icon-box06 .sub-btn-group .link-btn:hover {color: #fff;}
.icon-box06 .sub-btn-group .link-btn:hover::before {width: 140%;}
.icon-box06 .sub-btn-group .link-btn:hover span::after {background: #fff;}

@media all and (max-width: 768px){
  .icon-box06 .sub-link-inner {display: block; }
  .icon-box06 .sub-link-icon {display: block; width: 100%; text-align: center;}
  .icon-box06 .sub-link-icon  img {display: inline-block;}
  .icon-box06 .sub-link-info {display: block; margin: 20px 0; padding: 0;}
  .icon-box06 .sub-link-btn {display: block;}
}

/* List Box1 */
.list-box01 {display: flex; justify-content: space-between;}
.list-box01 li {display: block; width: 31%; padding: 30px 20px; border: 1px solid #ddd; text-align: center; line-height: 1.6;}
.list-box01 li .thum {position: relative; width: 115px; height: 115px; margin: 0 auto; background-color: #3c75cb; border-radius: 100%;}
.list-box01 li .thum img {position: absolute; left: 50%; top: 50%; max-width: 100%; transform:translate(-50%, -50%);}
.list-box01 li p {margin-bottom: 20px;}
.list-box01 li a {display: inline-block; padding: 5px 50px; background-color: #f0f0f0; font-family: 'Dream Medium'; color: #222; transition: .4s;}
.list-box01 li a:hover {background: #3c75cb; color: #fff;}
.list-box01 li .title {display: block; margin: 20px 0 10px; font-family: 'Dream Regular'; font-size: 20px;}

@media all and (max-width:767px) {
  .list-box01 {display: block;}
  .list-box01 li {width: 100%;}
  .list-box01 li + li {margin-left: 0; margin-top: 25px;}
}

/* List Box2 */
.list-box02 {display: flex; justify-content: space-between;}
.list-box02 > li {position:relative; display: block; width: 31%; padding: 20px 20px 20px 150px; border: 3px solid #a1bad2; line-height: 1.6;}
.list-box02 > li .thum {position: absolute; left:25px; top:25px; width: 100px; height: 100px;  padding:20px; background-color: #006276; border-radius: 100%; box-sizing:border-box;}
.list-box02 > li .thum img {position: absolute; left: 50%; top: 50%; max-width: 100%; transform: translate(-50%, -50%);}
.list-box02 > li p {margin-bottom: 30px;}
.list-box02 > li a {display: inline-block; padding: 5px 50px; background-color: #f0f0f0; font-family: 'Dream Medium'; color: #222;}
.list-box02 > li .title {display: block; margin: 20px 0 10px; font-size: 20px; font-family: 'Dream Regular';}
.list-box02 ul li {position: relative; padding-left: 10px;}
.list-box02 ul li:before {content: ''; position: absolute; left: 0; top: 10px; display: block; width: 3px; height: 3px; background-color:#005faa; border-radius: 100%;}

@media all and (max-width:1300px) {
  .list-box02 {display: block;}
  .list-box02 > li {width: 100%;}
  .list-box02 > li + li {margin-left: 0; margin-top: 25px;}
}

/* List Box3 */
.list-box03 {padding: 20px 50px; padding-bottom: 0; border: 1px solid #c1c1c1; font-size: 0;}
.list-box03 ul {display: inline-block; width: 100%;}
.list-box03 li {float: left; width: 33.333%; margin-bottom: 20px;}
.list-box03 .text {display: inline-block; margin-right: 47px; padding-left: 20px; background: url('../../images/guide/bul-list2.png') no-repeat left 11px; font-family: 'Dream Regular'; font-size: 17px; color: #000;}
.list-box03.row2 li {width: 50%;}

@media all and (max-width: 1400px) {
  .list-box03 li {width: 50%;}
}

@media all and (max-width: 970px) {
  .list-box03 li {width: 100%;}
  .list-box03.row2 li {width: 100%;}
}

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

/* Contents Box1 */
.major-intro-inner {position: relative; padding: 45px 30px 40px 0; border-bottom: 1px solid #7a7a7a;}
.major-intro-inner::after {content: ''; display: table; clear: both;}
.major-intro-inner::before {content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 4px; background: url('../../images/guide/intro_line.png');}
.major-intro-image {float: right; width: 432px;}
.major-intro-text {float: left; width: calc(100% - 457px);}
.major-intro-header {position: relative; padding-bottom: 40px;}
.major-intro-header::before {content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 65px; height: 1px; background-color: #0067d4;}
.major-intro-header::after {content: ''; display: table; clear: both;}
.major-intro-header h1 {float: left; font-family: 'Dream Regular'; font-size: 30px; color: #000;}
.major-intro-header h1 span {color: #1e5ba8;}
.major-intro-header a {position: relative; float: left; margin-left: 20px; border: 1px solid #b2b2b2; border-radius: 25px; font-size: 14px; color: #000; text-decoration: none;}
.major-intro-header a::after {content: ''; display: block; position: absolute; left: 15px; top: 50%; width: 16px; height: 16px; margin-top: -8px; background: url('../../images/guide/home_btn.png');}
.major-intro-header a span {display: block; padding: 10px 14px 11px 40px;}
.major-intro-header a:hover {background-color: #00a6ac; border: 1px solid #00a6ac; color: #fff;}
.major-intro-header a:hover::after {background: url('../../images/guide/home_btn_on.png');}
.major-intro-content {margin-top: 35px;}
.major-intro-content > p {position: relative; padding-bottom: 40px; line-height: 1.7;}
.major-intro-content > p::after {content: ''; position: absolute; left: 0; bottom: 0; display: block; width: 65px; height: 1px; background-color: #0067d4; }
.major-intro-info {margin-top: 35px;}
.major-intro-info ul::after {content: ''; display: table; clear: both;}
.major-intro-info li {float: left; margin-right: 40px;}
.major-intro-info li::after {content: ''; display: table; clear: both;}
.major-intro-info li:last-child {margin-right: 0;}
.major-intro-info li .phone-logo {float: left; width: 35px; height: 35px; background: url('../../images/guide/call_logo.png');}
.major-intro-info li .email-logo {float: left; width: 35px; height: 35px; background: url('../../images/guide/mail_logo.png');}
.major-intro-info li .person-logo {float: left; width: 35px; height: 35px; background: url('../../images/guide/person_logo.png');}
.major-intro-info li .place-logo {float: left; width: 35px; height: 35px; background: url('../../images/guide/place_logo.png');}
.major-intro-info li p {float: left; margin-left: 10px; line-height: 35px;}

@media all and (max-width: 1300px) {
  .major-intro-info li {margin-right: 20px; margin-bottom: 20px;}
  .major-intro-header h1 {margin-top: 5px; font-size: 27px;}
}

@media all and (max-width: 1023px) {
  .major-intro-image {float: none; width: 100%; max-width: 432px; margin: 0 auto;}
  .major-intro-text {float: none; width: 100%; margin-top: 30px;}
}

@media all and (max-width: 768px) {
  .major-intro-inner {padding: 45px 0 40px 0;}
  .major-intro-header h1 {float: none;}
  .major-intro-header {padding-bottom: 20px;}
  .major-intro-header a {float: none; display: inline-block; margin-top: 20px; margin-left: 0;}
}

/* Contents Box2 */
.laboratory-inner {padding: 40px 60px 75px 60px; border-top: 3px solid #006276; border-bottom: 1px solid #cccccc}
.laboratory-header::after {content: ''; display: table; clear: both;}
.laboratory-header h1 {float: left; margin-top: 5.5px; font-family: 'Dream Regular'; font-size: 24px; color: #006276;}
.laboratory-header a {position: relative; float: right; display: block; padding: 8px 18px 9px 40px; border: 1px solid #b2b2b2; border-radius: 25px; text-decoration: none; color: #111;}
.laboratory-header a:hover {background-color: #00baff; border: 1px solid #00baff; color: #fff;}
.laboratory-header a:hover::before {background: url('../../images/guide/sisul_link_on.png')}
.laboratory-header a::before {content: ''; display: block; position: absolute; left: 15px; top: 50%; width: 16px; height: 16px; margin-top: -8px; background: url('../../images/guide/sisul_link.png');}
.laboratory-content {margin-top: 35px;}
.laboratory-content::after {content:''; display: table; clear: both;}
.laboratory-image {float: left; width: 640px; position: relative;}
.laboratory-image::after {content: ''; display: block; position: absolute;  z-index: -1; right: -20px; bottom: -21px; width: 130px; height: 140px; background: url('../../images/guide/sisul_background.png');}
.laboratory-table {float: right; width: calc(100% - 640px);}
.laboratory-table ul {padding-left: 70px;}
.laboratory-table li {padding: 23px 0; border-top: 1px solid #cbcbcb; box-sizing: border-box;}
.laboratory-table li:first-child {border-top: 1px solid #000;}
.laboratory-table li:last-child {border-bottom: 1px solid #000;}
.laboratory-table li::after {content:''; display: table; clear: both;}
.laboratory-table-title {float: left; width: 140px;}
.laboratory-table-title p {position: relative; padding-left: 50px; color: #000;}
.laboratory-table-title p::before {content: ''; display: block; position: absolute; left: 15px; top: 50%; width: 26px; height: 26px; margin-top: -13px;}
.laboratory-table-title p::after {content: ''; display: table; clear: both;}
.laboratory-table-title p.table-place::before {background: url('../../images/guide/sisul_place_logo.png');}
.laboratory-table-title p.table-phone::before {background: url('../../images/guide/sisul_phone_logo.png');}
.laboratory-table-title p.table-fax::before {background: url('../../images/guide/sisul_fax_logo.png');}
.laboratory-table-title p.table-person::before {background: url('../../images/guide/sisul_person_logo.png');}
.laboratory-table-title p.table-mail::before {background: url('../../images/guide/sisul_mail_logo.png');}
.laboratory-table-title p.table-laboratory::before {background: url('../../images/guide/sisul_logo.png');}
.laboratory-table-content {float: right; width: calc(100% - 165px);}
.laboratory-table-content p {color: #333;}
.laboratory-table-content p span {float: left;}
.send-mail {display: inline-block; width: 15px; height: 13px; margin-left: 10px; background: url('../../images/guide/mail.png'); text-indent: -9999px; vertical-align: middle;}

@media all and (max-width: 1250px) {
  .laboratory-image {width: 450px;}
  .laboratory-table {width: calc(100% - 450px);}
  .laboratory-table ul {padding-left: 35px;}
}

@media all and (max-width: 1023px) {
  .laboratory-inner {padding: 40px 20px 75px 20px;}
  .laboratory-image {float: none; width: 100%; max-width: 570px; margin: 0 auto;}
  .laboratory-table {float: none; width: 100%; margin-top: 30px;}
  .laboratory-table ul {padding-left: 0;}
}

@media all and (max-width: 768px) {
  .laboratory-header h1 {float: none;}
  .laboratory-header a {display: inline-block; float: none; margin-top: 20px;}
}

/* Contents Box3 */
.image-line-4  img {width: 100%;}
.image-line-4 ul::after {content:''; display: table; clear: both;}
.image-line-4 li {float: left; width: 24.4375%; margin-right: 0.75%;}
.image-line-4 li:last-child {margin-right: 0;}
.image-line-4 .image-text {position: relative; margin-top: 15px; padding-left: 16px;}
.image-line-4 .image-text::before {content: ''; position: absolute; left: 0; top: 0; display: block; width: 3px; height: 100%; background-color: #006276;}
.image-line-4 .image-text h1 {font-family: 'Dream Regular'; font-size: 20px; color: #006276;}
.image-line-4 .image-text p {margin-top: 13px; font-size: 16px; line-height: 20px; color: #333;}

@media all and (max-width: 1023px) {
  .image-line-4 li {width: 49%; margin-right: 2%;}
  .image-line-4 li:nth-child(even) {margin-right: 0;}
  .image-line-4 li:nth-child(n+3) {margin-top: 20px;}
}

@media all and (max-width: 768px) {
  .image-line-4 li {float: none; width: 100%; margin-right: 0%; margin-top: 20px;}
}

.image-line-3 img {width: 100%;}
.image-line-3 ul::after {content: ''; display: table; clear: both;}
.image-line-3 li {float: left; width: 30%; margin-right: 5%;}
.image-line-3 li:last-child {margin-right: 0;}
.image-line-3 .image-text {position: relative; margin-top: 15px; padding-left: 16px;}
.image-line-3 .image-text::before {content:''; display: block; position: absolute; left: 0; top: 0; width: 3px; height: 100%; background-color: #006276;}
.image-line-3 .image-text h1 {font-family: 'Dream Regular'; font-size: 20px; color: #006276;}
.image-line-3 .image-text p {margin-top: 13px; font-size: 16px; line-height: 20px; color: #333;}

@media all and (max-width: 768px) {
  .image-line-3 li {float: none; width: 100%; margin-right: 0; margin-top: 20px;}
}

/* Contents Box4 */
.area-link-inner {position: relative; padding: 0; background: url('../../images/guide/area.png') no-repeat top center;}
.area-link-box {position: absolute; left: 50%; top: 50%;  width: 340px; height: 340px; margin: 0 auto; background: rgba(0,98,118,0.8); border-radius: 50%; transform: translate(-50%, -50%);}
.area-link-box a {display: block; width: 100%; height: 100%; text-align: center; text-decoration: none; color: #fff;}
.area-link-text h1 {padding-top: 65px; font-family: 'Dream Regular'; font-size: 28px;}
.area-link-text p {position: relative; padding: 30px 30px 125px 30px; font-size: 16px;}
.area-link-text p::after {content: ''; position: absolute; left: 50%; bottom: 0; display: block; width: 40px; height: 40px; margin-left: -20px; background: url('../../images/guide/area_rrow.png');}
.area-img img {position: relative; left: 50%; max-width: none; transform: translate(-50%,0);}

@media all and (max-width: 768px) {
  .area-link-box {width: 250px; height: 250px;}
  .area-link-text h1 {padding-top: 40px; font-size: 20px;}
  .area-link-text p {padding: 15px 15px 100px 15px; font-size: 14px;}
}

/* Contents Box5 */
.major-sub-inner {position: relative;}
.major-sub-image {width: 66%; max-width: 920px;}
.major-sub-text {position: absolute; right: 10px; bottom: 30px; width: 100%; max-width: 630px; background-color: #f5f5f5;}
.major-sub-text::after {content: ''; position: absolute; right: -10px; bottom: -10px; z-index: -1; display: block; width: 100%; height: 100%;  background: url('../../images/guide/text_background.png');}
.major-sub-textbox {padding: 35px 65px 45px 40px;}
.major-sub-text h1 {position: relative; margin-bottom: 30px; padding-bottom: 30px; font-family: 'Dream Medium'; font-size: 24px; color: #006276;}
.major-sub-text h1::after {content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 38px; height: 3px; background-color: #006276;}
.major-sub-text p {font-size: 16px; color: #333;}

@media all and (max-width: 1250px) {
  .major-sub-textbox {padding: 25px 40px 25px 20px;}
}

@media all and (max-width: 1023px) {
  .major-sub-image {width: 100%; max-width: none;}
  .major-sub-text {position: relative; right: 0; bottom: 0; width: calc(100% - 10px); max-width: none; margin-top: 20px;}
}

/* Contents Box6 */
.img-box {position: relative;}
.major-main-inner {position: relative; padding: 0; background: url('../../images/guide/major_background.png') no-repeat top center;}
.major-main-titlebox {position: absolute; left: 50%; top: 43%; text-align: center; transform: translate(-50%, -50%);}
.major-main-titlebox > span {display: inline-block; padding: 11.5px 13.5px; background-color: #006276; font-size: 18px; color: #fff;}
.major-main-title {position: relative; margin-top: 20px; padding: 41.5px 0;}
.major-main-title::before {content: ''; position: absolute; left: 50%; top: 0; display: block; width: 410px; height: 1px; margin-left: -205px; background-color: #fff;}
.major-main-title::after {content: ''; position: absolute; left: 50%; bottom: 0; display: block; width: 410px; height: 1px; margin-left: -205px; background-color: #fff;}
.major-main-title span {font-family: 'Dream Regular'; font-size: 20px; color: #fff;}
.major-main-title h1 {margin-top: 25px; font-family: 'Dream Regular'; font-size: 40px; color: #fff;}
.major-main-content {position: absolute; left: 50%; bottom: 0; width: 750px; margin: 0; background-color: #fff; transform: translate(-50%, 0%);}
.major-main-content p {position: relative; padding: 27px 45px 10px 45px; font-size: 16px; line-height: 25px; text-align: center; color: #333;}
.major-main-content p::before {content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 4px; background-color: #006276;}
.major-img img {position: relative; left: 50%; transform: translate(-50%,0); max-width: none;}

@media all and (max-width: 1023px) {
  .major-main-content {width: 100%; left: 0; margin-left: 0;}
}

@media all and (max-width: 768px) {
  .major-main-inner {padding-top: 60px;}
  .major-main-title {padding: 25px 0;}
  .major-main-title span {font-size: 16px;}
  .major-main-title h1 {font-size: 25px;}
  .major-main-title::before {width: 300px; margin-left: -150px;}
  .major-main-title::after {width: 300px; margin-left: -150px;}
  .major-main-content p {padding: 15px 20px 10px 20px; font-size: 14px; line-height: 22px;}
}

/* Contents Box7 */
.major-explan-inner {position: relative;}
.major-explan-inner .img {width: 57.2%}
.major-explan-inner .desc {position: absolute; right: 30px; top: 50%; width: 45%; padding: 40px; background: #006276; color: #fff; box-shadow: 5px 5px 12px 4px rgba(0,0,0,0.22); transform: translate(0, -50%);}
.major-explan-inner .desc strong {position: relative; display: block; padding: 0 0 30px 0; margin: 0 0 30px 0; font-family: 'Dream Regular'; font-size: 30px;}
.major-explan-inner .desc strong::after {content: ''; position: absolute; left: 0; bottom: 0; width: 64px; height: 1px; background: #fff;}
.major-explan-inner .desc p {font-family: 'Dream Regular'; font-size: 16px;}

@media all and (max-width: 1215px) {
  .major-explan-inner .desc {width: 60%;}
}

@media all and (max-width: 1024px) {
  .major-explan-inner .img {width: 100%;}
  .major-explan-inner .img img {width: 100%}
  .major-explan-inner .desc {position: static; width: 100%; transform: translate(0,0)}
}

/* Contents Box8 */
.graduate-inner::after {content: ''; display: table; clear: both;}
.graduate-image {float: left; width: 440px;}
.graduate-image-box {position: relative; width: 400px;}
.graduate-image-box::before {content: ''; display: block; position: absolute; left: 1.5%; top: 3.5%; width: 95.5%; height: 92.5%; border: 2px solid rgba(255,255,255,0.4);}
.graduate-image-box::after {content: ''; display: block; position: absolute; right: -37px; bottom: -38px; z-index: -1; width: 100%; height: 110%; background: url('../../images/guide/link_background.png') no-repeat right top;}
.graduate-text {float: right; width: calc(100% - 470px);}
.graduate-text a { position: relative; display: inline-block; padding: 13px 20px; background: url('../../images/guide/link_back.png'); border: 1px solid #ccc; font-family: 'Dream Regular'; font-size: 15px; text-decoration: none; color: #43505d;}
.graduate-text a::before {content: ''; position: absolute; left: 20px; top: 50%; display: block; width: 22px; height: 23px; margin-top: -11.5px; background: url('../../images/guide/link_logo.png');}
.graduate-text a span {padding-left: 32px; line-height: 23px;}
.graduate-text a:hover {background: none; background-color: #006276; color: #fff;}
.graduate-text a:hover::before {background: url('../../images/guide/link_logo_on.png')}
.graduate-text p {margin-top: 30px; font-size: 16px; line-height: 28px; color: #333;}

@media all and (max-width: 1024px) {
  .graduate-image {float: none; width: 100%;}
  .graduate-image-box {width: 95%;}
  .graduate-image-box::after {right: -5%; bottom: -12%; background-size: cover;}
  .graduate-image-box img {width: 100%;}
  .graduate-text {float: none; width: 100%; margin-top: 50px;}
}

/* Greeting Box1 */
.greeting-inner::after {content: ''; display: table; clear: both;}
.greeting-text {float: left; width: calc(100% - 751px); padding-left: 50px; border-left: 1px solid #006276;}
.greeting-title span {font-family: 'Dream Regular'; font-size: 26px; color: #006276; }
.greeting-title h1 {margin-top: 10px; font-family: 'Dream Medium'; font-size: 40px; color: #073862;}
.greeting-text p {margin-top: 30px; font-size: 16px; line-height: 1.8;}
.greeting-image {position: relative; float: right; width: 640px; text-align: right;}
.greeting-image::before {content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 205px; height: 170px; background: url('../../images/guide/major_intro_sub.png');}
.greeting-image-box {display: inline-block; max-width: 560px; width: 87.6%;}

@media all and (max-width: 1250px) {
  .greeting-text {width: calc(100% - 650px);}
  .greeting-image {width: 550px;}
}

@media all and (max-width: 1023px) {
  .greeting-image {float: none; width: 100%;}
  .greeting-text {float: none; width: calc(100% - 1px); margin-top: 50px; padding-left: 0;}
  .greeting-image-box {width: calc(100% - 100px); max-width: none;}
  .greeting-title {padding-left: 30px;}
  .greeting-text p {padding-left: 30px;}
}

@media all and (max-width: 768px) {
  .greeting-title span {font-size: 22px;}
  .greeting-title h1 {font-size: 30px;}
  .greeting-text p {margin-top: 50px; font-size: 18px; line-height: 1.3;}
  .greeting-image::before {width: 150px; height: 124px; background-size: cover;}
}

@media all and (max-width: 420px) {
  .greeting-title span {font-size: 18px;}
  .greeting-title h1 {font-size: 25px;}
  .greeting-title {padding-left: 15px;}
  .greeting-text p {padding-left: 15px; font-size: 16px;}
}

/* Greeting Box2 */
.sub-greeting-inner::after {content: ''; display: table; clear: both;}
.sub-greeting-image {position: relative; float: left; width: 715px;}
.sub-greeting-image::before {content: ''; display: none; position: absolute; right: 68px; bottom: -68px; z-index: 2; width: 100px; height: 103px; background: url('../../images/guide/major_deco_2.png');}
.sub-greeting-image::after {content: ''; display: none; position: absolute; left: 0; bottom: -156px; width: 281px; height: 245px; background: url('../../images/guide/major_deco_1.png');}
.sub-greeting-image-box {position: relative; width: 570px;}
.sub-greeting-image-box::before {content: ''; position: absolute; right: -20px; bottom: -20px; z-index: -2; display: block; width: 100%; height: 100%; background-color: rgba(0,166,172,0.2);}
.sub-greeting-image-box::after {content: ''; display: none; position: absolute; left: 310px; bottom: -80px; z-index: -1; width: 166px; height: 164px; background: url('../../images/guide/major_deco_3.png');}
.sub-greeting-text {float: right; width: calc(100% - 715px);}
.sub-greeting-title h1 {font-family: 'Dream Regular'; font-size: 40px; color: #000;}
.sub-greeting-title span.color-green {color: #006276;}
.sub-greeting-title span.color-gray {display: inline-block; font-family: 'Dream Regular'; color: #9c9c9c;}
.sub-greeting-text p {margin-top: 30px; font-size: 16px; line-height: 1.8; color: #333;}

@media all and (max-width: 1250px) {
  .sub-greeting-image {width: 600px;}
  .sub-greeting-image-box {max-width: 455px;}
  .sub-greeting-image-box::after {left: 230px;}
  .sub-greeting-image::after {bottom: -120px; width: 200px; height: 174px; background-size: cover;}
  .sub-greeting-text {width: calc(100% - 600px);}
  .sub-greeting-title h1 {font-size: 35px;}
}

@media all and (max-width: 1023px) {
  .sub-greeting-image {float: none; width: 100%; }
  .sub-greeting-text {float: none; width: 100%; max-width: none; margin-top: 150px;}
  .sub-greeting-image-box {width: calc(100% - 20px); max-width: none;}
  .sub-greeting-image::before {right: 0;}
}

@media all and (max-width: 768px) {
  .sub-greeting-title h1 {font-size: 30px; line-height: 1.3;}
  .sub-greeting-text p {font-size: 18px; line-height: 1.3;}
  .sub-greeting-image::after {width: 120px; height: 105px; bottom: -40px;}
  .sub-greeting-image-box::after {left: 40%; bottom: -50px; width: 100px; height: 99px; background-size: cover;}
  .sub-greeting-image::before {bottom: -40px; width: 60px; height: 62px; background-size: cover;}
}

/* Major-type-box1 */
.major-type-box1 {position: relative;}
.major-type-box1 .inner {display:table; width:100%;}
.major-type-box1 .inner::after {content:''; display:block; clear:both;}
.major-type-box1 .left {display:table-cell; width:650px; vertical-align: top; }
.major-type-box1 .left > div {object-fit: cover; width:100%; height:400px;}
.major-type-box1 .right {position: relative; display:table-cell; vertical-align:top;}
.major-type-box1 .right .top {position: relative; text-align:right;}
.major-type-box1 .right .top::after {content:''; width: 96.46%; height:1px; background:#000; position: absolute; right:360px; bottom:0;}
.major-type-box1 .right .title {font-family: 'Dream Bold'; font-size: 26px; line-height: 40px; letter-spacing: -.05em; color:#222; margin: 40px 0 30px 0;}
.major-type-box1 .con {padding-left:100px;}
.major-type-box1 .link-wrap li {float:left; width:33.3333%;}
.major-type-box1 .link-wrap .link-style1 {display: inline-block; font-family: 'Dream Regular'; font-size: 18px; color:#333; line-height: 40px; letter-spacing: -.05em; padding-right:25px; position: relative; background:url('../../images/guide/ic_home_type1.png') no-repeat right 1px center; transition: all .3s;}
.major-type-box1 .link-wrap .link-style1:hover {color:#01499A;background:url('../../images/guide/ic_home_type2.png') no-repeat right 1px center;}
.major-type-box1 .info {border: 3px solid #eee; padding: 32px 10px 32px 20px; margin-top: 40px;}
.major-type-box1 .info strong {display: block; font-family: 'play Bold'; text-transform: uppercase; font-size: 14px; color:#01499A; letter-spacing: 0; line-height: 16px;}
.major-type-box1 .info ul {display:table; width:100%;}
.major-type-box1 .info li {display:table-cell; width:33.3333%; position: relative;}
.major-type-box1 .info li::after {content:''; position: absolute; width:1px; height:100%; background:#C7CBD7; position: absolute; top:0; left:0;}
.major-type-box1 .info li:first-child::after {display: none;}
.major-type-box1 .info li:first-child .item {border-left:none;}
.major-type-box1 .info .item{position: relative;}
.major-type-box1 .info li:first-child .item p {margin-left:0;}
.major-type-box1 .info .item p {margin-left:20px; padding-left:40px; position: relative;}
.major-type-box1 .info .item span {display: block; color:#2B2A2B; font-family: 'Dream Regular'; font-size: 16px;}
.major-type-box1 .info .tel p::after {content:''; width:30px; height:30px; background:url('../../images/guide/ic_tel_type1.png') no-repeat center; position: absolute; left:0; top:5px;}
.major-type-box1 .info .fax p::after {content:''; width:30px; height:30px; background:url('../../images/guide/ic_fax_type1.png') no-repeat center; position: absolute; left:0; top:5px;}
.major-type-box1 .info .loc p::after {content:''; width:30px; height:30px; background:url('../../images/guide/ic_location_type1.png') no-repeat center; position: absolute; left:0; top:5px;}

@media all and (max-width: 1350px) {
  .major-type-box1 .info {padding:20px 10px 20px 20px;}
  .major-type-box1 .info li {display:inline-block; width:100%; margin-bottom: 15px;}
  .major-type-box1 .info li::after {display: none;}
  .major-type-box1 .info .item p {margin:0; }
}

@media all and (max-width:1200px) {
  .major-type-box1 .con {padding-left:40px;}
  .major-type-box1 .link-wrap li {width:50%;}
}

@media all and (max-width:1023px) {
  .major-type-box1 .con {padding-left:0;}
  .major-type-box1 .left { display:block;}
  .major-type-box1 .right {display:block; margin-top:-85px;}
  .major-type-box1 .link-wrap li {width:33.3333%;}
}

@media all and (max-width:768px) {
  .major-type-box1 .left {width:auto;}
  .major-type-box1 .left > div {height: auto;}
  .major-type-box1 .right {margin-top:0;}
  .major-type-box1 .right .top::after {display: none;}
  .major-type-box1 .right .top {float:right;}
}

@media all and (max-width:550px) {
  .major-type-box1 .right .top {float:none; margin-top: 20px;}
  .major-type-box1 .right .title {margin: 20px 0 30px 0;}
  .major-type-box1 .link-wrap li {width:50%;}
}

/* Major-type-box2 */
.major-type-box2 {position: relative;}
.major-type-box2.mg {margin-top: 100px;}
.major-type-box2 .inner {display:table; width:100%;}
.major-type-box2 .inner::after {content:''; display:block; clear:both;}
.major-type-box2 .left {display:table-cell; width: 43.4%; padding-bottom: 12px; vertical-align: top;}
.major-type-box2 .right {position: relative; display:table-cell; vertical-align:top;}
.major-type-box2 .right .top {position: relative; text-align:right;}
.major-type-box2 .right .top::after {content:''; width: 127%; height: 5px; background: #024c97 url('../../images/guide/line-major.png') no-repeat left center; position: absolute; right: 0; top:50%;}
.major-type-box2 .right .title {font-family: 'Dream Bold'; font-size: 28px; line-height: 40px; letter-spacing: -.05em; color:#222; margin: 31px 0 19px 0;}
.major-type-box2 .right .button {position: relative; z-index: 1; display: inline-block; background: #fff; min-height: 60px;}
.major-type-box2 .btn-style1,
.major-type-box2 .btn-style4 {margin-left: 16px;}
.major-type-box2 .btn-style1.solo,
.major-type-box2 .btn-style4.solo {margin-left: 0;}
.major-type-box2 .btn-style1,
.major-type-box2 .btn-style2 {z-index: 1;}
.major-type-box2 .con {padding-left: 70px;}
.major-type-box2 .img-box::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #d1d1d1;}
.major-type-box2 .img-box::before{content: ''; background: url('../../images/guide/group-img-shape.png') ; width: 100%; height: 100%; position: absolute; top: 3%; left:10px; z-index: -1;} 
.major-type-box2 .txt-box {min-height: 130px}
.major-type-box2 .txt-box p {padding-bottom: 5px; font-size: 16px; color:#666; letter-spacing: -.05em;}
.major-type-box2 .info { border: 3px solid #eee; padding: 32px 10px 32px 20px; margin-top: 24px;}
.major-type-box2 .info strong {display: block; font-family: 'play Bold'; text-transform: uppercase; font-size: 14px; color:#01499A; letter-spacing: 0; line-height: 16px;}
.major-type-box2 .info ul {display:table; width:100%;}
.major-type-box2 .info li {display:table-cell; width:33.3333%; position: relative; vertical-align: middle;}
.major-type-box2 .info li::after {content:''; position: absolute; width:1px; height:100%; background:#C7CBD7; position: absolute; top:0; left:0;}
.major-type-box2 .info li:first-child::after {display: none;}
.major-type-box2 .info li:first-child .item {border-left:none;}
.major-type-box2 .info .item{position: relative;}
.major-type-box2 .info li:first-child .item p {margin-left:0;}
.major-type-box2 .info .item p {margin-left:20px; padding-left:40px; padding-right: 20px; position: relative;}
.major-type-box2 .info .item span {display: block; color:#2b2a2b; font-family: 'Dream Regular'; font-size: 15px;}
.major-type-box2 .info .tel p::after {content:''; width:30px; height:30px; background:url('../../images/guide/ic_tel_type1.png') no-repeat center; position: absolute; left:0; top:4px;}
.major-type-box2 .info .fax p::after {content:''; width:30px; height:30px; background:url('../../images/guide/ic_fax_type1.png') no-repeat center; position: absolute; left:0; top:3px;}
.major-type-box2 .info .loc p::after {content:''; width:30px; height:30px; background:url('../../images/guide/ic_location_type1.png') no-repeat center; position: absolute; left:0; top:1px;}

@media all and (max-width: 1400px) {
  .major-type-box2 .inner,
  .major-type-box2 .left,
  .major-type-box2 .right {display: block; width: 100%;}

  .major-type-box2 .left .img-box {max-width: 650px; margin: 0 auto;}
  .major-type-box2 .right .top::after {right: auto; left: 0; width: 100%;}
  .major-type-box2 .right .top {margin-top: 50px;}
  .major-type-box2 .right .button {min-height: auto;}
  .major-type-box2 .con {padding-left: 0;}
  .major-type-box2 .txt-box {min-height: auto}
  .major-type-box2 .info {position: static; width: 100%;}
}

@media all and (max-width: 700px) {
  .major-type-box2.mg {margin-top: 50px;}
  .major-type-box2 .info {padding: 5px 15px;}
  .major-type-box2 .info ul,
  .major-type-box2 .info li {display: block; width: 100%;}
  .major-type-box2 .info li {border-bottom: 1px solid #C7CBD7;}
  .major-type-box2 .info li:last-child {border: 0;}
  .major-type-box2 .info li::after {display: none;}
  .major-type-box2 .info .item p {margin: 10px 0;}
}

@media all and (max-width: 640px) {
  .major-type-box2 .right .top {margin-top: 30px;}
  .major-type-box2 .right .button {width: 100%; text-align: left;}
  .major-type-box2 .right .button > div,
  .major-type-box2 .right .button a {width: 100%; margin: 0;}
  .major-type-box2 .right .button > div {margin-bottom: 10px;}
  .major-type-box2 .right .title {margin-top: 16px;}
}

@media all and (max-width: 500px) {
  .major-type-box2.mg {margin-top: 40px;}
  .major-type-box2 .left {padding-top: 75px;}
  .major-type-box2 .right {position: static;}
  .major-type-box2 .right .top {margin-top: 0}
  .major-type-box2 .right .title {position: absolute; left: 0; top: 20px; margin-top: 0; font-size: 22px;}
  .major-type-box2 .txt-box p {padding-top: 0; font-size: 14px;}
  .major-type-box2 .right .top {position: static;}
  .major-type-box2 .right .top::after {top: 0;}
  .major-type-box2 .info .item span {font-size: 14px;}
}

/* Major-type-box3 */
.major-type-box3 {position: relative;}
.major-type-box3::before {display: none;}
.major-type-box3::after {content:''; width:103px; height:103px; background:url('../../images/guide/object05.png') no-repeat center / cover; position: absolute; top:33px; right:30px;}
.major-type-box3 .type-box-inner {overflow: hidden; position: relative;}
.major-type-box3 .type-box-inner::before {content:''; width:100%; height:100%; position: absolute; z-index: -2; background:#E2E2E2; transform:skew(79.2deg) translate(23%);}
.major-type-box3.grad .type-box-inner::before {transform:skew(0deg) translate(0);}
.major-type-box3 .txt-banner {position: absolute;bottom:0; width: 100%;}
.major-type-box3 .txt-banner p{display: none; font-family: 'play Bold'; font-size: 60px; color:#fff; text-shadow: 0px 0px 2px rgba(0,0,0,0.8); position: absolute; right:0; bottom:0; text-align:right; line-height: 125px; white-space: nowrap; z-index: -1; animation: txtMove 5s infinite linear;}

@keyframes txtMove {
  0% {right:-100%;}
  100% {right:100%;}
}

.major-type-box3 .inner::before {content:''; width:100%; height:100%; position: absolute; left:0; top:0; background:linear-gradient(to right, #E5F1FF, #FFF8EB 80%); transform: rotate(-2.6deg) scale(2) translate(0,-29.5%);}
.major-type-box3.grad .inner::before {transform: rotate(0deg) scale(1) translate(0);}
.major-type-box3 .inner::after {content:''; width:30px; height:100%; position: absolute; right:0; bottom:0; z-index: -1; background: #fff;}
.major-type-box3 .inner {padding:70px 70px 0 70px;}
.major-type-box3 .con {display: table; width: 100%;}
.major-type-box3 .left {display:table-cell; vertical-align: top; width:295px;}
.major-type-box3 .img-box {position: relative; display: inline-block; z-index: 2;}
.major-type-box3 .img-box::before {content:''; position:absolute; left:-10px; top:-10px; width:100%; height:100%; background:url('../../images/guide/major03_object02.png') no-repeat center; transform-origin: 50% 50%; animation: spin 10s infinite linear;}
.major-type-box3 .img-box::after {content:''; position:absolute; left:10px; top:20px; width:100%; height:100%; background:url('../../images/guide/major03_object01.png') no-repeat center;  animation: spin 10s infinite linear reverse;}

@keyframes spin {
  100% {transform: rotate(360deg);}
}

.major-type-box3 .img-box-inner::before {content:''; position: absolute; left:-10px; top:-10px; width:100%; height:100%; background:url('../../images/guide/major03_object03.png') no-repeat center; z-index: -1;}
.major-type-box3 .img-box-inner {position: relative;}
.major-type-box3 .right {display:table-cell; height: 370px; vertical-align: top; padding:0 0 90px 65px;position: relative;}
.major-type-box3.grad .right {padding-bottom: 50px;}
.major-type-box3 .right::before {display: none; content:''; width:103px; height:103px; background:url('../../images/guide/object04.png') no-repeat center / cover; position: absolute; bottom:0; left:25px;}
.major-type-box3 .top {margin-bottom: 25px;}
.major-type-box3 .title {float:left; font-size: 30px; font-family: 'Dream Bold'; color:#222; line-height: 40px; letter-spacing: -.05em; position: relative; margin-top:10px;}
.major-type-box3 .title span {font-size: 22px; color: #222; letter-spacing: 0; }
.major-type-box3 .btn-box {float:right; font-size: 0;}
.major-type-box3 .btn-box > div {margin-left:20px;}
.major-type-box3 .txt-box {font-size: 17px; color:#666; line-height: 30px; letter-spacing: -.05em; position: relative; margin-bottom: 25px;}

.major-type-box3 .link-wrap li {float:left; width:25%;}
.major-type-box3 .link-wrap .link-style2 {display: inline-block; font-family: 'Dream Regular'; font-size: 15px; color:#333; line-height: 40px; letter-spacing: -.05em;  position: relative;}
.major-type-box3 .link-wrap .link-style2 span {position: relative; display: inline-block;}
.major-type-box3 .link-wrap .link-style2 span::after {content:''; width:0; height:2px; background:#03499A; position: absolute; bottom:0; left:0; transition:width .3s;}
.major-type-box3 .link-wrap .link-style2:hover span::after {width:100%;}
.major-type-box3 .link-wrap .go-home {display: inline-block; width: 16px; height: 16px; margin: -3px 0 0 10px; background:url('../../images/guide/ic_home_type2.png') no-repeat right center; vertical-align: middle; text-indent: -999999px;}
.major-type-box3 .info {margin-top: 34px;}
.major-type-box3 .info li {display: inline-block; margin-right: 50px;}
.major-type-box3 .info li p {font-size: 15px; color:#666; line-height: 30px; letter-spacing: -.05em; font-family: 'Dream Regular'; padding-left: 40px; position: relative;}
.major-type-box3 .info li.tel p::after{content:''; width:30px; height:30px; position: absolute; left:0; background:#000 url('../../images/guide/ic_tel_type2.png') no-repeat center center; border-radius:50%;}
.major-type-box3 .info li.fax p::after{content:''; width:30px; height:30px; position: absolute; left:0; background:#000 url('../../images/guide/ic_fax_type2.png') no-repeat center center; border-radius:50%;}
.major-type-box3 .info li.loc p::after{content:''; width:30px; height:30px; position: absolute; left:0; background:#000 url('../../images/guide/ic_location_type2.png') no-repeat center center; border-radius:50%;}

@media all and (max-width:1580px) {
  .major-type-box3 .title {font-size: 27px;}
  .major-type-box3 .title span {display: block; font-size: 17px;}
}

@media all and (max-width:1350px) {
  .major-type-box3 .link-wrap li {width :33.3333%;}
  .major-type-box3 .right {padding: 10px 0 185px 20px;}
  .major-type-box3 .right::before {left:-25px;}
  .major-type-box3 .info li {max-width:180px;}
}

@media all and (max-width:1200px) {
  .major-type-box3::before {content: ''; display: none; width: 103px;height: 103px; background: url('../../images/guide/object04.png') no-repeat center / cover; position: absolute; bottom: -30px; left: 0px; z-index: 1;}
  .major-type-box3 .inner {padding: 55px 40px 35px 40px;}
  .major-type-box3 .inner::before {transform: rotate(0) scale(1) translate(0);}
  .major-type-box3 .link-wrap li {width: 50%;}
  .major-type-box3 .type-box-inner::before {transform:skew(79deg) translate(-14%);}
  .major-type-box3 .btn-box > div:first-child {margin-left: 0;}
  .major-type-box3 .img-box-inner::before {background:url('../../images/guide/major03_object03.png') no-repeat center / cover;}
  .major-type-box3 .img-box::before {background:url('../../images/guide/major03_object02.png') no-repeat center / cover;}
  .major-type-box3 .img-box::after {background:url('../../images/guide/major03_object01.png') no-repeat center / cover;}
  .major-type-box3 .txt-box {margin-bottom: 30px;}
  .major-type-box3 .left {display: block; margin:0 auto; width:100%; text-align: center;}
  .major-type-box3 .right {display: block; height: auto; padding: 70px 0 0 0;}
  .major-type-box3 .right::before {display: none;}
  .major-type-box3.grad .right {padding-bottom: 0;}
}

@media all and (max-width:900px) {
  .major-type-box3 .btn-box{float:none;}
}

@media all and (max-width:768px) {
  .major-type-box3 .title {width: 100%; margin-top: 20px;}
  .major-type-box3 .title span {display: block; font-size: 16px;}
  .major-type-box3 .inner {padding: 45px 20px 20px 20px;}
  .major-type-box3 .info li {display: block; margin-bottom: 10px;}
  .major-type-box3 .link-wrap .link-style2 {font-size: 16px;}
  .major-type-box3::before {display: none;}
}

@media all and (max-width:640px) {
  .major-type-box3 .btn-box > div {margin-left:0; margin-bottom:10px; display: block;}
  .major-type-box3 .btn-box a {width: 100%;}
  .major-type-box3 .type-box-inner::before {transform:skew(79deg) translate(-155%);}
  .major-type-box3 .link-wrap .go-home {margin-left: 2px;}
}

@media all and (max-width:500px) {
  .major-type-box3::after {right: 50px; width: 53px; height: 53px;}
  .major-type-box3 .top {margin-bottom: 16px;}
  .major-type-box3 .right {padding: 47px 0 0 0;}
  .major-type-box3 .title {margin-top: 10px; font-size: 22px;}
  .major-type-box3 .txt-box {margin-bottom: 11px; font-size: 14px; line-height: 24px;}
  .major-type-box3 .link-wrap li {width:50%;}
  .major-type-box3 .link-wrap .link-style2 {font-size: 14px;}
  .major-type-box3 .info {margin-top: 24px;}
  .major-type-box3 .info li p {font-size: 14px;}
  .major-type-box3 .type-box-inner::before {transform:skew(79deg) translate(-310%);}
}

/* Txt-type1 */
.txt-type1 {position: relative; padding-bottom: 150px; text-align: right;}
.txt-type1 .title-bx {position: absolute; left: 0; bottom: 60px; z-index: 2; width: 43.333%;}
.txt-type1 .title-inner-bx {position: relative; padding: 40px 8% 40px 0; background: #fff; text-align: left; box-shadow: 40px 40px 26px rgba(0, 0, 0, 0.2);}
.txt-type1 .title-inner-bx::before {content: ''; position: absolute; left: 42%; top: -40px; z-index: -1; width: 26%; height: 100%; background: url('../../images/guide/line_bg.png');}

.txt-type1 .title-inner-bx .title {position: relative; margin-bottom: 17px; padding-left: 10%;}
.txt-type1 .title-inner-bx .title::before {content: ''; position: absolute; left: 0; top: 23px; width: 8%; height: 3px; background: #FCAF17;}
.txt-type1 .title-inner-bx .title p {font-family: 'Dream Medium'; font-size: 30px; letter-spacing: -0.75px; color: #111;}
.txt-type1 .title-inner-bx .info {padding-left: 10%;}
.txt-type1 .title-inner-bx .info p {font-family: 'Dream Regular'; font-size: 18px; line-height: 28px; color: #333;}

@media all and (max-width: 1023px){
  .txt-type1 {padding-bottom: 50px;}
  .txt-type1 .title-bx {width: 75%; bottom:0;}
}

@media all and (max-width: 900px){
  .txt-type1 .title-bx {position: static; width: 100%;}
  .txt-type1 .title-inner-bx {box-shadow: 10px 10px 26px rgba(0, 0, 0, 0.2);}
}

/* Txt-type2 */
.txt-type2 {position: relative;}
.txt-type2 .img-bx {position: relative; width: 66.7%; height: 100%;}
.txt-type2 .img-bx::before {content: ''; position: absolute; left: 96%; top: 35px; z-index: -1; width: 385px; height: 385px; background: url('../../images/guide/bg-txt-type2.png') no-repeat center;}
.txt-type2 .type2-inner-bx {position: absolute; right: 0; bottom: 0; z-index: 2; width: 46.7%; text-align: right;}
.txt-type2 .title-bx {position: relative; padding-top: 40px;}
.txt-type2 .title-bx::after {content: ''; display: block; width: 40%; height: 1px; margin:30px 0 24px -105px; background: rgba(255, 255, 255, 0.5);}
.txt-type2 .title-bx .title {display: inline-block; max-width: 100%;}
.txt-type2 .title-bx .title p {font-family: 'Dream Medium'; font-size: 22px; line-height: 1; word-break: break-all; color: #fff;}
.txt-type2 .info-bx {display: inline-block; width: 100%; padding: 0 30px 0 45px; padding-bottom: 39px; text-align: left;  background:rgba(252,175,23,0.9);}
.txt-type2 .info-bx p {font-family: 'Dream Regular'; font-size: 16px; color:#fff; line-height: 1.7; letter-spacing: -.05em;}

@media all and (max-width: 1200px){
  .txt-type2 .img-bx {width: 100%; max-width: 900px; margin: 0 auto; margin-bottom: 40px;}
  .txt-type2 .img-bx::before {display: none;}
  .txt-type2 .type2-inner-bx {position: static; width: 100%;}
}

@media all and (max-width: 500px){
  .txt-type2 .img-bx {margin-bottom: 20px;}
  .txt-type2 .info-bx {padding: 20px;}
  .txt-type2 .title-bx {padding-top: 0;}
  .txt-type2 .title-bx::after {margin: 20px 0 20px -20px;}
  .txt-type2 .title-bx .title p {font-size: 18px;}
  .txt-type2 .info-bx p {font-size: 14px;}
  .txt-type2 .info-bx p br {display: none;}
}

/* Diagram-type1 */
.diagram-type1 { position: relative;}
.diagram-type1 .type1-inner {background:url('../../images/guide/diagram_bg.png') no-repeat center bottom; height:635px;} 
.diagram-type1 .diagram-item {width:260px; height:260px; text-align: center; letter-spacing: -.05em; display: table; position: absolute;}
.diagram-type1 .diagram-item .item-inner {display: table-cell; vertical-align: middle;}
.diagram-type1 .diagram-item p {padding:0 20px;}
.diagram-type1 .diagram-item .img-box {position: relative;}
.diagram-type1 .diagram-item .txt-box {position: relative;}
.diagram-type1 .diagram-item .txt-box strong {font-size: 28px; font-family: 'Dream Medium'; line-height: 61px;}
.diagram-type1 .diagram-item .txt-box p {font-size: 16px; font-family: 'Dream Regular'; line-height: 27px; letter-spacing: -.025em;}

.diagram-type1 .item1 {background:url('../../images/guide/diagram_bg01.png') no-repeat center; left:50%; margin-left:-130px;}
.diagram-type1 .item1 .txt-box strong {color:#03499A; }
.diagram-type1 .item2 {background:url('../../images/guide/diagram_bg02.png') no-repeat center;left:50%; margin-left:-430px; bottom: 0;}
.diagram-type1 .item2 .txt-box strong {color:#FCAF17;}
.diagram-type1 .item3 {background:url('../../images/guide/diagram_bg03.png') no-repeat center; right:50%; margin-right:-430px; bottom: 0;}
.diagram-type1 .item3 .txt-box strong {color:#333;}

@media all and (max-width:1023px) {
  .diagram-type1 .type1-inner {background:none; height: auto;}
  .diagram-type1 .con {display: flex; justify-content: space-between;}
  .diagram-type1 .diagram-item {padding:15px; position:static; width:32%; height:auto;}
  .diagram-type1 .diagram-item .item-inner {padding:15px 0; background:#fff; position: relative; z-index: 1;}
  .diagram-type1 .diagram-item .item-inner::before {content:''; width:100%; height:100%; background: url('../../images/guide/diagram_bg.png') no-repeat left -30px top -50px / contain; position:absolute; top:0; left:0; opacity: 0.4;}
  .diagram-type1 .diagram-item .txt-box strong {font-size: 24px;}
  .diagram-type1 .item1 {background:#03499A; margin-left:0;}
  .diagram-type1 .item1 .txt-box strong {line-height: 50px;}
  .diagram-type1 .item2 {background:#FCAF17; margin-left:0;}
  .diagram-type1 .item3 {background:#333; margin-right:0;}
}

@media all and (max-width:768px) {
  .diagram-type1 .con {display: block;}
  .diagram-type1 .diagram-item {width:100%; margin-bottom: 10px;}
  .diagram-type1 .item1 .txt-box p > .br {display: none;}
}

/* Diagram-type2 */
.diagram-type2 {position: relative;}
.diagram-type2 .img-box {text-align: center;}

/* Vision-type1 */
.vision-type1 {position: relative;}
.vision-type1 .left {float:left; width:33.3333%;}
.vision-type1 .left .txt-top {font-family: 'Dream Regular'; font-size: 22px; line-height: 32px; letter-spacing: -.05em; color:#333; padding:45px 0; border-bottom:1px solid #E4E4E4;}
.vision-type1 .left .txt-bottom {font-family: 'play Bold'; font-size: 40px; line-height: 45px; letter-spacing: 0; color:#03499A; padding:40px 0;}
.vision-type1 .right {float:right; background:url('../../images/guide/vision01_bg.png') no-repeat center top / contain; width:calc(100% - 33.3333%);}
.vision-type1 .right li {float:left; width:38%; text-align: center;}
.vision-type1 .right li:nth-child(2) {width:24%;}
.vision-type1 .right .title {text-transform: uppercase; font-family: 'play Bold'; font-size: 30px; line-height: 40px; letter-spacing: 0; color:#fff; height:380px; display: table; width:100%;}
.vision-type1 .right .title span {display: inline-block; padding-top: 44%;}
.vision-type1 .right li:nth-child(2) .title span {padding-top: 69%;}
.vision-type1 .right p {font-family: 'Dream Regular'; font-size: 18px; color:#666; line-height: 28px; letter-spacing: -.05em; padding:0 30px; margin-top: 35px;}

@media all and (max-width:1300px) {
  .vision-type1 .right .title {height:280px}
  .vision-type1 .right p {padding:0;}
}

@media all and (max-width:1023px) {
  .vision-type1 .left {float:none; width:100%;}
  .vision-type1 .left .txt-top {padding: 20px 0;}
  .vision-type1 .left .txt-bottom {padding:20px 0;}
  .vision-type1 .left .br {display: none;}

  .vision-type1 .right {float:none; width:100%;}
  .vision-type1 .right .title {height:380px}
}

@media all and (max-width:900px) {
  .vision-type1 .right .title {height:310px;}
}

@media all and (max-width:768px) {
  .vision-type1 .right {background:none;}
  .vision-type1 .right li {float:none; width:100%; margin-bottom: 20px; border:3px dotted #FCB72E; padding:15px;}
  .vision-type1 .right li:nth-child(2) {width:100%;}
  .vision-type1 .right .title {height: auto; margin-bottom: 5px; color:#FCB72E;}
  .vision-type1 .right p {margin-top: 0; background:#fff; padding:10px;}
  .vision-type1 .right p .br {display: none;}
  .vision-type1 .right .title span {padding-top: 0; display: table-cell; vertical-align: middle;}
  .vision-type1 .right li:nth-child(2) .title span {padding-top: 0;}
}

/* Vision-type2 */
.vision-type2 {padding:43px 50px 57px 50px; position: relative; margin-bottom: 180px;}
.vision-type2::before {content:''; width: 100%; min-height:470px;  height:100%; background:url('../../images/guide/vision02_bg.png') no-repeat top / cover; position: absolute; top:0; left:0; z-index: -1;} 
.vision-type2 .inner {position: relative;}
.vision-type2 .img-wrap {width:42.142%; padding-top:120px; position: absolute; right:0;}
.vision-type2 .img-wrap::after {content:''; width:139px; height:139px; background:url('../../images/guide/vision02_obj.png') no-repeat center / cover; animation:spin 10s infinite linear; position: absolute; top:14px; right:21px;}
.vision-type2 .img-wrap .img-box {width:100%; height:100%; object-fit: cover; box-shadow: 25px 25px 15px rgba(0,0,0,0.3);}
.vision-type2 .con-wrap {width:57.857%; float:left;}
.vision-type2 .con-wrap .obj-title {font-size: 20px; font-family: 'play Regular'; color:rgba(255,255,255,0.5); line-height: 30px; padding-bottom: 85px; position: relative;}
.vision-type2 .con-wrap .obj-title::after {content:''; width:2px; height:50px; background:rgba(255,255,255,0.3); position: absolute; left:0; bottom:20px; z-index: 1;}
.vision-type2 .con-wrap .main-title {font-size: 40px; font-family: 'play Bold'; color:#fff; letter-spacing: 0; line-height: 30px; margin-bottom: 45px;}
.vision-type2 .con-wrap ul{margin:0 -20px;}
.vision-type2 .con-wrap li {float:left; text-align: center; display: table;padding :0 20px;}
.vision-type2 .con-wrap li .item {display: table-cell; vertical-align: middle; color:#fff;width:180px; height: 180px; border:1px solid #fff; border-radius:50%; cursor: pointer;}
.vision-type2 .con-wrap li:hover .item {background:#fff; color:#03499A;}
.vision-type2 .con-wrap li .title {font-family: 'Dream Medium'; font-size: 20px; line-height: 30px; margin-bottom: 10px; letter-spacing: -.05em;}
.vision-type2 .con-wrap li p {font-size: 14px; font-family: 'Dream Regular'; line-height: 20px; letter-spacing: -.025em; padding:0 25px;}

@media all and (max-width:1350px) {
  .vision-type2 .con-wrap ul {margin:0 -10px;}
  .vision-type2 .con-wrap li {padding:0 10px;}
}

@media all and (max-width: 1170px) {
  .vision-type2 .img-wrap {padding:50px 0 0 50px; position:static; width:100%; text-align:right;}
  .vision-type2 .img-wrap .img-box {width:auto; display: inline-block;}
  .vision-type2 .con-wrap {width:100%; margin-top:-50px;}
}

@media all and (max-width:720px) {
  .vision-type2 {margin-bottom: 0; padding:25px 25px 30px 25px;}
  .vision-type2 .con-wrap .obj-title {padding-bottom: 55px;}
  .vision-type2 .con-wrap .obj-title::after {width:50px; height:2px}
  .vision-type2 .img-wrap::after {width:100px; height:100px;}
  .vision-type2 .con-wrap ul {margin:0;}
  .vision-type2 .con-wrap li {float:none; width: 100%; margin-bottom: 15px; padding: 0;}
  .vision-type2 .con-wrap li .item {border-radius:0; height:auto; padding:10px;}
  .vision-type2 .con-wrap .main-title {font-size: 35px; line-height: 1.2;}
}

/* Txt-box1 */
.txt-box1 {padding:43px 50px 150px 50px; position: relative; margin-bottom: 180px;}
.txt-box1::before {content:''; width: 100%; min-height:470px;  height:100%; background:url('../../images/guide/txtBox_bg.png') no-repeat top / cover; position: absolute; top:0; left:0; z-index: -1;} 
.txt-box1 .inner {position: relative;}
.txt-box1 .img-wrap {width:42.142%; padding-top:120px; position: absolute; right:0;}
.txt-box1 .img-wrap::after {content:''; width:139px; height:139px; background:url('../../images/guide/vision02_obj.png') no-repeat center / cover; animation:spin 10s infinite linear; position: absolute; top:14px; right:21px;}
.txt-box1 .img-wrap .img-box {width:100%; height:100%; object-fit: cover; box-shadow: 25px 25px 15px rgba(0,0,0,0.3);}

.txt-box1 .con-wrap {width:57.857%; float:left;}
.txt-box1 .con-wrap .obj-title {font-size: 20px; font-family: 'play Regular'; color:rgba(255,255,255,0.5); line-height: 30px; padding-bottom: 85px; position: relative;}
.txt-box1 .con-wrap .obj-title::after {content:''; width:2px; height:50px; background:rgba(255,255,255,0.3); position: absolute; left:0; bottom:20px; z-index: 1;}
.txt-box1 .con-wrap .main-title {font-size: 40px; line-height: 1.2; font-family: 'Dream Light'; color:#fff; letter-spacing: 0; line-height: 30px; margin-bottom: 45px;}
.txt-box1 .con-wrap .main-title .bold {font-family: 'Dream Medium';} 
.txt-box1 .con-wrap .con p {font-family: 'Dream Light'; line-height: 30px; letter-spacing: -.05em; color:#fff; font-size: 18px; padding-right:115px;}

@media all and (max-width: 1170px) {
  .txt-box1 .img-wrap {padding:50px 0 0 50px; position:static; width:100%; text-align:right;}
  .txt-box1 .img-wrap .img-box {width:auto; display: inline-block;}
  .txt-box1 .con-wrap {width:100%; margin-top:-50px;}
}

@media all and (max-width:720px) {
  .txt-box1 {margin-bottom: 0; padding:25px 25px 30px 25px;}
  .txt-box1 .con-wrap .obj-title {padding-bottom: 55px;}
  .txt-box1 .con-wrap .obj-title::after {width:50px; height:2px}
  .txt-box1 .img-wrap::after {width:100px; height:100px;}
  .txt-box1 .con-wrap .main-title {font-size: 35px; line-height: 1.2; margin-bottom: 35px;}
  .txt-box1 .con-wrap .con p {font-size: 16px; padding-right: 0;}
}

/* Circle-type1 */
.circle-type1{background-color: #f4f6f9; padding: 50px 0;}
.circle-type1 .container{max-width: 1670px; margin: 0 auto;}
.circle-type1 .circle-inner{position: relative; margin-top: 50px;}
.circle-type1 .circle-inner:first-child{margin-top: 0;}
.circle-type1 .circle-inner::before{content:""; display: block; position: absolute; left: 0; bottom: 5px; width: 100%; height: 1px; background-color: #dddddd;}
.circle-type1 .container > ul{display: flex; flex-wrap: wrap; align-items: stretch; padding: 0 50px;}
.circle-type1 .container > ul > li{width: 33.3333%;}
.circle-type1 .circle-inner .circle-box{display: flex; height: 100%;}
.circle-type1 .circle-image-box{position: relative;}
.circle-type1 .circle-image{width: 140px; height: 140px; border-radius: 50%; background: url("../../images/guide/circle_background.png") no-repeat center center; display: table;}
.circle-type1 .circle-image::before{content:""; display: block; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background-color: #03499a; z-index: 1;}
.circle-type1 .circle-image::after{content:""; display: block; position: absolute; left: 50%; bottom: 0; width: 11px; height: 11px; border-radius: 50%; background-color: white; border: 2px solid #03499a; margin-left: -5.5px; box-sizing: border-box; z-index: 2;}
.circle-type1 .circle-img{display: table-cell; vertical-align: middle; text-align: center; position: relative; z-index: 2;}
.circle-type1 .circle-content{padding: 0 50px 0 32px;}
.circle-type1 .container > ul > li:last-child .circle-content{padding: 0 30px 0 32px;}
.circle-type1 .circle-content h1{font-family: "Dream Medium"; font-size: 24px; color: #03499a; margin-bottom: 10px;}
.circle-type1 .circle-content > p{font-size: 16px; line-height: 28px; color: #333333; font-family: "Dream Regular"; margin-bottom: 8px; min-height: 56px;}
.circle-type1 .circle-content .dots-list{padding-bottom: 34px;}
.circle-type1 .circle-content .dots-list li{padding-left: 15px; position: relative;}
.circle-type1 .circle-content .dots-list li::before{content:""; display: block; position: absolute; left: 0; top: 10px; width: 2px; height: 2px; background-color: black;}
.circle-type1 .circle-content .dots-list p{font-size: 15px; line-height: 24px; color: #777777; font-family: "Dream Regular";}

@media all and (max-width: 1600px) {
  .circle-type1 .container > ul{padding: 0;}
}

@media all and (max-width: 1200px) {
  .circle-type1 .circle-image{margin: 0 auto;}
  .circle-type1 .circle-image::before,
  .circle-type1 .circle-image::after{display: none;}
  .circle-type1 .circle-inner .circle-box{display: block;}
  .circle-type1 .circle-content{margin-top: 30px;}
  .circle-type1 .circle-content,
  .circle-type1 .circle-wrap .container > ul > li:last-child .circle-content{padding: 0 20px;}
}

@media all and (max-width: 768px) {
  .circle-type1 .container > ul > li{width: 100%;}
}

/* Circle-type2 */
.circle-type2 .container{max-width: 1670px; margin: 0 auto;}
.circle-type2 .circle-inner{position: relative; margin-top: 50px;}
.circle-type2 .circle-inner:first-child{margin-top: 0;}
.circle-type2 .container > ul{display: flex; flex-wrap: wrap; align-items: stretch;}
.circle-type2 .container > ul > li{width: 33.3333%;}
.circle-type2 .circle-inner .circle-box{display: flex; height: 100%;}
.circle-type2 .circle-image-box{position: relative;}
.circle-type2 .circle-image{width: 130px; height: 130px; border-radius: 50%; display: table;}
.circle-type2 .circle-img{display: table-cell; vertical-align: middle; position: relative; z-index: 2;}
.circle-type2 .circle-content{padding: 0 50px 0 0;}
.circle-type2 .container > ul > li:last-child .circle-content{padding: 0 30px 0 0;}
.circle-type2 .circle-content h1{font-family: "Dream Medium"; font-size: 24px; color: #03499a; margin-bottom: 10px;}
.circle-type2 .circle-content > p{font-size: 16px; line-height: 28px; color: #333333; font-family: "Dream Regular"; margin-bottom: 8px; min-height: 56px;}
.circle-type2 .circle-content .dots-list{padding-bottom: 34px; padding-right:50px;}
.circle-type2 .circle-content .dots-list li{padding-left: 15px; position: relative;}
.circle-type2 .circle-content .dots-list li::before{content:""; display: block; position: absolute; left: 0; top: 10px; width: 2px; height: 2px; background-color: black;}
.circle-type2 .circle-content .dots-list p{font-size: 15px; line-height: 24px; color: #777777; font-family: "Dream Regular";}

@media all and (max-width: 1600px) {
  .circle-type2 .container > ul{padding: 0;}
}

@media all and (max-width: 1200px) {
  .circle-type2 .circle-image{margin: 0 auto;}
  .circle-type2 .circle-image::before,
  .circle-type2 .circle-inner .circle-box{display: block;}
  .circle-type2 .circle-content{margin-top: 30px;}
  .circle-type2 .circle-content,
  .circle-type2 .circle-wrap .container > ul > li:last-child .circle-content{padding: 0 20px;}
}

@media all and (max-width: 768px) {
  .circle-type2 .container > ul > li{width: 100%;}
}

/* Circle-type3 */
.circle-type3 {position: relative;}
.circle-type3 .item-wrap{display:flex; flex-wrap: wrap;}
.circle-type3 .item-wrap > li {width:49%;background:#F3F3F4;  position: relative; margin-bottom: 30px; margin-right:2%;}
.circle-type3 .item-wrap > li:nth-child(2n) {margin-right:0;}
.circle-type3 .item-wrap .item {padding:30px; position: relative;}
.circle-type3 .item-wrap .item::after {content:''; width:54px; height: 54px; background:url('../../images/guide/object05.png') no-repeat center / cover; position: absolute; top:0; right:0;}
.circle-type3 .item-wrap .item-inner {position: relative;}

.circle-type3 .item-wrap > li:first-child {background:#F3F3F4 url('../../images/guide/circle3_obj1.png') no-repeat right 30px bottom 30px;}
.circle-type3 .item-wrap > li:nth-child(2){background:#F3F3F4 url('../../images/guide/circle3_obj2.png') no-repeat right 30px bottom 30px;}
.circle-type3 .item-wrap > li:nth-child(3){background:#F3F3F4 url('../../images/guide/circle3_obj3.png') no-repeat right 30px bottom 30px;}
.circle-type3 .item-wrap > li:nth-child(4){background:#F3F3F4 url('../../images/guide/circle3_obj4.png') no-repeat right 30px bottom 30px;}
.circle-type3 .item-wrap > li:nth-child(5){background:#F3F3F4 url('../../images/guide/circle3_obj5.png') no-repeat right 30px bottom 30px;}
.circle-type3 .item-wrap > li:nth-child(6){background:#F3F3F4 url('../../images/guide/circle3_obj6.png') no-repeat right 30px bottom 30px;}

.circle-type3 .item-wrap > li strong {display:block; font-size: 24px; font-family: 'Dream Medium'; line-height: 30px; letter-spacing: 0; color:#03499A; margin-bottom: 10px;}
.circle-type3 .list-num {display: inline-block; font-family: 'Play Bold'; font-size: 30px; line-height: 28px; padding-right:15px; letter-spacing: 0; color:#03499A;}
.circle-type3 .con {padding-left:50px;}
.circle-type3 .con > p {font-size: 18px; font-family: 'Dream Regular'; line-height: 30px; letter-spacing: -.05em; color:#333; margin-bottom: 15px;}
.circle-type3 .con .dots-list li{padding-left: 15px; position: relative;}
.circle-type3 .con .dots-list li::before{content:""; display: block; position: absolute; left: 0; top: 13px; width: 2px; height: 2px; background-color: black;}
.circle-type3 .con .dots-list p {font-size: 15px; line-height: 30px; font-family: 'Dream Regular'; color:#777;}

@media all and (max-width:768px) {
  .circle-type3 .item-wrap > li {width:100%; margin-right:0;}
  .circle-type3 .con {padding-left:0;}
}

/* Btn-style */
.btn-style1 {position: relative; display: inline-block; }
.btn-style1 a {display:inline-block; border: 1px solid #c18516; background:#fff;  padding:15px 37px 15px 39px; transition:all .3s;}
.btn-style1 a span {display: inline-block; font-size: 15px; line-height:28px; color:#c18516; font-family: 'Dream Regular';transition:all .3s; padding-left:35px; background:url('../../images/guide/ic_pdf.png') no-repeat left center;}
.btn-style1 a:hover {background:#c18516;}
.btn-style1:hover a span {color:#fff; background:url('../../images/guide/ic_pdf_w.png') no-repeat left center;}

.btn-style2 {position: relative; display: inline-block;}
.btn-style2 a {display:inline-block; border: 1px solid #c18516; background:#fff; padding:15px 37px 15px 39px; transition:all .3s;}
.btn-style2 a span {display: inline-block; font-size: 16px; line-height:28px; color:#c18516; font-family: 'Dream Regular'; transition:all .3s; /*padding-left:35px; background:url('../../images/guide/ic_btn_home.png') no-repeat left center;*/}
.btn-style2 a:hover {background:#c18516;}
.btn-style2:hover a span {color:#fff; /*background:url('../../images/guide/ic_btn_home_w.png') no-repeat left center;*/}

.btn-style3 {position: relative; display: inline-block;}
.btn-style3 a {display:inline-block; border: 1px solid #FCAF17; background:#fff; padding:15px 37px 15px 39px; transition:all .3s;}
.btn-style3 a span {display: inline-block; font-size: 16px; line-height:28px; color:#FCAF17; font-family: 'Dream Regular'; transition:all .3s; padding-left:35px; background:url('../../images/guide/ic_btn_view.png') no-repeat left center;}
.btn-style3 a:hover {background:#c18516;}
.btn-style3:hover a span {color:#fff; background:url('../../images/guide/ic_btn_view_w.png') no-repeat left center;}

.btn-style4 {position: relative; display: inline-block; }
.btn-style4 a {display:inline-block; border: 1px solid #c18516; background:#fff;  padding:15px 37px 15px 39px; transition:all .3s;}
.btn-style4 a span {display: inline-block; font-size: 15px; line-height:28px; color:#c18516; font-family: 'Dream Regular';transition:all .3s; /*padding-left:35px; background:url('../../images/guide/ic_hwp.png') no-repeat left center;*/}
.btn-style4 a:hover {background:#c18516;}
.btn-style4:hover a span {color:#fff; /*background:url('../../images/guide/ic_hwp_w.png') no-repeat left center;*/}

@media all and (max-width:768px) {
  .btn-style1 a span,
  .btn-style2 a span,
  .btn-style3 a span,
  .btn-style4 a span {font-size: 15px;}
}

@media all and (max-width: 500px) {
  .btn-style1 a span,
  .btn-style2 a span,
  .btn-style3 a span,
  .btn-style4 a span {font-size: 13px;}
  .btn-style1,
  .btn-style2,
  .btn-style3,
  .btn-style4 {text-align: center;}
}

/* 동아리 */
.wrap-group .group-box{position: relative;}
.wrap-group .group-box::before{content: ''; width: calc(100% - 50px); background: #F5F5F5; height: calc(100% - 20px); position: absolute; top: 20px; left: 50px;}
.wrap-group .group-box::after{content: '' ; display: block; clear: both;}

.wrap-group .group-pic-area{float: left; width: 502px; position: relative; text-align: center;}
.wrap-group .group-pic-area .img-area{ display: inline-block; position: relative; z-index: 2; text-align: center; border: 1px solid #dddee0;}
.wrap-group .group-pic-area .img-area::before{content: ''; background: url('../../images/guide/group-img-shape.png') ; width: 100%; height: 100%; position: absolute; top: 3%; left:10px; z-index: -1;}
.wrap-group .group-pic-area p{font-size: 17px; font-family: "Dream Regular";letter-spacing: -.025em; color: #555555; position: absolute; top: 194px; left: 50%; margin-left: -78px; z-index:2; }

.wrap-group .group-area{float: right; width: calc(100% - 502px); position: relative; text-align: left;  padding: 21px 10px 0px 120px; }
.wrap-group .group-area::before{content: ''; background: #03499A; width: 100%; height: 1px; position: absolute; top: 115px; right: 150px; }
.wrap-group .group-area::after{content: ''; background: url('../../images/guide/incheon-bg-shape.png') no-repeat right center / cover; width: 152px; height: 149px; position: absolute; top: -3px; right: 0px; }

.wrap-group .group-title{padding: 38px 0 11px 0; position: relative; }
.wrap-group .group-title::before{content: ''; background: #FCAF17; width: 6px; height: 6px; position: absolute; top: 30px; left: 3px; border-radius: 25px;}
.wrap-group .group-title::after{content: ''; background: #03499A; width: 6px; height: 6px; position: absolute; top: 30px; left: 13px; border-radius: 25px; }
.wrap-group .group-title p{font-size: 26px; font-family: "Dream Bold"; line-height: 40px; letter-spacing: -.05em; color: #222222;}

.wrap-group .group-inner{min-height: 277px; padding: 24px 10px 48px 0;}
.wrap-group .dots-list{font-size: 15px; font-family: 'Dream Light'; line-height: 40px; letter-spacing: -.025em; color: #777777;}
.wrap-group .dots-list span{font-size: 17px; font-family: 'Dream Regular'; line-height: 40px; letter-spacing: -.05em; color: #333333;}
.wrap-group .dots-list li{padding-left: 13px; position: relative; word-break: break-all;}
.wrap-group .dots-list li::before{content: ''; background:  #111111; width: 3px; height: 3px; border-radius: 25px; position: absolute; top: 20px; left: 0; }
.wrap-group .dots-list li .link:hover {text-decoration: underline;}

@media (max-width: 1360px){
  .wrap-group .group-area {padding-left: 50px;}
}

@media (max-width: 1200px){
  .wrap-group .group-pic-area{float: none; width:100%; padding: 30px; padding-bottom: 0;}
  .wrap-group .group-area{float: none; width: 100%; padding: 20px 20px 20px 20px;}
  .wrap-group .group-inner {padding: 20px 0 0 0; min-height: auto; }
  .wrap-group .group-box::before{top: 0px; left:0px; width: 100%; height: 100%;}
}

@media (max-width: 910px){
  .wrap-group .group-area::after{content: ''; background: none;  }
  .wrap-group .group-area::before{content: ''; background: none; }
  .wrap-group .group-title{border-bottom: 1px solid #03499A;}
}

@media (max-width: 500px){
  .wrap-group .group-area,
  .wrap-group .dots-list li,
  .wrap-group .dots-list span {line-height: 1.8;}
  .wrap-group .group-title {padding-top: 25px;}
  .wrap-group .group-title::before {top: 20px;}
  .wrap-group .group-title::after {top: 20px;}
  .wrap-group .group-title p {font-size: 22px;}
  .wrap-group .dots-list {font-size: 14px;}
  .wrap-group .dots-list span {font-size: 14px;}
  .wrap-group .dots-list li::before {top: 11px;}
}

/* 보건진료소 */
.wrap-build .build-box::after{content: '' ; display: block; clear: both;}
.wrap-build .build-pic-area{float: left; width: 540px; position: relative; text-align: left;}
.wrap-build .build-pic-area .img-area{display: inline-block; position: relative;}
.wrap-build .build-pic-area .img-area img{width: 100%;}
.wrap-build .build-pic-area .img-area::before{content: ''; background: url('../../images/guide/pic-shape_03.png') no-repeat top left / contain; width: 100%; height: 320px; position: absolute; top: 0; left: 40px; z-index: -1;}
.wrap-build .build-pic-area .img-area::after{content: ''; background: #01499a; width: 15px; height: 15px; border-radius: 100%; position: absolute; bottom: 0; left: calc(100% + 26px); z-index: -1;}

.wrap-build .build-area{float: right; width: calc(100% - 540px); position: relative; text-align: left; padding:0 15px 0 100px; position: relative ; }
.wrap-build .build-area::before{content: ''; background: url('../../images/guide/incheon-shape.png') no-repeat bottom center / cover; width: calc(100% - 146px); height: 5px; position: absolute; top: 100px; left: -40px;}
.wrap-build .build-area::after{content: ''; background: url('../../images/guide/incheon-logo2.png') no-repeat right center / cover; width: 214px; height: 120px; position: absolute; top: 0; right: 1px; }
.wrap-build.no-img .build-area {width: 100%; padding: 0 15px 0 0;}
.wrap-build.no-img .build-area::before {left: 0; width: calc(100% - 188px);}

.wrap-build .img-area{padding: 40px 0px 0 0;}
.wrap-build .build-title{padding: 48px 0 18px 0; position: relative; }
.wrap-build .build-title::before{content: ''; background: #FCAF17; width: 6px; height: 6px; position: absolute; top: 40px; left: 3px; border-radius: 25px;}
.wrap-build .build-title::after{content: ''; background: #03499A; width: 6px; height: 6px; position: absolute; top: 40px; left: 14px; border-radius: 25px; }
.wrap-build .build-title p{font-size: 26px; font-family: 'Dream Bold'; line-height: 40px; letter-spacing: -.05em; color: #222222; position: relative;}

.wrap-build .build-text{font-size: 16px; font-family: 'Dream Regular'; line-height: 30px; letter-spacing: -.05em; color: #666666;}
.wrap-build .dots-list{margin-top: 11px; font-size: 15px; font-family: 'Dream Light'; line-height: 40px; letter-spacing: -.025em; color: #777777;}
.wrap-build .dots-list span{font-size: 17px; font-family: 'Dream Regular'; line-height: 40px; letter-spacing: -.05em; color: #333333;}

.wrap-build .build-inner{padding: 34px 10px 24px 0;}
.wrap-build.no-img .build-inner {padding: 34px 0 0 0;}
.wrap-build .dots-list li{padding-left: 13px; position: relative;}
.wrap-build .dots-list li::before{content: ''; background:  #111111; width: 3px; height: 3px; border-radius: 25px; position: absolute; top: 20px; left: 0; }

@media (max-width: 1360px){
  .wrap-build .build-area {padding-left: 50px;}
}

@media (max-width: 1200px){
  .wrap-build .build-pic-area{float: none; width: 100%; text-align: center;}
  .wrap-build .build-area{float: none; width: 100%; text-align: left; padding:0 0px 0 0px; position: relative;}
  .wrap-build .build-area::after{top: 0px; right: 0; }
  .wrap-build .build-area::before,
  .wrap-build.no-img .build-area::before{width: 100%; left: 0; top: 0px;}
  .wrap-build .build-area::after{display: none;}
}

@media (max-width:610px){
  .wrap-build .build-title p {font-size: 22px;}
  .wrap-build .img-area {padding-top: 10px;}
  .wrap-build .build-pic-area .img-area::before {left: 10px;}
  .wrap-build .build-pic-area .img-area::after {display: none;}
}
@media (max-width:500px){
  .build-box {position: relative; padding-top: 20px;}
  .wrap-build .group-area,
  .wrap-build .dots-list li,
  .wrap-build .dots-list span {line-height: 1.8;}
  .wrap-build .build-area {position: static;}
  .wrap-build .build-area::before {top: 0;}
  .wrap-build .build-title {padding: 25px 0 18px 0;}
  .wrap-build .build-text {font-size: 14px; line-height: 1.5;}
  .wrap-build .build-text p {display: inline;}
  .wrap-build .build-inner {padding-top: 28px;}
  .wrap-build.no-img .build-inner {padding-top: 0px;}
  .wrap-build .build-title::before {top: 20px;}
  .wrap-build .build-title::after {top: 20px;}
  .wrap-build .dots-list {font-size: 14px;}
  .wrap-build .dots-list span {font-size: 14px;}
  .wrap-build .dots-list li::before {top: 11px;}
}

/* 동아리 활동사진 */
.wrap-act .line {display: flex; flex-wrap: wrap; justify-content: start;}
.wrap-act .line.type1 {gap: 30px 2%;}
.wrap-act .line.type1 li {width: 32%;}
.wrap-act .line.type2 {gap: 40px 2.5%;}
.wrap-act .line.type2 li {width: 23.1%;}
.wrap-act .line.type3 {gap: 30px 2%;}
.wrap-act .line.type3 li {width: 32%;}
.wrap-act .thumb {position: relative;}
.wrap-act .thumb.ready {border: 1px solid #e8e8e8;}
.wrap-act .thumb::after {content: ''; position: absolute; left: 10px; top: 10px; width: calc(100% - 20px); height: calc(100% - 20px); border: 1px solid #e8e8e8;}
.wrap-act .thumb::after {content: ''; position: absolute; left: 10px; top: 10px; width: calc(100% - 20px); height: calc(100% - 20px); border: 1px solid rgba(255,255,255,.5);}
.wrap-act .thumb.ready::after {border: 1px solid #e8e8e8;}
.wrap-act .thumb.no-line::after {display: none;}
.wrap-act .text {margin-top: 25px; font-family: 'Dream Regular'; font-size: 16px; text-align: center; color: #555;}

@media all and (max-width: 768px) {
  .wrap-act .line.type1,
  .wrap-act .line.type2,
  .wrap-act .line.type3 {gap: 20px 2.5%;}
  .wrap-act .line.type1 li,
  .wrap-act .line.type2 li,
  .wrap-act .line.type3 li {width: calc(50% - 16px);}
}

@media all and (max-width: 500px) {
  .wrap-act .line img {width: 100%;}
  .wrap-act .line.type1 li,
  .wrap-act .line.type2 li,
  .wrap-act .line.type3 li {width: calc(100%);}
}

.heading-buttuon {display: inline-block; width: 100%;}
.heading-buttuon .left {float: left; width: 50%;}
.heading-buttuon .right {float: right;}
.heading-buttuon .right .icon-banner2 {display: inline-block;}
.heading-buttuon .right .icon-banner2 li {margin-right: 0px;}


@media all and (max-width: 768px) {
  .heading-buttuon .left,
  .heading-buttuon .right {width: 100%;}
  .heading-buttuon .right {margin-top: 20px;}
}

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