@charset "utf-8";

.disNone {
	display:none;
}

.wrap-contents .container {max-width:1400px; margin:0 auto; width:100%;}

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

.wrap-contents .objHeading_h2 {position: relative; font-family:'Noto Bold'; display:block; line-height:1.5; font-size:30px; letter-spacing: -0.5px; color:#121212; margin-top: 60px; padding-top: 8px;}
.wrap-contents .objHeading_h2::before {content: ''; position: absolute; top:0; left: 0; width: 40px; height: 2px; background-color: #121212;}
.wrap-contents .objHeading_h3 {position: relative; font-family:'Noto Medium'; display:block; line-height:1.5; font-size:25px; letter-spacing: -0.5px; color:#006696; margin-top: 45px;}
.wrap-contents .objHeading_h4 {position: relative; font-family:'Noto Medium'; display:block; line-height:1.5; font-size:22px; letter-spacing: -0.5px; color:#192e42; margin-top: 45px;}
.wrap-contents .objHeading_h5 {position: relative; font-family:'Noto Regular'; display:block; line-height:1.5; font-size:20px; letter-spacing: -0.5px; color:#0e3092; margin-top: 45px; padding-left: 16px;}
.wrap-contents .objHeading_h5::before {    content: "";position: absolute;left: 0;top: 9px;width: 6px;height: 14px;background-image: url('../../images/common/ic-title4.png')}
.wrap-contents .objHeading_h1.no-margin,
.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 .nearHeading {margin-top:15px !important;}
.wrap-contents .objHeading_h2.no-margin {margin-top: 0px;}


.sub-subject strong {position: relative; display: inline-block; font-size:40px; font-family: 'Noto Bold'; margin:73px 0 55px 0; line-height:1.2;color: #111;}
.sub-subject strong:after {content: ''; position: absolute; right: -32px;top: 0;width: 25px;height: 25px;background-image: url('../../images/common/subject-obj.png');background-position: center;background-repeat: no-repeat;background-size: contain;}

@media (max-width: 768px) {
  .sub-subject strong {font-size: 30px;margin: 45px 0 30px 0;}
  .sub-subject strong::after {width: 15px;height: 15px;right: -16px;}
  .objHeading_h2 {font-size: 22px;}
  .objHeading_h3 {font-size: 20px;}
  .objHeading_h4 {font-size: 18px;}
}


.con-desc {font-family: 'Noto Light'; font-size: 18px; line-height: 1.7; letter-spacing: -.05em; color:#333;}
.con-desc strong {font-family: 'Noto Regular'; color: #000;}
._objHtml.no-margin {margin-top:0px !important;}
._objHtml.no-margin > div {margin-top: 0px !important;}


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

.p-color1 {color:#183d93;}
.p-color2 {color:#018cff;}
.p-color3 {color:#eb8105;}

.c1 {color: #008fea !important;}
.c2 {color: #089abe !important;}

.b1 {font-family: 'Noto Medium' !important;}
.b2 {font-family: 'Noto Bold' !important;}

/* Table */
.con-table {position: relative; line-height: 1.6;}
.con-table:after {content: ''; position: absolute; right: 0px; top: 0px; width: 1px; height: 100%; background: #fff;}
.con-table table {position: relative;}
.con-table table:after {content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 2px; background: #152e6e}
.con-table thead th {padding: 15px 10px; background: #fafafa; border-right: 1px solid #dddee0; border-bottom: 1px solid #555; font-family: 'Noto Medium'; font-size: 18px; font-weight: 400; color: #222;}
.con-table thead th.small {font-family: 'Noto Regular';}
.con-table tbody {display: table-header-group;}
.con-table tbody::after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #000;}
.con-table tbody th {padding: 12px 15px; background:#fcfcfc; border-right: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; font-family: pr; font-size: 16px; font-weight: 400; color: #333;}
.con-table tbody td {padding: 17px 20px; background:#fff; border-right: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; font-family: 'Noto Light'; font-size: 16px; text-align: left; color: #555;}
.con-table.center tbody td {text-align: center;}
.con-table.mini thead th,
.con-table.mini tbody th,
.con-table.mini tbody td {padding: 7px; font-size: 15px;}
.con-table.links tbody td {vertical-align: middle;}
.con-table.links tbody td > div {display: flex; align-items: center;}
.con-table.links tbody td p {flex: 1; float: left;}
.con-table.links tbody td p span {font-size: 14px;}
.con-table.links tbody td a {float: right;}
.con-table tbody td a {color: #333;}
.con-table .list > li {position: relative; padding-left: 20px;}
.con-table .list > li:after {content: ''; position: absolute; left: 0; top: 8px; width: 10px; height: 10px; background: url('../../images/common/ic-list1.png');}
.con-table .list2 > li {position: relative; padding: 0 0 0 20px;}
.con-table .list2 > li:after {content: "";position: absolute;left: 0;top: 11px;width: 10px;height: 7px;background-image: url(../../images/common/ic-list2.png);background-position: center;background-repeat: no-repeat;background-size: contain;}
.con-table .align-l {text-align: left !important;}
.con-table .align-c {text-align: center !important;}
.con-table .align-r {text-align: right !important;}
.con-table .align-t {vertical-align: top !important;}
.con-table strong {font-family: 'Noto Regular'; color: #000;}

.con-table .link {position: relative; color: #666;}
.con-table .link:hover {color: #00abb3;}
.con-table .link::after {content: ''; display: inline-block; width: 25px; height: 25px; margin-left: 5px; margin-right: 5px;  transform: translateY(3px); background: url('../../images/common/ic-link-down.png') no-repeat center center; vertical-align: middle;}

.con-table .home {position: relative; color: #555;}
.con-table .home:hover {color: #00a6bf;}
.con-table .home span {position: relative; background: linear-gradient(to bottom, transparent 96%, #00a6bf 0) left center no-repeat; background-size: 0; transition: .4s;padding-bottom: 5px;}
.con-table .home:hover span {background-size: 100% auto;}
.con-table .home::after {content: ''; display: inline-block; width: 25px; height: 25px; margin-left: 12px; margin-right: 0px; transform: translateY(3px); background: url('../../images/common/ic-link-home.png') no-repeat center center; vertical-align: middle;}
.con-table .home:hover::after {background: url('../../images/common/ic-link-home-on2.jpg') no-repeat center center;}

.con-table .down {position: relative; color: #666;}
.con-table .down:hover {color: #00abb3;}
.con-table .down span {position: relative; background: linear-gradient(to bottom, transparent 96%, #004a8f 0) left center no-repeat; background-size: 0; transition: .4s;}
.con-table .down:hover span {background-size: 100% auto;}
.con-table .down::after {content: ''; display: inline-block; width: 25px; height: 25px; margin-left: 5px; margin-right: 5px; transform: translateY(3px); background: url('../../images/common/ic-link-down.png') no-repeat center center; vertical-align: middle;}
.con-table .btn-style.type2.down::after {background-image: none;}
.con-table .down:hover::after {background: url('../../images/common/ic-link-down-on.jpg') no-repeat center center;}
.con-table .sub-tit {color: #555;}
@media all and (max-width:1200px) {
  .con-table thead th,
  .con-table tbody th,
  .con-table tbody td {padding: 10px 8px; font-size: 15px;}
}

@media all and (max-width:960px) {
  .con-table {overflow-x: hidden; min-height: 200px;}
  .con-table.on {min-height: auto;}
  .con-table.no-scroll {min-height: auto;}
  .con-table table {width: 1300px;}
  .con-table.no-scroll table {width: 100%;}
  .con-table:after {content: ''; position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; background: rgba(31,59,101,0.2) url('../../images/common/img_mobile_text.png') no-repeat center 40px;}
  .con-table.on:after,
  .con-table.no-scroll:after {display: none;}
}

.con-ready {padding:80px 0 ; text-align:center; background: url('../../images/common/bg_ready.jpg') no-repeat center top; border:1px solid #cccccc;}
.con-ready .text {font-size:38px; padding:32px 0 0 0;}
.con-ready .text span {font-family:'Noto Bold';position:relative; color:#018cff; display:inline-block; padding:0 6px;}
.con-ready .text span:last-child:after {display:none;}
.con-ready .text span:after {content: '/'; position:absolute; right:-7px; top:15px; font-size:15px; font-family: 'Noto Boldl';}

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

.sub-indent {padding-left: 20px;}

.wrap-tab .mobile-tab {display: none;}
.wrap-tab .tab {overflow:hidden; position:relative; margin-bottom:28px; margin-top:40px;}

.wrap-tab .slide-btn.prev,
.wrap-tab .slide-btn.next{background:#fff; position:absolute; top:0; z-index:1; height:100%;}
.wrap-tab .slide-btn.prev {left:0; padding-right:10px; }
.wrap-tab .slide-btn.next {right:0; padding-left:10px;}
.wrap-tab .tab-prev {width:22px; background:url('../../images/common/tab-arrow-n.png') no-repeat center; text-indent:-9999px; height:100%;}
.wrap-tab .tab-next {width:22px; background:url('../../images/common/tab-arrow-n.png') no-repeat center; transform:rotate(180deg); text-indent:-9999px; height:100%;}
.wrap-tab .tab-prev:hover {background:url('../../images/common/tab-arrow2.png') no-repeat center;}
.wrap-tab .tab-next:hover {background:url('../../images/common/tab-arrow2.png') no-repeat center;}



#menuUItab.no-arrow {margin:0;}
#menuUItab {margin-left:32px;}
.tab_div .ul_4 {position:relative; }
.tab_div .ul_4::before {content:''; width:100%; height:1px; background:#cfe3e9; position:absolute; top:50%; left:0;}
.tab_div .li_4 {position:relative;display: inline-block;vertical-align: middle;height:60px; background:#fff;}
.tab_div .li_4::after {content:''; width:13px; height:13px; background:url('../../images/common/tab4-icon.png') no-repeat center; position:absolute; right:-7px; top:50%; margin-top:-7px; z-index:1;}
.tab_div .li_4 > a {font-size:18px;color:#0e7192;font-family:'Noto DemiLight';padding:0 30px;display:flex;align-items: center; justify-content:center; height: 100%;}
.tab_div .li_4._active {background:#006276; position:relative; overflow:hidden;}
.tab_div .li_4._active::after {display:none;}
.tab_div .active-prev .li_4::after {display:none;}
.tab_div .li_4._active::before {content:'';width:87px;height:87px;position:absolute;bottom:-50px;right:-30px;background:#007b92;border-radius:50%;}
.tab_div .li_4._active > a {color:#fff;position:relative; font-family:'Noto Medium';}
.tab_div .slick-slide {position: relative;}
.tab_div .slick-slide:last-child > .on::before {content:'';width: 30px;height:100%;position:absolute;top: 0;right:-30px;background:#fff;}
.tab_div .li_4 > a[target="_blank"]::after {content:''; width:15px; height:15px; background:url('../../images/common/target-blank-icon.png') no-repeat center; margin-left:10px;}
.tab_div .slick-slide:last-child .li_4::after {display:none;}

.tab_div.div_5 {background:#f2fafb;}
.tab_div .ul_5 {display:flex; align-items:center;}
.tab_div .li_5 {position:relative;}
.tab_div .li_5::after {content:''; width:1px; height:20px; position:absolute; right:0; top:22px; background:#ddd;}
.tab_div .li_5::before {content:''; width:0%; height:3px; background:#00b6c1; position:absolute; bottom:0; left:0; transition:width .3s;}
.tab_div .li_5:hover::before {width:100%;}
.tab_div .li_5._active::before {width:100%;}
.tab_div .li_5 > a {padding:0 30px; height:60px; display:flex; align-items:center; width:100%; text-align:center; font-size:18px; font-family:'Noto DemiLight'; color:#222;}
.tab_div .li_5 > a[target="_blank"]::after {content:''; width:15px; height:15px; background:url('../../images/common/target-blank-icon.png') no-repeat center; margin-left:10px;}

@media all and (max-width:860px) {
  .wrap-tab {position: relative;}
  .wrap-tab .tab {margin-top:30px; margin-bottom:26px;}
  .wrap-tab .mobile-tab {position: relative; display: block; width: 100%; font-family: 'Noto DemiLight'; text-align: center; font-size: 16px; color: #222;padding: 16px 40px; background:#f2fafb; overflow:hidden;}
  .wrap-tab .mobile-tab::before {content: ''; width:100%; height:3px; background:#00b6c1; position:absolute; bottom:0; left:0;}
  .wrap-tab .mobile-tab::after {content:''; width:22px; height:22px; background:url('../../images/common/arrow-sel.png') no-repeat center; transform:rotate(180deg); position:absolute; right:10px; top:50%; margin-top:-11px; transition:transform .3s;}
  .wrap-tab .mobile-tab.on::after {transform:rotate(0deg);}
  .wrap-tab ul li a[target=_blank]  {background-position: 97% center !important;}
  .wrap-tab ul li a[target=_blank]  {background-position: 97% center !important;}
  .wrap-tab ul li a[target=_blank]  {background-position: 97% center !important;}
  .tab_div .li_4 {height:50px;}
  .tab_div .li_4 > a {font-size:16px; }
  .tab_div.div_5 {position:relative;}
  .tab_div .ul_5 {flex-wrap:wrap; position:absolute; top:100%; left:0; background:#F1F8FF; width:100%; z-index:1; max-height:0px; transition:max-height .5s; overflow:hidden; border-right:1px solid #f2f2f2; border-left:1px solid #f2f2f2;}
  .tab_div .ul_5.on {max-height:300px; overflow-y:auto;}
  .tab_div .ul_5.on::-webkit-scrollbar {width: 10px;} /* 스크롤바 가로 길이 */
  .tab_div .ul_5.on::-webkit-scrollbar-thumb {background: #00b6c1; border: 3px solid #f1f1f1; border-radius: 10px;} /* 스크롤바의 색상 */
  .tab_div .ul_5.on::-webkit-scrollbar-track {background-color: #f1f1f1;} /* 스크롤바의 배경 */
  .tab_div .li_5 {width:100%;}
  .tab_div .li_5::after {content:''; width:100%; height:1px; background:#ddd; bottom:0; left:0; top:unset; right:unset; transition:border-bottom .3s;}
  .tab_div .li_5._active::after {border-bottom:3px solid #00b6c1;}
  .tab_div .li_5:hover::after {border-bottom:3px solid #00b6c1;}  
  .tab_div .li_5::before {display:none;}
  .tab_div .li_5 > a {color:#222; font-size:15px; justify-content:center;}

}


.con-list1 > ul > li {position: relative; font-family: 'Noto Light'; font-size: 18px; line-height: 1.7; letter-spacing: -0.5px; color: #333; margin: 0 0 10px 0; padding-left: 20px;}
.con-list1 > ul > li::before {content: ""; position: absolute; left: 0; top: 9px; width: 10px; height: 10px;background-image: url('../../images/common/ic-list1.png'); background-position: center;background-repeat: no-repeat; background-size: contain;}
.con-list1 > ul > li > strong {color: #004654;font-family: 'Noto Medium';}

.con-list2 > ul > li {position:relative; padding: 0 0 0 20px; color:#555; margin-bottom:5px;}
.con-list2 > ul > li::before {content: ""; position: absolute; left: 0; top: 11px; width: 10px; height: 7px;background-image: url('../../images/common/ic-list2.png'); background-position: center;background-repeat: no-repeat;background-size: contain;}
.con-list2 > ul > li:last-child {margin-bottom:0;}
.con-list2 > ul > li > strong {color:#222; font-family:'Noto Regular';}

.con-arrow-list ul li {position: relative; padding-left: 18px; font-size: 18px; line-height: 30px; letter-spacing: -0.5px; color: #555;}
.con-arrow-list ul li::before {content: ""; position: absolute; width: 10px; height: 7px; background: url("../../images/common/ic-list1.png") no-repeat; left: 0; top: 13px;}

@media (max-width: 768px) {
  .con-desc {font-size: 15px;}
}
@media(max-width: 768px) {
  .con-list1 > ul > li {padding-left: 20px; font-size: 15px;}
  .con-list1 > ul > li::before {width: 8px;height: 8px;}
}

.circle-num-title {position: relative; font-size: 18px; line-height: 20px; letter-spacing: -0.5px; color: #333333; font-family: "Noto Medium"; padding-left: 25px;}
.circle-num-title .num {position: absolute; left: 0; top: 2px; display: inline-block; vertical-align: middle; font-family: "Noto Bold"; font-size: 13px; letter-spacing: -0.5px; color: #fff; width: 20px; height: 20px; border-radius: 3px; background: #0f51da; text-align: center; margin-right: 5px; line-height: 20px;}

.circle-num-list li {position: relative; font-size: 18px; line-height: 1.6; letter-spacing: -0.5px; color: #666; padding-left: 35px; margin-bottom:10px; font-family:'Noto Light';}
.circle-num-list li:last-child {margin-bottom:0;} 
.circle-num-list li .num {position: absolute; left: 0; top: 2px; display: inline-block; vertical-align: middle; font-family: "Noto Bold"; font-size: 13px; letter-spacing: -0.5px; color: #fff; width: 20px; height: 20px; border-radius: 3px; background: #009aab; text-align: center; margin-top: 2px; line-height: 20px;}

@media (max-width: 768px) {
  .circle-num-list li {font-size: 15px;}
  .circle-num-list li .num {width: 18px;height: 18px;line-height: 18px;}
}

.noti-txt {font-size: 16px; line-height: 25px; letter-spacing: -0.5px; font-family: "Noto DemiLight"; padding-left: 38px;}
.noti-txt.color1 {color: #0079bf; background: url("../../images/common/ic-noti1.png") no-repeat left center;}
.noti-txt.color2 {color: #00a6bf; background: url("../../images/common/ic-noti2.png") no-repeat left center;}
.noti-txt.color3 {color: #048ee5; background: url("../../images/common/ic-noti3.png") no-repeat left center;}
.noti-txt.color4 {color: #0e3092; background: url("../../images/common/ic-noti4.png") no-repeat left center;}
.noti-txt.color5 {color: #324557; background: url("../../images/common/ic-noti5.png") no-repeat left center;}

@media (max-width: 768px) {
  .noti-txt {font-size: 15px;}
  .noti-txt.color1 {background-size: 21px;font-size: 15px; background-position: left 6px;}
  .noti-txt.color2 {background-size: 21px;font-size: 15px; background-position: left 6px;}
  .noti-txt.color3 {background-size: 21px;font-size: 15px; background-position: left 6px;}
  .noti-txt.color4 {background-size: 21px;font-size: 15px; background-position: left 6px;}
  .noti-txt.color5 {background-size: 21px;font-size: 15px; background-position: left 6px;}
}

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

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

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

@media all and (max-width: 760px) {
  .wrap-contents .down-banner {padding: 20px 20px;}
  .wrap-contents .down-banner .text {display: block; width: 100%;}
}

.wrap-contents .btn-style {position: relative;display: inline-block;; overflow: hidden;white-space: nowrap;transition:all .2s;}
.wrap-contents .btn-style::before {background-position: center;z-index: 1;}
.wrap-contents .btn-style span {position: relative;z-index: 1;;}
.wrap-contents .btn-style.type1 {padding: 10px 50px 10px 2px;border-bottom: 1px solid #222;color: #222;}
.wrap-contents .btn-style.type1:hover {border-color: #0b6990;color: #0b6990;}
.wrap-contents .btn-style.type1::before {content: '';position: absolute;right: 10px;top: 50%;margin-top: -3.5px;width: 20px;height: 7px;background-image: url('../../images/common/ico-btn9.png');background-size: contain;background-repeat: no-repeat;}
.wrap-contents .btn-style.type1:hover::before {background-image: url('../../images/common/ico-btn9-hover.png');}
.wrap-contents .btn-style.type1::after {content: '';position: absolute;top: 50%;right: 6px;margin-top: -2px;width: 10px;height: 10px;background-color: #99f7fd;border-radius: 50%; opacity:0; transition:opacity .3s;}
.wrap-contents .btn-style.type1:hover::after {opacity:1;}
.wrap-contents .btn-style.type2 {padding: 8px 62px 8px 18px;;color: #0b7f90;background-color: #daf3f3;}
.wrap-contents .btn-style.type2:hover {color: #fff;background-color: #0b7f90;}
.wrap-contents .btn-style.type2::before {content: '';position: absolute;right: 18px;top: 50%;margin-top: -6.5px;width: 6px;height: 11px;background-image: url('../../images/common/ico-btn4.png');background-repeat: no-repeat;}
.wrap-contents .btn-style.type2:hover::before {background-image: url('../../images/common/ico-btn4-hover.png');}
.wrap-contents .btn-style.type2::after {content: '';position: absolute;top: 6px;right: -14px;width: 65px;height: 65px;background-color: #009aab;border-radius: 50%;opacity: 0; transition: all .3s;}
.wrap-contents .btn-style.type2:hover::after {opacity: 1; background-color:#009aab}
.wrap-contents .btn-style.type2.down::before {width: 19px;height: 13px;background-repeat: no-repeat;background-image: url('../../images/common/ico-btn3.png');}
.wrap-contents .btn-style.type2.down:hover::before {background-image: url('../../images/common/ico-btn3-hover.png');}
.wrap-contents .btn-style.type2.down::after {content: '';position: absolute;left: -14px;right: auto;top: -45px;width: 65px;height: 65px;background-color: #e6f3ff;border-radius: 50%;opacity: 0; transition:all .3s;}
.wrap-contents .btn-style.type2.down:hover::after {opacity: 1; background-color:#009aab;}
.wrap-contents .btn-style.type3 {min-width: 100px;padding: 4.5px 10px;border: 1px solid #333;font-size: 16px;color: #333;text-align: center;font-family: 'Noto DemiLight';}
.wrap-contents .btn-style.type3:hover {background-color: #0b7f90;color: #fff;border: 1px solid #0b7f90;}
.wrap-contents .btn-style.type3::after {content: '';position: absolute;top: 6px;right: -14px;width: 45px;height: 45px;background-color: #fff; border-radius: 50%;opacity: 0; transition:all .3s;}
.wrap-contents .btn-style.type3:hover::after {opacity: 1; background-color: #009aab; }
.wrap-contents .btn-style.type3.down::after {content: '';position: absolute;width: 45px;height: 45px;left: -4px;right: auto;top: -15px;background-color: #fff;border-radius: 50%;opacity: 0; transition:all .3s;}
.wrap-contents .btn-style.type3.down:hover::after {opacity: 1; background-color: #009aab; }
.wrap-contents .btn-style.type4 {min-width:75px;padding: 1px 5px;border: 1px solid #333;font-size: 14px;text-align: center;color: #333;}
.wrap-contents .btn-style.type4:hover {background-color: #0b7f90;color: #fff;border: 1px solid #0b7f90;}

@media (max-width: 768px){
  .wrap-contents .btn-style.type1 {font-size: 14px;}
  .wrap-contents .btn-style.type1::before {width: 17px;height: 6px;}
  .wrap-contents .btn-style.type2 {padding:7px 47px 7px 12px;font-size: 14px;}
  .wrap-contents .btn-style.type2::before {right: 12px;margin-top: -5px;}
  .wrap-contents .btn-style.type2.down::before {right: 14px;}
  .wrap-contents .btn-style.type3 {min-width: 90px;font-size: 14px;}
  .wrap-contents .btn-style.type4 {padding: 2px 5px;font-size: 13px;}
  .wrap-contents .guide-ic {width: 73px}
} 

.wrap-contents .sub-link-bx1 {padding: 65px 140px 50px 75px;background-color: #f8fbfb;background-image: url('../../images/common/link-box-logo.jpg');background-position: right 45px bottom; background-repeat: no-repeat;}
.wrap-contents .sub-link-bx1 .sub-link-inner {display: flex;justify-content: space-between;}
.wrap-contents .sub-link-bx1 .sub-link-icon {flex-shrink: 0;margin: 5px 70px 0 0;}
.wrap-contents .sub-link-bx1 .sub-link-info {flex: 1;}
.wrap-contents .sub-link-bx1 .con-desc {margin-bottom: 25px;color: #555;font-size: 18px;font-family: 'Noto DemiLight';letter-spacing: 0;}
.wrap-contents .sub-link-bx1 .tit {display: block; font-size: 20px;color: #0082bf;margin: 0 0 15px;font-family: 'Noto Medium'}
.wrap-contents .sub-link-bx2 {padding: 49px 260px 60px 85px;border-top: 2px solid #111;border-bottom: 2px solid #111;}
.wrap-contents .sub-link-bx2 .con-list1 li {font-family: 'Noto DemiLight';}
.wrap-contents .sub-link-bx2 .sub-link-icon {margin: 20px 40px 0 0;flex-shrink: 0;}
.wrap-contents .sub-link-bx2 .sub-link-inner {display: flex;justify-content: space-between;}
.wrap-contents .sub-link-bx2 .sub-link-btn {margin-top: 29px;}
.wrap-contents .sub-link-bx2 .sub-btn-group {display: flex;justify-content: space-between;width: 100%;max-width: 450px;}
.wrap-contents .sub-link-bx2 .sub-btn-group > div {display: flex;align-items: center;position: relative;}
.wrap-contents .sub-link-bx2 .sub-btn-group > div:first-child {margin-right: 20px;}
.wrap-contents .sub-link-bx2 .sub-btn-group > div:nth-child(2)::before {content: '';position: absolute;left: -23px;top: 50%;margin-top: -6px;width: 2px;height: 12px;background-color: #555;}
.wrap-contents .sub-link-bx2 .sub-btn-group em {display: inline-block; margin-right: 13px;color: #222;}

@media (max-width: 1023px) {
  .wrap-contents .sub-link-bx1 {padding: 37px 60px 45px 50px;}
  .wrap-contents .sub-link-bx1 .con-desc {margin-bottom: 10px;}
  .wrap-contents .sub-link-bx1 .sub-link-icon {margin: 16px 50px 0 0;}
  .wrap-contents .sub-link-bx2 {padding: 35px 100px 43px 40px;}
  .wrap-contents .sub-link-bx2 .sub-link-icon {margin: 10px 30px 0 0;}
  .wrap-contents .sub-link-bx2 .sub-btn-group { max-width: 440px; }
  .wrap-contents .sub-link-bx2 .sub-btn-group > div:nth-child(2)::before {left: -17px;}
  .wrap-contents .sub-link-bx2 .sub-link-btn {margin-top: 24px;}
  .wrap-contents .sub-link-bx2 .sub-link-icon {margin: 10px 47px 0 0; }
}

@media (max-width: 768px){
  .wrap-contents .sub-link-bx1  {padding: 30px 30px 35px;}
  .wrap-contents .sub-link-bx1 .sub-link-inner {flex-direction: column;align-items: center;}
  .wrap-contents .sub-link-bx1 .sub-link-icon {margin: 0 0 62px 0;}
  .wrap-contents .sub-link-bx1 .tit {font-size: 18px;color: #0082bf;margin: 0 0 5px;}
  .wrap-contents .sub-link-bx1 .con-desc {margin-bottom: 15px;font-size: 15px;}
  .wrap-contents .sub-link-bx1 {background-size: 210px;}
  .wrap-contents .sub-link-bx2 {flex-direction: column;align-items: center;padding: 30px 0 35px 0;}
  .wrap-contents .sub-link-bx2 .sub-link-inner {flex-direction: column;align-items: center;}
  .wrap-contents .sub-link-bx2 .con-list1 ul li {margin: 0 0 15px 0;font-size: 15px;}
  .wrap-contents .sub-link-bx2 .sub-link-icon {margin: 0 0 27px 0;}
  .wrap-contents .sub-link-bx2 .sub-link-btn {margin-top:  30px;}
  .wrap-contents .sub-link-bx2 .sub-btn-group {max-width: 370px;}
  .wrap-contents .sub-link-bx2 .sub-btn-group em {font-size: 14px;}
  .wrap-contents .sub-link-bx2 .sub-btn-group > div:nth-child(2) {padding-right: 10px;}
  .wrap-contents .sub-link-bx2 .sub-btn-group > div:nth-child(2)::before {left: -9px;}
} 

.wrap-rating {background: #f5f5f5; margin-top: 50px;}
.wrap-rating .container {display: table; width: 100%; padding: 46px 30px;}
.wrap-rating .title,
.wrap-rating .person,
.wrap-rating .vote {display: table-cell; vertical-align: middle;}
.wrap-rating .vote {text-align: right;}

.wrap-rating .title {width: 300px; font-family: 'Noto Medium'; font-size: 16px; color: #151515;}
.wrap-rating .title p {position: relative; display: inline-block;}
.wrap-rating .title p:after {content: ''; position: absolute; left: 131%; top: 50%; width: 142px; height: 1px; background: #222;  }

.wrap-rating .person .team,
.wrap-rating .person .tel,
.wrap-rating .person .date {display: inline-block; background: url('../../images/common/ico-rating.png') no-repeat; margin-left: 46px; padding:6px 0 6px 50px; font-family: 'Noto DemiLight'; font-size: 16px; color: #151515;}
.wrap-rating .person .team {background-position: 0 0; margin-left: 60px;}
.wrap-rating .person .tel {background-position: 0 -36px; letter-spacing: 0; margin-left: 110px;}
.wrap-rating .person .date {background-position: 0 -72px; letter-spacing: 0;}

.wrap-rating .vote .input,
.wrap-rating .vote .btn {display: inline-block; vertical-align: middle;}
.wrap-rating .vote .input ul {font-size: 0;}
.wrap-rating .vote .input li {position: relative; display: inline-block; width: 35px; height: 34px; margin-left: 5px;}
.wrap-rating .vote .input input {position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; cursor: pointer; margin: 0; padding: 0;}
.wrap-rating .vote .input .radiobtn {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../../images/common/ico-star.png') no-repeat;}
.wrap-rating .vote .input .star5 .radiobtn {background-position: 0 0;}
.wrap-rating .vote .input .star4 .radiobtn {background-position: -35px 0;}
.wrap-rating .vote .input .star3 .radiobtn {background-position: -70px 0;}
.wrap-rating .vote .input .star2 .radiobtn {background-position: -105px 0;}
.wrap-rating .vote .input .star1 .radiobtn {background-position: -140px 0;}
.wrap-rating .vote .input input:checked~.radiobtn:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../../images/common/ico-star.png') no-repeat;}
.wrap-rating .vote .input input:focus~.radiobtn:before {content:''; position: absolute; left:-5%; top:-5%; width: 110%; height: 110%; border:2px solid #000}
.wrap-rating .vote .input .star5 input:checked~.radiobtn:after {background-position: 0 bottom;}
.wrap-rating .vote .input .star4 input:checked~.radiobtn:after {background-position: -35px bottom;}
.wrap-rating .vote .input .star3 input:checked~.radiobtn:after {background-position: -70px bottom;}
.wrap-rating .vote .input .star2 input:checked~.radiobtn:after {background-position: -105px bottom;}
.wrap-rating .vote .input .star1 input:checked~.radiobtn:after {background-position: -140px bottom;}
.wrap-rating .vote .btn {position: relative; padding: 0 0 0 30px;}
.wrap-rating .vote .btn .btn-vote {position: relative; padding: 0; font-family: 'Mont SemiBold'; font-size: 15px; text-decoration: underline; color: #2b2b2b; cursor: pointer;}

@media all and (max-width: 1400px) {
  .wrap-rating .container {padding: 20px 40px;}
  .wrap-rating .title {width: 160px;}
  .wrap-rating .title p:after {display: none; left: 0; top: 142%; width: 70px;}
  .wrap-rating .person .team,
  .wrap-rating .person .tel,
  .wrap-rating .person .date {margin-left: 0; margin-right: 20px; font-size: 15px;}
  .wrap-rating .person .tel {background-position:  0 -22px;}
  .wrap-rating .person .date {background-position:  0 -44px; margin-bottom: 0;}
  .wrap-rating .vote {width: 200px; text-align: right;}
  .wrap-rating .vote .btn {padding-left: 0; margin-left: 0; margin-top: 23px;}
  .wrap-rating .vote .btn:after {display: none;}
}

@media all and (max-width: 1023px) {
  .wrap-rating {margin-top: 50px;}
  .wrap-rating .person .date {margin-bottom: 0;}
}

@media all and (max-width: 670px) {
  .wrap-rating .container {padding: 20px;}
  .wrap-rating .title {width: 40%}
  .wrap-rating .person { width: 60%;}
  .wrap-rating .vote {overflow: hidden; display: block; float: left; width: 100%; margin-top: 33px;}
  .wrap-rating .vote .input,
  .wrap-rating .vote .btn {display: block;}
  .wrap-rating .vote .input {float: left;}
  .wrap-rating .vote .btn {float: right; margin-top: 6px;}
}

.page-ready {border: 1px solid #ccc;}