@charset 'utf-8';

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

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

/* hidden */
#menu4_obj74,
#menu4_obj73,
#menu4_obj68,
#menu4_obj75,
#menu4_obj76,
#menu4_obj77,
#menu4_obj70,
#menu4_obj71,
#menu4_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: 55px; font-family: 'Dream Bold'; font-size: 26px; letter-spacing: -0.5px; line-height :1.5; color: #222; }

.objHeading_h3 {position: relative; display: inline-block; margin-top: 40px; 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: 2px; top: 0; width: 19px; height: 6px; background: url('../../images/guide/bul_h3.png') no-repeat center center;}
.objHeading_h4 {position: relative; display: block; margin-top: 19px; font-family:'Dream Medium'; line-height: 1.5; font-size: 18px; letter-spacing: -0.05em; color: #0070cf;}
.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: 768px){
  .objHeading_h3 {margin-top: 25px;}
}

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

/* Subject */
.wrap-sub-navi .subject {text-align: center;padding: 80px 0 0 0;}
.wrap-sub-navi .subject h2 {position: relative; display: inline-block; font-family: 'Dream Medium'; font-size: 46px; line-height:1.2;}

@media all and (max-width:1200px) {
  .wrap-sub-navi .subject {padding:33px 0 0 0;}
  .wrap-sub-navi .subject h2 {font-size: 32px;}
}
@media all and (max-width:500px) {
  .subject h2 {font-family:'Dream Bold'; font-size: 30px;}
  .wrap-sub-navi .subject h2 {font-size: 23.47px;}
}

