@charset "utf-8";

.con-img-box {display:inline-block; width:100%;}
.con-img-box .thumb {position:relative; float:left; width:30%;}
.con-img-box .thumb:after {content:''; position:absolute; left:10px; top:10px; z-index:-2; width:100%; height:100%; background:url('../../images/common/bg_thumb_line.jpg') center center;}
.con-img-box .thumb::before {content:''; position:absolute; right:-30px; bottom:-30px; z-index:-1; width:63px; height:67px; background:url('../../images/common/pattern_img_banner.png') center center;}
.con-img-box .thumb img {width:100%; position:relative; box-shadow: 2px 3px 2px 0px rgba(0,0,0,0.3);}
.con-img-box .thumb .deco {position:absolute; right:-40px; top:30px; width:19px; height:76px; background:url('../../images/common/deco_img_box.png') no-repeat center center;}
.con-img-box .desc { float:left; width:70%; padding: 23px 65px;}
.con-img-box .con-desc {margin:0 0 25px 0;}
.con-img-box .btn-style {margin:0 0 20px 0; color:#43505d; font-family:'Noto DemiLight';}
.con-img-box .title {font-family:'Noto DemiLight'; display:block; font-size:18px; font-weight:normal; margin:0 0 15px 0; color:#183d93; padding:0 0 0 20px; background:url('../../images/common/bull_imgbox.png') no-repeat left center;}
.con-img-box .list li {position:relative; padding:0 0 0 20px; font-size:16px;}
.con-img-box .list li:after {content:''; position:absolute; left:0px; top:9px; width:8px; height:8px; border-radius:100%; border:2px solid #209aff; background:#fff;}

@media all and (max-width:730px) {
    .con-img-box .thumb {width:50%;}
    .con-img-box .desc {width:100%; padding: 23px 0;}
}

@media all and (max-width:420px) {
    .con-img-box .thumb .deco {display:none;}
    .con-img-box .thumb::before {display:none;}
    .con-img-box .thumb {width:100%;}
}

.icon-box{overflow:hidden; position:relative; line-height:1.6;}
.icon-box .title{display:block; font-size:16px; margin-bottom:10px; color:#1f59ad; font-weight:500; font-family: 'Noto Regular'; font-size:19px;}
.icon-box .li-list{display:table; table-layout:fixed; width:calc(100%);}
.icon-box .li-list li{display:table-cell; border-left:1px solid #ddd; padding-left:20px;}
.icon-box .li-dot{margin-top:20px;}
.icon-box .li-dot li{position:relative; padding-left:15px;}
.icon-box .li-dot li:before{content:''; width:7px; height:7px; display:block; border-radius:100%; position:absolute; left:0; top:8px; 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: 'Noto DemiLight'; font-size:15px; border:1px solid #afafaf; border-radius:5px;}
.icon-box .box-btn a.down{background:#fff url(../../images/sub/box-btn-down.png) 10px center no-repeat;}
.icon-box .box-btn a.link{background:#fff url(../../images/sub/box-btn-link.png) 10px center no-repeat;}

@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{border-left:none;padding-left:0;}
}

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

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

.icon-box02 {position:relative; background:url(../../images/sub/lineBox_bg.png); padding:10px;}
.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: 'Noto 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/sub/arrow-icon-box.png') no-repeat right center; font-family: 'Noto Regular'; font-size: 14px; color: #fff; }

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

@media only screen and (max-width:680px){
    .icon-box03 .icon{float:none;margin-right:0;display: block;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-box04{padding:30px; background-color:#f5f5f5; border:1px solid #ddd;}
.icon-box04 .inner{overflow:hidden;}
.icon-box04 .icon{float:left; margin-right:40px; overflow:hidden;  background:url(../../images/sub/icon_bg.png) center center no-repeat; position:relative; width:160px; height:160px;}
.icon-box04 .icon img{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
.icon-box04 .text{display:table-cell; vertical-align: top; position:relative;}

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

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

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

.list-box01 {display:flex;}
.list-box01 li{display:block; width:31%; border:1px solid #ddd; text-align:center; line-height:1.6; padding:20px;}
.list-box01 li .thum{width:115px; height:115px; background-color:#3c75cb; border-radius:100%; margin:0 auto; position:relative;}
.list-box01 li .thum img{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:100%}
.list-box01 li p{margin-bottom:30px;}
.list-box01 li a{display:inline-block; color:#222; background-color:#f0f0f0; padding:5px 50px; font-weight:bold;}
.list-box01 li + li{margin-left:4%;}
.list-box01 li .title{display:block; font-size:20px; margin:20px 0 10px; font-family: 'Noto Regular';}

@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-box02 ul{display:table;}
.list-box02 ul>li{display:table-cell;width:33.333%;float:left;padding:5px;box-sizing:border-box;}
.list-box02 ul>li>.row{min-height: 500px; background-color:#ecf1f7; padding:25px; margin:10px; box-sizing:border-box;}
.list-box02 ul>li.first{margin-right:2%;}
.list-box02 ul>li.last{margin-left:2%;}
.list-box02 .imgbox{height:200px;margin:15px 0;}
.list-box02 .imgbox p.imgdes{text-align:center;color:#fff;font-size:18px;padding-top:90px;}
.list-box02 .imgbox p.imgdes img{margin-top:-20px;}
.list-box02 .imgbox.figurebg01{background: url(../../images/sub/triangle.png) no-repeat center;}
.list-box02 .imgbox.figurebg02{background: url(../../images/sub/polygon.png) no-repeat center;}
.list-box02 .imgbox.figurebg03{background: url(../../images/sub/polygon02.png) no-repeat center;}
.list-box02 .textbox{text-align:center;}
.list-box02 .textbox strong{color:#1e5ba8;font-family: 'Noto Regular'; font-size:20px;}
.list-box02 .textbox .alignL {text-align: left;}
.list-box02 .textbox .ol_num li {position: relative; margin-bottom: 7px; padding-left: 25px; text-align: left;}
.list-box02 .textbox .ol_num li:last-child {margin-bottom: 0px;}
.list-box02 .textbox .ol_num li:after {content: ''; position: absolute; left: 0; top: 5px; display: inline-block; width: 16px; height: 16px; line-height: 17px; margin-right: 7px; background: #4b74cc; border-radius: 100%; font-size: 10px; font-family: 'Mont Medium'; vertical-align: middle; text-align: center; color: #fff;}
.list-box02 .textbox .ol_num li:nth-child(1):after {content: '1';}
.list-box02 .textbox .ol_num li:nth-child(2):after {content: '2';}
.list-box02 .textbox .ol_num li:nth-child(3):after {content: '3';}
.list-box02 .textbox .ol_num li:nth-child(4):after {content: '4';}
.list-box02 .textbox .ol_num li:nth-child(5):after {content: '5';}
.list-box02 .textbox .ol_num li:nth-child(6):after {content: '6';}
.list-box02 .textbox .ol_num li:nth-child(7):after {content: '7';}
.list-box02 .textbox .ol_num li:nth-child(8):after {content: '8';}
.list-box02 .textbox .ol_num li:nth-child(9):after {content: '9';}
.list-box02 .textbox .ol_num li:nth-child(10):after {content: '10';}

@media only screen and (max-width:767px){
    .list-box02 ul>li {display: block; width: 100%; margin-bottom: 10px;}
    .list-box02 ul>li.first{margin-right:0;}
    .list-box02 ul>li.last{margin-left:0;}
}

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

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

.iconType{background-color:#006276; padding:40px;box-sizing:border-box;overflow: hidden;}
.iconType .title{width:30%;float:left;color:#fff;font-size: 30px;font-weight:600;margin-top:10px;}
.iconType .title strong{float:left; font-family: 'Mont Medium';}
.iconType .title:after{content: '';width: 70%;height: 1px;background-color: #fff;display: inline-block;margin-top: 35px;}
.iconType .icons{width:70%;float:left;}
.iconType .icons ul li{display:inline-block;margin:20px;}

/*
.wrap-location .desc {position: relative; display: inline-block; width: 100%; margin: -31px 0 0 0; padding: 21px 0 21px 30px; background: #edf1f4; }
.wrap-location .desc .address,
.wrap-location .desc .tel {float: left; padding:10px 0 10px 80px;}
.wrap-location .desc .tel {background: url('../../images/sub/ico-location2.png') no-repeat left center;}
.wrap-location .desc .address {margin-right: 45px; background: url('../../images/sub/ico-location1.png') no-repeat left center;}
.wrap-location .desc strong {display:block; font-family: 'Noto Medium'; font-size: 18px; color: #333333}
.wrap-location .desc p {font-family: 'Noto Light'; font-size: 16px; color: #333;}
.wrap-location .desc .btn-location {position: absolute; right: 30px; top: 30px; padding: 15px 125px 15px 20px; background: #006276 url('../../images/sub/arrow-location.png') no-repeat 85% center; font-family: 'Noto Regular'; font-size: 18px; color: #fff;}

@media all and (max-width: 950px) {
  .wrap-location .desc .address,
  .wrap-location .desc .tel {float: none; width: 100%}
}

@media all and (max-width: 750px) {
  .wrap-location .desc .btn-location {position: static; display: inline-block; margin-top: 10px;}
}
*/

.template-box{font-family: 'Noto Light'; max-width: 1400px; margin: 0 auto; margin-bottom: 50px; }
.template-box img{width: 100%;}

.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; width: 100%; height: 4px; background: url(../../images/sub/intro_line.png); left: 0; top: 0;}
.major-intro-image{width: 432px; float: right;}
.major-intro-text{width: calc(100% - 457px); float: left;}
.major-intro-header{ padding-bottom: 40px; position: relative;}
.major-intro-header::before{content:""; display: block; position: absolute; width: 65px; height: 1px; background-color: #0067d4; left: 0; bottom: 0;}
.major-intro-header::after{content:""; display: table; clear: both;}
.major-intro-header h1{font-size: 30px; color: #000000; font-family: 'Noto Medium'; float: left;}
.major-intro-header h1 span{color: #1e5ba8;}
.major-intro-header a{font-size: 14px; color: #000000; border-radius: 25px; border: 1px solid #b2b2b2; text-decoration: none; float: left; position: relative; margin-left: 20px;}
.major-intro-header a::after{content:""; display: block; position: absolute; width: 16px; height: 16px; background: url(../../images/sub/home_btn.png); top: 50%; margin-top: -8px; left: 15px;}
.major-intro-header a span{padding: 10px 14px 11px 40px; display: block;}
.major-intro-header a:hover{background-color: #00a6ac; border: 1px solid #00a6ac; color: white;}
.major-intro-header a:hover::after{background: url(../../images/sub/home_btn_on.png);}
.major-intro-content{margin-top: 35px;}
.major-intro-content > p{line-height: 30px; padding-bottom: 40px; position: relative;}
.major-intro-content > p::after{content:""; display: block; position: absolute; width: 65px; height: 1px; background-color: #0067d4; left: 0; bottom: 0;}
.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{width: 35px; height: 35px; background: url(../../images/sub/call_logo.png); float: left;}
.major-intro-info li .email-logo{width: 35px; height: 35px; background: url(../../images/sub/mail_logo.png); float: left;}
.major-intro-info li .person-logo{width: 35px; height: 35px; background: url(../../images/sub/person_logo.png); float: left;}
.major-intro-info li .place-logo{width: 35px; height: 35px; background: url(../../images/sub/place_logo.png); float: left;}
.major-intro-info li p{line-height: 35px; float: left; margin-left: 10px;}

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

@media all and (max-width: 1023px) {
    .major-intro-image{width: 100%; max-width: 432px; margin: 0 auto; float: none;}
    .major-intro-text{width: 100%; float: none; 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;}
}


.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{font-size: 24px; color: #006276; font-family: 'Noto Medium'; float: left; margin-top: 5.5px;}
.laboratory-header a{float: right; display: block; padding: 8px 18px 9px 40px; border: 1px solid #b2b2b2; border-radius: 25px; text-decoration: none; color: #111111;; position: relative;}
.laboratory-header a:hover{color: white; background-color: #00baff; color: white; border: 1px solid #00baff;}
.laboratory-header a:hover::before{background: url(../../images/sub/sisul_link_on.png)}
.laboratory-header a::before{content:""; display: block; position: absolute; width: 16px; height: 16px; background: url(../../images/sub/sisul_link.png); top: 50%; margin-top: -8px; left: 15px;}
.laboratory-content{margin-top: 35px;}
.laboratory-content::after{content:""; display: table; clear: both;}
.laboratory-image{width: 640px; float: left; position: relative;}
.laboratory-image::after{content:""; display: block; position: absolute; right: -20px; bottom: -21px; width: 130px; height: 140px; background: url(../../images/sub/sisul_background.png); z-index: -1;}
.laboratory-table{width: calc(100% - 640px); float: right;}
.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 black;}
.laboratory-table li:last-child{border-bottom: 1px solid black;}
.laboratory-table li::after{content:""; display: table; clear: both;}
.laboratory-table-title{width: 140px; float: left;}
.laboratory-table-title p{color: #000000; padding-left: 50px; position: relative;}
.laboratory-table-title p::before{content:""; display: block; position: absolute; width: 26px; height: 26px; left: 15px; top: 50%; margin-top: -13px;}
.laboratory-table-title p::after{content:""; display: table; clear: both;}
.laboratory-table-title p.table-place::before{background: url(../../images/sub/sisul_place_logo.png);}
.laboratory-table-title p.table-phone::before{background: url(../../images/sub/sisul_phone_logo.png);}
.laboratory-table-title p.table-fax::before{background: url(../../images/sub/sisul_fax_logo.png);}
.laboratory-table-title p.table-person::before{background: url(../../images/sub/sisul_person_logo.png);}
.laboratory-table-title p.table-mail::before{background: url(../../images/sub/sisul_mail_logo.png);}
.laboratory-table-title p.table-laboratory::before{background: url(../../images/sub/sisul_logo.png);}
.laboratory-table-content{width: calc(100% - 165px); float: right;}
.laboratory-table-content p{color: #666666;}
.laboratory-table-content p span{float: left;}
.send-mail{width: 15px; height: 13px; display: block; float: left; display: block; text-indent: -9999px; background: url(../../images/sub/mail.png); margin-left: 10px; margin-top: 1.5px;}

@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{width: 100%; float: none; max-width: 570px; margin: 0 auto;}
    .laboratory-table{width: 100%; float: none; margin-top: 30px;}
    .laboratory-table ul{padding-left: 0;}
}

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

.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; padding-left: 16px; margin-top: 15px;}
.image-line-4 .image-text::before{Content:""; display: block; position: absolute; left: 0; top: 0; width: 3px; height: 100%; background-color: #006276;}
.image-line-4 .image-text h1{font-size: 20px; font-family: 'Noto Medium'; color: #006276;}
.image-line-4 .image-text p{font-size: 16px; line-height: 20px; color: #333333; margin-top: 13px;}

@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{width: 100%; margin-right: 0%; float: none; 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; padding-left: 16px; margin-top: 15px;}
.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-size: 20px; font-family: 'Noto Medium'; color: #006276;}
.image-line-3 .image-text p{font-size: 16px; line-height: 20px; color: #333333; margin-top: 13px;}

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

.area-link-inner{background: url(../../images/sub/area.png) no-repeat top center; padding: 40px 0;}
.area-link-box{width: 340px; height: 340px; background: rgba(0,98,118,0.8); border-radius: 50%; margin: 0 auto;}
.area-link-box a{display: block; width: 100%; height: 100%; color: white; text-align: center; text-decoration: none;}
.area-link-text h1{font-size: 28px; font-family: 'Noto Medium'; padding-top: 65px;}
.area-link-text p{font-size: 16px; line-height: 25px; padding: 30px 30px 125px 30px; position: relative;}
.area-link-text p::after{content:""; display: block; position: absolute; width: 40px; height: 40px; background: url(../../images/sub/area_rrow.png); bottom: 0; left: 50%; margin-left: -20px;}

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

.img-box .area-img img {position: relative; left: 50%; transform: translate(-50%,0); max-width: none;}
.img-box .area-link-inner {position: relative; padding: 0;}
.img-box .area-link-box {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.major-sub-inner{position: relative; padding-bottom: 55px;}
.major-sub-image{max-width: 920px; width: 66%;}
.major-sub-text{position: absolute; right: 10px; bottom: 10px; max-width: 630px; width: 100%; background-color: #f5f5f5;}
.major-sub-text::after{content:""; display: block; width: 100%; height: 100%; position: absolute; right: -10px; bottom: -10px; background: url(../../images/sub/text_background.png); z-index: -1;}
.major-sub-textbox{ padding: 35px 65px 45px 40px;}
.major-sub-text h1{font-size: 24px; font-family: 'Noto Bold'; position: relative; padding-bottom: 30px; color: #006276; margin-bottom: 30px;}
.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; line-height: 25px; color: #666666;}

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

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

.major-main-inner{background: url(../../images/sub/major_background.png) no-repeat top center; padding-top: 100px; padding-bottom: 210px; position: relative;}
.major-main-titlebox{text-align: center;}
.major-main-titlebox > span{font-size: 18px; color: white; background-color: #006276; padding: 11.5px 13.5px; display: inline-block;}
.major-main-title{margin-top: 20px; padding: 41.5px 0; position: relative;}
.major-main-title::before{content:""; display: block; width: 410px; height: 1px; background-color: white; position: absolute; top: 0; left: 50%; margin-left: -205px;}
.major-main-title::after{content:""; display: block; width: 410px; height: 1px; background-color: white; position: absolute; bottom: 0; left: 50%; margin-left: -205px;}
.major-main-title span{font-family: 'Noto Medium'; color: white; font-size: 20px;}
.major-main-title h1{margin-top: 25px; color: white; font-family: 'Noto Medium'; font-size: 40px; }
.major-main-content{position: absolute; width: 750px; bottom: 0; left: 50%; margin-left: -375px; background-color: white;}
.major-main-content p{padding: 27px 45px 10px 45px; position: relative; text-align: center; font-size: 16px; line-height: 25px; color: #333333;;}
.major-main-content p::before{content:""; display: block; position: absolute; width: 100%; height: 4px; background-color: #006276; top: 0; left: 0;;}

@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{font-size: 14px; line-height: 22px; padding: 15px 20px 10px 20px;}
}

.img-box {position: relative;}
.img-box .major-img img {position: relative; left: 50%; transform: translate(-50%,0); max-width: none;}
.img-box .major-main-inner {position: relative; padding: 0;}
.img-box .major-main-titlebox {position: absolute; left: 50%; top: 43%; transform: translate(-50%, -50%);}
.img-box .major-main-content {position: absolute; left: 50%; bottom: 0%; margin: 0; transform: translate(-50%, 0%);}


.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: 'Noto Medium'; 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: 'Noto Light'; 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)}
}

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

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

.greeting-inner::after{content:""; display: table; clear: both;}
.greeting-text{width: calc(100% - 751px); float: left; padding-left: 50px; border-left: 1px solid #006276;}
.greeting-title span{font-size: 26px; font-family: 'Noto Medium'; color: #006276; }
.greeting-title h1{font-size: 40px; font-family: 'Noto Bold'; color: #073862; margin-top: 10px;}
.greeting-text p{margin-top: 70px; font-size: 20px; line-height: 30px;}
.greeting-image{width: 640px; float: right; text-align: right; position: relative;}
.greeting-image::before{content:""; display: block; position: absolute; background: url(../../images/sub/major_intro_sub.png); width: 205px; height: 170px; left: 0; bottom: 0;}
.greeting-image-box{max-width: 560px; display: inline-block; 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{width: 100%; float: none;}
    .greeting-text{width: calc(100% - 1px); float: none; margin-top: 50px; padding-left: 0;}
    .greeting-image-box{max-width: none; width: calc(100% - 100px);}
    .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{font-size: 18px; line-height: 1.3; margin-top: 50px;}
    .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{font-size: 16px; padding-left: 15px;}
}


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

@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{width: 200px; height: 174px; background-size: cover; bottom: -120px;}
    .sub-greeting-text{width: calc(100% - 600px);}
    .sub-greeting-title h1{font-size: 35px;}
}

@media all and (max-width: 1023px) {
    .sub-greeting-image{width: 100%; float: none;}
    .sub-greeting-text{width: 100%; float: none; max-width: none; margin-top: 150px;}
    .sub-greeting-image-box{max-width: none; width: calc(100% - 20px);}
    .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%;width: 100px; height: 99px; background-size: cover; bottom: -50px;}
    .sub-greeting-image::before{width: 60px; height: 62px; background-size: cover; bottom: -40px;}
}

.wrap-ready {padding: 160px 0; border: 1px solid #e8e8e8; text-align: center;}
.wrap-ready strong {display: inline-block; padding: 140px 0 0 0; background: url('../../images/sub/ico-ready.png') no-repeat center top; font-family: 'Noto Medium'; font-size: 24px; color: #006276;}

/*********************추가 CSS*****************************/
/*UL타입*/
.list_0 > li,
.list_1 > li,
.list_1_2 > li,
.list_2 > li,
.list_3 > li,
.list_4 > li,
.kList_1 > li,
.aList_1 > li,
.rList_1 > li,
.nList_1 > li,
.nList_2 > li{position:relative;padding-bottom:7px}
.list_0 > li:last-child,
.list_1 > li:last-child,
.list_1_2 > li:last-child,
.list_2 > li:last-child,
.list_3 > li:last-child,
.list_4 > li:last-child,
.kList_1 > li:last-child,
.aList_1 > li:last-child,
.rList_1 > li:last-child,
.nList_1 > li:last-child,
.nList_2 > li:last-child{padding-bottom:0}
.list_1 > li,
.list_1_2 > li{padding-left:20px; font-family:'Noto Light'; color:#333; line-height:1.6; letter-spacing:-0.5px; margin:5px 0 0 0;  }
.list_2 > li,
.list_3 > li,
.list_4 > li{padding-left:13px}
.nList_1 > li,
.nList_2 > li,
.kList_1 > li,
.aList_1 > li,
.rList_1 > li{padding-left:28px}
.list_1 > li:before,
.list_1_2 > li:before,
.list_2 > li:before,
.list_3 > li:before,
.list_4 > li:before,
.kList_1 > li:before,
.aList_1 > li:before,
.rList_1 > li:before,
.nList_1 > li:before,
.nList_2 > li:before{content:"";display:block;position:absolute;left:0}
.list_1 > li:before,
.list_1_2 > li:before{border-radius:100%;top:8px;width:10px;height:10px;}
.list_2 > li:before,
.list_3 > li:before{background:#222}
.list_4 > li:before{top:11px;border-bottom:4px solid #222;border-left:3px solid transparent;border-right:3px solid transparent;width:0;transform:rotate(90deg);}
.list_1 > li:before{border:2px solid #2a79ed;}
.list_1_2 > li:before{border:3px solid #009d57;}
.list_2 > li:before{top:11px;width:4px;height:4px}
.list_3 > li:before{top:12px;width:4px;height:2px}
.list_4 > li:before{}
.kList_1 > li:before,
.aList_1 > li:before,
.rList_1 > li:before,
.nList_1 > li:before,
.nList_2 > li:before{top:1px;font-weight:400;}
/*종속사용*/
.list_0 ul,.list_1 ul,.list_2 ul,.nList_1 ul,.nList_2 ul,.kList_1 ul,.aList_1 ul,.rList_1 ul{padding:10px 5px;}
/*한글*/
.kList_1 > li:nth-child(1):before{content:"가."}.kList_1 > li:nth-child(2):before{content:"나."}.kList_1 > li:nth-child(3):before{content:"다."}.kList_1 > li:nth-child(4):before{content:"라."}.kList_1 > li:nth-child(5):before{content:"마."}.kList_1 > li:nth-child(6):before{content:"바."}.kList_1 > li:nth-child(7):before{content:"사."}.kList_1 > li:nth-child(8):before{content:"아."}.kList_1 > li:nth-child(9):before{content:"자."}.kList_1 > li:nth-child(10):before{content:"차."}.kList_1 > li:nth-child(11):before{content:"카."}.kList_1 > li:nth-child(12):before{content:"타."}.kList_1 > li:nth-child(13):before{content:"파."}.kList_1 > li:nth-child(14):before{content:"하."}
/*앞파벳*/
.aList_1 > li:nth-child(1):before{content:"A."}.aList_1 > li:nth-child(2):before{content:"B."}.aList_1 > li:nth-child(3):before{content:"C."}.aList_1 > li:nth-child(4):before{content:"D."}.aList_1 > li:nth-child(5):before{content:"E."}.aList_1 > li:nth-child(6):before{content:"F."}.aList_1 > li:nth-child(7):before{content:"G."}.aList_1 > li:nth-child(8):before{content:"H."}.aList_1 > li:nth-child(9):before{content:"I."}.aList_1 > li:nth-child(10):before{content:"J."}.aList_1 > li:nth-child(11):before{content:"K."}.aList_1 > li:nth-child(12):before{content:"L."}.aList_1 > li:nth-child(13):before{content:"M."}.aList_1 > li:nth-child(14):before{content:"N."}
/*로만자*/
.rList_1 > li:nth-child(1):before{content:"Ⅰ."}.rList_1 > li:nth-child(2):before{content:"Ⅱ."}.rList_1 > li:nth-child(3):before{content:"Ⅲ."}.rList_1 > li:nth-child(4):before{content:"Ⅳ."}.rList_1 > li:nth-child(5):before{content:"Ⅴ."}.rList_1 > li:nth-child(6):before{content:"Ⅵ."}.rList_1 > li:nth-child(7):before{content:"Ⅶ."}.rList_1 > li:nth-child(8):before{content:"Ⅷ."}.rList_1 > li:nth-child(9):before{content:"Ⅸ."}.rList_1 > li:nth-child(10):before{content:"Ⅹ."}
/*숫자*/
.nList_1 > li:nth-child(1):before{content:"1."}.nList_1 > li:nth-child(2):before{content:"2."}.nList_1 > li:nth-child(3):before{content:"3."}.nList_1 > li:nth-child(4):before{content:"4."}.nList_1 > li:nth-child(5):before{content:"5."}.nList_1 > li:nth-child(6):before{content:"6."}.nList_1 > li:nth-child(7):before{content:"7."}.nList_1 > li:nth-child(8):before{content:"8."}.nList_1 > li:nth-child(9):before{content:"9."}.nList_1 > li:nth-child(10):before{content:"10."}
/*원숫자*/
.nList_2 > li:nth-child(1):before{content:"①"}.nList_2 > li:nth-child(2):before{content:"②"}.nList_2 > li:nth-child(3):before{content:"③"}.nList_2 > li:nth-child(4):before{content:"④"}.nList_2 > li:nth-child(5):before{content:"⑤"}.nList_2 > li:nth-child(6):before{content:"⑥"}.nList_2 > li:nth-child(7):before{content:"⑦"}.nList_2 > li:nth-child(8):before{content:"⑧"}.nList_2 > li:nth-child(9):before{content:"⑨"}.nList_2 > li:nth-child(10):before{content:"⑩"}.nList_2 > li:nth-child(11):before{content:"⑪"}.nList_2 > li:nth-child(12):before{content:"⑫"}.nList_2 > li:nth-child(13):before{content:"⑬"}.nList_2 > li:nth-child(14):before{content:"⑭"}.nList_2 > li:nth-child(15):before{content:"⑮"}


/*ROW박스_1*/
.rowBox_1{display:flex;justify-content:space-between;margin-bottom:10px;}
.rowBox_1 > li{display:flex;justify-content:center;width:100%;border:1px solid #DDD;padding:25px;margin:0 5px;box-sizing: border-box;}
.rowBox_1 > li > div{text-align:center;}
.rowBox_1.vAC > li{align-items:center;}
.rowBox_1.vAB > li{align-items:flex-end;}
.rowBox_1.hAL > li{justify-content:flex-start;}
.rowBox_1.hAL > li > div{text-align:left;}
.rowBox_1.nB > li{border:1px solid transparent;padding:0;}
.rowBox_1 > li.arrow{border:0;padding:0;margin:0 5px;width:60px;background:url(/sites/style_guide/images/common/arrow_1_b.png) no-repeat center;}
@media only screen and (min-width:1025px){
  .rowBox_1 > li:first-child{margin-left:0;}
  .rowBox_1 > li:last-child{margin-right:0;}
}
@media only screen and (max-width:1024px){
  .rowBox_1{flex-wrap:wrap;margin-bottom:0;}
  .rowBox_1 > li{width:calc(33.33% - 10px);margin-bottom:10px;}

}
@media only screen and (max-width:768px){
  .rowBox_1 > li{width:calc(50% - 10px);padding:15px;}
}
@media only screen and (max-width:480px){
  .rowBox_1 > li{width:100%;margin:0 0 10px 0;}
}


/*ROW박스_2*/
.rowBox_2{display:flex;justify-content:space-between;margin-bottom:10px;}
.rowBox_2 > li{width:100%;border:2px solid #a1bad2;padding:25px;margin:0 5px;box-sizing: border-box;}
.rowBox_2 > li.none{border:0px;}
.rowBox_2 > li > dl{}
.rowBox_2 > li > dl dt{font-family:'Noto Regular';font-size:20px;border-bottom:1px solid #DDD;padding-bottom:15px;margin-bottom:15px;position:relative;}
@media only screen and (min-width:1025px){
	.rowBox_2 > li:first-child{margin-left:0;}
	.rowBox_2 > li:last-child{margin-right:0;}
}
@media only screen and (max-width:1024px){
	.rowBox_2{flex-wrap:wrap;margin-bottom:0;}
	.rowBox_2 > li{width:calc(50% - 10px);margin-bottom:10px;}
}
@media only screen and (max-width:768px){
	.rowBox_2 > li{width:100%;padding:15px;margin:0 0 10px 0;}
}

/*텍스트 링크형*/
.btnT{font-family:'Noto Regular';display:inline-block;position:relative;color:#222 !important;text-align:left;border:0;box-sizing:border-box;padding:0;cursor:pointer;word-break:break-word;}
.btnT:after{content:"";display:inline-block;background-repeat:no-repeat;vertical-align:0;margin:0 5px;width:16px;height:16px;background-image:url(/sites/styleguide/images/common/btn_icon_1.png);}
.btnT.btnBlank:after{background-position:-17px 0;}
.btnT.btnSelf:after{background-position:-34px 0;}
.btnT.btnDown:after{background-position:0 0;}
.btnT:hover{font-family:'Noto Medium';}

/*DL타입*/
/*DL타입_0*/
.dl_0{display:flex;}
.dl_0 dt,
.dl_0 dd{padding:5px 0;}
.dl_0 dt{font-family:'Noto Regular';position:relative;}
.dl_0 dd{width:100%;}
.dl_0 dt:after{content:":";display:inline-block;position:absolute;right:5px;top:3px;}
/*DL타입_1*/
.dl_1{display:flex;flex-wrap:wrap;}
.dl_1 dt,
.dl_1 dd{margin-bottom:10px;padding:8px 10px;}
.dl_1 dt{width:200px;font-family:'Noto Regular';background:#eef3f4;text-align:center;}
.dl_1 dd{width:calc(100% - 200px);border-bottom:1px dashed #ccd0d7;}
/*DL타입_2*/
.dl_2{display:flex;flex-wrap:wrap;}
.dl_2 dt,
.dl_2 dd{border-bottom:1px solid #EEE;padding:25px 0;}
.dl_2 dt{width:250px;font-family:'Noto Regular';font-size:24px}
.dl_2 dd{width:calc(100% - 250px);padding-left:25px;}
.dl_2 dt:before{content:"";display:block;width:20px;height:3px;background:#046478;margin-bottom:5px}
.dl_2 dt span{display:block;color:#888;font-size:14px;font-weight:500;line-height:1.25;margin-top:10px}
/*DL타입_3*/
.dl_3{}
.dl_3 dt{font-family:'Noto Regular';font-size:24px;text-align:center;margin-top:25px;}
.dl_3 dt:first-child{margin-top:0;}
.dl_3 dd{border-bottom:1px solid #EEE;padding:25px 0;text-align:center;}
.dl_3 dt:before{content:"";display:block;width:20px;height:3px;background:#046478;margin:0 auto 5px auto}
.dl_3 dt span{display:block;color:#888;font-size:14px;font-weight:500;line-height:1.25;margin-top:10px}
@media only screen and (max-width:768px){
  .dl_0{flex-wrap:wrap;margin-bottom:10px;}
  .dl_0 dt,
  .dl_0 dd{width:100% !important;padding:0;}
  .dl_0 dt:after{content:".";position:relative;right:auto;top:auto;}
  .dl_1 dt,
  .dl_1 dd{width:100%;}
  .dl_1 dd{border-bottom:0;}
  .dl_2 dt,
  .dl_2 dd{width:100%;border:0;padding:0;}
  .dl_2 dt{margin-top:25px;}
  .dl_2 dt:first-child{margin-top:0;}
  .dl_2 dd{padding-left:0;border-bottom:1px solid #EEE;padding:25px 0;}
}