@charset "utf-8";
@import url("/sites/guide/style/css/guide.css");

/*공통*/
input::-ms-input-placeholder{font-size:13px;}
input::-webkit-input-placeholder{font-size:13px;}
input::-moz-placeholder{font-size:13px;}

/*통합로그인*/
.united_login_wrap{max-width:900px;margin:0 auto;line-height:1.3;}
.united_login_wrap h2{text-align:center;padding-bottom:40px;}
.united_login_wrap .inner{display:flex;width:100%;border:1px solid #DDD;padding:40px;font-size:16px;}
.united_login_wrap .inner .item_1,
.united_login_wrap .inner .item_2{width:50%;box-sizing:border-box;}
.united_login_wrap .inner .item_1{border-right:1px solid #DDD;padding-right:2.5%;margin-right:2.5%;}
.united_login_wrap .inner .item_2 .login_box{position:relative;}
.united_login_wrap .inner h3{font-size:25px;font-family:'Noto Medium';color:#000;text-align:center;margin-bottom:30px;line-height:1.3;}
.united_login_wrap .inner input{display:block;box-sizing:border-box;border-radius:5px;}
.united_login_wrap .inner input[type=text],
.united_login_wrap .inner input[type=password]{border:1px solid #DDD;background:#FFF !important;width:100%;height:38px;font-size:18px;padding:0 10px;margin:5px 0;}
.united_login_wrap .inner input.login_btn{background:#0070fd;color:#FFF;text-align:center;font-size:20px;font-family:'Noto Medium';cursor:pointer;width:100%;border-radius:30px;padding:10px 0;margin-top:10px;}
.united_login_wrap .inner .item_1 input.login_btn{margin-top:30px;}

.united_login_wrap .inner .item_1 .btns{display:flex;justify-content:space-between;margin-top:15px;}
.united_login_wrap .inner .item_1 .btns span{display:block;position:relative;}
.united_login_wrap .inner .item_1 .btns a{border-bottom:1px solid #888;font-family:'Noto Medium';padding-bottom:5px;}
.united_login_wrap .inner .item_1 .btns input{display:inline-block;width:20px;height:20px;vertical-align:-2px;margin-right:5px;}

.united_login_wrap .inner .item_2 .btns{display:flex;justify-content:space-between;margin-top:10px;}
.united_login_wrap .inner .item_2 .btns a{display:block;text-align:center;color:#FFF;font-family:'Noto Medium';width:48%;background:#6d8099;border-radius:30px;padding:10px 0;}
.united_login_wrap .inner .item_2 .text{margin-top:20px;text-align:center;}
.united_login_wrap .inner .item_2 .text span{display:block;}
.united_login_wrap .loginGuide{margin-top:20px;position:relative;color:#000;font-family:'Noto Medium';padding-left:30px;}
.united_login_wrap .loginGuide:before{content:"";display:block;width:20px;height:20px;background:url(/Web-home/content/images/cau.png) no-repeat center;position:absolute;left:0;top:3px;}
.united_login_wrap .loginGuideList{margin-top:20px;padding:25px;background:#f5f5f5;}
.united_login_wrap .loginGuideList li{font-size:14px;padding:5px 0 5px 15px;position:relative;}
.united_login_wrap .loginGuideList li strong{font-family:'Noto Medium';}
.united_login_wrap .loginGuideList li:before{content:"";display:block;width:8px;height:8px;background:#94accb;position:absolute;left:0;top:11px;border-radius:30px;}
.united_login_wrap .loginGuideList li a{font-family:'Noto Medium';color:#0070fd;padding:0 10px;border-bottom:1px solid #0070fd;}

@media all and (max-width:1024px) {
  .united_login_wrap{max-width:100%;}
  .united_login_wrap .inner h3{font-size:22px;}
}
@media all and (max-width:768px) {
  .united_login_wrap .inner{display:block;}
  .united_login_wrap .inner .item_1,
  .united_login_wrap .inner .item_2{width:100%;}
  .united_login_wrap .inner .item_1{border-right:0;padding-right:0;margin-right:0;}
  .united_login_wrap .inner .item_2{margin-top:30px;padding-top:30px;border-top:1px solid #DDD;}
  .united_login_wrap .inner .item_2 .text span{display:inline;}
}
@media all and (max-width:420px) {
  .united_login_wrap .inner{padding:20px;}
}
@media all and (max-width:340px) {
  .united_login_wrap .inner h3{font-size:20px;}
  .united_login_wrap .inner .item_1 .btns,
  .united_login_wrap .inner .item_2 .btns{display:block;}
  .united_login_wrap .inner .item_1 .btns{text-align:center;}
  .united_login_wrap .inner .item_1 .btns span{margin:10px 0;}
  .united_login_wrap .inner .item_2 .btns a{width:100%;padding:5px 0;margin:3px 0;}
}

/*로그인*/
.login_wrap{max-width:900px;margin:0 auto;line-height:1.3;}
.login_wrap .inner{display:flex;width:100%;border:1px solid #DDD;padding:40px;font-size:16px;}
.login_wrap .inner .item_1,
.login_wrap .inner .item_2{width:50%;box-sizing:border-box;}
.login_wrap .inner .item_1{border-right:1px solid #DDD;padding-right:2.5%;margin-right:2.5%;}
.login_wrap .inner .item_2 .login_box{position:relative;}
.login_wrap .inner h3{font-size:25px;font-family:'Noto Medium';color:#000;text-align:center;margin-bottom:30px;line-height:1.3;}
.login_wrap .inner input{display:block;box-sizing:border-box;border-radius:5px;}
.login_wrap .inner input[type=text],
.login_wrap .inner input[type=password]{border:1px solid #DDD;background:#FFF !important;width:calc(100% - 105px);height:38px;font-size:18px;padding:0 10px;margin:5px 0;}
.login_wrap .inner input[type=button]{background:#0070fd;color:#FFF;text-align:center;font-size:20px;font-family:'Noto Medium';cursor:pointer;}
.login_wrap .inner .item_1 input[type=button]{padding:35px 0;width:190px;margin:50px auto 0 auto;}
.login_wrap .inner .item_2 input[type=button]{padding:25px 0;width:90px;position:absolute;right:0;top:0;}
.login_wrap .inner .item_2 .btns{margin-top:30px;padding-bottom:10px;border-bottom:1px dashed #DDD;}
.login_wrap .inner .item_2 .btns a{color:#577aa6;font-family:'Noto Medium';margin-right:10px;}
.login_wrap .inner .item_2 .text{margin-top:10px;}
.login_wrap .loginGuide{margin-top:50px;background:#f5f5f5;padding:25px;padding-right:180px;position:relative;}
.login_wrap .loginGuide a{display:block;position:absolute;right:25px;top:25px;background:#567296;color:#FFF;text-align:center;padding:10px;border-radius:5px;}
.login_wrap .loginGuide a span{display:block;}
@media all and (max-width:1024px) {
  .login_wrap{max-width:100%;}
}
@media all and (max-width:768px) {
  .login_wrap .inner{display:block;}
  .login_wrap .inner .item_1,
  .login_wrap .inner .item_2{width:100%;}
  .login_wrap .inner .item_1{margin-bottom:50px;border-right:0;}
  .login_wrap .inner .item_1 input[type=button]{padding:15px 0;}
  .login_wrap .loginGuide{margin-top:25px;padding-right:25px;}
  .login_wrap .loginGuide a{position:relative;right:auto;top:auto;margin-top:20px;}
  .login_wrap .loginGuide a span{display:inline;}
}
@media all and (max-width:420px) {
  .login_wrap .inner{padding:20px;}
  .login_wrap .inner input[type=text],
  .login_wrap .inner input[type=password]{width:100%;}
  .login_wrap .inner .item_1 input[type=button]{width:100%;}
  .login_wrap .inner .item_2 input[type=button]{padding:15px 0;width:100%;position:relative;right:auto;top:auto;margin-top:10px;}
}

/*스텝*/
.step_wrap{display:flex;margin-bottom:50px;}
.step_wrap li{width:25%;position:relative;}
.step_wrap li:after{content:"";display:inline-block;width:40px;height:40px;background:url(/Web-home/content/images/arrow_7_r_b.png) no-repeat center;position:absolute;top:13px;right:-20px;}
.step_wrap li:first-child{}
.step_wrap li:last-child{}
.step_wrap li:last-child:after{display:none;}
.step_wrap div{background:#8b909b;border-radius:30px;padding:10px 10px 10px 50px;margin:0 20px;}
.step_wrap li.on div{background:#0059fd;}
.step_wrap div:before{content:"";display:inline-block;width:42px;height:42px;vertical-align:-13px;margin-right:10px;}
.step_wrap div.step1:before{background:url(/Web-home/content/images/step1.png) no-repeat center;}
.step_wrap div.step2:before{background:url(/Web-home/content/images/step2.png) no-repeat center;}
.step_wrap div.step3:before{background:url(/Web-home/content/images/step3.png) no-repeat center;}
.step_wrap div.step4:before{background:url(/Web-home/content/images/step4.png) no-repeat center;}
.step_wrap div span{display:inline-block;font-size:20px;font-family:'Noto Medium';color:#FFF;}
.step_wrap p{padding:10px 50px;text-align:center;line-height:1.2;}
@media all and (max-width:1280px) {
  .step_wrap div{padding:10px;text-align:center;}
  .step_wrap div:before{display:none;}
}
@media all and (max-width:1024px) {
  .step_wrap li:after{top:6px;}
  .step_wrap div span{font-size:16px;}
}
@media all and (max-width:768px) {
  .step_wrap{display:block;margin-bottom:25px;}
  .step_wrap li{display:none;}
  .step_wrap li.on{display:block;width:100%;}
  .step_wrap li:after{display:none;}
  .step_wrap div{background:#FFF !important;border-radius:0;padding:0;margin:0;text-align:left;}
  .step_wrap div span{color:#000;font-size:20px;}
  .step_wrap p{padding:0;text-align:left;}
}

/*회원가입_STEP1*/
.member_wrap{}
.member_wrap .btn_wrap{border:1px solid #DDD;background:#f8f8f8;padding:40px;}
.member_wrap .btn_wrap a{display:block;box-sizing:border-box;width:380px;height:50px;padding-top:8px;border-radius:30px;margin:10px auto;text-align:center;color:#FFF;font-family:'Noto Medium';font-size:18px;}
.member_wrap .btn_wrap a.kakao{background:#fedc00;}
.member_wrap .btn_wrap a.naver{background:#26c825;}
.member_wrap .btn_wrap a.google{background:#da4835;}
.member_wrap .btn_wrap a:before{content:"";display:inline-block;width:25px;height:25px;vertical-align:-6px;margin-right:10px;}
.member_wrap .btn_wrap a.kakao:before{background:url(/Web-home/content/images/kakao.png) no-repeat center;}
.member_wrap .btn_wrap a.naver:before{background:url(/Web-home/content/images/naver.png) no-repeat center;}
.member_wrap .btn_wrap a.google:before{background:url(/Web-home/content/images/google.png) no-repeat center;}
.member_wrap .btn_wrap .text{margin-top:20px;text-align:center;color:#000;font-family:'Noto Medium';font-size:18px;}
@media all and (max-width:768px) {
  .member_wrap .btn_wrap{padding:20px;}
}
@media all and (max-width:480px) {
  .member_wrap .btn_wrap a{width:100%;}
}
@media all and (max-width:280px) {
  .member_wrap .btn_wrap a{height:auto;padding:4px 0;font-size:16px;}
  .member_wrap .btn_wrap a:before{display:none;}
}

/*회원가입_STEP2*/
.member_agree{}
.member_agree .ruleBox{border:1px solid #DDD;background:#f8f8f8;padding:25px;max-height:200px;overflow-y:auto;overflow-x:hidden;}
.member_agree .ruleCheck{margin-top:20px;text-align:center;color:#000;font-family:'Noto Medium';font-size:18px;}
.member_agree .ruleCheck span{margin-right:10px;}
.member_agree .ruleCheck input{display:inline-block;vertical-align:-1px;width:20px;height:20px;}
.member_agree .ruleBtns{margin-top:20px;text-align:center;}
.member_agree .ruleBtns a{display:inline-block;color:#FFF;border-radius:30px;padding:10px 60px;background:#7a7a7a;line-height:1;margin:0 5px;}
.member_agree .ruleBtns a.a_1{background:#0070fd;}
@media all and (max-width:480px) {
  .member_agree .ruleCheck{text-align:left;}
  .member_agree .ruleCheck span{display:block;margin-right:0;}
}
@media all and (max-width:380px) {
  .member_agree .ruleBtns a{padding:10px 30px;margin:0 1px;}
}

/*회원가입_STEP3*/
.member_form{}
.member_form i{display:inline-block;padding:0 5px;vertical-align:-4px;color:red;font-size:16px;font-family:'Noto Medium';}
.member_form i em{font-size:0;}
.member_form .text{text-align:right;padding-bottom:5px;line-height:1.2;}
.member_form .text span{color:red;}
.member_form .form_wrap{border-top:2px solid #000;}
.member_form .field_dl{display:table;width:100%;}
.member_form .field_dl dt,
.member_form .field_dl dd{display:table-cell;vertical-align:middle;padding:5px 10px;border-bottom:1px solid #c3c3c3;}
.member_form .field_dl dt{width:240px;border-right:1px solid #c3c3c3;background:#f6f9ff;font-family:'Noto Medium';}
.member_form .field_dl dd{width:calc(100% - 240px);}
.member_form .field_dl dd p{line-height:1.3;font-size:14px;padding:5px 3px;}
.member_form .field_dl dd p.resultText{color:red;}
.member_form .field_dl dd span{display:inline-block;margin:3px;}
.member_form .field_dl dd input,
.member_form .field_dl dd select{display:inline-block;height:32px;background:#fafafa;border:1px solid #DDD;padding:5px;border-radius:3px;}
.member_form .field_dl dd input[type=button],
.member_form .field_dl dd input[type=submit]{padding:0 10px;background:#47556d;border-color:#47556d;color:#FFF;cursor:pointer;}
.member_form .ruleBtns{margin-top:20px;text-align:center;}
.member_form .ruleBtns a{display:inline-block;color:#FFF;border-radius:30px;padding:10px 60px;background:#7a7a7a;line-height:1;margin:0 5px;}
.member_form .ruleBtns a.a_1{background:#0070fd;}
@media all and (max-width:768px) {
  .member_form .field_dl{display:block;border-bottom:1px solid #c3c3c3;margin-bottom:10px;padding-bottom:10px;}
  .member_form .field_dl dt,
  .member_form .field_dl dd{display:block;padding:0;border-bottom:0;}
  .member_form .field_dl dt{width:100%;border-right:0;background:none;}
  .member_form .field_dl dd{width:100%;}
  .member_form .field_dl dd span{margin:3px 0;}
}
@media all and (max-width:480px) {
  .member_form .text{text-align:left;}
  .member_form .text span{display:block;}
  .member_form .field_dl dd span{display:block;margin:3px 0;}
  .member_form .field_dl dd input,
  .member_form .field_dl dd select{width:100%;}
}
@media all and (max-width:380px) {
  .member_form .ruleBtns a{padding:10px 30px;margin:0 1px;}
}

/*찾기*/
.find_wrap{max-width:900px;margin:0 auto;line-height:1.3;border-top:2px solid #DDD;border-bottom:1px solid #DDD;padding:40px;font-size:16px;}
.find_wrap .inner{max-width:600px;margin:0 auto;}
.find_wrap h3{font-size:25px;font-family:'Noto Medium';color:#000;text-align:center;margin-bottom:30px;line-height:1.3;text-align:center;}
.find_wrap input{display:inline-block;box-sizing:border-box;border-radius:5px;}
.find_wrap input[type=text],
.find_wrap input[type=password]{border:1px solid #DDD;background:#FFF !important;height:38px;font-size:18px;padding:0 10px;margin:5px 0;}
.find_wrap input[type=button]{background:#0070fd;color:#FFF;text-align:center;font-size:20px;font-family:'Noto Medium';}
.find_wrap .login_box{position:relative;}
.find_wrap .login_box span{display:block;width:calc(100% - 105px);}
.find_wrap .login_box span i{display:inline-block;width:70px;font-family:'Noto Medium';font-size:18px;color:#000;}
.find_wrap input[type=text],
.find_wrap input[type=password]{width:calc(100% - 90px);}
.find_wrap input[type=button]{padding:30px 0;width:90px;position:absolute;right:0;top:2px;cursor:pointer;}
.find_wrap .btns{margin-top:30px;padding-bottom:10px;text-align:center;}
.find_wrap .btns a{color:#577aa6;font-family:'Noto Medium';margin-right:10px;}
.find_wrap .findResult{text-align:center;}
.find_wrap .findResult span{display:inline-block;color:#000;font-family:'Noto Medium';font-size:30px;position:relative;z-index:1;padding:0 20px;}
.find_wrap .findResult span:before{content:"";display:block;width:100%;height:15px;background-color:rgba(151,169,193,0.5);position:absolute;bottom:0;left:0;}
@media all and (max-width:1024px) {
  .find_wrap{max-width:100%;}
}
@media all and (max-width:768px) {
  .find_wrap{padding:25px;}
  .find_wrap .inner{max-width:100%;}
}
@media all and (max-width:420px) {
  .find_wrap .login_box span{width:100%;}
  .find_wrap .login_box span i{display:block;width:100%;font-size:16px;}
  .find_wrap input[type=text],
  .find_wrap input[type=password]{width:100%;}
  .find_wrap input[type=button]{padding:15px 0;width:100%;position:relative;right:auto;top:auto;margin-top:10px;}
}

body .wrap-header-box{z-index:1001}
.color1 {color: #0067cc;}
.color2 {color: #183d93;}

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

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

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

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

.wrap-contents .menu-box {background: url('../../images/basic-guide/pattern-menu-box.png') left top;padding:6px;}
.wrap-contents .menu-box .inner {background:#fff;padding: 45px 60px;}
.wrap-contents .menu-box .inner ul {display:inline-block;font-size: 0;width:100%;}
.wrap-contents .menu-box .inner li {position:relative;/* float:left; */display: inline-block;vertical-align: top;width: calc(100% / 4);padding: 0 0 0 35px;margin:8px 0;font-size: 17px;line-height: 1.3;}
.wrap-contents .menu-box .inner li:after {content:'';position:absolute;width: 25px;height:23px;left:0px;top: -1px;background: url('../../images/basic-guide/menu-box-icon.png') no-repeat left center;transition:background-position 0.3s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-contents .menu-box .inner li:hover:after {background-position:right center; transition:background-position 0.3s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-contents .menu-box .inner li a {font-family:'Noto DemiLight'; color:#666; position:relative; font-size:17px;}
.wrap-contents .menu-box .inner li a:hover {color:#183d93;}
.wrap-contents .menu-box .inner li a:after {content:'';position:absolute;left:0px;bottom:-2px;width:0;height:1px;}
.wrap-contents .menu-box .inner li a:hover:after {width:100%; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);}

@media all and (max-width:1300px) {
  .wrap-contents .menu-box .inner{padding:45px 40px;}
}

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

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

.wrap-contents .line-banner {position:relative; display:table; width:100%; padding: 20px 40px; background:#f6f6f6;}
.wrap-contents .line-banner:after, .wrap-contents .line-banner:before {content:''; position:absolute; left:0px; top:0px; width:10px; height:100%; background:#f6f6f6 /*url('../../images/common/pattern_line_banner.png') repeat-y left top; */}
.wrap-contents .line-banner:before {left:auto; right:0px; }
.wrap-contents .line-banner .icon, .wrap-contents .line-banner .desc {display:table-cell; vertical-align:middle;}
.wrap-contents .line-banner .icon {width:80px;}
.wrap-contents .line-banner .icon img {display:block;}

.wrap-contents .line-banner .desc {padding:0 0 0 30px;}
.wrap-contents .line-banner .desc strong {font-family:'Noto Regular'; font-size:26px; font-weight:normal; color:#2b3e5c; line-height:1.4;}
.wrap-contents .line-banner .desc p {font-size:16px; color:#333;}

@media all and (max-width:860px) {
  .wrap-contents .line-banner {text-align:center; padding:30px;}
  .wrap-contents .line-banner .icon, .wrap-contents .line-banner .desc {width:100%; display:block;}
  .wrap-contents .line-banner .icon {text-align:center; padding:0 0 10px 0;}
  .wrap-contents .line-banner .icon img {display:inline-block;}
  .wrap-contents .line-banner .desc {padding: 0px;}
}

.wrap-contents .con-notice {display:block; padding:10px 0 10px 40px;}
.wrap-contents .con-notice.icon1 {background:url('../../images/common/ico_noti01.png') no-repeat left 8px; font-style:normal; color:#183d93;}
.wrap-contents .con-notice.icon2 {background:url('../../images/common/ico_noti02.png') no-repeat left 8px; font-style:normal; color:#018cff;}
.wrap-contents .con-notice.icon3 {background:url('../../images/common/ico_noti03.png') no-repeat left 8px; font-style:normal; color:#eb8105;}
.wrap-contents .con-notice.icon4 {background:url('../../images/common/ico_noti04.png') no-repeat left 8px; font-style:normal; color:#43505d;}

.wrap-contents .con-btn.right {text-align:right;}
.wrap-contents .con-btn.right .btn-style {margin-right: 10px;}

.wrap-contents .btn-style {font-family:'Noto DemiLight';color:#666;padding: 10px 25px 10px 50px;margin-left: 10px;font-size:15px;}
.wrap-contents .btn-style.small {font-family:'Noto DemiLight';color:#666;padding: 3px 8px 3px 35px;margin-left: 10px;font-size:13px;}

.wrap-contents .btn-style.type1 {display:inline-block;position:relative;border:1px solid #b2b2b2;border-radius: 50px;}
.wrap-contents .btn-style.type1:after {content:'';position:absolute;left: 20px;top: 12px;width: 18px;height: 16px;background:url('../../images/icon/icon-btn01.png') no-repeat center center;}
.wrap-contents .btn-style.type1:hover:after {background:url('../../images/icon/icon-btn01-w.png') no-repeat center center;}
.wrap-contents .btn-style.type1:hover {background:#0054a6; color:#fff; transition:all 0.3s cubic-bezier(0.7, 0, 0.3, 1);border-color:#0054a6;}
.wrap-contents .btn-style.small.type1{padding-left:35px;}
.wrap-contents .btn-style.small.type1:after{top:3px; left:10px;}

.wrap-contents .btn-style.type2 {display:inline-block;position:relative;border:1px solid #b2b2b2;border-radius: 50px;}
.wrap-contents .btn-style.type2:after {content:'';position:absolute;left: 22px;top: 13px;width: 17px;height: 17px;background:url('../../images/icon/icon-btn02.png') no-repeat center center;}
.wrap-contents .btn-style.type2:hover:after {background:url('../../images/icon/icon-btn02-w.png') no-repeat center center;}
.wrap-contents .btn-style.type2:hover {background:#0054a6; color:#fff; transition:all 0.3s cubic-bezier(0.7, 0, 0.3, 1);border-color:#0054a6;}
.wrap-contents .btn-style.small.type2{padding-left:35px;}
.wrap-contents .btn-style.small.type2:after{top:4px; left:10px;}

.wrap-contents .btn-style.type3 {display:inline-block;position:relative;border:1px solid #b2b2b2;border-radius: 50px;}
.wrap-contents .btn-style.type3:after {content:'';position:absolute;left: 22px;top: 13px;width: 19px;height: 17px;background:url('../../images/icon/icon-btn03.png') no-repeat center center;}
.wrap-contents .btn-style.type3:hover:after {background:url('../../images/icon/icon-btn03-w.png') no-repeat center center;}
.wrap-contents .btn-style.type3:hover {background:#0054a6; color:#fff; transition:all 0.3s cubic-bezier(0.7, 0, 0.3, 1);border-color:#0054a6;}
.wrap-contents .btn-style.small.type3{padding-left:35px;}
.wrap-contents .btn-style.small.type3:after{top:4px; left:10px;}

.wrap-contents .btn-style.type4 {display:inline-block;position:relative;border:1px solid #b2b2b2;border-radius: 50px;}
.wrap-contents .btn-style.type4:after {content:'';position:absolute;left: 22px;top: 13px;width: 18px;height: 17px;background:url('../../images/icon/icon-btn04.png') no-repeat center center;}
.wrap-contents .btn-style.type4:hover:after {background:url('../../images/icon/icon-btn04-w.png') no-repeat center center;}
.wrap-contents .btn-style.type4:hover {background:#0054a6; color:#fff; transition:all 0.3s cubic-bezier(0.7, 0, 0.3, 1);border-color:#0054a6;}
.wrap-contents .btn-style.small.type4{padding-left:35px;}
.wrap-contents .btn-style.small.type4:after{top:4px; left:10px;}

.wrap-contents .btn-style.type5 {display:inline-block;position:relative;border:1px solid #b2b2b2;border-radius: 5px; padding-left:30px;}
.wrap-contents .btn-style.type5:after {content:'';position:absolute;left: 12px;top: 17px;width: 6px;height: 9px;background:url('../../images/icon/icon-btn05.png') no-repeat center center;}
.wrap-contents .btn-style.type5:hover:after {background:url('../../images/icon/icon-btn05-b.png') no-repeat center center;}
.wrap-contents .btn-style.type5:hover {color:#0054a6; transition:all 0.3s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-contents .btn-style.small.type5{padding-left:20px;}
.wrap-contents .btn-style.small.type5:after{top:8px; left:10px;}

.wrap-contents .btn-style.type6 {display:inline-block;position:relative;border:1px solid #b2b2b2;border-radius: 5px;}
.wrap-contents .btn-style.type6:after {content:'';position:absolute;left: 9px;top: 9px;width: 12px;height: 9px;background:url('../../images/icon/icon-btn06.png') no-repeat center center;}
.wrap-contents .btn-style.type6:hover:after {background:url('../../images/icon/icon-btn06-b.png') no-repeat center center;}
.wrap-contents .btn-style.type6:hover {color:#0054a6; transition:all 0.3s cubic-bezier(0.7, 0, 0.3, 1);}

.wrap-contents .btn-style.type7 {display:inline-block;position:relative;border:1px solid #b2b2b2;border-radius: 5px;}
.wrap-contents .btn-style.type7:after {content:'';position:absolute;left: 9px;top: 8px;width: 10px;height: 10px;background:url('../../images/icon/icon-btn07.png') no-repeat center center;}
.wrap-contents .btn-style.type7:hover:after {background:url('../../images/icon/icon-btn07-b.png') no-repeat center center;}
.wrap-contents .btn-style.type7:hover {color:#0054a6; transition:all 0.3s cubic-bezier(0.7, 0, 0.3, 1);}

.wrap-contents .con-img-box {display:inline-block; width:100%;}
.wrap-contents .con-img-box .thumb {position:relative; float:left; width:30%;}
.wrap-contents .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;}
.wrap-contents .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;}
.wrap-contents .con-img-box .thumb img {width:100%; position:relative; box-shadow: 2px 3px 2px 0px rgba(0,0,0,0.3);}
.wrap-contents .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;}
.wrap-contents .con-img-box .desc { float:left; width:70%; padding: 23px 65px;}
.wrap-contents .con-img-box .con-desc {margin:0 0 25px 0;}
.wrap-contents .con-img-box .btn-style {margin:0 0 20px 0; color:#43505d; font-family:'Noto DemiLight';}
.wrap-contents .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;}
.wrap-contents .con-img-box .list li {position:relative; padding:0 0 0 20px; font-size:16px;}
.wrap-contents .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) {
  .wrap-contents .con-img-box .thumb {width:50%;}
  .wrap-contents .con-img-box .desc {width:100%; padding: 23px 0;}
}

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

/*페이지 준비중*/
.wrap-contents .con-ready {border:1px solid #cccccc; text-align:center; padding:60px 0;}
.wrap-contents .con-ready .img,
.wrap-contents .con-ready .text{display:inline-block; vertical-align:middle; margin:0 20px;}
.wrap-contents .con-ready .text strong{display:block; font-size:30px; color:#131313; font-family:'noto Medium';}
.wrap-contents .con-ready .text span{display:block; font-size:18px; color:#666;}

@media all and (max-width:420px) {
  .wrap-contents .con-ready .text {font-size: 26px;}
  .wrap-contents .con-ready .text span:after {top:8px;}
}


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


.wrap-contents ._objHtml.no-margin {margin-top:0px !important;}
.wrap-contents ._objHtml.no-margin > div {margin-top: 0px !important;}

.icon-bx.dark {background: #333; padding: 20px 10px;}
.icon-bx.dark p {color: #fff;}
.icon-bx {overflow: hidden; margin-top: 30px;}
.icon-bx li {float: left; width: 12.5%; text-align: center; padding: 10px 0;}
.icon-bx li img {max-width: 100%;}


@media all and (max-width: 1024px) {
  .icon-bx li {width: 25%;}
}

@media all and (max-width: 767px) {
  .icon-bx li {width: 33.33%;}
}



/*박스추가*/

.wrap-contents .menu-box .inner_w {background:#fff; padding:3px;}
.wrap-contents .menu-box .inner_w ul {display:inline-block; width:100%;}

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

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



/* 교수소개*/


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

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

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

.temp1 .wrap-header,
.temp2 .wrap-header,
.temp3 .wrap-header,
.temp4 .wrap-header,
.temp5 .wrap-header,
.temp6 .wrap-header,
.temp7 .wrap-header,
.temp8 .wrap-header,
.temp9 .wrap-header,
.temp10 .wrap-header {z-index: 1030 !important}

.temp1 .wrap-header-box,
.temp2 .wrap-header-box,
.temp3 .wrap-header-box,
.temp4 .wrap-header-box,
.temp5 .wrap-header-box,
.temp6 .wrap-header-box,
.temp7 .wrap-header-box,
.temp8 .wrap-header-box,
.temp9 .wrap-header-box,
.temp10 .wrap-header-box {z-index: 1030 !important}

.temp1 .wrap-sub-navi,
.temp2 .wrap-sub-navi,
.temp3 .wrap-sub-navi,
.temp4 .wrap-sub-navi,
.temp5 .wrap-sub-navi,
.temp6 .wrap-sub-navi,
.temp7 .wrap-sub-navi,
.temp8 .wrap-sub-navi,
.temp9 .wrap-sub-navi,
.temp10 .wrap-sub-navi {z-index: 1020}


.blockUI.blockMsg,.blockUI.blockPage{z-index: 999999 !important;}

/**21.10.01**/
@media all and (max-width:1023px) {
  .sub ._contentBuilder{padding:0 15px;}
}

._objHtml p{color:#666;font-size: 17px;}

.tab_guide > ul{border-bottom: 1px solid #0055bc;font-size:0;}
.tab_guide > ul > li{display: inline-block;vertical-align: top;font-size: 16px;position: relative;}
.tab_guide > ul > li > a{display: block;padding:15px 25px;background: #f8f8f8;border:1px solid #cfcfcf;font-size: 16px;color:#666;border-bottom: 0;}
.tab_guide > ul > li._on > a{background: #fff;border-color:#0055bc;color:#0055bc;font-family: 'Noto Regular';}
.tab_guide > ul > li._on:after{content:'';width:100%;height: 1px;background: #fff;left:0;bottom:-1px;position: absolute;}
.tab_guide > ul > li + li > a{border-left:0;}

.icon-list li{position:relative;padding-left: 15px;}
.icon-list li:before{content:'';width: 8px;height: 8px;border:2px solid #0055bc;border-radius:50%;display:block;position:absolute;top: 10px;left:0;}
.icon-list li + li{margin-top:5px;}

.icon-box01{padding:5px;background: url('../../images/basic-guide/pattern-menu-box.png');}
.icon-box01 .inner{padding:35px 0;background: #fff;}
.icon-box01 .inner .icon{display: inline-block;vertical-align: top;padding-left: 65px;padding-right: 65px;}
.icon-box01 .inner .text{display: inline-block;vertical-align: top;width: calc(100% - 250px);}
.icon-box01 .inner .text > strong{display: block;margin-bottom: 15px;font-size: 23px;color:#333;font-family: 'Noto Regular';line-height: 1.3;}

.icon-box01a{padding:5px;background: url('../../images/basic-guide/pattern-menu-box.png');}
.icon-box01a .inner{padding:25px 25px 25px 25px;background: #fff;}
.icon-box01a .inner .icon{display: inline-block;vertical-align: top;padding-left: 65px;padding-right: 65px;}
.icon-box01a .inner .text{display: inline-block;vertical-align: top;}
.icon-box01a .inner .text > strong{display: block;margin-bottom: 15px;font-size: 23px;color:#333;font-family: 'Noto Regular';}

@media all and (max-width:1300px) {
  .icon-box01 .inner .icon > img{width:75px;}
  .icon-box01 .inner .icon{padding-left:40px;padding-right:20px;}
  .icon-box01 .inner .text{width:calc(100% - 150px);}
}

@media all and (max-width:767px) {
  .icon-box01 .inner .icon{display: block;text-align: center;padding-left:0;padding-right:0;margin-bottom: 25px;}
  .icon-box01 .inner .text{display: block;width:100%;padding:0 25px;}
}

.icon-box02{background: #f4f5f9;padding:35px 50px 25px;text-align: center;}
.icon-box02 .icon{width:120px;height: 120px;background: url('../../images/basic-guide/icon-box-bg02.png') no-repeat center;padding-top:18px;margin:0 auto 25px;}
.icon-box02 .text > strong{font-size: 23px;color:#333;display: block;margin-bottom: 25px;font-family: 'Noto Medium';line-height: 1.3;}

.white-box{padding: 35px 15px 35px;background: #fff;font-size: 0;}
.white-box > li{display: inline-block;vertical-align: top;width:calc(100% / 4);font-size: 17px;text-align: left;padding-left: 20px;padding-right:15px;position: relative;}
.white-box > li + li:before{content:'';width:1px;height: 80%;position: absolute;top:10%;left:0;display: block;background: #ddd;}
.white-box .con-list-g{}
.white-box .con-list-g li{padding-left: 12px;position: relative;letter-spacing: -.5px;font-size: 16px;}
.white-box .con-list-g li:before{content:'';width:4px;height: 4px;background: #959595;display: block;position: absolute;top:11px;left:0;border-radius: 50%;}

@media all and (max-width:1300px) {
  .white-box{padding:25px 0 25px;}
  .white-box > li{width:calc(100% / 2);}
  .white-box > li + li:before{display: none;}
  .icon-box02 .icon{padding-top:25px;}
  .icon-box02 .icon > img{width:75px;}
}

@media all and (max-width:767px) {
  .icon-box02{padding:25px;}
  .white-box > li{width:100%;}
}

.icon-box03{background: #f4f5f9;padding:45px 35px;border:1px solid #e8e9ec;}
.icon-box03 .icon{background: url('../../images/basic-guide/icon-box-bg01.png') no-repeat center;display: inline-block;vertical-align: top;margin-right: 35px;width: 145px;height: 145px;text-align: center;padding-top: 30px;}
.icon-box03 .text{display: inline-block;vertical-align: top;width: calc(100% - 200px);}
.icon-box03 .text > strong{font-size: 23px;color:#0067cc;display: block;margin-bottom: 15px;font-family: 'Noto Medium';line-height: 1.3;}

@media all and (max-width:1300px) {
  .icon-box03{padding:45ox 40px;}
  .icon-box03 .inner .icon{padding-top: 35px;margin-right:20px;}
  .icon-box03 .inner .icon > img{width:75px;}
  .icon-box03 .text{width:calc(100% - 180px);}
}

@media all and (max-width:767px) {
  .icon-box03{padding:30px 25px;}
  .icon-box03 .inner .icon{display: block;text-align: center;padding-left:0;padding-right:0;margin: 0 auto 25px;}
  .icon-box03 .inner .text{display: block;width:100%;}
}

.icon-box04{font-size:0;}
.icon-box04 .inner{border: 1px solid #e8e9ec;border-radius: 15px;}
.icon-box04 .icon{background: #fff;display: inline-block;vertical-align: middle;width: 200px;height: 100%;text-align: center;}
.icon-box04 .text{position: relative;display: inline-block;vertical-align: middle;width: calc(100% - 200px);font-size: 17px;background: #f4f5f9;padding: 35px 35px 35px 40px;border-left:0;border-radius: 0 15px 15px 0;}
.icon-box04 .text:before{content:'';width:17px;height: 19px;background: url('../../images/basic-guide/box-triangle.png') no-repeat center;position: absolute;left: -1px;top: 45px;}
.icon-box04 .text > strong{font-size: 23px;color:#282828;display: block;margin-bottom: 15px;font-family: 'Noto Medium';line-height: 1.3;}

@media all and (max-width:1300px) {
  .icon-box04 .inner .icon > img{width:80px;}
}

@media all and (max-width:767px) {
  .icon-box04{padding: 30px 15px;}
  .icon-box04 .inner .icon{display: block;text-align: center;padding-left:0;padding-right:0;margin: 0 auto 25px;}
  .icon-box04 .inner .text{display: block;width:100%;border-left:1px solid #e8e9ec;border-radius: 0 0 10px 10px;border-top: 0;padding: 30px 20px;}
  .icon-box04 .text:before{top:-3px;left:50%;margin-left:-8px;transform: rotate(90deg);}
}

.icon-box05{padding:5px;}
.icon-box05 .inner{padding:35px 0;background: #fff;border-bottom:1px dashed #ddd;}
.icon-box05 .inner .icon{display: inline-block;vertical-align: top;padding-left: 65px;padding-right: 65px;}
.icon-box05 .inner .text{display: inline-block;vertical-align: top;width: calc(100% - 250px);}
.icon-box05 .inner .text > strong{display: block;margin-bottom: 10px;font-size: 23px;color:#0067cc;font-family: 'Noto Regular';line-height: 1.3;}

@media all and (max-width:1300px) {
  .icon-box05 .inner .icon > img{width:75px;}
  .icon-box05 .inner .icon{padding-left:40px;padding-right:20px;}
  .icon-box05 .inner .text{width:calc(100% - 150px);}
}

@media all and (max-width:767px) {
  .icon-box05 .inner .icon{display: block;text-align: center;padding-left:0;padding-right:0;margin-bottom: 25px;}
  .icon-box05 .inner .text{display: block;width:100%;padding:0 25px;}
}

.icon-box06{padding:5px;}
.icon-box06 .inner{padding:35px 0;background-color: #fafafa;border: 1px solid #cccccc;}
.icon-box06 .inner .text{display: inline-block;vertical-align: top;width: calc(100% - 250px);}
.icon-box06 .inner .text > strong{display: block;margin-bottom: 15px;font-size: 23px;color:#333;font-family: 'Noto DemiLight';}

@media all and (max-width:1300px) {
  .icon-box06 .inner .text{width:calc(100% - 150px);}
}

@media all and (max-width:767px) {
  .icon-box06 .inner .text{display: block;width:100%;padding:0 25px;}
}

.box-type-icon01{padding:20px 0 40px;}
.box-type-icon01 ul li{display: inline-block;vertical-align: top;width:calc(100% / 3 - 30px);text-align: center;padding: 0 20px;border: 1px solid #ccc;padding: 40px 20px;}
.box-type-icon01 ul li + li{margin-left:25px;}
.box-type-icon01 ul li .icon{width:120px;height: 120px;background: url('../../images/basic-guide/icon-box-bg03.png') no-repeat center;margin:0 auto 20px;padding-top: 18px;}
.box-type-icon01 ul li .text strong{color:#222;font-size: 20px;font-family: 'Noto Medium';display: block;margin-bottom: 8px;line-height: 1.3;}
.box-type-icon01 ul li .text strong.color1{color:#0067cc;}
.box-type-icon01 ul li .text strong.color2{color:#00a9a0;}
.box-type-icon01 ul li .text p{margin-bottom: 30px;}
.box-type-icon01 ul li .text .more-detail{color:#434343;font-size: 15px;background: #fff;border:1px solid #c6c6c6;padding: 8px 5px;border-radius: 5px;width: 60%;display: inline-block;text-align: center;}
.box-type-icon01 ul li .text .more-detail:hover{color:#fff;border-color:#0067cc;background: #0067cc;}

@media all and (max-width:1300px) {
  .box-type-icon01 ul li .icon{padding-top:22px;}
  .box-type-icon01 ul li .icon > img{width:75px;}
}

@media all and (max-width:767px) {
  .box-type-icon01 ul li{width:100%;display: block;}
  .box-type-icon01 ul li + li{margin-left:0;margin-top:65px;}
}

.box-type-icon02{padding:20px 0 40px;}
.box-type-icon02 ul li{display: inline-block;vertical-align: top;width:calc(100% / 3 - 30px);text-align: center;padding: 25px 20px 40px;background: #f4f5f9;border:1px solid #cfcfcf;}
.box-type-icon02 ul li + li{margin-left:25px;}
.box-type-icon02 ul li .icon{width: 145px;height: 145px;background: url('../../images/basic-guide/icon-box-bg01.png') no-repeat center;margin:0 auto 20px;padding-top: 30px;}
.box-type-icon02 ul li .text strong{color:#222;font-size: 20px;font-family: 'Noto Medium';display: block;margin-bottom: 8px;line-height: 1.3;}
.box-type-icon02 ul li .text strong.color1{color:#0067cc;}
.box-type-icon02 ul li .text strong.color2{color:#00a9a0;}
.box-type-icon02 ul li .text p{margin-bottom: 30px;}
.box-type-icon02 ul li .text .more-detail{color:#434343;font-size: 15px;background: #fff;border:1px solid #c6c6c6;padding: 8px 5px;border-radius: 5px;width: 60%;display: inline-block;text-align: center;}
.box-type-icon02 ul li .text .more-detail:hover{color:#fff;border-color:#0067cc;background: #0067cc;}

@media all and (max-width:1300px) {
  .box-type-icon02 ul li .icon{padding-top:35px;}
  .box-type-icon02 ul li .icon > img{width:75px;}
}

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

.box-type-icon03{padding:20px 0 40px;}
.box-type-icon03 ul li{display: inline-block;vertical-align: top;width:calc(100% / 3 - 30px);text-align: center;padding: 25px 20px 40px;background: #f3f9ff;}
.box-type-icon03 ul li + li{margin-left:25px;}
.box-type-icon03 ul li .icon{width: 160px;height: 160px;background: url('../../images/basic-guide/icon-box-bg04.png') no-repeat center;margin:0 auto 20px;padding-top: 25px;}
.box-type-icon03 ul li .text strong.color1{color:#0067cc;}
.box-type-icon03 ul li .text strong{color:#222;font-size: 20px;font-family: 'Noto Medium';display: block;margin-bottom: 8px;line-height: 1.3;}
.box-type-icon03 ul li .text strong.color2{color:#00a9a0;}
.box-type-icon03 ul li .text p{margin-bottom: 30px;}
.box-type-icon03 ul li .text .more-detail{color:#434343;font-size: 15px;background: #fff;border:1px solid #c6c6c6;padding: 8px 5px;border-radius: 5px;width: 60%;display: inline-block;text-align: center;}
.box-type-icon03 ul li .text .more-detail:hover{color:#fff;border-color:#0067cc;background: #0067cc;}

@media all and (max-width:1300px) {
  .box-type-icon03 ul li .icon{padding-top:32px;}
  .box-type-icon03 ul li .icon > img{width:85px;}
}

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

.box-type-icon04{padding:20px 0 40px;}
.box-type-icon04 > ul > li{display: inline-block;vertical-align: top;width: calc(100% / 2 - 40px);text-align: center;padding: 30px 20px 50px 40px;background: #f3f9ff;}
.box-type-icon04 > ul > li + li{margin-left:70px;}
.box-type-icon04 > ul > li .icon{width: 120px;height: 120px;background: #0054a6;margin:0 auto 20px;border-radius: 50%;padding-top: 18px;display: inline-block;vertical-align: top;}
.box-type-icon04 > ul > li .text{display: inline-block;vertical-align: top;margin-left:35px;width:calc(100% - 160px);text-align: left;padding-top: 10px;}
.box-type-icon04 > ul > li .text > strong{font-size: 21px;color:#222;font-family: 'Noto Medium';display: block;margin-bottom: 15px;line-height: 1.3;}
.box-type-icon04 > ul > li .text ul{margin-bottom: 30px;}
.box-type-icon04 > ul > li .text ul li{padding-left:12px;position: relative;}
.box-type-icon04 > ul > li .text ul li:before{content:'';width:3px;height: 3px;background: #0067cc;position: absolute;left:0;top:12px;}
.box-type-icon04 > ul > li .text ul li + li{margin-top:5px;}
.box-type-icon04 ul li .text .more-detail{color:#434343;font-size: 15px;background: #fff;border:1px solid #c6c6c6;padding: 8px 5px;border-radius: 5px;width: 60%;display: inline-block;text-align: center;}
.box-type-icon04 ul li .text .more-detail:hover{color:#fff;border-color:#0067cc;background: #0067cc;}

@media all and (max-width:1300px) {
  .box-type-icon04 > ul > li{padding:30px 35px;}
  .box-type-icon04 > ul > li .icon{display: block;margin:0 auto 25px;padding-top:22px;}
  .box-type-icon04 > ul > li .icon > img{width:75px;}
  .box-type-icon04 > ul > li .text{width:100%;margin-left:0;}
  .box-type-icon04 ul li .text .more-detail{display: block;margin:0 auto;}
}

@media all and (max-width:767px) {
  .box-type-icon04 > ul > li{display: block;width: 100%;padding: 35px 25px 30px;}
  .box-type-icon04 > ul > li + li{margin-left:0;margin-top:25px;}
}

.img-box01 .img{display: inline-block;vertical-align: top;width:520px;}
.img-box01 .conts{display: inline-block;width: calc(100% - 460px);vertical-align: top;margin-top:50px;margin-left:-65px;padding-right:10px;padding-bottom: 10px;position: relative;}
.img-box01 .conts:before{content:'';width: 97%;height: 95%;background: url('../../images/basic-guide/img-box-bg.png');position: absolute;right:0;bottom:0;z-index: -1;}
.img-box01 .conts .inner{padding:40px 40px 45px 65px;background: #f4f5f9;min-height: 280px;}
.img-box01 .conts .inner strong{color:#0054a6;display: block;font-family: 'Noto Medium';font-size: 30px;padding-bottom: 15px;margin-bottom: 20px;position: relative;}
.img-box01 .conts .inner strong:after{content:'';display: block;width:50px;height: 1px;background: #0054a6;position: absolute;left:0;bottom:0;}
.img-box01 .conts .inner p{line-height: 1.6;color:#666;}
.img-box01 .conts .inner p > span{font-family: 'Noto Regular';color:#282828;}
.img-box01 .conts .inner p > span.color1{color:#0067cc;font-family: 'Noto DemiLight';}
.img-box01 .conts .inner p > span.color2{color:#f68121;font-family: 'Noto DemiLight';}

@media all and (max-width:1200px) {
  .img-box01 .img{width: 40%;}
  .img-box01 .conts{width: calc(60% + 60px);}
}

@media all and (max-width:767px) {
  .img-box01 .img{width:100%;display: block;padding-right: 10px;}
  .img-box01 .img > img{width:100%;}
  .img-box01 .conts{display: block;width:100%;margin-left: 0;margin-top: 0;}
  .img-box01 .conts .inner{padding:30px 25px 25px;min-height: auto;}
  .img-box01 .conts .inner strong{font-size: 24px;}
}

.img-box02 .img{position: relative;}
.img-box02 .img:before{content:'';width:36px;height: 36px;background: url('../../images/basic-guide/left-blue-tri.png') no-repeat center;display: block;position: absolute;bottom: 50px;left: 6%;z-index: 99;}
.img-box02 .img:after{content:'';width: calc(88% - 36px);height: 36px;background: #fff;display: block;position: absolute;bottom: 50px;left: calc(6% + 36px);z-index: 99;}
.img-box02 .img .title-box{position: absolute;bottom: -15px;left: 50%;background: #fff;width: 88%;height: 75px;transform: translate(-50% , 0);text-align: center;}
.img-box02 .img .title-box > strong{font-size: 30px;color:#222;font-family: 'Noto Medium';display: block;padding: 15px;padding-top: 0;width: 90%;border-bottom: 1px solid #e8e9ec;margin: 0 auto;}
.img-box02 .conts{width: 82%;margin: 0 auto;background: #fff;text-align: center;display: block;padding-top: 40px;padding-left: 36px;}
.img-box02 .conts .text-box {margin-bottom: 25px;}
.img-box02 .conts .text-box > strong{display:inline-block;font-size: 35px;color:#0054a6;font-family: serif;font-weight: bold;letter-spacing: -2px;}
.img-box02 .conts .text-box > strong:before{content:'';display: inline-block;vertical-align: middle;width:26px;height: 20px;background: url('../../images/basic-guide/img-box-left-gray.png') no-repeat center;margin: -10px 15px 0 0;}
.img-box02 .conts .text-box > strong:after{content:'';display: inline-block;vertical-align: middle;width:26px;height: 20px;background: url('../../images/basic-guide/img-box-right-gray.png') no-repeat center;margin: -10px 0 0 15px;}
.img-box02 .conts p{line-height: 1.8;}
.img-box02 .conts p .color0{color:#282828;font-family: 'Noto DemiLight';}
.img-box02 .conts p .color1{color:#0067cc;font-family: 'Noto DemiLight';}
.img-box02 .conts p .color2{color:#f68121;font-family: 'Noto DemiLight';}
.img-box02 .conts p .border-bottom{border-bottom: 1px solid #666;padding-bottom: 3px;}

@media all and (max-width:1400px) {
  .img-box02 .img .title-box{bottom:-25px;}
  .img-box02 .img .title-box > strong{font-size: 22px;}
  .img-box02 .conts .text-box > strong{font-size: 28px;}
  .img-box02 .img:before{width:30px;height: 30px;bottom: 42px;}
  .img-box02 .img:after{height: 30px;width:calc(88% - 30px);left:calc(6% + 30px);bottom: 42px;}
}

@media all and (max-width:767px) {
  .img-box02 .img:before,
  .img-box02 .img:after{display: none;}
  .img-box02 .img .title-box{padding-left: 25px;padding-right: 25px;margin-left:0;width: 92.5%;height: 58px;}
  .img-box02 .img .title-box > strong{padding:12px 0;}
  .img-box02 .conts{width:90%;padding-left:0;}
}

.img-box03{position: relative;}
.img-box03 .title-box{display: inline-block;vertical-align: top;padding: 40px 40px 60px 40px;background: #f4f5f9;width: calc(100% - 60px);min-height: 320px;margin-bottom: 40px;}
.img-box03 .title-box > span{display: block;color:#282828;font-family: 'Noto Medium';background: url('../../images/basic-guide/img-box-title-bg.png') no-repeat left top;font-size: 24px;padding: 10px 0 0 15px;line-height: 1.6;margin-bottom: 25px;width: 45%;}
.img-box03 .title-box > strong{display: block;color:#0054a6;font-family: 'Noto DemiLight';font-size: 30px;line-height: 1.3;margin-bottom: 15px;width: 45%;padding-left: 15px;}
.img-box03 .title-box > p{width: 45%;line-height: 1.6;word-break: keep-all;padding-left: 15px;}
.img-box03 .title-box > p .color0{color:#282828;font-family: 'Noto DemiLight';}
.img-box03 .title-box > p .color1{color:#0067cc;font-family: 'Noto DemiLight';}
.img-box03 .title-box > p .color2{color:#f68121;font-family: 'Noto DemiLight';}
.img-box03 .img{position: absolute;top: 60px;right:0;max-width: 570px;max-height: 330px;overflow: hidden;width: 50%;}
.img-box03 .conts{padding-left:55px;}
.img-box03 .conts .top-p{width: 43%;}
.img-box03 .conts > p{line-height: 1.8;}
.img-box03 .conts > p .color0{color:#282828;font-family: 'Noto DemiLight';}
.img-box03 .conts > p .color1{color:#0067cc;font-family: 'Noto DemiLight';}
.img-box03 .conts > p .color2{color:#f68121;font-family: 'Noto DemiLight';}
.img-box03 .conts > p .border-bottom{border-bottom: 1px solid #666;padding-bottom: 3px;}

@media all and (max-width:1400px) {
  .img-box03 .conts .top-p{width:100%;}
}

@media all and (max-width:1200px) and (min-width:768px) {
  .img-box03 .title-box{margin-bottom: 0;padding-bottom: 100px;}
  .img-box03 .title-box > span,
  .img-box03 .title-box > strong,
  .img-box03 .title-box > p{width:100%;}
  .img-box03 .img{width:80%;max-width:80%;max-height: 100%;text-align:right;position: initial;margin-left: auto;margin-top: -55px;margin-bottom: 40px;}
  .img-box03 .img > img{width:100%;}
}

@media all and (max-width:767px) {
  .img-box03 .img{position: initial;max-width: 100%;max-height: 100%;width:100%;margin-bottom: 20px;}
  .img-box03 .img > img{width: 100%;}
  .img-box03 .title-box{width:100%;padding: 30px 25px 35px;min-height: auto;margin-bottom: 0;}
  .img-box03 .title-box > span{width:100%;font-size: 20px;background-size: 20px;padding: 2px 0 0 10px;margin-bottom: 10px;}
  .img-box03 .title-box > strong{width:100%;font-size: 26px;padding-left: 10px;}
  .img-box03 .title-box > p{width:100%;padding-left: 10px;}
  .img-box03 .conts{padding-left: 35px;padding-right: 25px;}
}

.img-box04 .img{position: relative;margin-bottom: 40px;}
.img-box04 .img:before{content: '';width: calc(80% - 36px);height: 36px;background: #fff;display: block;position: absolute;left:calc(50% - 18px);top: calc(32% - 36px);transform: translate(-50%, 0);z-index: 99;}
.img-box04 .img:after{content:'';width:36px;height: 36px;background: url('../../images/basic-guide/right-blue-tri.png') no-repeat center;display: block;position: absolute;top:calc(32% - 36px);right:10%;}
.img-box04 .img .title-box{position: absolute;top: 32%;left:50%;transform: translate(-50%, 0);background: #fff;text-align: center;box-shadow: rgb(0 0 0 / 50%) 0 0 35px;min-height: 170px;width: 80%;padding: 0 65px 35px 65px;}

.img-box04 .img .title-box strong{color:#0054a6;display: block;border-bottom: 1px solid #cfcfcf;font-size: 30px;padding-bottom: 17px;margin-bottom: 25px;font-family: 'Noto Regular';}
.img-box04 .conts p .color0{color:#282828;font-family: 'Noto DemiLight';}
.img-box04 .conts p .color1{color:#0067cc;font-family: 'Noto DemiLight';}
.img-box04 .conts p .color2{color:#f68121;font-family: 'Noto DemiLight';}
.img-box04 .conts p .border-bottom{border-bottom: 1px solid #666;padding-bottom: 3px;}

@media all and (max-width:820px) {
  .img-box04 .img{margin-bottom: 100px;}
}

@media all and (max-width:767px) {
  .img-box04 .img{margin-bottom: 0;}
  .img-box04 .img:before,
  .img-box04 .img:after{display: none;}
  .img-box04 .img .title-box{position: initial;transform: none;width:100%;box-shadow: none;padding: 25px 0 35px;}
  .img-box04 .img .title-box strong{font-size: 25px;padding-bottom: 12px;margin-bottom: 20px;}
}

.li-box-01 > ul > li{margin-bottom:80px;}
.li-box-01 > ul > li .img{display: inline-block;vertical-align: top;width:315px;}
.li-box-01 > ul > li .img > img{width:100%;}
.li-box-01 > ul > li .conts{display: inline-block;vertical-align: top;padding-left:55px;width:calc(100% - 320px);padding-top:10px;}
.li-box-01 > ul > li .conts > strong{font-size: 23px;color:#0067cc;font-family: 'Noto Regular';display: block;margin-bottom: 15px;line-height: 1.3;}
.li-box-ul li{position: relative;padding-left: 13px;color: #666;}
.li-box-ul li + li{margin-top:5px;}
.li-box-ul li:before{content:'';width:6px;height: 6px;background: #bbb;position: absolute;top:10px;left:0;border-radius: 50%;}

@media all and (max-width:1200px) and (min-width:1024px) {
  .li-box-01 > ul > li .img{width:280px;}
  .li-box-01 > ul > li .conts{padding-left:25px;}
}

@media all and (max-width:1200px) and (min-width:768px) {
  .li-box-01 > ul > li .img{width:30%;}
  .li-box-01 > ul > li .conts{width:69%;}
}

@media all and (max-width:767px) {
  .li-box-01 > ul > li{margin-bottom: 60px;}
  .li-box-01 > ul > li .img{display: block;width:100%;}
  .li-box-01 > ul > li .conts{display: block;width:100%;padding-left:10px;padding-top:25px;}
}

.li-box-02 > ul > li{display: inline-block;vertical-align: top;width:calc(100% / 3 - 20px);}
.li-box-02 > ul > li .img > img{width:100%;}
.li-box-02 > ul > li + li{margin-left:25px;}
.li-box-02 > ul > li .title{margin-bottom:20px;}
.li-box-02 > ul > li .title > strong{display: block;color:#0067cc;font-size: 23px;font-family: 'Noto Regular';margin-bottom: 10px;line-height: 1.3;}
.li-box-02 > ul > li .conts{padding-top:25px;}

@media all and (max-width:1200px) and (min-width:1024px) {
  .li-box-02 > ul > li{width:100%;display: block;}
  .li-box-02 > ul > li .img{text-align: center;}
  .li-box-02 > ul > li .img > img{width:60%;}
  .li-box-02 > ul > li + li{margin-left:0;margin-top:50px;}
}

@media all and (max-width:767px) {
  .li-box-02 > ul > li{width:100%;display: block;}
  .li-box-02 > ul > li + li{margin-left:0;margin-top:50px;}
}

.li-box-03 > ul > li{display: inline-block;vertical-align: top;width:calc(100% / 3 - 20px);}
.li-box-03 > ul > li .img > img{width:100%;}
.li-box-03 > ul > li + li{margin-left:25px;}
.li-box-03 > ul > li .conts{margin-top:20px;padding-left:18px;position: relative;}
.li-box-03 > ul > li .conts:before{content:'';width:2px;height: 100%;background: #0067cc;position: absolute;left:0;top: 5px;}
.li-box-03 > ul > li .conts > strong{display: block;font-size: 23px;color:#0067cc;font-family: 'Noto Regular';margin-bottom: 10px;line-height: 1.3;}

@media all and (max-width:1200px) and (min-width:1024px) {
  .li-box-03 > ul > li{width:100%;display: block;}
  .li-box-03 > ul > li .img{text-align: center;}
  .li-box-03 > ul > li .img > img{width:60%;}
  .li-box-03 > ul > li + li{margin-left:0;margin-top:50px;}
}

@media all and (max-width:767px) {
  .li-box-03 > ul > li{width:100%;display: block;}
  .li-box-03 > ul > li + li{margin-left:0;margin-top:50px;}
}

.li-box-04 > ul > li{display: inline-block;vertical-align: top;width: calc(100% / 2 - 22px);}
.li-box-04 > ul > li + li{margin-left:40px;}
.li-box-04 > ul > li .img > img{width:100%;}
.li-box-04 > ul > li .conts{padding:20px 0 0 15px;}
.li-box-04 > ul > li .conts strong{font-size: 23px;color:#0067cc;font-family: 'Noto Regular';margin-bottom: 10px;display: block;line-height: 1.3;}

@media all and (max-width:767px) {
  .li-box-04 > ul > li{width:100%;display: block;}
  .li-box-04 > ul > li + li{margin-left:0;margin-top:50px;}
}

.li-box-05 .img{width:410px;display: inline-block;vertical-align: top;padding:0 10px 10px 0;position: relative;}
.li-box-05 .img:before{content:'';width:97%;height: 97%;background: url('../../images/basic-guide/li-box-bg.png') center;position: absolute;bottom:0;right:0;z-index: -1;}
.li-box-05 .img img{width:100%;}
.li-box-05 > ul{display: inline-block;vertical-align: top;width:calc(100% - 415px);padding-left:70px;}
.li-box-05 > ul > li{padding: 10px 0 35px;border-bottom: 1px dashed #e9e9e9;}
.li-box-05 > ul > li + li{padding:30px 0 35px;}
.li-box-05 > ul > li > strong{font-size: 23px;color:#0067cc;font-family: 'Noto Regular';margin-bottom: 10px;display: block;line-height: 1.3;}

@media all and (max-width:1200px) {
  .li-box-05 .img{width:300px;}
  .li-box-05 > ul{width:calc(100% - 305px);padding-left:35px;}
}

@media all and (max-width:767px) {
  .li-box-05 .img{width: 70%;display: block;margin: 0 auto;}
  .li-box-05 > ul{width:100%;display: block;margin-top: 30px;padding-left:0;}
}

.li-box-06 .img{width:410px;display: inline-block;vertical-align: top;padding:0 10px 10px 0;position: relative;}
.li-box-06 .img:before{content:'';width:97%;height: 97%;background: url('../../images/basic-guide/li-box-bg.png') center;position: absolute;bottom:0;right:0;z-index: -1;}
.li-box-06 .img img{width:100%;}
.li-box-06 > ul{display: inline-block;vertical-align: top;width:calc(100% - 415px);padding-left:70px;}
.li-box-06 > ul > li{padding: 10px 0 35px;border-bottom: 0px dashed #e9e9e9;}
.li-box-06 > ul > li + li{padding:30px 0 35px;}
.li-box-06 > ul > li > strong{font-size: 23px;color:#0067cc;font-family: 'Noto Regular';margin-bottom: 10px;display: block;}

@media all and (max-width:1200px) {
  .li-box-06 .img{width:300px;}
  .li-box-06 > ul{width:calc(100% - 305px);padding-left:35px;}
}

@media all and (max-width:767px) {
  .li-box-06 .img{width: 70%;display: block;margin: 0 auto;}
  .li-box-06 > ul{width:100%;display: block;margin-top: 30px;padding-left:0;}
}

.li-box-07 {padding:5px;}
.li-box-07 .inner{padding:35px 0;background: #fff;border-bottom:1px solid #eaeaea;;}
.li-box-07 .inner .text{display: inline-block;vertical-align: top; width:100%;}
.li-box-07 .inner .text > strong{display: block;margin-bottom: 10px;font-size: 23px;color: #0067cc;font-family: 'Noto Regular';line-height: 1.3;}


.li-box-08 > ul > li{margin-bottom:80px;}
.li-box-08 > ul > li .img{display: inline-block;vertical-align: top;width:240px;}
.li-box-08 > ul > li .img > img{width:240px;display: block;margin: 0 auto;}
.li-box-08 > ul > li .conts{display: inline-block;vertical-align: top;padding-left:55px;width:calc(100% - 320px);padding-top:10px;}
.li-box-08 > ul > li .conts > strong{font-size: 23px;color:#0067cc;font-family: 'Noto Regular';display: block;margin-bottom: 15px;line-height: 1.3;}
.li-box-ul li{position: relative;padding-left: 13px;color: #666;}
.li-box-ul li + li{margin-top:5px;}
.li-box-ul li:before{content:'';width:6px;height: 6px;background: #bbb;position: absolute;top:10px;left:0;border-radius: 50%;}

@media all and (max-width:1200px) and (min-width:1024px) {
  .li-box-08 > ul > li .img{width:280px;}
  .li-box-08 > ul > li .conts{padding-left:25px;}
}

@media all and (max-width:1200px) and (min-width:768px) {
  .li-box-08 > ul > li .img{width:30%;}
  .li-box-08 > ul > li .conts{width:69%;}
}

@media all and (max-width:767px) {
  .li-box-08 > ul > li{margin-bottom: 60px;}
  .li-box-08 > ul > li .img{display: block;width:100%;}
  .li-box-08 > ul > li .conts{display: block;width:100%;padding-left:10px;padding-top:25px;}
}


.greeting-type01 .title{padding: 40px 55px 60px;background: url('../../images/greeting/greeting-bg-blue.jpg') no-repeat left top;background-size: cover;}
.greeting-type01 .title > strong{font-size: 30px;display: block;padding-bottom: 20px;margin-bottom: 20px;color:#fff;position: relative;line-height: 1.4;}
.greeting-type01 .title > strong:after{content:'';width:50px;height: 1px;background: rgba(255,255,255,0.5);position: absolute;bottom:0;left:0;}
.greeting-type01 .title > strong > span{font-family: 'Noto Medium';color:#fff;}
.greeting-type01 .title > strong > i{display: block;}
.greeting-type01 .title > span{color:#fff;font-size: 20px;line-height: 1.4;font-family: 'Noto Regular';}
.greeting-type01 .title > span > i{display: block;}
.greeting-type01 .conts{background: #fff;margin: -25px auto 0;width:90%;}
.greeting-type01 .conts .sub-title{background: #dae0ec;text-align: right;padding: 2px 20px;}
.greeting-type01 .conts .sub-title span{display: inline-block;vertical-align: middle;color:#282828;margin-right: 5px;}
.greeting-type01 .conts .sub-title strong{display: inline-block;vertical-align: middle;color:#282828;font-size: 30px;font-family: serif;font-weight: bold;letter-spacing: -1.5px;}
.greeting-type01 .conts .text{padding-top:35px;}
.greeting-type01 .conts .text p{line-height: 1.7;font-size: 17px;}

@media all and (max-width:767px) {
  .greeting-type01 .title{padding: 25px 35px 50px;}
  .greeting-type01 .title > strong{font-size: 24px;}
  .greeting-type01 .title > span{font-size: 18px;}
  .greeting-type01 .conts .sub-title strong{font-size:25px;}
}

.greeting-type02{overflow:hidden; margin-bottom:50px; font-size:17px;}
.greeting-type02 .thum{width: 240px;float:left;}
.greeting-type02 .thum p{position:relative; padding:0 25px 25px 0; margin-bottom:20px;}
.greeting-type02 .thum img{border:1px solid #ddd;}
.greeting-type02 .thum p:after{content:''; width:calc(100% - 25px); height:calc(100% - 25px); background:url('../../images/greeting/greeting-bg.png'); display:block; position: absolute; right:0; bottom:0; z-index: -1;}
.greeting-type02 .thum span{display:block; text-align:right; letter-spacing:10px; font-family: 'Noto Regular';}
.greeting-type02 .cont{width: calc(100% - 330px);float:right;line-height: 1.8;}
.greeting-type02 .cont .import{font-size: 38px;line-height:1.3;position:relative;padding:40px 0 0 20px;margin-bottom:20px;}
.greeting-type02 .cont .import:after{content:''; width:90px; height:80px; display:block; position:absolute; top:0; left:0; background:url('../../images/greeting/Quotes_icon.png') no-repeat; z-index:-1;}
.greeting-type02 .cont .import p span{color:#0f6cdd;}
.greeting-type02 .cont .import p.t1{color:#000;font-size:20px;margin-bottom:30px;font-family: 'Noto Light';}
.greeting-type02 .cont .import p.t2{color:#2a5ca5;margin-bottom:40px;font-style:italic;font-family:serif;letter-spacing:-3px;position:relative;display:inline-block;padding: 0 30px 20px 0;font-size: 40px;}
.greeting-type02 .cont .import p.t2:after{content:''; width:90px; height:80px; transform:rotate(180deg); display:block; position:absolute; bottom:0; right:0; background:url('../../images/greeting/Quotes_icon.png') no-repeat; z-index:-1;}
.greeting-type02 .cont .import p.t2 em{display:block;}
.greeting-type02 .cont .sign{margin-top:30px;text-align:right;font-family: 'Noto Light';color: #333;}
.greeting-type02 .cont .sign strong{font-size:35px;font-family:serif;display:inline-block;margin:0 5px;font-weight: bold;letter-spacing: -2px;}
.greeting-type02 .cont .sub-p{color:#282828;font-size: 24px;line-height: 1.3; font-family: 'Noto Regular';}

@media all and (max-width:1100px) {
  .greeting-type02 .thum{float: inherit; margin: 0 auto;}
  .greeting-type02 .cont{width:100%; padding:0 20px; box-sizing:border-box;}
  .greeting-type02 .cont .import p.t2{margin-left:0; padding-right:20px; margin-bottom:0;}
  .greeting-type02 .cont .import p.t2 em{display:inline;}
}

@media all and (max-width:1100px) and (min-width:768px) {
  .greeting-type02 .thum{text-align:center;width: 360px;}
  .greeting-type02 .thum img{width:70%;}
  .greeting-type02 .thum p:after{width:calc(70% - 25px);height:calc(70% - 25px);right:12%;}
}

@media all and (max-width:767px) {
  .greeting-type02 .cont .import{font-size:22px;position: initial;margin-bottom: 20px;padding: 20px 0 0 20px;}
  .greeting-type02 .cont .import p.t2{font-size:26px;}
  .greeting-type02 .cont .sign strong{font-size:25px;}
  .greeting-type02 .thum p{margin-top:55px;}
}

.greeting-type03{position: relative;}
.greeting-type03 .img-box{width: 330px;position: absolute;top: 70px;right:0;}
.greeting-type03 .img-title{margin-top:30px;text-align: right;}
.greeting-type03 .img-title span{display: inline-block;vertical-align: middle;color:#282828;margin-right: 5px;}
.greeting-type03 .img-title strong{display: inline-block;vertical-align: middle;color:#282828;font-size: 30px;font-family: serif;font-weight: bold;letter-spacing: -1.5px;}

.greeting-type03 .title{padding: 40px 55px 50px;background: url('../../images/greeting/greeting-bg-gray.jpg') no-repeat left top;width: calc(100% - 80px);background-size: cover;}
.greeting-type03 .title > strong{font-size: 35px;display: block;padding-bottom: 20px;margin-bottom: 20px;color: #0067cc;position: relative;line-height: 1.2;letter-spacing: -2.5px;font-family: serif;}
.greeting-type03 .title > strong:after{content:'';width:50px;height: 1px;background: #282828;position: absolute;bottom:0;left:0;}
.greeting-type03 .title > strong > span{font-family: 'Noto Medium';color:#fff;}
.greeting-type03 .title > strong > i{display: block;}
.greeting-type03 .title > span{color: #282828;font-size: 24px;line-height: 1.4;font-family: 'Noto Light';}
.greeting-type03 .title > span > i{display: block;}
.greeting-type03 .conts{background: #fff;width: calc(100% - 330px);padding: 40px;}
.greeting-type03 .conts .sub-title{background: #dae0ec;text-align: right;padding: 2px 20px;}
.greeting-type03 .conts .sub-title span{display: inline-block;vertical-align: middle;color:#282828;margin-right: 5px;}
.greeting-type03 .conts .sub-title strong{display: inline-block;vertical-align: middle;color:#282828;font-size: 30px;font-family: serif;font-weight: bold;letter-spacing: -1.5px;}
.greeting-type03 .conts .text p{color:#666;line-height: 1.7;font-size: 17px;}

@media all and (max-width:1400px) {
  .greeting-type03 .img-box{width: 200px;}
  .greeting-type03 .conts{width:calc(100% - 250px);}
}

@media all and (max-width:1300px) {
  .greeting-type03 .title{width:calc(100% - 170px);}
}

@media all and (max-width:1200px) and (min-width:1024px) {
  .greeting-type03 .img-box{width:100%;margin: -180px auto 0;display: block;position: initial;text-align: right;margin-bottom: 15px;padding-right: 40px;}
  .greeting-type03 .img-title{text-align: right;margin-top: 15px;background: #fff;}
  .greeting-type03 .conts{width:100%;}
  .greeting-type03 .title{width:100%;padding-bottom: 220px;}
}

@media all and (max-width:767px) {
  .greeting-type03 .img-box{width:100%;margin: -220px auto 0;display: block;position: initial;text-align: right;margin-bottom: 15px;padding-right: 40px;}
  .greeting-type03 .img-title{text-align: right;margin-top: 15px;background: #fff;}
  .greeting-type03 .conts{width:100%;}
  .greeting-type03 .title{width:100%;/* margin-top: -300px; */padding-bottom: 250px;}
  .greeting-type03 .img-title strong{font-size:25px;}
}

@media all and (max-width:520px) {
  .greeting-type03 .img-box{padding-right: 0;width:100%;text-align: center;margin: -180px auto 15px;}
  .greeting-type03 .img-title{text-align: center;}
  .greeting-type03 .title{margin-top:0;padding-top:25px;padding: 30px 35px 210px;}

  .title {}
  .greeting-type03 .title > strong{font-size: 24px;}
  .greeting-type03 .title > span{font-size: 18px;}
  .greeting-type03 .conts{padding:25px;}
}

.pre-dean ul{font-size: 0;}
.pre-dean ul li{font-size: 17px;display: inline-block;vertical-align: top;width:calc(100% / 4);padding-right:10px;margin-bottom: 75px;}
.pre-dean ul li .img{border:10px solid #dae0ec;padding:20px;margin-bottom: 20px;}
.pre-dean ul li .text{position: relative;padding-left:25px;}
.pre-dean ul li .text:before{content:'';width:3px;height: 90%;background:#006cdb;position: absolute;top:5px;left:0;}
.pre-dean ul li .text strong{display: block;font-size: 20px;color:#222;font-family: 'Noto Regular';}
.pre-dean ul li .text span{font-size: 18px;color:#282828;display: block;}
.pre-dean ul li .text p{font-size: 16px;color:#666;}

@media all and (max-width:1200px) {
  .pre-dean ul li .img{padding:10px;border-width:5px;}
}

@media all and (max-width:767px) {
  .pre-dean ul li{width:calc(100% / 2 - 10px);padding-right:0;}
  .pre-dean ul li + li{margin-left:20px;}
  .pre-dean ul li:nth-child(2n+1){margin-left:0;}
}

.edu-goal01 ul li{display: inline-block;vertical-align: top;width:calc(100% / 3 - 20px);}
.edu-goal01 ul li + li{margin-left:25px;}
.edu-goal01 ul li .img > img{width:100%;}
.edu-goal01 ul li .img > span{font-size: 19px;font-family: 'Noto Regular';padding: 15px 10px;background: #006cdb;display: block;color:#fff;text-align: center;word-break: keep-all;letter-spacing: -.5px;}
.edu-goal01 ul li:nth-child(2) .img > span{background: #00a39f;}
.edu-goal01 ul li:nth-child(3) .img > span{background: #ee8134;}
.edu-goal01 ul li .conts{padding:15px 0;}
.edu-goal01 ul li .conts p{line-height: 1.8;word-break: keep-all;}

@media all and (max-width:1200px) {
  .edu-goal01 ul li .img > span{font-size: 17px;}
}

@media all and (max-width:767px) {
  .edu-goal01 ul li{width:100%;}
  .edu-goal01 ul li + li{margin-left:0;margin-top:50px;}
  .edu-goal01 ul li .img > span{font-size: 20px;}
}

.edu-goal02.li-box-05 .img{width:380px;padding:0 20px 20px 0;}
.edu-goal02.li-box-05 > ul{padding-left: 60px;width: calc(100% - 385px);}
.edu-goal02.li-box-05 > ul > li{border-bottom: 0;}
.edu-goal02.li-box-05 > ul > li .title{display: inline-block;vertical-align: top;width: 130px;letter-spacing: -1px;}
.edu-goal02.li-box-05 > ul > li .title span{display: block;font-size: 16px;font-family: 'Noto Light',sans-serif;}
.edu-goal02.li-box-05 > ul > li .title strong{display: block;font-size: 20px;font-family: 'Noto Regular';line-height: 1.3;}
.edu-goal02.li-box-05 > ul > li:nth-child(1) .title{color:#0067cf;}
.edu-goal02.li-box-05 > ul > li:nth-child(2) .title{color:#00a39f;}
.edu-goal02.li-box-05 > ul > li:nth-child(3) .title{color:#d8a333;}
.edu-goal02.li-box-05 > ul > li:nth-child(4) .title{color:#0067cf;}
.edu-goal02.li-box-05 > ul > li:nth-child(5) .title{color:#00a39f;}
.edu-goal02.li-box-05 > ul > li:nth-child(6) .title{color:#d8a333;}
.edu-goal02.li-box-05 > ul > li:nth-child(7) .title{color:#0067cf;}
.edu-goal02.li-box-05 > ul > li:nth-child(8) .title{color:#00a39f;}
.edu-goal02.li-box-05 > ul > li:nth-child(9) .title{color:#d8a333;}

.edu-goal02.li-box-05 > ul > li .text{display: inline-block;vertical-align: top;width: calc(100% - 135px);padding-left: 55px;padding-top: 20px;}
.edu-goal02.li-box-05 > ul > li .text > p{line-height: 1.8;}

@media all and (max-width:1300px) {
  .edu-goal02.li-box-05 .img{width: 30%;}
  .edu-goal02.li-box-05 > ul{width: 68%;padding-left: 20px;}
  .edu-goal02.li-box-05 > ul > li{padding-bottom:0;}
  .edu-goal02.li-box-05  > ul > li + li{padding:15px 0 0;}
  .edu-goal02.li-box-05 > ul > li .title{width: 25%;}
  .edu-goal02.li-box-05 > ul > li .text{width: 72%;padding-left: 35px;}
}

@media all and (max-width:767px) {
  .edu-goal02.li-box-05 .img{width: 70%;margin: 0 auto;}
  .edu-goal02.li-box-05 > ul{width:100%;padding-left:0;}
  .edu-goal02.li-box-05 > ul > li .title{width:100%;}
  .edu-goal02.li-box-05 > ul > li .text{width:100%;padding-left:0;padding-top: 10px;}
  .edu-goal02.li-box-05 > ul > li + li{padding: 30px 0 0;}
}

.edu-goal03 > ul > li .num{display: inline-block;vertical-align: top;width:122px;height: 140px;padding-top:40px;}
.edu-goal03 > ul > li:nth-child(1) .num{background: url('../../images/basic-guide/edu-color01.png') no-repeat center;}
.edu-goal03 > ul > li:nth-child(2) .num{background: url('../../images/basic-guide/edu-color02.png') no-repeat center;}
.edu-goal03 > ul > li:nth-child(3) .num{background: url('../../images/basic-guide/edu-color03.png') no-repeat center;}
.edu-goal03 > ul > li:nth-child(4) .num{background: url('../../images/basic-guide/edu-color04.png') no-repeat center;}
.edu-goal03 > ul > li:nth-child(5) .num{background: url('../../images/basic-guide/edu-color02.png') no-repeat center;}
.edu-goal03 > ul > li:nth-child(6) .num{background: url('../../images/basic-guide/edu-color01.png') no-repeat center;}
.edu-goal03 > ul > li:nth-child(7) .num{background: url('../../images/basic-guide/edu-color02.png') no-repeat center;}
.edu-goal03 > ul > li:nth-child(8) .num{background: url('../../images/basic-guide/edu-color03.png') no-repeat center;}
.edu-goal03 > ul > li:nth-child(9) .num{background: url('../../images/basic-guide/edu-color04.png') no-repeat center;}
.edu-goal03 > ul > li:nth-child(10) .num{background: url('../../images/basic-guide/edu-color02.png') no-repeat center;}
.edu-goal03 > ul > li .num span{font-family: 'Noto Medium';font-size: 36px;display: block;text-align: center;color:#fff;}
.edu-goal03 > ul > li .conts{display: inline-block;vertical-align: top;width:calc(100% - 150px);padding-left:55px;padding-top:30px;}
.edu-goal03 > ul > li .conts strong{display: block;color:#212121;font-family: 'Noto Regular';font-size: 23px;margin-bottom: 5px;}
.edu-goal03 > ul > li .conts p{line-height: 1.8;font-size: 17px;border-bottom: 1px solid #dae0ec;padding-bottom: 30px;}

@media all and (max-width:767px) {
  .edu-goal03 > ul > li + li{margin-top:50px;}
  .edu-goal03 > ul > li .num{display: block;margin:0 auto;}
  .edu-goal03 > ul > li .conts{display: block;width:100%;padding-left:0;}
  .edu-goal03 > ul > li .conts p{padding-bottom: 40px;}
}

.mapWrap{border:1px solid #ccc;}
.mapWrap iframe{height: 485px;width:100%;}
.mapWrap .icon-box04{border-top:1px solid #ccc;position: relative;z-index: 99;margin-top: -5px;}
.mapWrap .icon-box04 .inner{border-radius:0;border:0;background:#fff;}
.mapWrap .icon-box04 .text{border:none;border-radius: 0;border-top:0;background: #eaf0ff;padding-right: 10px;}
.mapWrap .icon-box04 .text p{color:#282828;}
.mapWrap .icon-box04 .text ul{font-size: 0;}
.mapWrap .icon-box04 .text ul li{display: inline-block;vertical-align: top;color:#666;font-size: 16px;letter-spacing: -.2px;}
.mapWrap .icon-box04 .text ul li + li{padding-left:15px;margin-left:15px;position: relative;}
.mapWrap .icon-box04 .text ul li + li:before{content:'';width:1px;height: 12px;background: #b5bbc7;display: block;position: absolute;top: 7px;left:0;}

@media all and (max-width:1400px) {
  .mapWrap .icon-box04 .text ul li{display: block;}
  .mapWrap .icon-box04 .text ul li + li{padding-left:0;margin-left:0;}
  .mapWrap .icon-box04 .text ul li + li:before{display: none;}
}

@media all and (max-width:767px) {
  .mapWrap .icon-box04{padding:0;}
  .mapWrap .icon-box04 .inner .icon{display: none;}
  .mapWrap .icon-box04 .text:before{display: none;}
}

.img-list{margin:50px 0;}
.img-list li{display:inline-block; padding:5px;}

.iconType{background-color:#1f477b; 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;}
.iconType .title:after{content: '';width: 70%;height: 1px;background-color: #fff;display: inline-block;float: right;margin-top: 35px;}
.iconType .icons{width:70%;float:left;}
.iconType .icons ul li{display:inline-block;margin:20px;}

.blue-box-text{background:#f5f6fa;position:relative;padding:25px 35px;}
.blue-box-text > span{color:#333;font-size:17px;font-family:'Noto Regular';display: block;width: calc(100% - 280px);}
.blue-box-text .btn-box{position:absolute;top:25px;right:15px;}
.blue-box-text .btn-box a{padding: 7px 30px;font-size: 15px;margin: 0 2.5px;font-family: 'Noto Light';}
.blue-box-text .btn-box a.white{border:1px solid #b2b2b2;border-radius:5px;color:#666;background:#fff;transition:all ease .4s;}
.blue-box-text .btn-box a.white:hover{border:1px solid #0054a6;border-radius:5px;background:#0054a6;color:#fff;}

@media all and (max-width:767px) {
  .blue-box-text > span{width:100%;}
  .blue-box-text .btn-box{position:initial;margin-top:25px;}
}


/*curriculum*/
body .curriculumWrap .con-table table:after{height: 2px; background: #0067cc;}
.curriculum-search{text-align:right; padding:40px 0; overflow:hidden;}
.curriculum-search .box-sel{display:inline-block;}
.curriculum-search select,
.curriculum-search input{line-height:60px; height:60px; vertical-align:middle;}
.curriculum-search select{padding-left:10px; min-width:150px;}
.curriculum-search input{background:#0067cc url(./../../images/dev/curriculumBtn.png) 30px center no-repeat; padding:0 40px 0 70px; font-size:20px; color:#fff; cursor:pointer; border:none; border-radius:5px;}

/*
@media all and (max-width:767px) {
.curriculum-search .box-sel{width:100%;}
.curriculum-search .box-sel + .box-sel{margin-left:1.25%;}
.curriculum-search select{width:100%;}
.curriculum-search input{display:block; width:100%; margin-top:20px; clear:both;}
}
*/