/* Description */
.con-desc {font-family: 'Dream Regular'; font-size: 16px; line-height: 28px; letter-spacing: -0.025em; color: #333333;}
.con-desc02 {font-family: 'Dream Regular'; font-size: 16px; line-height: 28px; letter-spacing: -0.025em; color: #444444;}

.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: #e30070;}
.txt-color2 {color: #019ad4;}
.txt-color3 {color: #549c00;}
.txt-color4 {color: #4B585F;}
.txt-color5 {color: #B3A36B;}
.txt-color6 {color: #B5B5B6;}
.txt-color7 {color: #0070cf;}

.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 .table-desc {font-size: 13px; letter-spacing: -.025em; color:#666; line-height: 1.5; font-family: 'Dream Regular';}
.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: #EEEEEE; border-right: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; font-family: 'Dream Regular'; font-size: 16px; color: #333333;}
.con-table tbody {display: table-header-group; border-top: 1px solid #ACB2B6;}

.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: 15px; text-align: left; color: #444; letter-spacing: -.025em;}
.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: 10px;}
.con-table .list > li:after {content: ''; position: absolute; left: 0; top: 13px; 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: #0089d8;}
.con-table .link span {position: relative; background: linear-gradient(to bottom, transparent 96%, #0089d8 0) left center no-repeat; background-size: 0; transition: .3s;}
.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.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 35px;}
  .con-table.on:after,
  .con-table.no-scroll:after {display: none;}
  .con-table thead th,
  .con-table tbody th,
  .con-table tbody td {padding: 10px 8px; font-size: 16px;}
}
@media all and (max-width: 500px) {
  .con-table thead th,
  .con-table tbody th,
  .con-table tbody td {font-size: 14px;}
}

/* Tab */
.tab {margin-top:90px;}
.tab_div .mobile-tab {display: none;}

.tab_div.div_3 {font-size: 0; margin-bottom: 40px; display: none;}
.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.div_4 {font-size: 0;}
.tab_div .ul_4 {display: inline-block; position: relative; width: 100%; border-top: 1px solid #DBDBDB;}
.tab_div .ul_4 > li > a {position: relative; z-index: 3; display: block; padding: 15px 10px 16px 10px; font-family: 'Dream Medium'; font-size: 17px; letter-spacing: -1px; text-align: center; background: #fff; color: #666666;} 
.tab_div .ul_4::before {display: none;}
.tab_div .ul_4 > li { position: relative; border-bottom: 1px solid #DBDBDB;float: left; width: 25%;}
.tab_div .ul_4 > li._active,
.tab_div .ul_4 > li:hover {border-bottom:1px solid #228EE9;}
.tab_div .ul_4 > li._active > a,
.tab_div .ul_4 > li:hover > a {background: #228EE9; color: #fff;}
.tab_div .ul_4 > li::after {content: ''; position: absolute; left: auto; right: 0; top: 20px; z-index: 3; width: 1px; height: 20px; background: #CCCCCC; border: 0; opacity: 1;}
.tab_div .ul_4 > li:nth-child(4n)::after {display: none;}
.tab_div .ul_4 > li.disn::after {display: none;}
.tab_div .ul_4 > li:hover::after,
.tab_div .ul_4 > li._active::after {display: none;}
.tab_div .ul_4 > li::before {display: none;}
.tab_div .ul_4 > li:hover > a[target=_blank]::after {background: url('../../images/guide/tab-link-blank-ov-white.png');}
.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;}
.tab_div .ul_4 > li._active > a::before{width: 20px; background: url('../../images/guide/icon-tab1-ov_.png') no-repeat center center;}
.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;}
  .tab_div .ul_4 > li:nth-child(3n)::after {display: none;}
  .tab_div .ul_4 > li:nth-child(4n)::after {display: block;}
}

@media all and (max-width:860px) {
  .tab {margin-top:50px;}
  .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%; padding: 13px 40px 13px 30px; background: #0146b9 url('../../images/guide/arrow-sel.png') no-repeat 95% center; text-align: left; font-family: 'Dream Medium'; font-size: 20px; color: #fff;}
  .tab_div .mobile-tab.on {background: #002d78 url('../../images/guide/arrow-sel-rever.png') no-repeat 95% center;}
  .tab_div .mobile-tab.on::before {background: url('../../images/guide/dot-sel-rever.png') no-repeat center center;}
  .tab_div.div_3 {display: block; background:#E6378D url('../../images/guide/bg-tab4.png') center top; margin-bottom: 25px;}
  .tab_div.div_3 .mobile-tab {background-color: transparent;}
  .tab_div.div_3 li a:hover,
  .tab_div.div_3 li a._active {background:#E6378D;}
  .tab_div.div_3 li a::before {content: ''; display: inline-block; position: relative; top: -1px; width: 0; height: 20px; margin-right: 7px; vertical-align: middle;}
  .tab_div.div_3 li a._active::before {width: 20px; background:url('../../images/guide/icon-tab3-ov_.png') no-repeat center center;}
  .tab_div.div_4 {background: #228EE9;}
  .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;}
  .tab_div .ul_4 > li:nth-child(4n)::after {display: none;}
  .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_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: 20px;}
  .tab_div .ul_5 > li {border: 0;}
  .tab_div .ul_4 > li:hover,
  .tab_div .ul_4 > li._active {border-bottom: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: #fff;}
  .tab_div .ul_3 > li._active > a,
  .tab_div .ul_3 > li:hover > a {color: #fff;}
  .tab_div .ul_4 > li._active > a,
  .tab_div .ul_4 > li:hover > a {color: #fff;}
  .tab_div .ul_4 > li._active > a,
  .tab_div .ul_4 > li:hover > a {color: #fff;}
}

/* List Type */
.con-list1 > ul > li {position: relative; /*margin: 10px 0 0 0;*/ margin-bottom: 12px; padding-left: 18px; font-family: 'Dream Regular'; font-size: 16px; line-height: 1.5; letter-spacing: -0.5px; color: #666;}
.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.title:before{content: ""; background: url('../../images/guide/h2-shape.png') no-repeat center center; position: absolute; left: 0; top: 8px; width: 10px; height: 8px;} 
.con-list1 .tit-color02{color: #222222;}
.con-list1 > ul > li strong {font-family: 'Dream Regular'; color: #333;}
.con-list2 > ul > li {position: relative; margin: 6px 0 0 0; padding-left: 13px; font-family: 'Dream Regular'; font-size: 15px; line-height:24px; letter-spacing: -0.5px; color: #777;}
.con-list2 > ul > li:first-child{margin-top: 0;}
.con-list2 > ul > li::before {content: ''; position: absolute; left: 0; top: 10px; 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-list4 > ul > li.title:before{content: ""; background: url('../../images/guide/h2-shape.png') no-repeat center center; position: absolute; left: 0; top: 8px; width: 10px; height: 8px;}
.con-list4 > ul > li {position: relative; margin: 6px 0 0 0; padding-left: 18px; font-family: 'Dream Regular'; font-size: 15px; line-height:24px; letter-spacing: -0.5px; color: #777;}
.con-list4 > ul > li:first-child{margin-top: 0;}
.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 Regular'; font-size: 18px; line-height: 20px; letter-spacing: -0.025em; color: #222;}
.circle-num-title .num {position: absolute; left: 0; top: 2px; display: inline-block; width: 16px; height: 16px; margin-right: 5px; background: #22B2E9; border-radius: 50%; font-family: 'Dream Medium'; font-size: 10px; vertical-align: middle; letter-spacing: -0.5px; text-align: center;  line-height: 17px; color: #fff;}

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

@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: 11px;}
  .con-list3 > ul > li {font-size: 13px;}
  .con-list3 > 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 33px; font-family: 'Dream Regular'; font-size: 14px; 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: 12px;}
}

/* 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;}
  .con-table .table-desc{display: none;}

}

/* 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: #fff; line-height: 1.5;}
.icon-banner1 .box {padding: 20px 10px 16px 10px; border: 1px solid #BBBBBB; position: relative;}
.icon-banner1.type2 .box{padding: 30px 10px 30px 10px;}
.icon-banner1 .box::after{content: ''; background: url(../../images/guide/shape-banner1.png) no-repeat left top; position: absolute; top: -5px; left: 0; width: 169px; height: 123px;} 
.icon-banner1 .box::before{content: ''; width: 169px; height: 123px; background: #fff; position: absolute; top: -5px; left: -2px;}
.icon-banner1 .icon {display: table-cell; width: 190px; vertical-align: top; text-align: center; position: relative;}
.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; padding-left: 10px;}
.icon-banner1 .desc strong {display: block; position: relative; font-family: 'Dream Regular'; font-size: 18px; color: #0070cf;}
.icon-banner1 .desc p {font-family: 'Dream Regular'; font-size: 16px; color: #444444; line-height: 28px; letter-spacing: -.025em;}
.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: 17px; 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: 16px;}
  .icon-banner1 .desc p {font-size: 14px;}
  .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: 10px; font-family: 'Dream Medium'; font-size: 15px; line-height: 1.4;}
.step-diag1 li:nth-child(odd) {background: #22B2E9; border: 1px solid #22B2E9; color: #fff;}
.step-diag1 li:nth-child(even){background: #E8F9FF; border: 1px solid #DDF6FF; color: #0070CF;}
.step-diag1 li::after {content: ''; position: absolute; left: calc(100% - 9px); top: 30%; z-index: 1; width: 40px; height: 40px; 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.3);}
.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 ul { gap: 55px;}
  .step-diag1 li::after {top:unset; left: 50%; margin-left: -20px; top: 108%; transform: rotate(89deg);}
}

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

.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: #E8F9FF; border: 2px solid #E8F9FF; border-radius: 100%; font-family: 'Dream Regular'; font-size: 18px;}
.step-diag2 li:hover {background: #fff; border: 2px solid #22B2E9;}
.step-diag2 li.color {background: #22B2E9; border: 2px solid #22B2E9;}
.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: 'Play Bold'; font-size: 18px; color: #0070CF;}
.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: #222; 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 {padding: 5px; background: url('../../images/guide/shape04.png');}
.menu-box ul {overflow: hidden; width: 100%; padding: 24px 20px 15px 30px; background:#fff;}
.menu-box li {float: left; width: 16.666%; margin-bottom: 15px;}
.menu-box a {position: relative; display: block; padding-left: 30px; font-family: 'Dream Regular'; font-size: 16px; color: #666;}
.menu-box a::after {content: ''; position: absolute; left: 0; top: 2px; width: 22px; height: 20px; background: url('../../images/guide/arrow-menu-box.png') no-repeat center center;}
.menu-box li._active a::after,
.menu-box li a:hover::after {background: url('../../images/guide/arrow-menu-box-ov02.png') no-repeat center center;}
.menu-box li._active a, .menu-box li a:hover {color: #228ee9; font-family: "Dream Medium";}

.menu-box a span {position: relative;}
.menu-box a span::after {content: ''; position: absolute; left: 0; bottom: -2px; width: 0; height: 2px; background: #9CC4F3; transition: width .75s;}

.menu-box li._active a span::after, .menu-box li a:hover span::after {width: 100%;}


/* 말머리 */
.mobile-board-tab {display: none;}
.board-tab {padding: 5px; background: url('../../images/guide/shape04.png'); position: relative;}
.board-tab ul {overflow: hidden; width: 100%; padding: 24px 20px 15px 30px; background:#fff; margin-bottom:0; border-bottom:none;}
.board-tab li {float: left; width: 16.666%; margin-bottom: 15px;; margin-right: 0px;}
.board-tab li a {position: relative; display: block;padding: 0 0 0 30px; font-family: 'Dream Regular'; font-size: 16px; color: #666;}
.board-tab li a::after {content: ''; position: absolute; left: 0; top: 2px; width: 22px; height: 20px; background: url('../../images/guide/arrow-menu-box.png') no-repeat center center;}
.board-tab li a.on::after,
.board-tab li a:hover::after {background: url('../../images/guide/arrow-menu-box-ov02.png') no-repeat center center;}
.board-tab li a.on, .board-tab li a:hover {color: #228ee9; font-family: "Dream Medium";}
.board-tab a span {position: relative;}
.board-tab a span::after {content: ''; position: absolute; left: 0; bottom: -2px; width: 0; height: 2px; background: #9CC4F3; transition: width .75s;}
.board-tab li a.on span::after, .board-tab li a:hover span::after {width: 100%;}

@media all and (max-width: 860px) {
  .board-tab ul {position: relative; background:url('../../images/guide/shape04.png');}
  .board-tab ul {overflow: hidden; position: absolute; top: 100%; z-index: 10; width: 100%; max-height: 0; opacity: 0; transition: all 0.5s; padding: 6px; padding-top:0; left: 0;}
  .board-tab ul.on {z-index: 10; opacity: 1; max-height: 600px; border-color: #0070CF;}
  .board-tab li {display: block; width: 100% !important; padding: 0; border: 0; margin-bottom: 0;  }
  .board-tab li a {display: block; padding: 14.5px 20px; background: #fff; font-size: 15px;color: #333333; text-align: left; line-height: normal;}
  .board-tab li a:hover, .board-tab li a.on{background: #9CC4F3; text-decoration: none; color:#fff;}
  .board-tab li a.on span::after, .board-tab li a:hover span::after  {display: none;}
  .board-tab li a:after {display: none;}
  .board-tab li a[target=_blank]  {background-position: 97% center !important;}
  .board-tab li a span {display: block; padding: 0 20px;}
  .board-tab li a span:before {bottom: -11px;}
  .board-tab li:after {display: none;}
  .board-tab .mobile-board-tab {position: relative; display: block; width: 100%; padding: 13px 20px; background: white url('../../images/guide/wrd_arrow.png') no-repeat right 20px center; text-align: left; font-size: 16px; color: #0070CF; transition: background 0.5s; font-family: "Dream Medium"; cursor: pointer;}
}



@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.mini {height: 28px; padding: 0 8px; font-size: 12px; line-height: 26px;}
.btn-style.type1.mini
.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 30px;}
.btn-style.color.mini {padding: 0 8px;} */
/* .btn-style.color:hover {background: #fff;} */

/* Button Style - Download */
.btn-style {position: relative; display: inline-block; height: 50px; padding: 0 30px; font-family: 'Dream Regular'; font-size: 14px; line-height: 50px; color: #fff !important; cursor: pointer; letter-spacing: -.05em;}

/* 파일 다운로드 아이콘 버튼 */
/* down1 */
.btn-style.down1 {position: relative; display: inline-block; width:35px; height:35px; line-height: 32px; text-indent: -9999px; padding:0; transition:box-shadow .3s;}
.btn-style.down1:hover,
.btn-style.down1.hover {box-shadow: 2px 2px 0 rgba(208,208,208,1);}
.btn-style.down1.icon1 {background: #209ddf url('../../images/guide/btn-doc1.png') no-repeat center;}
.btn-style.down1.icon2 {background: #1d7042 url('../../images/guide/btn-doc2.png') no-repeat center;}
.btn-style.down1.icon3 {background: #e63b53 url('../../images/guide/btn-doc3.png') no-repeat center;}
.btn-style.down1.icon4 {background: #2a5794 url('../../images/guide/btn-doc4.png') no-repeat center;}
.btn-style.down1.icon5 {background: #ce4322 url('../../images/guide/btn-doc5.png') no-repeat center;}
.btn-style.down1.icon6 {background: #ED1E23 url('../../images/guide/btn-doc6.png') no-repeat center;}

/* down2 */
.btn-style.down2 {position: relative; display: inline-block; height: 35px; padding: 0 20px 0 53px; background: #fff; font-family: 'Play Bold'; font-size: 12px; line-height: 35px; color: #333 !important; cursor: pointer; background:linear-gradient(135deg, #EDEDED 50%, #fff 50%); background-size:400%; background-position:100%; transition: background .5s;}
.btn-style.down2:hover,
.btn-style.down2.hover {background-position:0%;}
.btn-style.down2.icon1 {border: 1px solid #209ddf;}
.btn-style.down2.icon2 {border: 1px solid #1d7042;}
.btn-style.down2.icon3 {border: 1px solid #e63b53;} 
.btn-style.down2.icon4 {border: 1px solid #2a5794;}
.btn-style.down2.icon5 {border: 1px solid #ce4322;}
.btn-style.down2.icon6 {border: 1px solid #ED1E23;}

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

.btn-style.down3 {position: relative; display: inline-block; height: 35px; padding: 0 20px 0 53px; background: #fff; font-family: 'Play Bold'; font-size: 12px; line-height: 35px; color: #333 !important; cursor: pointer; background:linear-gradient(135deg, #EDEDED 50%, #fff 50%); background-size:400%; background-position:100%; transition: background .5s;}
.btn-style.down3 .ko-txt {font-family: 'Dream Medium';}
.btn-style.down3:hover,
.btn-style.down3.hover {background-position:0%;}
.btn-style.down3.icon1 {border: 1px solid #209ddf;}
.btn-style.down3.icon2 {border: 1px solid #1d7042;}
.btn-style.down3.icon3 {border: 1px solid #e63b53;} 
.btn-style.down3.icon4 {border: 1px solid #2a5794;}
.btn-style.down3.icon5 {border: 1px solid #ce4322;}
.btn-style.down3.icon6 {border: 1px solid #ED1E23;}

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


/* 게시판 버튼 */
.btn-style.color1 {border: 1px solid #4B585F; color: #4B585F !important; background: linear-gradient(135deg, #4B585F 50%, #fff 50%); background-position:100%; background-size:400%; transition:.5s; transition-property:background, color;}
.btn-style.color1:hover,
.btn-style.color1.hover {background-position:0; border: 1px solid #4B585F; color:#fff !important;}

.btn-style.color2 {border: 1px solid #8C8C8C; color: #8C8C8C !important;background: linear-gradient(135deg, #8C8C8C 50%, #fff 50%); background-position:100%; background-size:400%; transition:.5s; transition-property:background, color;}
.btn-style.color2:hover,
.btn-style.color2.hover {background-position:0; border: 1px solid #8C8C8C;color:#fff !important;}

.btn-style.color3 {border: 1px solid #2C2C2C; color: #2C2C2C !important;background: linear-gradient(135deg, #2C2C2C 50%, #fff 50%); background-position:100%; background-size:400%; transition:.5s; transition-property:background, color;}
.btn-style.color3:hover,
.btn-style.color3.hover {background-position:0; border: 1px solid #2C2C2C;color:#fff !important;}

.btn-style.color4 {border: 1px solid #22B2E9; color: #22B2E9 !important;background: linear-gradient(135deg, #22B2E9 50%, #fff 50%); background-position:100%; background-size:400%; transition:.5s; transition-property:background, color;}
.btn-style.color4:hover,
.btn-style.color4.hover {background-position:0; border: 1px solid #22B2E9;color:#fff !important;}

.btn-style.color5 {border: 1px solid #E6378D; color: #E6378D !important;background: linear-gradient(135deg, #E6378D 50%, #fff 50%); background-position:100%; background-size:400%; transition:.5s; transition-property:background, color;}
.btn-style.color5:hover,
.btn-style.color5.hover {background-position:0; border: 1px solid #E6378D;color:#fff !important;}

.btn-style.color6 {border: 1px solid #B3A36B; color: #B3A36B !important;background: linear-gradient(135deg, #B3A36B 50%, #fff 50%); background-position:100%; background-size:400%; transition:.5s; transition-property:background, color;}
.btn-style.color6:hover,
.btn-style.color6.hover {background-position:0; border: 1px solid #B3A36B;color:#fff !important;}

.btn-style.small {height: 34px; padding: 0 20px; line-height: 34px; font-size: 13px;}
.btn-style.small.small1 {border: 1px solid #00baff; color: #22B2E9 !important; background: linear-gradient(135deg, #22B2E9 50%, #fff 50%); background-position:100%; background-size:400%; transition:.5s; transition-property:background, color;}
.btn-style.small.small1:hover,
.btn-style.small.small1.hover {border: 1px solid #00baff; background-position:0%; color:#fff !important;}

.btn-style.small.small2 {border: 1px solid #f18e00; color: #f18e00 !important; background: linear-gradient(135deg, #FF9600 50%, #fff 50%); background-position:100%; background-size:400%; transition:.5s; transition-property:background, color;}
.btn-style.small.small2:hover,
.btn-style.small.small2.hover {border: 1px solid #f18e00; background-position:0%; color: #fff !important;}

.btn-style.tiny {height: 30px;padding: 0 40px 0 10px; font-family: 'Dream Regular'; line-height: 28px;font-size: 12px;}
.btn-style.tiny.tiny1 {background: #fff;border: 1px solid #666666;color: #3c3c3c !important; position:relative; background: linear-gradient(135deg, #22B2E9 50%, #fff 50%); background-position:99%; background-size:400%; transition:.5s; transition-property:background, color;}
.btn-style.tiny.tiny1::after{content:"";background:url(../../images/guide/ic-target.png) no-repeat right center;width:15px;height:14px;position:absolute;top:7px;right: 11px; transition: background .3s;}
.btn-style.tiny.tiny1.active, .btn-style.tiny.tiny1:hover {background-position:0;border: 1px solid #22B2E9;color: #fff !important;}
.btn-style.tiny.tiny1.active::after , .btn-style.tiny.tiny1:hover::after{background:url(../../images/guide/ic-target-ov.png) no-repeat right center;}

.btn-style.tiny.tiny2 {border: 1px solid #666; color: #3C3C3C !important; position: relative;background: linear-gradient(135deg, #22B2E9 50%, #fff 50%); background-position:99%; background-size:400%; transition:.5s; transition-property:background, color;}
.btn-style.tiny.tiny2:hover, .btn-style.tiny.tiny2.active {background-position:0%; border: 1px solid #22B2E9; color: #fff !important;}
.btn-style.tiny.tiny2::after {content:''; width:15px; height:14px; background:url('../../images/guide/ic-download.png') no-repeat center; position: absolute; right:10px; top:7px;}
.btn-style.tiny.tiny2:hover::after, .btn-style.tiny.tiny2.active::after {background:url('../../images/guide/ic-download-on.png') no-repeat center; transition:background .3s;}

/* 큰버튼 */
.btn-style.type1 {padding:0 50px 0 15px; position: relative;}
.btn-style.type1.color1 {color:#01499A !important; border:1px solid #01499A; background: linear-gradient(135deg, #01499A 50%, #fff 50%); background-position:100%; background-size:400%; transition:.5s; transition-property:background, color;}
.btn-style.type1.color1::after {content:''; width:25px; height:19px; background:url('../../images/guide/ic-download2.png') no-repeat center; position:absolute; right:15px; top:50%; margin-top:-7.5px; transition:background .3s;}
.btn-style.type1.color2 {color:#E6378D !important; border:1px solid #E6378D; background: linear-gradient(135deg, #E6378D 50%, #fff 50%); background-position:99%; background-size:400%; transition:.5s; transition-property:background, color;}
.btn-style.type1.color2::after {content:''; width:25px; height:21px; background:url('../../images/guide/ic-export.png') no-repeat center; position:absolute; right:15px; top:50%; margin-top:-9.5px; transition:background .3s;}
.btn-style.type1.color3 {color:#4B585F !important; border:1px solid #4B585F; background: linear-gradient(135deg, #4B585F 50%, #fff 50%); background-position:100%; background-size:400%; transition:.5s; transition-property:background, color;}
.btn-style.type1.color3::after {content:''; width:25px; height:21px; background:url('../../images/guide/ic-blank.png') no-repeat center; position:absolute; right:15px; top:50%; margin-top:-9.5px; transition:background .3s;}
.btn-style.type1.color4 {border: 1px solid #22B2E9; color: #22B2E9 !important;background: linear-gradient(135deg, #22B2E9 50%, #fff 50%); background-position:100%; background-size:400%; transition:.5s; transition-property:background, color;}
.btn-style.type1.color4::after{content:''; width:25px; height:21px; background:url('../../images/guide/ic-map.png') no-repeat center; position:absolute; right:15px; top:50%; margin-top:-9.5px; transition:background .3s;}
.btn-style.type1.color5 {color:#01499A !important; border:1px solid #01499A; background: linear-gradient(135deg, #01499A 50%, #fff 50%); background-position:100%; background-size:400%; transition:.5s; transition-property:background, color;}
.btn-style.type1.color5::after{content:''; width:25px; height:21px; background:url('../../images/guide/ic-home.png') no-repeat center; position:absolute; right:15px; top:50%; margin-top:-9.5px; transition:background .3s;}

/* hover */
.btn-style.type1:hover,
.btn-style.type1.hover {color:#fff !important;}
.btn-style.type1.color1:hover,
.btn-style.type1.color1.hover {background-position:0%;}
.btn-style.type1.color1:hover::after,
.btn-style.type1.color1.hover::after {background:url('../../images/guide/ic-download2-on.png') no-repeat center;}
.btn-style.type1.color2:hover,
.btn-style.type1.color2.hover {background-position:0%;}
.btn-style.type1.color2:hover::after,
.btn-style.type1.color2.hover::after {background:url('../../images/guide/ic-export-on.png') no-repeat center;}
.btn-style.type1.color3:hover,
.btn-style.type1.color3.hover {background-position:0%;}
.btn-style.type1.color3:hover::after,
.btn-style.type1.color3.hover::after {background:url('../../images/guide/ic-blank-on.png') no-repeat center;}
.btn-style.type1.color4:hover,
.btn-style.type1.color4.hover {background-position:0%;}
.btn-style.type1.color4:hover::after,
.btn-style.type1.color4.hover::after {background:url('../../images/guide/ic-map-on.png') no-repeat center;}
.btn-style.type1.color5:hover,
.btn-style.type1.color5.hover {background-position:0%;}
.btn-style.type1.color5:hover::after,
.btn-style.type1.color5.hover::after {background:url('../../images/guide/ic-home-on.png') no-repeat center;}

/* 답변하기 */
.btn-style.style1 {height:40px; background:#0171BD; font-size: 14px; letter-spacing: -.05em; color:#fff; line-height: 40px; font-family: 'Dream Regular'; padding:0 15px;}

/* 답변수정,삭제 */
@media all and (max-width: 500px) {
  .btn-style {font-size: 12px;}
  .btn-style.small {font-size: 12px;}
  .btn-style.tiny {font-size: 12px;}
}

.para-banner1 {position: relative;}
.para-banner1::before {content:''; width:100%; height:5px; background:url('../../images/guide/para-obj1.jpg') no-repeat left; position: absolute; top:0; left:0;}
.para-banner1::after {content:''; width:100%; height:5px; background:url('../../images/guide/para-obj2.jpg') no-repeat right; position: absolute; bottom:0; left:0;}
.para-banner1 .inner{padding:48px 65px; text-align: center; }
.para-banner1 .inner::before {content:''; width:5px; height:100%; background:url('../../images/guide/para-pattern.jpg') repeat center; position: absolute; left:0; top:0;}
.para-banner1 .inner::after {content:''; width:5px; height:100%; background:#D2D2D2; position: absolute; right:0; top:0;}
.para-banner1 p {display:inline-block; font-size: 18px; line-height: 1.5; letter-spacing: -.05em; font-family: 'Dream Regular'; color:#222; position: relative;}
.para-banner1 p::before{content:''; width:33px; height:28px; background:url('../../images/guide/para-obj3.png') no-repeat center; position: absolute; right:109%; }
.para-banner1 p::after{content:''; width:33px; height:28px; background:url('../../images/guide/para-obj4.png') no-repeat center; position: absolute; left:109%; }
@media all and (max-width:1300px) {
  .para-banner1 p::before {right:102%;}
  .para-banner1 p::after {left:102%;}
}
@media all and (max-width:1024px) {
  .para-banner1 p {font-size: 16px;}
} 
 
@media all and (max-width:500px){
  .para-banner1 p{font-size: 14px;}
}
.para-banner2 {position: relative; background:#F5F5F5;}
.para-banner2 .inner{padding:50px 240px 50px 40px; background:url('../../images/guide/para-banner-obj5.png') no-repeat right -30px top 30px}
.para-banner2 p {font-size: 18px; color:#222; line-height: 30px; letter-spacing: -.05em; font-family: 'Dream Regular'; position: relative; padding:0 50px;}
.para-banner2 p::before {content:''; width: 33px; height:28px; background:url('../../images/guide/ic-comma-before.png') no-repeat center; position: absolute; top:0; left:0;}
.para-banner2 p::after {content:''; width: 33px; height:28px; background:url('../../images/guide/ic-comma-after.png') no-repeat center; position: absolute; top:0; right:0;}
@media all and (max-width:1024px) {
  .para-banner2 p {font-size: 16px;}
}
@media all and (max-width:500px){
  .para-banner2 p{font-size: 14px;}
}
.para-banner3 {position: relative; background:#F5F5F5;}
.para-banner3 .inner{padding:60px 40px 55px 40px; background:url('../../images/guide/para-banner-obj5.png') no-repeat right -30px top 20px; text-align: center; }
.para-banner3 p {font-size: 22px; color:#222; line-height: 30px; letter-spacing: -.05em; font-family: 'Dream Medium'; position: relative; padding:5px 75px 0 70px; display: inline-block;}
.para-banner3 p::before {content:''; width: 33px; height:28px; background:url('../../images/guide/ic-comma-before.png') no-repeat center; position: absolute; top:0; left:0;}
.para-banner3 p::after {content:''; width: 33px; height:28px; background:url('../../images/guide/ic-comma-after.png') no-repeat center; position: absolute; bottom:0; right:0;}
@media all and (max-width:1024px) {
  .para-banner3 p {font-size: 16px;}
}
@media all and (max-width:500px){
  .para-banner3 p{font-size: 14px;}
}

/* 담당부서 */
.manage-bx {position: relative; margin-top: 100px;}
.manage-bx .manage-bx-inner {display: table; width:100%;}
.manage-bx .manage-bx-inner > div {display:table-cell; vertical-align: middle;}
.manage-bx .left-box {display: flex; padding:20px 30px;  border:1px solid #D9D9D9; border-right:0;}
.manage-bx .left-box p {font-size: 15px; line-height: 25px; letter-spacing: 0; font-family: 'Dream Regular';}
.manage-bx .left-box p strong {color:#262A37; display: inline-block; padding:0 15px 0 30px; margin-right:5px;position: relative;}
.manage-bx .left-box p strong::before {content:''; width:8px; height:2px; background:#262A37; position: absolute; right:0; top:50%; margin-top:-1px;}
.manage-bx .left-box p span {font-family: 'Dream Regular'; letter-spacing: -.05em; color:#666;}
.manage-bx .icon1 p strong::after {content:''; width:19px; height:19px; background:url('../../images/guide/manage-icon1.png') no-repeat center; position: absolute; left:0; top:3px;}
.manage-bx .icon2 p strong::after {content:''; width:19px; height:19px; background:url('../../images/guide/manage-icon2.png') no-repeat center; position: absolute; left:0; top:3px;}
.manage-bx .manage-title {float:left;}
.manage-bx .manage-num {padding-left:135px; float:left;}
.manage-bx .manage-update {width:280px; background:#4B575E; text-align: center; color:#fff;}
.manage-bx .manage-update strong {margin-right:30px; letter-spacing: -.075em;}
.manage-bx .manage-update p {font-family: 'Dream Regular';}
@media all and (max-width:1024px) {
  .manage-bx .manage-num {padding-left:60px;}
  .manage-bx .manage-update {width:240px;}
}
@media all and (max-width:840px) {
  .manage-bx .manage-title,
  .manage-bx .manage-num {float:none;}
  .manage-bx .manage-title {margin-bottom:20px;}
  .manage-bx .manage-num {padding-left:0;}
}
@media all and (max-width:600px) {
  .manage-bx {border:1px solid #D9D9D9;}
  .manage-bx .manage-bx-inner > div {display: block;}
  .manage-bx .left-box {border:0;}
  .manage-bx .left-box {display: block;}
  .manage-bx .manage-update {width:100%; padding:20px 0;}
}

/* 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 right 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 Light'; 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: #0070CF;}
.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; border-top: 4px solid #22B2E9;}
.major-type-box3::before {display: none;}
.major-type-box3 .type-box-inner {overflow: hidden; position: relative;}
.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:50%; height:89%; position: absolute; right:0; top:0; background:linear-gradient(to right, #E5F1FF, #EDFFF2 80%); transform: rotate(-2.6deg) scale(2) translate(0,-29.5%);} */
.major-type-box3 .inner::before {content:''; width:100%; height:74.37%; position: absolute; right:0; top:0; background:#f2f2f2;}
.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:583px;}
.major-type-box3 .img-box {position: relative; display: inline-block; z-index: 2;}
.major-type-box3 .img-box::before {content:''; position:absolute; left:-13%; top:-73%; width:700px; height:700px; background:url('../../images/guide/major03_object02.png') no-repeat center / cover; transform-origin: 50% 50%; animation: spin 10s infinite linear; z-index: 1;}
.major-type-box3 .img-box::after {content:''; position:absolute; left:-16%; top:-79%; width:702px; height:700px; background:url('../../images/guide/major03_object01.png') no-repeat center / cover;  animation: spin 10s infinite linear reverse;}
.major-type-box3 .img-box-inner::before {content:''; position: absolute; right: -53px; top:45%; width:180px; height:180px; background:url('../../images/guide/major-txt-shape.png') no-repeat center; z-index: -1; animation: rotateCircle 10s linear infinite;}
.major-type-box3 .img-box-inner.type2::before {background:url('../../images/guide/major-txt-shape2.png') no-repeat center;}
.major-type-box3 .img-box-inner.type3::before {background:url('../../images/guide/major-txt-shape3.png') no-repeat center;}
.major-type-box3 .img-box-inner.type4::before {background:url('../../images/guide/major-txt-shape4.png') no-repeat center;}
.major-type-box3 .img-box-inner.type5::before {background:url('../../images/guide/major-txt-shape5.png') no-repeat center;}
.major-type-box3 .img-box-inner.type6::before {background:url('../../images/guide/major-txt-shape6.png') no-repeat center;}
.major-type-box3 .img-box-inner.type7::before {background:url('../../images/guide/major-txt-shape7.png') no-repeat center;}
.major-type-box3 .img-box-inner.type8::before {background:url('../../images/guide/major-txt-shape8.png') no-repeat center;}
.major-type-box3 .img-box-inner.type9::before {background:url('../../images/guide/major-txt-shape9.png') no-repeat center;}
.major-type-box3 .img-box-inner.type10::before {background:url('../../images/guide/major-txt-shape10.png') no-repeat center;}


@keyframes spin{
  100% {transform: rotate(360deg);}
}
@keyframes rotateCircle {
  100% {transform: rotate(360deg);}
}
.major-type-box3 .img-box-inner {position: relative;}
.major-type-box3 .right {display:table-cell; height: 370px; vertical-align: top; padding:60px 30px 90px 155px;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;}
.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: 18px; color:#222222; line-height: 30px; letter-spacing: -.05em; position: relative; margin-bottom: 25px; position: relative; display: inline-block;}
.major-type-box3 .txt-box p{position: relative; padding:0 50px;}
.major-type-box3 .txt-box p::after{content: ''; width:33px; height:28px; background:url('../../images/guide/para-obj5.png') no-repeat center; position: absolute; left: 0px; top: 0; }
.major-type-box3 .txt-box p::before{content: ''; width:33px; height:28px; background:url('../../images/guide/para-obj6.png') no-repeat center; position: absolute; right: 0px;top:0;}
.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: 16px; 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:1300px) {
  .major-type-box3 .right{padding: 60px 60px 90px 100px;}
  .major-type-box3 .left{width: 450px;}
  .major-type-box3 .img-box::before{background: url(../../images/guide/major03_object02.png) no-repeat center / contain; width: 570px; height: 570px; left: -19%; top: -81%;}
  .major-type-box3 .img-box::after{background: url(../../images/guide/major03_object01.png) no-repeat center / contain; width: 572px; height: 570px; top: -83%; left: -22%;}
  .major-type-box3 .img-box-inner::before{right: 0;}
} 

 @media all and (max-width:1100px) {
  /* .major-type-box3 .con{display: block;} */

  .major-type-box3 .left{width: 350px;}
  .major-type-box3 .img-box::before{width: 400px; height: 400px; left: -8%; top: -65%;}
  .major-type-box3 .img-box::after{width: 402px; height: 470px; top: -87%; left: -12%;}
  .major-type-box3 .img-box-inner::before{top: 35%;}
  .major-type-box3 .right {padding: 60px 10px 90px 90px; height: 300px;}


  .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::before {transform: rotate(0) scale(1) translate(0); height: 100%; }
  .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::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 .right::before {display: none;}
  .major-type-box3 .txt-box p::after{right: 101%;}
  .major-type-box3 .txt-box p::before{left: 101%;}
  .major-type-box3.grad .right {padding-bottom: 0;} */

}  

@media all and (max-width:1024px) {
  
  .major-type-box3 .title{font-size: 26px;} /* font-size: 25px; */
  .major-type-box3 .txt-box{font-size: 16px;  margin-bottom: 0;} /*margin-right: 35px;*/
  .major-type-box3 .txt-box p::after{left: 0px;}
  .major-type-box3 .txt-box p::before{right: 0px;}

}


@media all and (max-width:920px) {
  .major-type-box3 .top{margin-bottom: 10px;}
  .major-type-box3 .btn-box{float:none;}
  .major-type-box3 .con{display: block;}
  .major-type-box3 .left{display: block;}
  /* .major-type-box3 .right{display: block; padding: 30px 15px 30px 60px; height: auto;} */
  .major-type-box3 .right{display: block; padding: 30px 15px 30px 30px; height: auto;}
  .major-type-box3 .txt-box p::after{left: 0px;}
  .major-type-box3 .txt-box p::before{right: 0px;}
  
}

@media all and (max-width:768px) {
  .major-type-box3 .title {width: 100%;}
  .major-type-box3 .title span {display: block; font-size: 16px;}
  .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;}
  .major-type-box3 .left{width: 350px;}
  /* .major-type-box3 .img-box::before { width: 470px; height: 470px; left: -25%; top: -93%;}
  .major-type-box3 .img-box::after {width: 472px; height: 470px;top: -96%; left: -28%;} */
  .major-type-box3 .img-box-inner::before{right: -16px; top: 32%;}
  .major-type-box3 .txt-box p{padding: 0 0;}
  .major-type-box3 .txt-box p::after{display: none;}
  .major-type-box3 .txt-box p::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;}
  /* .major-type-box3 .right{padding: 30px;} */

}


@media all and (max-width:500px) {
  .major-type-box3::after {right: 50px; width: 53px; height: 53px;}
  /* .major-type-box3 .title {font-size: 22px;} */
  .major-type-box3 .txt-box {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%);}
  .major-type-box3 .txt-box p::before{width: 28px; height: 23px; right:0px; background-size:cover;}
  .major-type-box3 .txt-box p::after{width: 28px; height: 23px; left: 0px;background-size:cover;}

}








/* 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 #FCAF17; background:#fff;  padding:15px 37px 15px 39px; transition:all .3s;}
.btn-style1 a span {display: inline-block; font-size: 15px; line-height:28px; color:#FCAF17; 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:#FCAF17;}
.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 #FCAF17; background:#fff; padding:15px 37px 15px 39px; transition:all .3s;}
.btn-style2 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_home.png') no-repeat left center;}
.btn-style2 a:hover {background:#FCAF17;}
.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:#FCAF17;}
.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 #FCAF17; background:#fff;  padding:15px 37px 15px 39px; transition:all .3s;}
.btn-style4 a span {display: inline-block; font-size: 15px; line-height:28px; color:#FCAF17; 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:#FCAF17;}
.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;}
}


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


/* 스타일가이드 2 */
.wrap-group .group-box{position: relative;}
.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; max-width:500px; width:100%; height:320px;}
.wrap-group .group-pic-area .img-area::before{content: ''; background: url('../../images/guide/group-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:0 10px 0 120px }
.wrap-group .group-area::before{content: ''; background: #4B585F; width: 100%; height: 1px; position: absolute; top: 86px; left: 0; }
.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: 31px 0 11px 0; position: relative; }
.wrap-group .group-title p{font-size: 28px; 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: 17px; font-family: 'Dream Regular'; line-height: 40px; letter-spacing: -.025em; color: #666666;}
.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: 1100px){
  .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%;}
  .wrap-group .group-area::after{content: ''; background: none;  }
  .wrap-group .group-area::before{content: ''; background: none; }
  .wrap-group .group-title{border-bottom: 1px solid #4B585F;}
}
@media all and (max-width:650px) {
  .wrap-group .group-pic-area .img-area {height: auto;}
}
 
@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;}
}

/* major-type-box4  */

.major-type-box4 .major-box4-box{display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 0 -37.5px;}
.major-type-box4 .major-box{width: 33.333%; padding: 0 37.5px;;}
.major-type-box4 .box-inner{border: 1px solid #DDDEE0; height: 100%; display: flex; flex-direction:column;}
.major-type-box4 .img-box{border-bottom: 1px solid #DDDEE0;}
.major-type-box4 .year-box .bg01{background: #22B2E9;}
.major-type-box4 .year-box .bg02{background: #E6378D;}
.major-type-box4 .year-box .bg03{background: #AAC208;}
.major-type-box4 .year-box span{font-size: 14px; font-family: "Dream Regular"; line-height: 40px; letter-spacing: -.05em; color: #fff; padding: 6px 17px; border-radius: 30px;}
.major-type-box4 .tit-box{text-align: center; margin-top: -32px;}
.major-type-box4 .tit-txt{background: #fff; text-align: center; width: 75%; margin: auto; position: relative; padding-top: 12px;}
.major-type-box4 .tit-txt p{font-size: 22px; font-family: "Dream Medium"; line-height: 1.5; letter-spacing: -.05em; color: #222222; padding-top: 7px;}
.major-type-box4 .under-box{padding: 13px 30px 10px 30px; display: flex; flex-direction:column; flex:1;}
.major-type-box4 .txt-box{padding: 2px 5px 14px 5px; flex:1;}
.major-type-box4 .txt-box p{font-size: 15px; font-family: "Dream Regular"; line-height: 25px; letter-spacing: -.05em; color: #777777; text-align: center;}
.major-type-box4 .dots-list{font-size: 15px; font-family: 'Dream Regular'; line-height: 40px; letter-spacing: -.025em; color: #777777;}
.major-type-box4 .dots-list span{font-size: 15px; font-family: 'Dream Regular'; line-height: 40px; letter-spacing: -.05em; color: #333333;}
.major-type-box4 .dots-list li{padding-left: 13px; position: relative; word-break: break-all;}
.major-type-box4 .dots-list li > ul {display: inline-block; vertical-align: middle;}
.major-type-box4 .dots-list li > ul::after {content:''; display: block; clear:both;}
.major-type-box4 .dots-list li > ul > li {float:left; padding-left:0; margin-right:13px;}
.major-type-box4 .dots-list li > ul > li::before {display: none;}
.major-type-box4 .dots-list li .new_win{vertical-align: middle; width:32px; height:32px; text-indent: -9999px; display: block;}
.major-type-box4 .dots-list li .new_win span {display: inline-block; text-indent: -9999px; font-size: 0;}

.major-type-box4 .dots-list li.fb {background:url('../../images/guide/ic-facebook.png') no-repeat center;}
.major-type-box4 .dots-list li.instar {background:url('../../images/guide/ic-instagram.png') no-repeat center;}
.major-type-box4 .dots-list li.yt {background:url('../../images/guide/ic-youtube.png') no-repeat center;}
.major-type-box4 .dots-list li.blog {background:url('../../images/guide/ic-blog.png') no-repeat center;}
.major-type-box4 .dots-list li::before{content: ''; background:  #111111; width: 3px; height: 3px; border-radius: 25px; position: absolute; top: 18px; left: 0; }
.major-type-box4 .dots-list li .link:hover {text-decoration: underline;}
.major-type-box4 .btn-box{margin-top:20px;}
@media all and (max-width:1800px) {
  .major-type-box4 .major-box4-box {margin:0 -30px;}
  .major-type-box4 .major-box {padding:0 30px;}
}
@media all and (max-width:1300px){
  .major-type-box4 .major-box4-box{margin: 0 -25px;}
  .major-type-box4 .major-box{padding: 0 25px;}
}
@media all and (max-width:1150px){
  .major-type-box4 .tit-txt p{font-size: 20px;}
  .major-type-box4 .under-box{padding: 10px 20px;}
}

@media all and (max-width:1024px) {
  .major-type-box4 .major-box4-box {flex-wrap:wrap;}
  .major-type-box4 .major-box {width:50%; margin-bottom:20px;}
  .major-type-box4 .major-box:last-child{margin-bottom: 0;}
  .major-type-box4 .img-box {width:100%;}
  .major-type-box4 .img-box img {width:100%; height:100%; object-fit:cover}
}

@media all and (max-width:768px) {
  .major-type-box4 .major-box {width:100%;}

}


/* 동아리 */
.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 .pic-box{position: relative;text-align: center;border: 1px solid #DDDEE0; font-size: 0;  height:370px;}
.wrap-build .pic-box > div {height:100%;}
.wrap-build .pic-box::before{content: ''; background: url('../../images/guide/pic-shape_03.png') no-repeat top left / cover; width: 100%; height: 370px; position: absolute; top: -40px; left: 40px; z-index: -1;}
.wrap-build .pic-box img{width: 100%; height:100%; object-fit: cover;}
.wrap-build .build-area{float: right; width: calc(100% - 540px); position: relative; text-align: left; padding:0 0 0 100px; position: relative ; }
/* .wrap-build .build-area::before{content: ''; background: url('../../images/guide/yeonsung-shape.png') no-repeat bottom right / cover; width: 104%; height: 5px; position: absolute; top: 61px; right: 0;} */
/* css 수정 */
/* .wrap-build .build-title::before{content: ''; background: url('../../images/guide/yeonsung-shape.png') no-repeat bottom right / cover; width: calc(100% + 140px); height: 5px; position: absolute; top: 61px; right: 0;} */

.wrap-build .build-title::before{content: ''; background: url('../../images/guide/yeonsung-shape.png') no-repeat bottom right / cover; width: calc(100% + 140px); height: 5px; position: absolute; bottom: 0; right: 0;}

.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{ position: relative; }
.wrap-build .build-title::after{content: ""; display: block; clear: both;}

/* .wrap-build .build-title p{font-size: 30px; font-family: 'Dream Bold'; line-height: 40px; letter-spacing: -.05em; color: #222222; position: relative; float:left;} */
.wrap-build .build-title p{font-size: 30px; font-family: 'Dream Bold'; line-height: 50px; letter-spacing: -.05em; color: #222222; position: relative; float:left; margin-bottom: 20px;}
.wrap-build .build-title > a {float:right;}
.wrap-build .build-text{font-size: 16px; font-family: 'Dream Regular'; line-height: 28px; letter-spacing: -.05em; color: #222222; }
.wrap-build .dots-list{font-size: 15px; font-family: 'Dream Regular'; line-height: 18px; letter-spacing: -.05em; color: #666666;}
.wrap-build .dots-list span{font-size: 15px; font-family: 'Dream Regular'; line-height: 30px; letter-spacing: -.05em; color: #222222;}
/* .wrap-build .build-inner{padding: 60px 10px 24px 0;} */
.wrap-build .build-inner{padding: 33px 10px 0px 0;}
.wrap-build .build-inner .txt-color7{display: block; margin-top: 20px;}
.wrap-build.no-img .build-inner {padding: 34px 0 0 0;}
.wrap-build .dots-list li{padding-left: 10px; position: relative; line-height: 22px; display:flex; align-items: baseline; }
.wrap-build .dots-list li > span {padding-right:4px }
.wrap-build .dots-list li::before{content: ''; background:  #111111; width: 3px; height: 3px; border-radius: 25px; position: absolute; top: 14px; left: 0; }
.wrap-build .info { border: 3px solid #eee; padding: 28px 10px 17px 20px; margin-top: 33px; border-radius: 0 0 35px 0;}
.wrap-build .info ul {font-size:13px; display: flex; flex-wrap: wrap;}
.wrap-build .info li { position: relative; width: 33.333%; display: flex;  align-items: baseline; margin-bottom: 7px;}
.wrap-build .info li span{font-size:13px; display: inline-block; width: 65px; line-height: 1.5;}
.wrap-build .info li strong{width: calc(100% - 80px);}
.wrap-build .info li:first-child::after {display: none;}
.wrap-build .info li:first-child .item {border-left:none;}
.wrap-build .info .item{position: relative;}
.wrap-build .info li:first-child .item p {margin-left:0;}
.wrap-build .info .item p {margin-left:20px; padding-left:40px; padding-right: 20px; position: relative;}
.wrap-build .info .item span {display: block; color:#2b2a2b; font-family: 'Dream Regular'; font-size: 15px;}
.wrap-build .info .dots-list li::before{top: 8px;}
.wrap-build.type02 .build-title::after{content: ''; display: block; clear: both;}
.wrap-build.type02 .build-title > p{float: left; margin-top: 5px;}
.wrap-build.type02 .build-title > a{float: right;}
.wrap-build.type02 .build-text > p{font-family: "Dream Medium"; font-size: 30px; letter-spacing: -.05em; color: #222222; line-height: 32px; }
.wrap-build.type02 .build-text .txt-sec01{font-style: italic; position: relative; display: inline-block; font-family: "Dream Regular"; word-break: normal;margin-right: 45px; margin-left: 45px; padding-top: 10px;}
.wrap-build.type02 .txt-sec01 .txt-color{color: #e6378d; font-family: "Dream Medium";}
.wrap-build.type02 .build-text .txt-sec01::before { content: ''; width: 33px; height: 28px; background: url(../../images/guide/para-obj3.png) no-repeat center / cover; position: absolute; left: -48px; top: 0;}
.wrap-build.type02 .build-text .txt-sec01::after { content: ''; width:33px; height:28px; background:url('../../images/guide/para-obj4.png') no-repeat center / cover; position: absolute; right: -48px; top: 0;}
.wrap-build.type02 .build-text .txt-sec02{font-family: "Dream Regular"; font-size: 20px; line-height: 35px; margin-top: 12px;margin-left: 45px;}
/* .wrap-build.type02 .build-under-text{font-family: "Dream Regular"; font-size: 16px; line-height: 28px; letter-spacing: -.05em; color: #222222; margin-top: 24px;  } */
.wrap-build.type02 .build-under-text{font-family: "Dream Regular"; font-size: 16px; line-height: 28px; letter-spacing: -.05em; color: #222222;}
.wrap-build.type02 .build-text {font-family: "Dream Regular"; font-size: 16px; line-height: 28px; letter-spacing: -.05em; color: #222222;}
.wrap-build.type02 .build-under-text i{margin: 27px 0; display: block;}
.wrap-build.type02 .build-inner{padding: 33px 0 0 0;}

/* wrap-build Slider Controls */
/* .wrap-build .controls { font-size: 0; padding-top: 15px; text-align: center;}
.wrap-build .slick-dots {display:inline-block;}
.wrap-build .slick-dots::after {content:''; display: block; clear:both;}
.wrap-build .slick-dots li{float:left; width:12px; height:12px; background:#B5B5B6; margin-right:10px; border-radius:50px; text-indent: -9999px; transition:all .3s; cursor:pointer;}
.wrap-build .slick-dots li:hover {background:#25AAE1;}
.wrap-build .slick-dots li.slick-active {width:30px; background:#25AAE1;}

@media (max-width: 1360px){
  .wrap-build .build-area {padding-left: 50px;}
  .wrap-build .info li span{width: 55px;}
  .wrap-build .info li strong{width: calc(100% - 55px);}

}

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

@media (max-width: 1200px){
  .wrap-build .build-pic-area{float: none; margin: auto;}
  .wrap-build .build-area{float: none; width: 100%; text-align: left; padding:0 0px 0 0px; position: relative; margin-top: 40px;}
  .wrap-build .build-area::before,
  .wrap-build.no-img .build-area::before{width: 100%; left: 0;}
  .wrap-build .build-area::after{display: none;}
  .wrap-build .build-inner{padding: 30px 0;}
  .wrap-build .build-inner .txt-color7{margin-top: 10px;}
  .wrap-build.type02 .build-text .txt-sec01{font-size: 27px;}
  .wrap-build.type02 .build-text .txt-sec02{font-size: 17px; margin-left: 0; line-height: 28px;}
  .wrap-build.type02 .build-under-text{font-size: 15px;}

  .wrap-build .build-title::before{width: 100%;}


}

@media (max-width:768px){
  .wrap-build .info li{width: 50%;}
  .wrap-build .info li span{width: 60px;}
  .wrap-build.type02 .build-text .txt-sec01{font-size: 25px; display: block; text-align: center;}
  .wrap-build.type02 .build-text .txt-sec02{line-height: 25px;margin-top: 20px;}
  .wrap-build.type02 .build-under-text{margin-top: 20px;}
  .wrap-build.type02 .build-under-text i{margin: 10px 0;}
  /* .wrap-build.type02 .build-text{margin-left: 0;} 
 
}

@media (max-width:650px){
  .wrap-build .build-title p {font-size: 22px;}
  .wrap-build .pic-box::before{background: url(../../images/guide/pic-shape_03.png) no-repeat top left / contain; left: 15px;top: -15px; height: 100%;}
  .wrap-build .build-pic-area{width: 100%;}
  .wrap-build .pic-box {height:auto;}
  .wrap-build .info li{width: 50%;}
  .wrap-build .build-text {min-height:auto;}
  .wrap-build.type02 .build-text .txt-sec01{font-size: 22px;}
  .wrap-build.type02 .build-text .txt-sec02{font-size: 15px;}
  .wrap-build.type02 .build-under-text{ line-height: 23px;}
  .wrap-build.type02 .build-text .txt-sec01::before{width: 28px; height: 23px; left: -40px; top: -10px;}
  .wrap-build.type02 .build-text .txt-sec01::after{width: 28px; height: 23px; right: -40px; top: -10px;}

}
@media (max-width:600px){
  .wrap-build .info li{width: 100%;}
  .wrap-build .info {padding: 15px 20px 10px 20px;}
}

@media (max-width:500px){
  .build-box {position: relative; padding-top: 120px;}
  .wrap-build .build-title{position: absolute; top: 0; left: 0; width: 100%;} 
  .wrap-build .group-area,
  .wrap-build .dots-list li,
  .wrap-build .dots-list span {line-height: 1.8;}
  .wrap-build .build-area {position: static; margin-top: 0;}
  .wrap-build .build-area::before {top: 85px;} 
  .wrap-build .build-title {padding: 25px 0 18px 0;} 
  .wrap-build .build-text {font-size: 15px; 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 .dots-list {font-size: 14px; margin-top: 10px;}
  .wrap-build .dots-list span {font-size: 14px;}
  .wrap-build .dots-list li::before {top: 11px;}
  .wrap-build.type02 .build-under-text{margin-top: 15px; font-size: 13px;}
  .wrap-build.type02 .build-text .txt-sec02{margin-top: 15px; display: inline-block;}

} */

/*css 수정 */
/* wrap-build Slider Controls */
.wrap-build .controls { font-size: 0; padding-top: 15px; text-align: center;}
.wrap-build .slick-dots {display:inline-block;}
.wrap-build .slick-dots::after {content:''; display: block; clear:both;}
.wrap-build .slick-dots li{float:left; width:12px; height:12px; background:#B5B5B6; margin-right:10px; border-radius:50px; text-indent: -9999px; transition:all .3s; cursor:pointer;}
.wrap-build .slick-dots li:hover {background:#25AAE1;}
.wrap-build .slick-dots li.slick-active {width:30px; background:#25AAE1;}

@media (max-width: 1360px){
  .wrap-build .build-area {padding-left: 50px;}
  .wrap-build .info li span{width: 55px;}
  .wrap-build .info li strong{width: calc(100% - 55px);}

}

@media (max-width: 1300px){
  .wrap-build .build-area {padding-left: 50px;}
  .wrap-build.type02 .build-title > p{font-size: 26px;}

}

@media (max-width: 1200px){
  .wrap-build .build-pic-area{float: none; margin: auto;}
  /* .wrap-build .build-title::before{width: 100%; top: 50px;} */
  .wrap-build .build-title p {margin-bottom: 25px;}
  .wrap-build .build-title::before{width: 100%; top: unset; bottom:0;}
  .wrap-build .build-area{float: none; width: 100%; text-align: left; padding:0 0px 0 0px; position: relative; margin-top: 40px;}
  .wrap-build .build-area::before,
  .wrap-build.no-img .build-area::before{width: 100%; left: 0;}
  .wrap-build .build-area::after{display: none;}
  .wrap-build .build-inner{padding: 30px 0;}
  .wrap-build .build-inner .txt-color7{margin-top: 10px;}
  .wrap-build.type02 .build-text .txt-sec01{font-size: 27px;}
  .wrap-build.type02 .build-text .txt-sec02{font-size: 17px; margin-left: 0; line-height: 28px;}
  .wrap-build.type02 .build-under-text{font-size: 15px;}
  .wrap-build.type02 .build-title::before{top: unset; bottom: 0;}

  .wrap-build.type02 .build-title > p{font-size: 30px;}



}

@media (max-width:768px){
  .wrap-build .info li{width: 50%;}
  .wrap-build .info li span{width: 60px;}
  .wrap-build .build-title p {margin-bottom: 10px;}
  .wrap-build .build-title a {margin-bottom: 10px;}
  .wrap-build.type02 .build-text .txt-sec01{font-size: 25px; display: block; text-align: center;}
  .wrap-build.type02 .build-text .txt-sec02{line-height: 25px;margin-top: 20px;}
  /* .wrap-build.type02 .build-under-text{margin-top: 20px;} */
  .wrap-build.type02 .build-under-text i{margin: 10px 0;}
  /* .wrap-build.type02 .build-text{margin-left: 0;} */
 
}

@media (max-width:650px){
  .wrap-build .build-title p {font-size: 22px;}
  .wrap-build .pic-box::before{background: url(../../images/guide/pic-shape_03.png) no-repeat top left / contain; left: 15px;top: -15px; height: 100%;}
  .wrap-build .build-pic-area{width: 100%;}
  .wrap-build .pic-box {height:auto;}
  .wrap-build .info li{width: 50%;}
  .wrap-build .build-text {min-height:auto;}
  .wrap-build.type02 .build-title p {font-size: 22px;}
  .wrap-build.type02 .build-text .txt-sec01{font-size: 22px;}
  .wrap-build.type02 .build-text .txt-sec02{font-size: 15px;}
  .wrap-build.type02 .build-under-text{ line-height: 23px;}
  .wrap-build.type02 .build-text .txt-sec01::before{width: 28px; height: 23px; left: -40px; top: -10px;}
  .wrap-build.type02 .build-text .txt-sec01::after{width: 28px; height: 23px; right: -40px; top: -10px;}


}
@media (max-width:600px){
  .wrap-build.type02 .build-title::before{top: 120px;}
  .wrap-build.type02 .build-title p{display: block; float: none;}
  .wrap-build.type02 .build-title > a{float: none;}

  .wrap-build .info li{width: 100%;}
  .wrap-build .info {padding: 15px 20px 10px 20px;}
  


}

@media (max-width:500px){
  .build-box {position: relative; padding-top: 50px;}

  .wrap-build .build-title{position: static;}
  .wrap-build .build-title::before{top: 0;}
  /* .wrap-build .build-title{position: absolute; top: 0; left: 0; width: 100%;}  */
  .wrap-build .group-area,
  .wrap-build .dots-list li,
  .wrap-build .dots-list span {line-height: 1.8;}
  .wrap-build .build-area {position: static; margin-top: 40px;}
  /* .wrap-build .build-area::before {top: 85px;}  */
   /* .wrap-build .build-title {padding: 25px 0 18px 0;}  */
  .wrap-build .build-text {font-size: 15px; line-height: 1.5;}
  .wrap-build .build-text p {display: inline;}
  .wrap-build .build-inner {padding-top: 28px;}
  .wrap-build.type01 .build-inner {padding-top: 0;}
  .wrap-build.no-img .build-inner {padding-top: 0px;}
  .wrap-build .dots-list {font-size: 14px; margin-top: 10px;}
  .wrap-build .dots-list span {font-size: 14px;}
  .wrap-build .dots-list li::before {top: 11px;}
  .wrap-build.type02 .build-under-text{margin-top: 15px; font-size: 13px;}
  .wrap-build.type02 .build-text .txt-sec02{margin-top: 15px; display: inline-block;}
  .wrap-build.type02 .build-text .txt-sec02 br{display: none;}
  .wrap-build.type02 .build-title > a{position: absolute; bottom: 0; right: 0;}
  .wrap-build.type02 .build-title::before{top: 0;}
  .wrap-build.type02 .build-box{padding-bottom: 80px;}
  .wrap-build.type02 .build-inner{padding: 0;}


}





.ethics-list {display: flex;justify-content: space-between;align-items: center;margin-bottom: 40px;}
.ethics-list .hexagon-box-wrap {position: relative;width: 350px;}
.ethics-list .line {position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 120px;height: 1px;background-color: #bcbcbc;}
.ethics-list .hexagon-box {position: relative;width: 230px;height: 262px;background-image: url("../../images/guide/hexagon.png");background-size: cover;background-repeat: no-repeat;background-position: center; display: table;}
.ethics-list .hexagon-box .txt-box {display: table-cell; vertical-align: middle; text-align: center;}
.ethics-list .hexagon-box .txt-box .icon {margin-bottom: 10px;}
.ethics-list .hexagon-box .txt-box span {display: block;font-size: 22px;letter-spacing: -1.1px;font-family: "Dream Medium";}
.ethics-list .info-box {position: relative;width: calc(100% - 350px);padding: 35px;border: 1px solid #bcbcbc;}
.ethics-list .info-box:before {content: "";position: absolute;top: 50%;left: -5px;transform: translateY(-50%);width: 10px;height: 10px;border-radius: 50%;background-color: #bcbcbc;}
.ethics-list .info-box strong {display: inline-block;margin-bottom: 19px;font-size: 18px;line-height: 28px;letter-spacing: -.05em;color: #0070cf;font-family: "Dream Medium";}
.ethics-list .info-box li {margin-bottom: 10px;line-height: 27px; letter-spacing: -.05em;}

@media (max-width: 900px) {
    .ethics-list {display: block;}
    .ethics-list .hexagon-box-wrap {position: relative;width: 100%;}
    .ethics-list .line {position: absolute;right: 0;left: 50%;top: 100%;transform: translateX(-50%);width: 1px;height: 40px;}
    .ethics-list .hexagon-box {position: relative;width: 195px;height: 222px;margin: 0 auto;background-image: url("../../images/guide/hexagon.png");}
    .ethics-list .hexagon-box .txt-box .icon {margin-bottom: 7px;}
    .ethics-list .hexagon-box .txt-box span {display: block;font-size: 19px;letter-spacing: -.05em;}
    .ethics-list .info-box {width: 100%;padding: 30px;margin: 40px auto 0;}
    .ethics-list .info-box:before {content: "";position: absolute;top: -4px;left: 50%;transform: translateX(-50%);width: 8px;height: 8px;}
    .ethics-list .info-box strong {display: inline-block;margin-bottom: 15px;font-size: 17px;line-height: 24px;}
    .ethics-list .info-box li {font-size: 15px;line-height: 25px;}
}

/* info-box1 */
.info-box1 {position: relative; padding-bottom: 50px;}
.info-box1 .title p {color:#000; font-size: 35px; margin-bottom: 28px; line-height: 48px; letter-spacing: -.05em; font-family: 'Dream Bold'; padding-right:15%;}
.info-box1 .title p span {color:#22B2E9;}
.info-box1 .txt-box {margin-bottom: 35px;}
.info-box1 .txt-box p{color:#333; font-size: 16px; line-height: 28px; letter-spacing: -.025em; font-family: 'Dream Regular';}
.info-box1 .left {padding:50px; padding-right:47%; background:#F5F5F5;} 
.info-box1 .right {max-width:54%; position: absolute; right:0; top:0; margin-top: 50px; right:-13.7%;} 
@media all and (max-width:1500px) {
  .info-box1 .right {right:-7.7%;}
  .info-box1 .left {padding-right:50%;}
}
@media all and (max-width:1200px) {
  .info-box1 .title p {font-size: 32px; padding-right: 0;}
}
@media all and (max-width: 1024px) {
  .info-box1 .right {position:static; max-width:unset; margin-top:0; text-align: center; }
  .info-box1 .right img {width:100%;}
  .info-box1 .left {padding:30px;}
}  
@media all and (max-width:768px) {
  .info-box1 {padding-bottom: 0;}
  .info-box1 .title p {font-size: 30px;}
  .info-box1 .txt-box {margin-bottom: 0;}
  .info-box1 .txt-box p {font-size: 14px;}
} 
/* info-box2 */
.info-box2 {position: relative; padding-bottom: 50px; min-height:460px;}
.info-box2 .title p {color:#000; font-size: 35px; margin-bottom: 28px; line-height: 48px; letter-spacing: -.05em; font-family: 'Dream Bold'; padding-right:15%;}
.info-box2 .title p span {color:#22B2E9;}
.info-box2 .txt-box {margin-bottom: 35px;}
.info-box2 .txt-box p{color:#333; font-size: 16px; line-height: 28px; letter-spacing: -.025em; font-family: 'Dream Regular';}
.info-box2 .info-list {position: relative;}
.info-box2 .info-list li {position: relative; padding-left:40px;font-size: 15px; line-height:26px; letter-spacing: -.05em; color:#777; margin-bottom: 15px;}
.info-box2 .info-list li:last-child {margin-bottom: 0;}
.info-box2 .info-list li strong {color:#333;}
.info-box2 .info-list li.time {background:url('../../images/guide/info-icon1.png') no-repeat left top;}
.info-box2 .info-list li.location {background:url('../../images/guide/info-icon2.png') no-repeat left center;}
.info-box2 .info-list li.call {background:url('../../images/guide/info-icon3.png') no-repeat left center;}
.info-box2 .left {padding:50px; padding-right:45%; background:#F5F5F5} 
.info-box2 .right {max-width:54%; position: absolute; right:0; top:0; margin-top: 50px; right:-13.7%;} 
.info-box2 .right .img-box {height: 410px;}
@media all and (max-width:1500px) {
  .info-box2 .right {right:-7.7%;}
  .info-box2 .left {padding-right:50%;} 
  .info-box2 .right .img-box {height: auto;}
}
@media all and (max-width:1200px) { 
  .info-box2 .title p {font-size: 32px; padding-right: 0;}
}
@media all and (max-width: 1024px) {
  /* .info-box2 .right .img-box {max-height: 410px;} */
  .info-box2 .right {position:static; max-width:unset; margin-top:0; text-align: center; }
  .info-box2 .right img {width:100%;}
  .info-box2 .left {padding:30px;}
}  
@media all and (max-width:768px) {
  .info-box2 {padding-bottom: 0;}
  .info-box2 .title p {font-size: 30px;}
  .info-box2 .txt-box {margin-bottom: 20px;} 
  .info-box2 .txt-box p {font-size: 14px;} 
} 

/* list-content-style1 */
.list-content-style1 {position: relative; margin-top: 50px;}
.list-content-style1 .inner > ul {display: flex;}
.list-content-style1 .title {font-size: 20px; line-height:1.5; letter-spacing: -.05em; color:#fff; font-family: 'Dream Medium'; text-align: center; padding:20px 10px; border-radius:0 15px 15px 15px; position: relative;}
.list-content-style1 .title::after {content:''; width:22px; height:22px; border:4px solid #fff; position:absolute; left:50%; margin-left:-11px; bottom:-11px; border-radius:50%; z-index: 1;}
.list-content-style1 .box1 .title {background:#22B2E9;}
.list-content-style1 .box2 .title {background:#2FA2F3;}
.list-content-style1 .box3 .title {background:#007BE2;}
.list-content-style1 .box1 .title::after {background:#22B2E9;}
.list-content-style1 .box2 .title::after {background:#2FA2F3;}
.list-content-style1 .box3 .title::after {background:#007BE2;}
.list-content-style1 .inner > ul > li:not(.arrow) {flex:1; display: flex; flex-direction: column;}
.list-content-style1 .inner > ul > li.arrow {width:150px;}
.list-content-style1 .con {padding-top: 35px; position: relative; flex:1; }
.list-content-style1 .con::before {content:''; width:1px; height:100%; background:#bcbcbc; position: absolute; left:50%; top:0;}
.list-content-style1 .list-content{position: relative;background:#fff; border:1px solid #bcbcbc; border-radius:0 15px 15px 15px; padding:25px 30px; height:100%;}
.list-content-style1 .list-content li {padding-left:18px; position: relative; color:#666; font-size: 16px; letter-spacing: -.025em; font-family: 'Dream Regular'; margin-bottom: 10px;}
.list-content-style1 .list-content li::after {content:''; width:4px; height:7px; background:#4B585F; transform:skewX(-40deg); position: absolute; left:0; top:8px;}

.list-content-style1.plus .inner > ul > li.arrow {background:url('../../images/guide/list-content-plus.png') no-repeat top 20px center;}
.list-content-style1.arrow .inner > ul > li.arrow {background:url('../../images/guide/list-content-arrow.png') no-repeat top 15px center;}

@media all and (max-width:1200px) {
  .list-content-style1 .inner > ul > li.arrow {width:80px;}
}
@media all and (max-width:900px) {
  .list-content-style1 .inner > ul {flex-direction: column;}
  .list-content-style1 .inner > ul > li.arrow {width:100%; height:80px; background-position:center center;}
} 

.tab-area {position: relative; background:#01499A; padding:25px 25px 15px 25px;}
.tab-area p {font-size: 30px; color:rgba(255,255,255,0.1); line-height: 25px; letter-spacing: -.05em; font-family: 'Gmarket Bold'; position: absolute; right:0; bottom:0;}
.tab-area ul {display: flex; flex-wrap: wrap;}
.tab-area ul li {margin-bottom:10px;}
.tab-area ul li a {font-size: 18px; font-family: 'Dream Medium'; line-height: 25px; line-height: -.05em; color:#fff;padding:8px 20px; display: block;}
.tab-area ul li a.active,
.tab-area ul li a:hover { background:#22B2E9;} 
.tab-area .mobile-tab{display: none; }
@media all and (max-width:860px) {
  .tab-area {padding:15px 0;}
  .tab-area .mobile-tab{display: block; background:url('../../images/guide/depart-tab-arrow2.png') no-repeat right center;} 
  .tab-area li {width:100%; text-align: center;}
  .tab-area li a {padding:7px 25px; }
  .tab-area ul {max-height:0; overflow:hidden; position: absolute; top:100%; z-index: 10; background:#01499A; width: 100%; }
  .tab-area ul::-webkit-scrollbar {width: 7px;}
  .tab-area ul::-webkit-scrollbar-thumb {background-color: #E6378D;border-radius: 3px;}
  .tab-area ul::-webkit-scrollbar-track {background-color: #6D6D6D;border-radius: 3px;}
  .tab-area ul.on {max-height:300px; overflow-y:auto; transition:max-height .5s; border-top: 1px solid #D1D1D1;}
  .tab-area .mobile-tab {width:100%; text-align: center; color:#fff; font-size: 18px; line-height: 40px; font-family: 'Dream Medium'; position: relative; z-index: 1;}
}



/* activity-photo1~2 */
.activity-photo1 {position: relative;}
.activity-photo1 ul {display: flex; flex-wrap:wrap; margin:0 -15px;}
.activity-photo1 li {width:33.3333%; padding:0 15px; margin-bottom: 10px; text-align: center;}
.activity-photo1 .img-box {position: relative; display: inline-block;}
.activity-photo1 .img-box::after {content:''; top:10px; left:10px; right:10px; bottom:10px; border:1px solid #fff; position: absolute;}
.activity-photo1 li p {font-size: 16px; line-height: 28px; letter-spacing: -.025em; font-family: 'Dream Regular'; color:#555; text-align: center; margin: 15px 0;}
@media all and (max-width:1023px) {
  .activity-photo1 li {width:50%;}
}
@media all and (max-width:650px) {
  .activity-photo1 li {width:100%;}
  .wrap-group .group-area {padding: 20px 0;}
}

.activity-photo2 {position: relative;}
.activity-photo2 ul {display: flex; flex-wrap:wrap; margin:0 -15px;}
.activity-photo2 li {width:33.3333%; padding:0 15px; margin-bottom: 30px; text-align: center;}
.activity-photo2 .img-box {position: relative; display: inline-block;}
.activity-photo2 .img-box::after {content:''; top:10px; left:10px; right:10px; bottom:10px; border:1px solid #fff; position: absolute;}
@media all and (max-width:1023px) {
  .activity-photo2 li {width:50%;}
}
@media all and (max-width:650px) {
  .activity-photo2 li {width:100%;}
}  



.dept-box {position: relative;}
.dept-box .inner::after {content:''; display: block; clear:both;}
.dept-box .left {float:left; max-width:540px; width:100%; margin:40px 40px 0 0; position: relative;}
.dept-box .left::before {content:''; width:100%; height:100%; border:15px solid #F7F7F7; position: absolute; ; top:-40px; right:-40px;}
.dept-box .left .img-box {border:1px solid #DDDEE0;}
.dept-box .left .img-box img {width: 100%; object-fit: none;}
.dept-box .right {position: relative;}
.dept-box .right {float:right; width:calc(100% - 580px); padding-left:60px;}
.dept-box .right .btn-box {margin-top:35px; text-align:right; position: relative;}
.dept-box .right .btn-box::before{content: ''; background: url('../../images/guide/yeonsung-shape.png') no-repeat bottom right / cover; width: calc(100% + 140px); height: 5px; position: absolute; bottom: 0px; right: 0;}
.dept-box .right .con {position: relative; padding-top: 25px;}
.dept-box .right .bg-wrap span{color:#fff; border-radius:50px; padding:5px 18px; font-size: 14px; border-radius:50px; line-height: 1.5; letter-spacing: -.05em; font-family: 'Dream Regular'; display: inline-block;}
.dept-box .right .bg-wrap span.bg01{background: #22B2E9;}
.dept-box .right .bg-wrap span.bg02{background: #E6378D; color:#fff;}
.dept-box .right .bg-wrap span.bg03{background: #AAC208; color:#fff;} 
.dept-box .right .bg-wrap span.bg04{background: #8e8e8e; color:#fff;}   
.dept-box .right strong {font-size: 30px; color:#222; font-family: 'Dream Medium'; line-height: 40px; letter-spacing: -.05em; display: inline-block; margin-top: 8px; margin-bottom:15px;}
.dept-box .right .cn {font-size: 16px; line-height: 28px; letter-spacing: -.05em; font-family: 'Dream Regular'; min-height:100px;}
.dept-box .info {position: relative; border:3px solid #eee; border-radius:0 0 30px 0; margin-top: 30px;}
.dept-box .info > ul {display: flex; justify-content: space-between;  padding:35px 30px 35px 30px;}
.dept-box .info > ul > li {width:33.3333%;color:#777; font-size: 15px; letter-spacing: -.05em; line-height: 1.5; font-family: 'Dream Regular'; position: relative;display: flex;  }
.dept-box .info > ul > li > span{color:#333; padding-right:8px; position: relative; padding-left:10px; flex-shrink:0}
.dept-box .info > ul > li > span::after {content:''; width:3px; height:3px; border-radius:50%; position: absolute; left:0; top:9px; background:#333;}
.dept-box .info .dept-sns {position: relative; margin-top: -5px;}
.dept-box .info .dept-sns li {float:left; width:32px; height:32px; text-indent: -9999px; display: inline-block; margin-right:15px;}
.dept-box .info .dept-sns li a {display: block; width: 100%; height: 100%;} 
.dept-box .info .dept-sns li:last-child {margin-right:0;}
.dept-box .info .dept-sns li.fb {background:url('../../images/guide/ic-facebook.png') no-repeat center;}
.dept-box .info .dept-sns li.insta {background:url('../../images/guide/ic-instagram.png') no-repeat center;}
.dept-box .info .dept-sns li.yt {background:url('../../images/guide/ic-youtube.png') no-repeat center;}
.dept-box .info .dept-sns li.blog {background:url('../../images/guide/ic-blog.png') no-repeat center;}

@media all and (max-width:1400px) {
  .dept-box .info > ul {flex-wrap: wrap;}
  .dept-box .info > ul > li {width:100%; margin-bottom: 20px;} 
}
/* @media all and (max-width:1200px) { 
  .dept-box {padding-top: 100px;}
  .dept-box .left {float:none; margin:40px auto 0;}
  .dept-box .right {position:static;}
  .dept-box .right .btn-box {margin-top: 0; position: absolute; top:0; width:100%;}
  .dept-box .right {float:none; width:100%; padding-left:0;}
  .dept-box .right .btn-box::before {width:100%;}
  .dept-box .right .cn {min-height:auto;}
} */

/* css 수정 */
@media all and (max-width:1200px) { 
  .dept-box {padding-top: 50px; padding-bottom: 80px;}
  .dept-box .left {float:none; margin:40px auto 0;}
  .dept-box .right {position:static;}
  .dept-box .right .btn-box {margin-top: 0; position: absolute; top:0; width:100%;}
  .dept-box .right {float:none; width:100%; padding-left:0; }
  .dept-box .right .btn-box::before {width:100%;bottom: unset; top: 0;}
  .dept-box .right .cn {min-height:auto;}
  .dept-box .btn-box{height: 100%;}
  .dept-box .btn-area{position: absolute; right: 0; bottom: 0;}
  .dept-box .right .con{padding-top: 0;}
  .dept-box .right .con .bg-wrap {margin-top: 20px;}


}
@media all and (max-width:1024px) {
  .dept-box {margin-top: 50px;}
  .dept-box .right strong{font-size: 26px;}
}
@media all and (max-width:600px) {
  .dept-box .left {padding:20px;}
  .dept-box .left::before {top:0px; right:0px; border:5px solid #f7f7f7; width:calc(100% - 40px); height:calc(100% - 40px);}
  .dept-box .right .con .bg-wrap {margin-top: 0px;}

  /* 수정 */
  .dept-box .info > ul{padding: 20px 30px;}
  .dept-box .info > ul > li{align-items: center; height: 40px; margin-bottom: 0;}

}

/* 학과 배너 */
.visual-style.type02 { position: relative; margin-bottom: 20px;} 
.visual-style.type02 .visual-area {max-width: 1100px;height: 400px;background-image: url("../../images/sub/visual.jpg");background-size: 1100px 400px;background-position: center;background-repeat: no-repeat;position: absolute;top: 0;left: 0; border: 1px solid #DDDEE0;} 
.visual-style.type02 .visual-area::before { content: ""; position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; border: 1px solid #fff; opacity: 0.5; } 
.visual-style.type02 .visual-area img{width:100%; height:100%; object-fit: cover;}
.visual-style.type02 .circle { position: absolute; top: 44px; left: 1080px; width: 245px; height: 245px; background-image: url("/sites/guide/images/guide/banner-shape01 .png"); background-size: 100%; z-index: -1; animation: rotateCircle 10s linear infinite; } 
.visual-style.type02 .circle02 { position: absolute; top: 90px; left: 1124px; width: 158px; height: 120px; background-image: url("/sites/guide/images/guide/banner-shape02.png"); background-size: 100%; z-index: -1; } 

.visual-style.type02 .btn-box{text-align: right;position: absolute;right: 0; bottom:-28px;}
.visual-style.type02 .text-box {width: 680px;border-radius: 60px 0 0 0;background-color: #fff;padding: 35px 40px 30px 40px;box-shadow: 4px 6px 19px 0px rgba(0, 0, 0, 0.13);min-height: 250px; position: relative;float: right;margin-top: 180px; top: 0; height: auto;} 
.visual-style.type02 .text-box strong { display: inline-block; position: relative; font-size: 26px; line-height: 1.5; letter-spacing: -0.05em; margin-bottom: 18px; font-family: "Dream Bold"; } 
.visual-style.type02 .text-box strong::before { content: ""; position: absolute; top: 50%; left: -81px; margin-bottom: -34.5px; width: 69px; height: 3px; background-color: #22b2e9; } 
.visual-style.type02 .text-box p {  font-size: 18px; letter-spacing: -0.05em; line-height: 30px; margin-bottom: 30px;} 

@keyframes rotateCircle { 
   100% { transform: rotate(360deg); } 
}
 
@media all and (max-width:1400px) {
  .visual-style.type02 .inner > div:nth-child(2) {overflow:hidden; width: 245px; height: 245px; position: absolute; right:0;}
  .visual-style.type02 .circle {left:unset; right:0;}
  .visual-style.type02 .circle02 {left:unset; right:35px;}
}

@media (max-width: 1300px) { 
  .visual-style.type02 .visual-area { width: 80%; } 
}

@media (max-width: 1023px) { 
  .visual-style.type02 .inner > div:nth-child(2) {overflow:hidden; width: 200px; height: 200px; position: absolute; right:0;}

 .visual-style.type02 .visual-area { width: 90%; height: 300px; } 
  .visual-style.type02 .circle { width: 200px; height: 200px; } 
  .visual-style.type02 .text-box {width: 75%; border-radius: 60px 0 0 0; background-color: #fff; padding: 30px 30px; box-shadow: 4px 6px 19px 0px rgba(0, 0, 0, 0.13); margin-top: 135px;} 
  .visual-style.type02 .text-box strong { display: inline-block; position: relative; font-size: 22px; line-height: 1.5; letter-spacing: -0.05em; margin-bottom: 10px; font-family: "Dream Bold"; } 
  .visual-style.type02 .text-box strong::before { content: ""; position: absolute; top: 50%; left: -47px; margin-bottom: -34.5px; width: 40px; height: 3px; background-color: #22b2e9; } 
  .visual-style.type02 .text-box p { font-size: 16px; letter-spacing: -0.05em; line-height: 1.5; margin-bottom: 20px;} 
  .visual-style.type02 .circle02{width: 65px;}
 
} 
 
@media (max-width: 768px) { 
 .visual-style.type02 .visual-area { width: 85%; height:220px} 
 .visual-style.type02 .text-box {width:90%; min-height: auto;}
 .visual-style.type02 .text-box p {margin-bottom: 20px; font-size: 14px;}
}

@media (max-width: 650px) {
  .visual-style.type02 {margin-bottom: 45px;} 
  .visual-style.type02 .visual-area{width: 100%; height: auto;position: relative;}
  .visual-style.type02 .inner > div:nth-child(2){display: none;}
  .visual-style.type02 .text-box{width: 93%; padding: 20px 0 0 0;}
  .visual-style.type02 .btn-box{bottom: -60px;}
  .visual-style.type02 .text-box{position: static; margin-top: 0px; box-shadow: none; width: 93%; padding: 20px 0 0 0;}
  .visual-style.type02 .text-box strong::before{width: 25px; left: -30px;}
  .visual-style.type02 .text-box strong{font-size: 20px;}
  .visual-style.type02 .btn-box > a:last-child{margin-right: 0;}
}




@media (max-width: 600px) {
  .dept-box{ padding-top: 40px;}
  .visual-style.type02 .btn-style{font-size: 12px;}
  /* .visual-style.type02 .btn-box{position: static;} */
  .visual-style.type02 .visual-area{}

  .visual-style.type02 .btn-box > a{margin-bottom: 15px;}
  .dept-box .left{margin-top: 0;}

}