@charset "utf-8";
@import url("font.css");

/* base */
* {margin:0; padding:0; line-height:140%; -webkit-text-size-adjust:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
html, body {width:100%; height:100%; background-color:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button {margin:0; padding:0;}
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, div, span, strong, table, thead, tbody, tr, th, td, form, fieldset, legend, input, textarea, button {font-family:'Pretendard', '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, Tahoma, Geneva, sans-serif;}
img,fieldset,iframe {border:none;}
li {list-style:none;}
img {vertical-align:top;}
i,em,address {font-style:normal;}
label,button {cursor:pointer;}
hr {display:none;}
a {color:#2f3743; text-decoration:none;}
a:hover {text-decoration:none;}
legend {position:absolute; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; color:transparent; overflow:hidden;}

/* skip-navi */
.skip-navi {position:absolute; top:0; left:0; width:100%; height:0; z-index:10002;}
.skip-navi li {float:left;}
.skip-navi a {font-size:0; color:#fff; white-space:nowrap;}
.skip-navi a:focus {position:absolute; top:0; left:0; width:100%; padding:10px 20px; text-align:center; font-size:16px; color:#fff; background:#333;}

/* blind */
.blind {position:absolute; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; color:transparent; overflow:hidden;}

/* layout */
.p-br {display:block;}
.m-br {display:none;}
body {min-width:320px; word-break:keep-all; word-wrap:break-word; background-color:#fff; -webkit-overflow-scrolling:touch;}
body.modal-scroll {overflow:hidden;}
body.layer-scroll {overflow:hidden;}
body.nav-on {height:100%; overflow:hidden;}
#wrap {padding-top:80px; overflow:hidden;}
#container {position:relative; overflow:hidden;}
#container.member {background-color:#eef3fb;}
#container.member #contents {padding-top:90px;}
#contents {position:relative; max-width:1320px; min-height:calc(100vh - 244px); margin-right:auto; margin-left:auto; padding:85px 60px 90px 60px;}
#container.main #contents {padding-top:35px; padding-bottom:120px;}
.cont-wrap {position:relative; margin-bottom:120px;}
.cont-wrap:last-child {margin-bottom:0;}
.cont-wrap.location {padding-top:100px;}
.cont-wrap.location:before {content:""; position:absolute; top:0; left:0; display:block; width:calc(160% - 120px); height:470px; background-color:#fafbfd; border-radius:0 470px 470px 0; transform:translateX(-20%);}
.cont-top {position:relative; margin-bottom:60px; text-align:center; z-index:1;}
.cont-top .cont-loca {display:flex; justify-content:center; margin-bottom:12px;}
.cont-top .cont-loca > li {position:relative; padding-right:15px; padding-left:15px; color:#666; font-size:14px; font-weight:400; line-height:130%; letter-spacing:-0.015em; text-align:center;}
.cont-top .cont-loca > li:after {content:""; display:block; position:absolute; top:50%; right:-3px; width:5px; height:8px; margin-top:-4px; background-image:url('../images/ico/ico-loca-arr.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:5px 8px;}
.cont-top .cont-loca > li:last-child:after {display:none;}
.cont-top .cont-tit {color:#1a1a1a; font-size:40px; font-weight:800; line-height:120%; letter-spacing:-0.03em;}
.cont-top .cont-txt {max-width:600px; margin-top:15px; color:#1a1a1a; font-size:20px; font-weight:400; line-height:160%; letter-spacing:-0.01em;}
.cont-top .cont-txt strong {color:#1149a8; font-weight:400;}
.page-top {position:relative; max-width:540px; margin-right:auto; margin-bottom:40px; margin-left:auto; text-align:center;}
.page-top .page-title {color:#1a1a1a; font-size:44px; font-weight:800; line-height:140%; letter-spacing:-0.01em;}
.page-top .page-txt {margin-top:10px; color:#313131; font-size:20px; font-weight:400; line-height:160%; letter-spacing:-0.01em;}
.page-top .join-step {margin-bottom:0;}
.page-top .page-title + .join-step {margin-top:30px;}

@media (max-width:1279px) {
#wrap {padding-top:80px;}
#contents {padding:80px 40px 90px 40px;}
#container.member #contents {padding-top:80px;}
.cont-wrap {margin-bottom:80px;}
.cont-wrap.location {padding-top:0;}
.cont-wrap.location:before {display:none;}
}

@media (max-width:1023px) {
#contents {padding:60px 40px 80px 40px;}
#container.main #contents {padding-top:35px; padding-bottom:80px;}
#container.member #contents {padding-top:60px;}
.cont-wrap {margin-bottom:80px;}
.cont-top {margin-bottom:50px;}
.cont-top .cont-tit {font-size:38px;}
.cont-top .cont-txt {font-size:19px;}
}

@media (max-width:767px) {
.p-br {display:none;}
.m-br {display:block;}
#wrap {padding-top:56px;}
#contents {min-height:calc(100vh - 296px); padding:40px 20px 40px 20px;}
#container.main #contents {padding-top:35px; padding-bottom:50px;}
#container.member #contents {padding-top:40px;}
.cont-wrap {margin-bottom:50px;}
.cont-top {margin-bottom:30px;}
.cont-top .cont-loca > li {font-size:13px;}
.cont-top .cont-tit {font-size:28px;}
.cont-top .cont-txt {max-width:420px; margin-top:10px; font-size:14px; line-height:150%;}
.page-top {max-width:400px; margin-bottom:25px; padding-right:2%; padding-left:2%;}
.page-top .page-title {font-size:30px;}
.page-top .page-txt {margin-top:6px; font-size:16px; line-height:150%;}
.page-top .page-title + .join-step {margin-top:20px;}
.m-none {display:none !important;}
}

/* hearder */
#header {position:fixed; top:0; left:0; width:100%; padding-right:4.15%; padding-left:4.15%; background-color:#fff; z-index:1000; animation:headerAni 1000ms ease backwards;}
#header:before {content:""; display:block; position:absolute; top:80px; left:0; width:100%; height:1px; background-color:#d8d8d8; transition:background .25s ease-in-out;}
#header:after {content:""; display:block; position:absolute; top:80px; left:0; width:100%; visibility:hidden; height:0; filter:alpha(opacity=0); opacity:0; background-color:#fff; border-top:1px solid #d8d8d8; border-bottom:1px solid #eee; transition:all .25s ease-in-out;}
#header.fixed {box-shadow:0px 2px 5px 0px rgba(0, 0, 0, .04);}
#header .header-dim {opacity:0; visibility:hidden; content:""; display:block; position:fixed; top:80px; right:-100%; bottom:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, .65); transition:all .5s cubic-bezier(0.23, 1, 0.38, 1);}
#header .inner {position:relative; max-width:1920px; height:80px; margin-right:auto; margin-left:auto;}
#header .inner .logo {position:absolute; top:50%; left:0; display:flex; align-items:center; transform:translateY(-50%); z-index:1002;}
#header .inner .logo .logo-official {position:relative; display:block; width:255px; height:36px; background-image:url('../images/comn/logo.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:255px 36px; overflow:hidden;}
#header .inner .gnb {position:relative; max-width:100%; margin-right:auto; margin-left:auto; padding-left:30%; padding-right:15%;}
#header .inner .gnb > ul {display:flex; align-items:self-start; justify-content:flex-start;}
#header .inner .gnb > ul > li {position:relative; padding-right:3.5%; padding-left:3.5%;}
#header .inner .gnb > ul > li:after {content:""; position:absolute; top:78px; left:50%; width:0; height:2px; transition:all .25s ease-in-out; background-color:#4b4eb1; z-index:2;}
#header .inner .gnb > ul > li:hover:after {left:0; width:100%;}
#header .inner .gnb > ul > li > a {position:relative; display:flex; align-items:center; justify-content:center; height:80px; color:#1a1a1a; font-size:18px; font-weight:700; line-height:140%; letter-spacing:-0.03em; white-space:nowrap; transition:color .25s ease-in-out;}
#header .inner .gnb > ul > li > a:hover {text-decoration:none;}
#header .inner .gnb > ul > li.on > a, #header .inner .gnb > ul > li:hover > a {color:#4b4eb1;}
#header .inner .gnb > ul > li > a span {display:block; line-height:140%;}
#header .inner .gnb > ul > li .depth2 {position:absolute; top:80px; left:0; width:100%; visibility:hidden; height:0; filter:alpha(opacity=0); opacity:0; padding:25px 5px 30px 5px; transform:translateY(0); transition:transform .25s ease-in-out, opacity .25s ease-in-out, top .25s ease-in-out; z-index:1;}
#header .inner .gnb > ul > li .depth2 > li {margin-bottom:12px; text-align:center; word-break:keep-all;}
#header .inner .gnb > ul > li .depth2 > li:last-child {margin-bottom:0;}
#header .inner .gnb > ul > li .depth2 > li > a {display:block; color:#333; font-size:16px; font-weight:400; line-height:135%; letter-spacing:-0.001em;}
#header .inner .gnb > ul > li .depth2 > li > a:hover {color:#4b4eb1; text-decoration:none;}
#header .inner .util-menu {position:absolute; top:0; right:0; bottom:0; display:flex; align-items:center; justify-content:center; z-index:1002;}
#header .inner .util-menu .util-link {display:flex; align-items:center; justify-content:center;}
#header .inner .util-menu .util-link > li {position:relative; padding-right:15px; padding-left:15px; font-size:16px;}
#header .inner .util-menu .util-link > li:first-child {padding-left:0;}
#header .inner .util-menu .util-link > li:last-child {padding-right:0;}
#header .inner .util-menu .util-link > li:after {content:"/"; position:absolute; top:0; right:-2px; display:block; color:#dedede; line-height:120%;}
#header .inner .util-menu .util-link > li:last-child:after {display:none;}
#header .inner .util-menu .util-link > li > a {display:flex; color:#1a1a1a; font-weight:600; line-height:120%; letter-spacing:-0.003em;}
#header .inner .util-menu .util-link > li > a:hover {color:#4b4eb1;}
#header .inner .util-menu .btn-all-menu {position:relative; display:none; flex-flow:column; align-items:center; justify-content:center; width:40px; height:40px; background-color:transparent; border:none; transform:rotateY(0); transition:all 0.5s cubic-bezier(0.23, 1, 0.32, 1); overflow:hidden;}
#header .inner .util-menu .btn-all-menu .line {display:block; width:32px; height:3px; margin:0 0 6px 0; background:#3a3a3a; border-radius:3px; transition:all 0.5s cubic-bezier(0.23, 1, 0.32, 1);}
#header .inner .util-menu .btn-all-menu .line:last-child {margin-bottom:0;}
#header .inner .util-menu .btn-all-menu.active {transform:rotate(180deg);}
#header .inner .util-menu .btn-all-menu.active .line.nth1 {transform:rotate(45deg) translate(5px, 5px);}
#header .inner .util-menu .btn-all-menu.active .line.nth2 {opacity:0;}
#header .inner .util-menu .btn-all-menu.active .line.nth3 {transform:rotate(-45deg) translate(8px, -7px);}
#header.active:after {visibility:visible; height:305px; filter:alpha(opacity=100); opacity:1;}
#header.active .inner .gnb > ul > li .depth2 {visibility:visible; height:310px; filter:alpha(opacity=100); opacity:1; transform:translateY(0);}
#header .all-menu-wrap {opacity:0; visibility:hidden; position:fixed; top:80px; right:-100%; bottom:0; width:calc(100% - 60px); max-width:340px; background-color:#fff; overflow-y:auto; overflow-x:hidden; z-index:1001; transition:all .5s cubic-bezier(0.23, 1, 0.38, 1);}
#header .all-menu-wrap.on {opacity:1; visibility:visible; right:0;}
#header .all-menu-wrap .util-member {padding:25px 20px; background-color:#082a6e;}
#header .all-menu-wrap .util-member .tit {color:#fff; font-size:19px; font-weight:400; letter-spacing:-0.024em; line-height:130%;}
#header .all-menu-wrap .util-member .link-member {display:flex; justify-content:center; margin:15px -5px 0 -5px; padding:0; overflow:hidden;}
#header .all-menu-wrap .util-member .link-member li {width:100%;}
#header .all-menu-wrap .util-member .link-member li a {display:block; margin:0 5px; padding:8px 10px; color:#fff; font-size:16px; font-weight:400; text-align:center; background-color:#559cb3; border-radius:4px;}
#header .all-menu-wrap .util-member .link-member li:first-child a {background-color:#5372b1;}
#header .all-menu-wrap .all-menu-list {position:relative; margin-bottom:60px;}
#header .all-menu-wrap .all-menu-list > ul {overflow:hidden;}
#header .all-menu-wrap .all-menu-list > ul > li {border-bottom:1px solid #eee;}
#header .all-menu-wrap .all-menu-list > ul > li > a {position:relative; display:block; padding:16px 80px 16px 25px; font-size:0;}
#header .all-menu-wrap .all-menu-list > ul > li > a:hover {text-decoration:none;}
#header .all-menu-wrap .all-menu-list > ul > li > a:before, #header .all-menu-wrap .all-menu-list > ul > li > a:after {content:""; display:none; position:absolute; background-color:#505050; transition:all .15s ease-out;}
#header .all-menu-wrap .all-menu-list > ul > li.depthY > a:before, #header .all-menu-wrap .all-menu-list > ul > li.depthY > a:after {display:block;}
#header .all-menu-wrap .all-menu-list > ul > li > a:before {top:30px; right:36px; width:15px; height:1px;}
#header .all-menu-wrap .all-menu-list > ul > li > a:after {top:23px; right:43px; width:1px; height:15px;}
#header .all-menu-wrap .all-menu-list > ul > li > a.on:after {transform:rotate(90deg);}
#header .all-menu-wrap .all-menu-list > ul > li > a > span {position:relative; display:inline-block; margin-top:1px; color:#333; font-size:18px; font-weight:500; line-height:140%; vertical-align:middle;}
#header .all-menu-wrap .all-menu-list > ul > li .depth2 {display:none; padding:20px 35px; background-color:#f5f5f5;}
#header .all-menu-wrap .all-menu-list > ul > li .depth2 > li {margin-bottom:15px;}
#header .all-menu-wrap .all-menu-list > ul > li .depth2 > li:last-child {margin-bottom:0;}
#header .all-menu-wrap .all-menu-list > ul > li .depth2 > li > a {display:block; color:#333; font-size:16px; font-weight:400; line-height:140%;}
#header .all-menu-wrap .all-menu-list > ul > li .depth2 > li > a:hover {text-decoration:none;}
body.nav-on #header {position:fixed;}
body.nav-on #header .header-dim {opacity:1; visibility:visible; right:0;}

@keyframes headerAni {
	0% {
		opacity: 0;
		transform: translateY(-10px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (min-width:1280px) {
#header .header-dim {display:none;}
#header .all-menu-wrap {display:none;}
}

@media (max-width:1599px) {
#header .inner .gnb {padding-right:16%; padding-left:27%;}
#header .inner .gnb > ul > li > a {font-size:18px;}
#header .inner .gnb > ul > li .depth2 > li > a {font-size:15px;}
}

@media (max-width:1279px) {
#header {position:fixed; padding-right:40px; padding-left:40px;}
#header.fixed {box-shadow:0 0 1.5rem rgba(0, 0, 0, 0.15);}
#header:before {top:80px;}
#header:after {display:none;}
#header .inner {height:80px;}
#header .inner .gnb {display:none;}
#header .inner .util-menu .util-link {display:none;}
#header .inner .util-menu .btn-all-menu {display:flex;}
}

@media (max-width:767px) {
#header {padding-right:20px; padding-left:20px;}
#header:before {top:56px;}
#header .header-dim {top:56px;}
#header .inner {height:56px;}
#header .inner .logo .logo-official {width:200px; height:28px; background-size:200px 28px;}
#header .inner .util-menu .btn-all-menu {width:24px; height:24px;}
#header .inner .util-menu .btn-all-menu .line {width:24px; height:2px;}
#header .inner .util-menu .btn-all-menu.active .line.nth3 {transform:rotate(-45deg) translate(6px, -6px);}
#header .all-menu-wrap {top:56px;}
}

/* main-wrap */
@media (min-width:1024px) {
.main-aside-menu .aside-menu-list > li > a:hover {color:#000;}
.main-notice-list > li .n-link:hover {text-decoration:underline;}
}
.main-wrap {position:relative; max-width:2110px; margin-right:auto; margin-left:auto; padding:32px 4.15% 10px 4.15%; background-color:#f9fafc; overflow:hidden;}
.main-wrap .main-cont {display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; margin:0 -1.1%;}
.main-wrap .main-cont .main-sec {position:relative; display:flex; flex-wrap:wrap; width:33.32%; padding:0 1.1%;}
.main-wrap .main-cont .main-sec:nth-child(1) {-webkit-flex-shrink:0; flex-shrink:0; width:auto;}
.main-wrap .main-cont .main-sec:nth-child(2) {width:52.45%; padding-right:0.9%; min-width:932px;}
.main-wrap .main-cont .main-sec:nth-child(3) {width:47.55%; padding-left:0.9%;}
.sec-panel {width:100%; margin-bottom:24px; padding:32px 40px 42px 40px; background-color:#fff; border-radius:16px; box-shadow:0 0 10px rgba(0, 0, 0, .05);}
.sec-box {position:relative;}
.sec-tit {position:relative; color:#1a1a1a; font-size:22px; font-weight:800; line-height:140%; letter-spacing:-0.015em;}
.sec-panel-more {position:absolute; top:6px; right:40px; padding-right:15px; color:#555; font-size:16px; font-weight:500; line-height:120%; letter-spacing:-0.03em;}
.sec-panel-more:after {content:""; display:block; position:absolute; top:50%; right:0; width:6px; height:10px; background-image:url('../images/ico/ico-more-arr.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:6px 10px; transform:translateY(-50%);}
.sec-panel.type-flex {display:flex; flex-wrap:wrap; margin-bottom:0; padding:40px 48px;}
.sec-panel.type-flex .sec-box {padding-right:40px; padding-left:40px; border-right:1px dashed #eee;}
.sec-panel.type-flex .sec-box:first-child {width:60%; padding-left:0;}
.sec-panel.type-flex .sec-box:last-child {width:40%; padding-right:0; border-right:none;}
.main-aside-menu {position:relative; display:flex; align-items:center; justify-content:center; width:156px; min-height:800px; padding:26px 24px; background-color:#fff; border-radius:16px; box-shadow:0 0 10px rgba(0, 0, 0, .05);}
.main-aside-menu .aside-menu-list {position:relative;}
.main-aside-menu .aside-menu-list > li {margin-bottom:21px; padding-bottom:21px; border-bottom:1px dashed #d8d8d8;}
.main-aside-menu .aside-menu-list > li:last-child {margin-bottom:0; padding-bottom:0; border-bottom:none;}
.main-aside-menu .aside-menu-list > li > a {display:block; color:#1a1a1a; font-size:18px; font-weight:600; line-height:140%; letter-spacing:-0.015em; text-align:center; transition:color .15s ease-out;}
.main-aside-menu .aside-menu-list > li > a:before {content:""; display:block; width:36px; height:36px; margin-right:auto; margin-bottom:8px; margin-left:auto; background-repeat:no-repeat; background-position:50% 50%; background-size:36px 36px;}
.main-aside-menu .aside-menu-list > li:nth-child(1) > a:before {background-image:url('../images/ico/ico-aside-menu-01.png');}
.main-aside-menu .aside-menu-list > li:nth-child(2) > a:before {background-image:url('../images/ico/ico-aside-menu-02.png');}
.main-aside-menu .aside-menu-list > li:nth-child(3) > a:before {background-image:url('../images/ico/ico-aside-menu-03.png');}
.main-aside-menu .aside-menu-list > li:nth-child(4) > a:before {background-image:url('../images/ico/ico-aside-menu-04.png');}
.main-aside-menu .aside-menu-list > li:nth-child(5) > a:before {background-image:url('../images/ico/ico-aside-menu-05.png');}
.main-aside-menu .aside-menu-list > li:nth-child(6) > a:before {background-image:url('../images/ico/ico-aside-menu-06.png');}
.main-aside-menu .aside-menu-list > li:nth-child(7) > a:before {background-image:url('../images/ico/ico-aside-menu-07.png');}
.main-banner {position:relative; width:100%; margin-bottom:24px; border-radius:16px; overflow:hidden;}
.main-banner .main-slide {position:relative;}
.main-banner .main-slide .ms-sec {position:relative; overflow:hidden;}
.main-banner .main-slide .ms-sec .ms-box {position:relative; display:block; overflow:hidden;}
.main-banner .main-slide .ms-sec .ms-box .ms-img {display:block; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%;}
.main-banner .main-slide .ms-sec .ms-box .ms-img img {display:block; position:absolute; top:50%; left:50%; width:100%; height:100%; transform:translate(-50%, -50%); vertical-align:middle; object-fit:cover;}
.main-banner .main-slide .ms-sec .ms-box .ms-img span {display:block; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:100% 100%; background-size:cover;}
.main-banner .main-slide .ms-sec .ms-box .ms-img .m-img {display:none;}
.main-banner .main-slide .ms-sec .ms-box .ms-desc {opacity:1; position:relative; display:block; height:420px; padding:56px 48px; background-repeat:no-repeat; background-position:100% 50%; background-size:cover; overflow:hidden; transition:opacity 1s ease-out;}
.main-banner .main-slide .ms-sec.swiper-slide[class*=-active] .ms-box .ms-desc {opacity:1;}
.main-banner .main-slide .ms-sec .ms-box .ms-desc .ms-title {position:relative; display:block; color:#fff; font-size:32px; font-weight:700; line-height:130%; letter-spacing:-0.01em; z-index:1;}
.main-banner .main-slide .ms-sec .ms-box .ms-desc .ms-txt {position:relative; display:block; max-width:400px; margin-top:16px; color:#fff; font-size:16px; font-weight:400; line-height:130%; letter-spacing:-0.01em; z-index:1;}
.main-banner .main-slide-control {position:absolute; bottom:48px; left:48px; display:none; align-items:center; justify-content:center; padding:10px 16px; font-size:0; background-color:rgba(0, 0, 0, .3); z-index:1; border-radius:36px;}
.main-banner .main-slide-control .main-slide-page {position:relative;}
.main-banner .main-slide-control .main-slide-page .swiper-pagination-bullet {opacity:1; width:8px; height:8px; margin-right:10px; background-color:rgba(255, 255, 255, .6); border-radius:8px; transition:all .15s ease-out;}
.main-banner .main-slide-control .main-slide-page .swiper-pagination-bullet:last-child {margin-right:0;}
.main-banner .main-slide-control .main-slide-page .swiper-pagination-bullet.swiper-pagination-bullet-active {width:30px; background-color:rgba(255, 255, 255, 1);}
.main-banner .main-slide-control .main-slide-set {margin-left:10px;}
.main-banner .main-slide-control .main-slide-set .main-slide-stop, .main-banner .main-slide-control .main-slide-set .main-slide-play {display:none; width:16px; height:16px; background-color:transparent; background-repeat:no-repeat; background-position:50% 50%; border:none; border-radius:0; overflow:hidden;}
.main-banner .main-slide-control .main-slide-set .main-slide-stop.on, .main-banner .main-slide-control .main-slide-set .main-slide-play.on {display:block;}
.main-banner .main-slide-control .main-slide-set .main-slide-stop {background-image:url('../images/ico/ico-control-stop.png'); background-size:8px auto;}
.main-banner .main-slide-control .main-slide-set .main-slide-play {background-image:url('../images/ico/ico-control-play.png'); background-size:8px auto;}
.main-banner.slide-play .main-slide-control {display:flex;}
.main-notice-list, .main-center-list {position:relative; margin-top:20px; padding-top:28px; border-top:1px dashed #dbdbdb;}
.main-notice-list > li {position:relative; margin-bottom:20px;}
.main-notice-list > li:last-child {margin-bottom:0;}
.main-notice-list > li .n-link {position:relative; display:inline-block; max-width:100%; padding:0 26px 0 0; color:#1a1a1a; font-size:18px; font-weight:600; line-height:130%; letter-spacing:-0.03em; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; vertical-align:top; transition:color .15s ease-out;}
.main-notice-list > li .n-link .t-new {position:absolute; top:2px; right:0; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; font-size:0; text-indent:-999em; background-image:url('../images/ico/ico-noti-new.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:20px 20px; border-radius:20px; overflow:hidden;}
.main-notice-list > li .n-date {display:block; margin-top:8px; color:#555; font-size:16px; font-weight:400; line-height:130%;}
.main-center-list {padding-top:0;}
.main-center-list > li {border-bottom:1px solid #eee;}
.main-center-list > li > a {position:relative; display:block; padding:30px 30px 30px 0; color:#1a1a1a; font-size:18px; font-weight:700; line-height:130%; letter-spacing:-0.03em;}
.main-center-list > li > a:after {content:""; display:block; position:absolute; top:50%; right:8px; width:7px; height:12px; margin-top:-7px; background-image:url('../images/ico/ico-link-arr.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:7px 12px;}
.main-service-list {position:relative; display:flex; flex-wrap:wrap; margin-top:32px; margin-right:-24px; margin-bottom:-34px;}
.main-service-list > li {width:33.32%; padding-right:24px; padding-bottom:18px;}
.main-service-list > li > a {position:relative; display:block;}
.main-service-list > li > a:before {content:""; display:block; width:64px; height:64px; margin-right:auto; margin-bottom:12px; margin-left:auto; background-repeat:no-repeat; background-position:50% 50%; background-size:32px auto; border:1px solid #eee; border-radius:64px; overflow:hidden;}
.main-service-list > li:nth-child(1) > a:before {background-image:url('../images/ico/ico-online-service-01.png');}
.main-service-list > li:nth-child(2) > a:before {background-image:url('../images/ico/ico-online-service-02.png');}
.main-service-list > li:nth-child(3) > a:before {background-image:url('../images/ico/ico-online-service-03.png');}
.main-service-list > li:nth-child(4) > a:before {background-image:url('../images/ico/ico-online-service-04.png');}
.main-service-list > li:nth-child(5) > a:before {background-image:url('../images/ico/ico-online-service-05.png');}
.main-service-list > li:nth-child(6) > a:before {background-image:url('../images/ico/ico-online-service-06.png');}
.main-service-list > li > a .txt {display:block; min-height:43px; color:#1a1a1a; font-size:16px; font-weight:600; line-height:125%; letter-spacing:-0.015em; text-align:center;}
.main-shortcut-list {position:relative; width:100%;}
.main-shortcut-list > ul {display:flex; flex-wrap:wrap; margin-right:-23px; margin-bottom:-23px;}
.main-shortcut-list > ul > li {width:50%; padding-right:23px; padding-bottom:23px;}
.main-shortcut-list > ul > li:nth-child(1) {width:100%;}
.main-shortcut-list > ul > li > .s-item {position:relative; display:flex; flex-flow:column; min-height:186px; padding:32px 32px; background-color:#333; border-radius:16px; overflow:hidden;}
.main-shortcut-list > ul > li:nth-child(1) > .s-item {background-color:#0d3789;}
.main-shortcut-list > ul > li:nth-child(2) > .s-item {background-color:#d7780a;}
.main-shortcut-list > ul > li:nth-child(3) > .s-item {background-color:#0da285;}
.main-shortcut-list > ul > li > .s-item:before {content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; background-repeat:no-repeat; background-position:100% 100%; background-size:cover;}
.main-shortcut-list > ul > li:nth-child(1) > .s-item:before {opacity:.4;background-image:url('../images/ico/bg-shortcut-01.png');}
.main-shortcut-list > ul > li:nth-child(2) > .s-item:before {opacity:.7;background-image:url('../images/ico/bg-shortcut-02.png');}
.main-shortcut-list > ul > li:nth-child(3) > .s-item:before {opacity:.6; background-image:url('../images/ico/bg-shortcut-03.png');}
.main-shortcut-list > ul > li > .s-item:after {content:""; display:block; position:absolute; right:35px; bottom:35px; width:12px; height:12px; background-image:url('../images/ico/ico-shortcut-arr.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:12px 12px;}
.main-shortcut-list > ul > li > .s-item .s-txt {position:relative; display:block; margin-bottom:5px; color:#fff; font-size:16px; font-weight:400; line-height:130%; letter-spacing:-0.03em;}
.main-shortcut-list > ul > li > .s-item .s-tit {position:relative; display:block; color:#fff; font-size:22px; font-weight:600; line-height:130%; letter-spacing:-0.015em;}

@media (max-width:1800px) {
.main-wrap .main-cont .main-sec:nth-child(2) {min-width:auto;}
}

@media (max-width:1279px) {
.main-wrap {padding:28px 40px 10px 40px;}
.main-wrap .main-cont {flex-wrap:wrap; margin:0 -1%;}
.main-wrap .main-cont .main-sec {padding:0 1%;}
.main-wrap .main-cont .main-sec:nth-child(1) {width:100%; margin-bottom:24px;}
.main-wrap .main-cont .main-sec:nth-child(2) {width:58%; padding-right:1%;}
.main-wrap .main-cont .main-sec:nth-child(3) {width:42%; padding-left:1%;}
.sec-panel {padding:32px 35px 42px 35px;}
.sec-panel.type-flex {padding:40px 35px;}
.sec-panel.type-flex .sec-box {padding-right:30px; padding-left:30px;}
.main-aside-menu {width:100%; min-height:auto; padding:30px 25px;}
.main-aside-menu .aside-menu-list {display:flex; flex-wrap:wrap; width:100%; margin-right:-15px;}
.main-aside-menu .aside-menu-list > li {width:14.25%; margin-bottom:0; padding-right:15px; padding-bottom:0; border-bottom:none;}
.main-aside-menu .aside-menu-list > li > a:before {margin-bottom:10px;}
}

@media (max-width:1023px) {
.main-wrap .main-cont .main-sec:nth-child(2) {width:100%; margin-bottom:24px;}
.main-wrap .main-cont .main-sec:nth-child(3) {width:100%;}
.sec-panel {padding:35px 35px;}
.sec-panel.type-flex {padding:35px 35px;}
.main-aside-menu {padding:35px 35px;}
.main-aside-menu .aside-menu-list {margin-right:-20px; margin-bottom:-25px;}
.main-aside-menu .aside-menu-list > li {width:33.32%; padding-right:20px; padding-bottom:25px;}
.main-aside-menu .aside-menu-list > li:last-child {padding-bottom:20px;}
.main-service-list {margin-right:-20px; margin-bottom:-25px;}
.main-service-list > li {padding-right:20px; padding-bottom:25px;}
.main-service-list > li > a .txt {min-height:auto;}
.main-shortcut-list > ul {margin-right:-18px; margin-bottom:-18px;}
.main-shortcut-list > ul > li {padding-right:18px; padding-bottom:18px;}
}

@media (max-width:767px) {
.main-wrap {padding:20px 20px 5px 20px;}
.main-wrap .main-cont {margin:0;}
.main-wrap .main-cont .main-sec {padding:0;}
.main-wrap .main-cont .main-sec:nth-child(1) {margin-bottom:16px;}
.main-wrap .main-cont .main-sec:nth-child(2) {margin-bottom:16px;}
.sec-tit {font-size:18px;}
.sec-panel-more {top:5px; right:0; padding-right:10px; font-size:13px;}
.sec-panel-more:after {width:5px; height:8px; background-size:5px 8px;}
.sec-panel {margin-bottom:16px; padding:20px 20px;}
.sec-panel.type-flex {padding:20px 20px;}
.sec-panel.type-flex .sec-box {padding-right:0; padding-left:0; border-right:0;}
.sec-panel.type-flex .sec-box:first-child {width:100%; margin-bottom:20px; padding-right:0; padding-bottom:20px; border-bottom:1px dashed #eee;}
.sec-panel.type-flex .sec-box:last-child {width:100%;}
.main-aside-menu {padding:25px 15px;}
.main-aside-menu .aside-menu-list {margin-right:-15px; margin-bottom:-15px;}
.main-aside-menu .aside-menu-list > li {padding-right:15px; padding-bottom:15px;}
.main-aside-menu .aside-menu-list > li:last-child {padding-bottom:15px;}
.main-aside-menu .aside-menu-list > li > a {font-size:14px; white-space:nowrap;}
.main-aside-menu .aside-menu-list > li > a:before {width:34px; height:34px; margin-bottom:8px; background-size:34px 34px;}
.main-banner {margin-bottom:16px;}
.main-banner .main-slide .ms-sec .ms-box .ms-img span {background-position:85% 100%;}
.main-banner .main-slide .ms-sec .ms-box .ms-img .p-img {display:none;}
.main-banner .main-slide .ms-sec .ms-box .ms-img .m-img {display:block;}
.main-banner .main-slide .ms-sec .ms-box .ms-desc {height:280px; padding:30px 30px;}
.main-banner .main-slide .ms-sec .ms-box .ms-desc .ms-title {font-size:21px;}
.main-banner .main-slide .ms-sec .ms-box .ms-desc .ms-txt {margin-top:7px; padding-right:12%; font-size:13px; line-height:135%;}
.main-banner .main-slide-control {bottom:25px; left:30px; padding:9px 16px;}
.main-banner .main-slide-control .main-slide-page .swiper-pagination-bullet {margin-right:8px;}
.main-banner .main-slide-control .main-slide-set {margin-left:8px;}
.main-notice-list, .main-center-list {margin-top:15px; padding-top:0; border-top:0;}
.main-notice-list > li {margin-bottom:9px; padding-left:9px;}
.main-notice-list > li:before {content:""; display:block; width:3px; height:3px; position:absolute; top:8px; left:0; background-color:#ababab; border-radius:3px;}
.main-notice-list > li .n-link {padding:0 23px 0 0; font-size:15px;}
.main-notice-list > li .n-link .t-new {top:0; width:18px; height:18px; background-size:18px 18px;}
.main-notice-list > li .n-date {display:none; margin-top:3px; font-size:13px;}
.main-center-list {display:flex; flex-wrap:wrap; margin-right:-8px; margin-bottom:-8px;}
.main-center-list > li {width:100%; padding-right:8px; padding-bottom:8px; border-bottom:none;}
.main-center-list > li > a {padding:14px 15px; font-size:16px; border:1px solid #ddd; border-radius:6px;}
.main-center-list > li > a:after {right:20px;}
.main-service-list {margin-top:20px; margin-right:-15px; margin-bottom:-16px;}
.main-service-list > li {padding-right:15px; padding-bottom:16px;}
.main-service-list > li > a:before {width:50px; height:50px; margin-bottom:9px; background-size:26px auto;}
.main-service-list > li > a .txt {font-size:14px;}
.main-shortcut-list > ul {margin-right:-12px; margin-bottom:-12px;}
.main-shortcut-list > ul > li {padding-right:12px; padding-bottom:12px;}
.main-shortcut-list > ul > li > .s-item {min-height:160px; padding:25px 21px; border-radius:12px;}
.main-shortcut-list > ul > li > .s-item:after {right:25px; bottom:25px; width:10px; height:10px; background-size:10px 10px;}
.main-shortcut-list > ul > li > .s-item .s-txt {padding-right:15%; font-size:14px;}
.main-shortcut-list > ul > li > .s-item .s-tit {font-size:18px;}
}

/* alert-msg */
.alert-msg {position:relative; display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; margin-bottom:30px; padding:20px 20px; color:#3c3c3c; font-size:18px; font-weight:500; line-height:150%; letter-spacing:-0.01em; text-align:left; word-break:break-all; background-color:#fff; border:1px solid #e8e8e8; border-radius:6px;}
.alert-msg i {display:block; -webkit-flex-shrink:0; flex-shrink:0; margin-right:5px; line-height:150%;}
.alert-msg .txt {display:block; width:100%; margin-bottom:5px; line-height:150%;}
.alert-msg .txt:last-child {margin-bottom:0;}
.alert-msg .txt strong {font-weight:700;}
.alert-msg.type-blue {color:#277ed7; background-color:#e9f4ff; border-color:#d8e7f5;}
.alert-msg.type-green {color:#169b5e; background-color:#e7fff4; border-color:#c4f7e0;}
.alert-msg.type-orange {color:#b7701d; background-color:#fff6e6; border-color:#f9e6c1;}
.alert-msg.type-red {color:#cb5454; background-color:#ffeded; border-color:#fddddd;}
.alert-msg.type-purple {color:#5358ad; background-color:#eeefff; border-color:#dfe0f5;}
.alert-msg.type-navy {color:#5460ac; background-color:#f0f2ff; border-color:#d1d7ff;}
.alert-msg.type-center {flex-wrap:wrap; justify-content:center; text-align:center;}
.alert-msg.type-center i {margin-right:0; margin-bottom:1px;}
.alert-msg.center {justify-content:center; text-align:center;}
.alert-msg.center .txt {width:auto;}
.alert-msg.noti {justify-content:center; text-align:center; word-break:keep-all;}
.alert-msg.noti i {display:inline-block; margin-right:1px;}

@media (max-width:767px){
.alert-msg {margin-bottom:20px; padding:16px 15px; font-size:16px;}
.alert-msg i {margin-right:3px;}
}

/* button style */
@media (min-width:1024px) {
.btn-control:not(:disabled):hover {background-color:#f8f8f8;}
.btn-control.blue:not(:disabled):hover {background-color:#134eb3; border-color:#134eb3;}
.btn-control.blue.line:not(:disabled):hover {background-color:#f1f9ff; border-color:#134eb3;}
.evaluator-list-wrap .btn-area .btn-control.blue.line:not(:disabled):hover {background-color:#f1f9ff;}
.btn-control.skyblue:not(:disabled):hover {background-color:#29a0c9; border-color:#29a0c9;}
.btn-control.skyblue.line:not(:disabled):hover {background-color:#f1f9ff; border-color:#29a0c9;}
.btn-control.yellow:not(:disabled):hover {background-color:#df9f27; border-color:#df9f27;}
.btn-control.yellow.line:not(:disabled):hover {background-color:#fffcf8; border-color:#df9f27;}
.btn-control.orange:not(:disabled):hover {background-color:#e5a22e; border-color:#e5a22e;}
.btn-control.orange.line:not(:disabled):hover {background-color:#fffcf6; border-color:#e5a22e;}
.btn-control.red:not(:disabled):hover {background-color:#e35d5d; border-color:#e35d5d;}
.btn-control.red.line:not(:disabled):hover {background-color:#fff6f6; border-color:#e35d5d;}
.btn-control.navy:not(:disabled):hover {background-color:#2c3ba0; border-color:#2c3ba0;}
.btn-control.navy.line:not(:disabled):hover {background-color:#f4f5ff; border-color:#2c3ba0;}
.btn-control.gray:not(:disabled):hover {background-color:#363636; border-color:#363636;}
.btn-control.gray.line:not(:disabled):hover {background-color:#f9f9f9; border-color:#363636;}
.btn-basic:not(:disabled):hover {background-color:#f5f5f5;}
.btn-basic.type-blue:not(:disabled):hover {background-color:#134eb3; border-color:#134eb3;}
.btn-basic.type-skyblue:not(:disabled):hover {background-color:#2388eb; border-color:#2388eb;}
.btn-basic.type-green:not(:disabled):hover {background-color:#1dad6c; border-color:#1dad6c;}
.btn-basic.type-orange:not(:disabled):hover {background-color:#d28d13; border-color:#d28d13;}
.btn-basic.type-red:not(:disabled):hover {background-color:#e35d5d; border-color:#e35d5d;}
.btn-basic.type-purple:not(:disabled):hover {background-color:#312e6b; border-color:#312e6b;}
.btn-basic.type-gray:not(:disabled):hover {background-color:#888; border-color:#888;}
.btn-basic.type-white:not(:disabled):hover {background-color:#f5f5f5;}
.btn-basic.type-black:not(:disabled):hover {background-color:#3d3d3d;}
.btn-basic.type-purple-invert:not(:disabled):hover {background-color:#e0e0f1; border-color:#e0e0f1;}
.btn-circle-add:not(:disabled):hover {background-color:#5a81c3;}
.btn-circle-delete:not(:disabled):hover {background-color:#e56262;}
}
.btn-control {display:inline-flex; align-items:center; justify-content:center; min-width:180px; height:61px; padding:10px 30px; color:#2b2b2b; font-size:19px; font-weight:600; line-height:140%; letter-spacing:-0.01em; text-align:center; white-space:nowrap; background-color:#fff; border:1px solid #e5e5e5; border-radius:8px; overflow:hidden; transition:color .15s ease-out, background .15s ease-out, border .15s ease-out;}
.btn-control:disabled {opacity:.5; cursor:auto;}
.btn-control.blue {color:#fff; background-color:#1b5ac5; border-color:#1b5ac5;}
.btn-control.blue.line {color:#1b5ac5; background-color:transparent;}
.btn-control.skyblue {color:#fff; background-color:#33afda; border-color:#33afda;}
.btn-control.skyblue.line {color:#33afda; background-color:#fff;}
.btn-control.yellow {color:#fff; background-color:#f3af30; border-color:#f3af30;}
.btn-control.yellow.line {color:#f3af30; background-color:#fff;}
.btn-control.orange {color:#fff; background-color:#ffb533; border-color:#ffb533;}
.btn-control.orange.line {color:#ffb533; background-color:#fff;}
.btn-control.red {color:#fff; background-color:#fe7777; border-color:#fe7777;}
.btn-control.red.line {color:#fe7777; background-color:#fff;}
.btn-control.navy {color:#fff; background-color:#3747b4; border-color:#3747b4;}
.btn-control.navy.line {color:#3747b4; background-color:#fff;}
.btn-control.gray {color:#fff; background-color:#444; border-color:#444;}
.btn-control.gray.line {color:#444; background-color:#fff;}
.evaluator-list-wrap .btn-area .btn-control.blue.line {background-color:transparent;}
.btn-control i {margin-right:6px; font-weight:500;}
.btn-control span {line-height:140%;}
.btn-control span + i {margin-right:0; margin-left:5px;}
.btn-control.small {height:58px; padding:10px 25px; font-size:19px;}
.btn-control.type-radius {border-radius:60px;}
.btn-light, .btn-basic {display:inline-flex; align-items:center; justify-content:center; height:42px; padding:5px 15px; color:#333; font-size:17px; font-weight:500; line-height:140%; letter-spacing:-0.01em; text-align:center; white-space:nowrap; background-color:#f3f3f3; border:1px solid #f3f3f3; border-radius:6px; overflow:hidden; transition:color .15s ease-out, background .15s ease-out, border .15s ease-out;}
.btn-light:disabled, .btn-basic:disabled {opacity:.55; cursor:auto;}
.btn-light span, .btn-basic span {line-height:140%;}
.btn-light i, .btn-basic i {margin-right:3px;}
.btn-light span + i, .btn-basic span + i {margin-right:0; margin-left:3px;}
.btn-light {background-color:#f3f3f3; border:1px solid #f3f3f3;}
.btn-basic {background-color:#fff; border:1px solid #dadada;}
.btn-light.type-blue {color:#1b5ac5; background-color:#f1f6ff; border-color:#f1f6ff;}
.btn-light.type-skyblue {color:#2992ff; background-color:#e9f4ff; border-color:#e9f4ff;}
.btn-light.type-green {color:#07c56e; background-color:#dcffef; border-color:#dcffef;}
.btn-light.type-orange {color:#ff9e2f; background-color:#fff6e6; border-color:#fff6e6;}
.btn-light.type-red {color:#ff6060; background-color:#ffeaea; border-color:#ffeaea;}
.btn-light.type-purple {color:#7981ff; background-color:#eeefff; border-color:#eeefff;}
.btn-basic.type-blue {color:#fff; background-color:#1b5ac5; border-color:#1b5ac5;}
.btn-basic.type-skyblue {color:#fff; background-color:#3199ff; border-color:#3199ff;}
.btn-basic.type-green {color:#fff; background-color:#25bf79; border-color:#25bf79;}
.btn-basic.type-orange {color:#fff; background-color:#e89f1d; border-color:#e89f1d;}
.btn-basic.type-red {color:#fff; background-color:#fe7777; border-color:#fe7777;}
.btn-basic.type-purple {color:#fff; background-color:#3f3b7f; border-color:#3f3b7f;}
.btn-basic.type-gray {color:#fff; background-color:#9c9c9c; border-color:#9c9c9c;}
.btn-basic.type-white {color:#333; font-weight:500; background-color:#fff; border-color:#dadada;}
.btn-basic.type-black {color:#fff; background-color:#4f4f4f; border-color:#4f4f4f;}
.btn-basic.type-purple-invert {color:#595fd3; background-color:#efefff; border-color:#efefff;}
.btn-light input[type='file'], .btn-basic input[type='file'] {position:absolute; width:1px; height:1px; margin:0; padding:0; border:none; overflow:hidden; clip:rect(0,0,0,0);}
.btn-area {margin-top:60px;}
.btn-area ul {display:flex; flex-wrap:wrap; justify-content:center; margin-right:-10px; margin-left:-10px;}
.btn-area ul li {padding-right:10px; padding-left:10px;}
.btn-area.type-full {margin-top:40px;}
.btn-area.type-full ul {margin-right:-15px; margin-bottom:-15px; margin-left:0;}
.btn-area.type-full ul li {padding-right:15px; padding-bottom:15px; padding-left:0;}
.btn-area.type-full ul li .btn-control {height:56px; padding:10px 25px; font-size:18px;}
.noti-top.type-info + .btn-area {margin-top:20px;}
.btn-circle-add, .btn-circle-delete {display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border:none; background-repeat:no-repeat; background-position:50% 50%; background-size:15px auto; border-radius:34px; vertical-align:middle; overflow:hidden; transition:color .15s ease-out, background .15s ease-out, border .15s ease-out;}
.btn-circle-add {background-color:#6991d5; background-image:url('../images/ico/ico-circle-add.png');}
.btn-circle-delete {background-color:#f97272; background-image:url('../images/ico/ico-circle-delete.png');}
.btn-circle-add span, .btn-circle-delete span {position:absolute; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; color:transparent; overflow:hidden;}

@media (max-width:1023px) {
.btn-control {min-width:150px; height:58px; padding:10px 25px; font-size:19px;}
.btn-area {margin-top:50px;}
}

@media (max-width:767px) {
.btn-control {min-width:120px; height:46px; padding:10px 20px; font-size:16px;}
.btn-control i {margin-right:3px;}
.btn-control span + i {margin-left:3px;}
.btn-control.small {height:46px; padding:10px 20px; font-size:15px;}
.btn-light, .btn-basic {height:35px; padding:5px 12px; font-size:15px;}
.btn-area {margin-top:35px;}
.btn-area ul {margin-right:-6px; margin-left:-6px;}
.btn-area ul li {padding-right:6px; padding-left:6px;}
.btn-area.type-03 ul {margin-right:-5px; margin-left:-5px;}
.btn-area.type-03 ul li {width:33.32%; padding-right:5px; padding-left:5px;}
.btn-area.type-03 ul li .btn-control {min-width:auto; width:100%;}
.btn-area.type-full {margin-top:20px;}
.btn-area.type-full ul {margin-right:0; margin-bottom:0;}
.btn-area.type-full ul li {width:100%; margin-bottom:10px; padding-right:0; padding-bottom:0;}
.btn-area.type-full ul li:last-child {margin-bottom:0;}
.btn-area.type-full ul li .btn-control {width:100%; height:46px; padding:10px 20px; font-size:14px; border-radius:6px;}
.btn-area.type-full ul li .btn-control i {margin-right:5px;}
.btn-area.num-03 ul {margin-right:-5px; margin-left:-5px;}
.btn-area.num-03 ul li {width:33.32%; padding-right:5px; padding-left:5px;}
.btn-area.num-03 ul li .btn-control {min-width:auto; width:100%;}
.btn-area.m-small ul {margin-right:-4px; margin-left:-4px;}
.btn-area.m-small ul li {padding-right:4px; padding-left:4px;}
.btn-area.m-small ul li .btn-control {min-width:auto; width:100%; height:44px; padding:10px 15px; font-size:14px;}
.btn-circle-add, .btn-circle-delete {width:24px; height:24px; background-size:8px auto;}
}

@media (max-width:340px) {
.btn-control {min-width:110px;}
.btn-area ul {margin-right:-4px; margin-left:-4px;}
.btn-area ul li {padding-right:4px; padding-left:4px;}
}

/* form style */
@media (min-width:1024px) {
.form-button:not(:disabled):hover {background-color:#4a4a4a; border-color:#4a4a4a;}
.form-button.green:not(:disabled):hover {background-color:#0bc7a5; border-color:#0bc7a5;}
.form-button.red:not(:disabled):hover {background-color:#e56e6e; border-color:#e56e6e;}
.form-button.white:not(:disabled):hover {background-color:#f8f8f8; border-color:#d9d9d9;}
.form-button.blue:not(:disabled):hover {background-color:#1959c4; border-color:#1959c4;}
.form-file label:not(:disabled):hover {background-color:#f1f1f1;}
.form-file.type-registration label:not(:disabled):hover {background-color:#595959;}
.tbl-form .t-row .t-cont .file-list > ul > li a:hover {text-decoration:underline;}
.btn-authenticate label:not(:disabled):hover {background-color:#ebebeb;}
.btn-item-add:not(:disabled):hover {background-color:#f8f8f8;}
.tbl-basic .txt-link:hover {color:#1051b4;}
}
.form-input {width:100%; height:46px; padding:10px 15px; color:#2b2b2b; font-size:17px; font-weight:400; line-height:140%; letter-spacing:-0.01em; background-color:#fff; border:1px solid #d9d9d9; border-radius:4px; outline:0; transition:border .15s ease; appearance:none;}
.form-input:focus {border:1px solid #6b6b6b;}
.form-input::-webkit-input-placeholder {color:#b2b2b2; font-weight:300;}
.form-input:-ms-input-placeholder {color:#b2b2b2; font-weight:300;}
.form-input::placeholder {color:#b2b2b2; font-weight:300;}
.form-input:read-only {color:#5d5d5d; background-color:#f8f8f8; border-color:#e9e9e9;}
.form-input[readonly='readonly'] {color:#5d5d5d; background-color:#f8f8f8; border-color:#e9e9e9;}
.form-input.calendar {padding-right:50px; background-image:url('../images/ico/ico-input-calendar.png'); background-repeat:no-repeat; background-position:calc(100% - 15px) 50%; background-size:20px auto;}
.form-textarea {display:block; width:100% !important; min-height:180px; padding:15px 15px; color:#2b2b2b; font-size:17px; font-weight:400; line-height:140%; letter-spacing:-0.01em; border:1px solid #d9d9d9; background-color:#fff; border-radius:4px; outline:0; appearance:none; transition:border .15s ease; font-family:'Pretendard', '돋움', Dotum, sans-serif !important;}
.form-textarea:focus {border:1px solid #6b6b6b;}
.form-textarea::-webkit-input-placeholder {color:#b2b2b2; font-weight:300;}
.form-textarea:-ms-input-placeholder {color:#b2b2b2; font-weight:300;}
.form-textarea::placeholder {color:#b2b2b2; font-weight:300;}
.form-textarea:read-only {background-color:#f8f8f8; border-color:#e9e9e9;}
.form-textarea[readonly='readonly'] {background-color:#f8f8f8; border-color:#e9e9e9;}
.textarea-btm {display:block; margin-top:8px; color:#666; font-size:13px; font-weight:400; line-height:140%; text-align:right;}
.textarea-btm .point {color:#1b5ac5;}
.custom-textarea {position:relative;}
.form-select {width:100%; height:46px; padding:10px 40px 10px 15px; color:#2b2b2b; font-size:17px; font-weight:400; line-height:140%; letter-spacing:-0.01em; background-color:#fff; background-image:url('../images/ico/ico-select-arr.png'); background-repeat:no-repeat; background-position:calc(100% - 15px) 50%; background-size:10px auto; border:1px solid #d9d9d9; border-radius:4px; outline:0; transition:border .15s ease; appearance:none; font-family:'Pretendard';}
.form-select::-ms-expand {display:none;}
.form-select:focus {border:1px solid #6b6b6b;}
.form-input:disabled, .form-textarea:disabled, .form-select:disabled {opacity:.7; background-color:#f5f5f5; border-color:#d9d9d9;}
.form-select.type-auto {width:auto;}
.form-radio, .form-check {position:relative; display:block;}
.form-radio input[type='radio'], .form-check input[type='checkbox'] {position:absolute; opacity:0; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; color:transparent; overflow:hidden;}
.form-radio input[type='radio'] + label, .form-check input[type='checkbox'] + label {position:relative; display:inline-flex; align-items:center; justify-content:center; padding-left:25px; color:#2b2b2b; font-size:17px; font-weight:400; line-height:140%; letter-spacing:-0.01em;}
.form-radio input[type='radio']:disabled + label, .form-check input[type='checkbox']:disabled + label {opacity:.7;}
.form-radio input[type='radio'] + label:before, .form-check input[type='checkbox'] + label:before {content:""; display:inline-flex; align-items:center; justify-content:center; position:absolute; top:2px; left:0; width:20px; height:20px; background-image:url('../images/ico/ico-radio-off.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:20px 20px; transition:background .15s ease; overflow:hidden;}
.form-radio input[type='radio'] + label:before {background-image:url('../images/ico/ico-radio-off.png');}
.form-check input[type='checkbox'] + label:before {background-image:url('../images/ico/ico-chk-off.png');}
.form-radio input[type='radio']:checked + label:before {background-image:url('../images/ico/ico-radio-on.png');}
.form-check input[type='checkbox']:checked + label:before {background-image:url('../images/ico/ico-chk-on.png');}
.form-radio input[type='radio']:focus + label:before {box-shadow:0 0 0 .2rem rgba(13, 110, 253, .25); border-radius:50%;}
.form-check input[type='checkbox']:focus + label:before {box-shadow:0 0 0 .2rem rgba(13, 110,253, .25); border-radius:2px;}
.form-radio.txt-none, .form-check.txt-none {font-size:0;}
.form-radio.txt-none input[type='radio'] + label, .form-check.txt-none input[type='checkbox'] + label {width:20px; height:20px; padding:0; color:#fff; text-indent:-999em;}
.form-radio.txt-none input[type='radio'] + label:before, .form-check.txt-none input[type='checkbox'] + label:before {position:static;}
.form-file {position:relative; display:flex; flex-wrap:nowrap; -webkit-box-flex:1; -webkit-flex:1; flex:1;}
.form-file .form-input {min-width:200px; font-size:17px; border-top-right-radius:0; border-bottom-right-radius:0;}
.form-file .form-input:read-only {background-color:#fff; border-color:#d9d9d9;}
.form-file .form-input[readonly='readonly'] {background-color:#fff; border-color:#d9d9d9;}
.form-file label {-webkit-flex-shrink:0; flex-shrink:0; position:relative; display:inline-flex; align-items:center; justify-content:center; min-width:80px; height:46px; padding:10px 20px; color:#696969; font-size:17px; font-weight:400; line-height:140%; text-align:center; background-color:#f7f7f7; border:1px solid #d9d9d9; border-left:none; border-radius:0 6px 6px 0; outline:0; overflow:hidden; transition:color .15s ease-out, background .15s ease-out, border .15s ease-out;}
.form-file label input[type='file'] {position:absolute; width:1px; height:1px; margin:0; padding:0; border:none; overflow:hidden; clip:rect(0,0,0,0);}
.form-file.type-registration .form-input {height:43px; margin-right:10px; padding:0; border-color:#fff; border-radius:6px;}
.form-file.type-registration label {min-width:90px; height:43px; color:#fff; background-color:#696969; border-color:#696969; border-radius:6px;}
.form-inline .form-file {min-width:400px;}
.form-file-list {position:relative;}
.form-file-list .form-file-sec {max-width:480px; margin-bottom:10px; display:flex; flex-wrap:nowrap; -webkit-box-flex:1; -webkit-flex:1; flex:1; margin-right:-5px; margin-left:-5px;}
.form-file-list .form-file-sec:last-child {margin-bottom:0;}
.form-file-list .form-file-sec .form-file-box {display:flex; flex-wrap:wrap; align-items:center; width:100%; padding-right:5px; padding-left:5px;}
.form-file-list .form-file-sec .form-file-box.fix {width:auto; -webkit-flex-shrink:0; flex-shrink:0;}
.form-file-list .form-file-sec .form-file-box .form-file .form-input {min-width:auto;}
.form-file-img {position:relative;}
.form-file-img .file-view-img {position:relative; display:block; max-width:150px; margin-bottom:10px; overflow:hidden;}
.form-file-img .file-view-img img {display:block; max-width:100%; width:100%; height:auto; margin-right:auto; margin-left:auto; vertical-align:middle;}
.form-file-img .btn-file-find {position:relative; display:flex; align-items:center; justify-content:center; width:auto; height:46px; padding:10px 20px; color:#333; font-size:17px; font-weight:500; line-height:140%; text-align:center; background-color:#fff; border:1px solid #d9d9d9; border-radius:6px; outline:0; overflow:hidden;}
.form-file-img .btn-file-find i {margin-right:5px; font-size:15px;}
.form-button {position:relative; display:inline-flex; align-items:center; justify-content:center; width:100%; min-width:70px; height:46px; padding:10px 20px; color:#fff; cursor:pointer; font-size:17px; font-weight:400; line-height:140%; letter-spacing:-0.01em; text-align:center; white-space:nowrap; background-color:#5a5a5a; background-repeat:no-repeat; background-position:50% 50%; border:1px solid #5a5a5a; border-radius:6px; overflow:hidden; transition:color .15s ease-out, background .15s ease-out, border .15s ease-out;}
.form-button:disabled {opacity:.45; cursor:auto;}
.form-button [class^="ri-"] {margin-left:3px;}
.form-button.ico-left [class^="ri-"] {margin-left:0; margin-right:3px;}
.form-button input[type='file'], .form-button input[type='radio'], .form-button input[type='checkbox'] {position:absolute; opacity:0; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; color:transparent; overflow:hidden;}
.form-button.green {background-color:#11d9b5; border-color:#11d9b5;}
.form-button.red {background-color:#f77f7f; border-color:#f77f7f;}
.form-button.white {color:#2b2b2b; background-color:#fff; border-color:#d9d9d9;}
.form-button.blue {color:#fff; background-color:#2264d3; border-color:#2264d3;}
.form-button.small {min-width:auto; height:40px; padding:10px 12px; font-size:17px;}
.form-button.type-sch {min-width:60px; padding:10px 10px; text-indent:-999em; background-image:url('../images/ico/ico-form-search-03-white.png'); background-size:21px auto;}
.form-button.type-control {min-width:70px; padding:10px 15px;}
.btn-authenticate {position:relative;}
.btn-authenticate input[type='file'], .btn-authenticate input[type='radio'], .btn-authenticate input[type='checkbox'] {position:absolute; opacity:0; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; color:transparent; overflow:hidden;}
.btn-authenticate label {position:relative; display:inline-flex; align-items:center; justify-content:center; width:100%; min-width:70px; height:46px; padding:10px 20px; color:#a2a2a2; font-size:18px; font-weight:400; line-height:140%; letter-spacing:-0.01em; text-align:center; white-space:nowrap; background-color:#f4f4f4; background-repeat:no-repeat; background-position:50% 50%; border:1px solid #f4f4f4; border-radius:6px; overflow:hidden; transition:color .15s ease-out, background .15s ease-out, border .15s ease-out;}
.btn-authenticate input[type='radio']:checked + label, .btn-authenticate input[type='checkbox']:checked + label {color:#fff; background-color:#2264d3; border-color:#2264d3;}
.form-authenticate {position:relative;}
.form-authenticate .form-input {padding-right:70px;}
.form-authenticate .time-count {position:absolute; top:50%; right:16px; color:#ff4d4d; font-size:14px; font-weight:400; line-height:130%; text-align:right; transform:translateY(-50%);}
.form-inline {position:relative; display:flex; flex-wrap:nowrap; -webkit-box-flex:1; -webkit-flex:1; flex:1; margin-right:-4px; margin-bottom:-8px; margin-left:-4px;}
.form-inline .form-sec {display:flex; flex-wrap:wrap; align-items:center; width:100%; padding-right:4px; padding-bottom:8px; padding-left:4px;}
.form-inline .form-sec.fix {width:auto; -webkit-flex-shrink:0; flex-shrink:0;}
.form-inline .form-sec.line {width:auto; -webkit-flex-shrink:0; flex-shrink:0; padding-right:1px; padding-left:1px;}
.form-inline .form-sec.btn {width:auto; -webkit-flex-shrink:0; flex-shrink:0;}
.form-inline .form-sec .form-noti {margin-top:0;}
.form-inline.type-block {flex-wrap:wrap; margin-bottom:-12px;}
.form-inline.type-block .form-sec {max-width:100% !important; padding-bottom:12px;}
.form-inline.type-block .form-radio, .form-inline.type-block .form-check {margin:0;}
.form-inline-list.type-industry .form-inline {margin-bottom:1px;}
.form-inline-list.type-industry .form-inline:last-child {margin-bottom:-8px;}
.form-inline-list.type-industry .form-inline .form-sec:nth-child(1) {max-width:250px;}
.form-inline-list.type-industry .form-inline .form-sec:nth-child(2) {max-width:250px;}
.form-inline-list.type-industry .form-inline .form-sec:nth-child(3) {max-width:460px;}
.form-inline-list.type-industry .form-file-list {width:100%;}
.form-inline-list.type-industry .form-inline .form-file {min-width:380px;}
.form-inline-area {position:relative; width:100%; margin-bottom:-8px;}
.form-radio + .form-inline-area {margin-top:10px; margin-bottom:2px;}
.form-inline-area .form-inline {margin-bottom:0;}
.form-inline-area.type-tab {position:absolute; width:0; height:0; visibility:hidden; filter:alpha(opacity=0); opacity:0; transition:opacity .5s ease-out;}
.form-inline-area.type-tab.on {position:static; width:100%; height:auto; visibility:visible; filter:alpha(opacity=100); opacity:1;}
.form-inline-area.type-flex {display:flex; width:auto; margin-right:-10px; margin-left:-10px;}
.form-inline-area.type-flex .form-inline {padding-right:10px; padding-left:10px;}
.form-inline-area.type-sch {display:flex; width:auto; margin-right:-6px; margin-left:-6px;}
.form-inline-area.type-sch .form-inline {padding-right:6px; padding-left:6px;}
.form-txt {display:block; margin:10px 0; line-height:140%;}
.ico-mark {display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; background-color:#b7b7b7; background-repeat:no-repeat; background-position:50% 50%; border-radius:20px;}
.ico-mark.exclamation {background-image:url('../images/ico/ico-noti-mark-white.png'); background-size:auto 10px;}
.form-noti {position:relative; display:block; margin-top:12px;}
.form-noti > li {display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; position:relative; margin-bottom:5px; color:#909090; font-size:15px; font-weight:400; line-height:140%; letter-spacing:-0.01em;}
.form-noti > li:last-child {margin-bottom:0;}
.form-noti > li strong {font-weight:600;}
.form-noti > li .dot {-webkit-flex-shrink:0; flex-shrink:0; margin-right:3px; line-height:140%;}
.form-noti > li .dot .ico-mark {margin-top:1px; margin-right:2px;}
.form-noti > li .cont {display:block; width:100%; line-height:140%;}
.form-noti > li.black {color:#1a1a1a;}
.form-noti > li.black .dot .ico-mark {background-color:#1a1a1a;}
.form-noti > li.red {color:#ea5151;}
.form-noti > li.red .dot .ico-mark {background-color:#ea5151;}
.form-noti > li.green {color:#13c205;}
.form-noti > li.green .dot .ico-mark {background-color:#4ccf42;}
.form-noti > li.blue {color:#23a5ff;}
.form-noti > li.blue .dot .ico-mark {background-color:#23a5ff;}
.form-noti > li.orange {color:#f39308;}
.form-noti > li.orange .dot .ico-mark {background-color:#f39308;}
.form-noti > li.navy {color:#3747b4;}
.form-noti > li.navy .dot .ico-mark {background-color:#3747b4;}
.form-check + .form-noti {margin-top:6px; margin-left:27px;}
.form-noti.type-explain {margin-top:15px;}
.form-noti.type-explain > li .dot, .form-noti.type-explain > li .cont {padding:10px 15px; line-height:140%;}
.form-noti.type-explain > li .dot {display:flex; align-items:center; justify-content:center; margin-right:0; color:#4b558c; background-color:#f1f4ff; border:1px solid #dcdff0; border-radius:6px 0 0 6px;}
.form-noti.type-explain > li .cont {color:#4b558c; background-color:#fff; border:1px solid #dcdff0; border-left:none; border-radius:0 6px 6px 0;}
.form-noti.small > li {font-size:15px;}
.form-list > li {margin-bottom:10px;}
.form-list > li:last-child {margin-bottom:0;}
.tbl-form {display:flex; flex-wrap:wrap; width:100%; border-top:1px solid #333;}
.tbl-form .t-row {display:flex; flex-wrap:wrap; width:100%;}
.tbl-form .t-row .t-cell {display:flex; flex-flow:nowrap; flex:1 1 40%; width:50%; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;}
.tbl-form .t-row .t-cell:last-child {border-right:none;}
.tbl-form .t-row .t-head, .tbl-form .t-row .t-cont {padding:12px 12px; color:#2b2b2b; line-height:140%; letter-spacing:-0.01em; border-bottom:1px solid #e7e7e7; vertical-align:top;}
.tbl-form .t-row .t-head {display:flex; flex-flow:column; -webkit-box-flex:1; -webkit-flex:1; flex:1; width:100%; min-width:180px; padding:12px 20px; font-size:17px; font-weight:600; background-color:#f7f7f7;}
.tbl-form .t-row .t-head .t-tit {display:block; margin:10px 0; font-weight:600; line-height:140%; white-space:nowrap;}
.tbl-form .t-row .t-head .required {color:#ed2121;}
.tbl-form .t-row .t-head .t-tooltip {position:relative; display:flex; align-items:center; justify-content:space-between; margin:10px 0;}
.tbl-form .t-row .t-head .t-tooltip .t-tit {margin:0 10px 0 0;}
.tbl-form .t-row .t-head .flex-inline {position:relative; display:flex; flex-wrap:wrap; margin:10px 0;}
.tbl-form .t-row .t-head .flex-inline .t-tit {margin:0;}
.tbl-form .t-row .t-head .flex-inline.type-button .t-tit {width:auto; margin-top:3px; margin-right:8px; margin-bottom:5px;}
#container.member .tbl-form .t-row .t-head {min-width:140px;}
.tbl-form .t-row .t-cont {width:90%; font-size:17px; font-weight:400;}
.tbl-form .t-row .t-cell .t-head, .tbl-form .t-row .t-cell .t-cont {padding:12px 12px; border-bottom:none;}
.tbl-form .t-row .t-cell .t-head {padding:12px 20px;}
.tbl-form .t-row .t-cont .file-list {position:relative; margin:10px 0;}
.tbl-form .t-row .t-cont .file-list > ul {position:relative;}
.tbl-form .t-row .t-cont .file-list > ul > li {position:relative; margin-bottom:6px;}
.tbl-form .t-row .t-cont .file-list > ul > li:last-child {margin-bottom:0;}
.tbl-form .t-row .t-cont .file-list > ul > li a {position:relative; display:inline-flex; padding-left:25px; color:#3b3b3b; font-size:17px; font-weight:400; line-height:140%; transition:color .15s ease-out;}
.tbl-form .t-row .t-cont .file-list > ul > li .ico-attach-file {position:absolute; top:2px; left:0; width:18px; height:20px; background-size:18px 20px;}
.tbl-form .t-row .t-cont .file-list > ul > li .file-edit-area {display:flex; align-items:center;}
.tbl-form .t-row .t-cont .file-list > ul > li .file-edit-area .f-name {position:relative; padding-right:15px;}
.tbl-form .t-row .t-cont .file-list > ul > li .file-edit-area .f-control {position:relative;}
.tooltip-box {position:relative;}
.tooltip-box .tooltip-tit {display:block; width:26px; height:26px; background-color:#8592a7; background-image:url('../images/ico/ico-tooltip-white.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:9px auto; border-radius:26px;}
.tooltip-box .tooltip-cont {display:none; position:absolute; top:-2px; left:35px; width:580px; padding:15px 15px; color:#fff; font-size:17px; font-weight:400; line-height:130%; letter-spacing:-0.01em; background-color:rgba(0, 0, 0, .75); border-radius:10px; z-index:1;}
.tooltip-box .tooltip-cont:before {content:""; display:block; position:absolute; top:10px; left:-6px; width:0; height:0; border-top:6px solid transparent; border-right:6px solid rgba(0, 0, 0, .75); border-bottom:6px solid transparent;}
.tooltip-box .tooltip-cont .btn-tooltip-close {display:none; position:absolute; top:10px; right:10px; width:12px; height:12px; background-color:transparent; background-image:url('../images/ico/ico-tooltip-close.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:12px 12px; border:none; border-radius:0; overflow:hidden;}
.guide-list > li {display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; position:relative; margin-bottom:5px; line-height:140%; letter-spacing:-0.01em;}
.guide-list > li:last-child {margin-bottom:0;}
.guide-list > li strong {font-weight:600;}
.guide-list > li .dot {-webkit-flex-shrink:0; flex-shrink:0; margin-right:3px; line-height:130%;}
.guide-list > li .cont {display:block; width:100%; line-height:130%;}
.guide-list > li .cont > ul {margin-top:7px;}
.guide-list > li .cont > ul > li {display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; margin-bottom:3px;}
.guide-list > li .cont > ul > li:last-child {margin-bottom:0;}
.guide-list > li .cont > ul > li.small {font-size:16px;}
.guide-list > li .cont > ul > li > .dot {line-height:130%;}
.guide-list > li .cont > ul > li > .cont > ul {margin-top:5px; line-height:130%;}
.guide-list > li .cont > ul > li > .cont > ul > li {display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; margin-bottom:1px;}
.guide-list > li .cont > ul > li > .cont > ul > li:last-child {margin-bottom:0;}
.guide-list > li .cont > ul.lower li {margin-bottom:3px; color:#666; font-size:16px;}
.guide-list > li .cont > ul.lower li:last-child {margin-bottom:0;}
.guide-list.type-bg {padding:30px 30px; background-color:#f7f7f7; border-radius:12px;}
.guide-list.type-bg > li {margin-bottom:10px; color:#2a2a2a; font-size:17px; font-weight:400;}
.guide-list.type-bg > li:last-child {margin-bottom:0;}
.guide-list.type-bg > li .dot {margin-right:4px;}
.guide-list.type-bg > li .cont > ul {margin-top:10px;}
.guide-list.type-bg > li .cont > ul > li {margin-bottom:8px; color:#767676; font-size:15px; font-weight:400;}
.guide-list.type-bg > li .cont > ul > li:last-child {margin-bottom:0;}
.tbl-form.type-center {display:block; width:auto; border-bottom:1px solid #e7e7e7;}
.tbl-form.type-center .t-row {display:flex; justify-content:center;}
.tbl-form.type-center .t-row .t-head, .tbl-form.type-center .t-row .t-cont {width:auto; padding:5px 20px; border-bottom:none;}
.tbl-form.type-center .t-row:first-child .t-head, .tbl-form.type-center .t-row:first-child .t-cont {padding-top:20px;}
.tbl-form.type-center .t-row:last-child .t-head, .tbl-form.type-center .t-row:last-child .t-cont {padding-bottom:20px;}
.tbl-form.type-center .t-row .t-head {min-width:160px; text-align:center;}
.tbl-form.type-center .t-row .t-cont {min-width:380px;}
.tbl-form.type-block {display:block;}
.tbl-form.type-block .t-row {display:block; padding:0; border-bottom:1px solid #e7e7e7;}
.tbl-form.type-block .t-row .t-cell {display:block; width:auto; padding:15px 10px; border-right:none;}
.tbl-form.type-block .t-row .t-cell:last-child {border-bottom:none;}
.tbl-form.type-block .t-row .t-head, .tbl-form.type-block .t-row .t-cont {display:block; padding:0; border-bottom:none;}
.tbl-form.type-block .t-row .t-head {width:auto; min-width:auto; margin-bottom:8px; padding:0; background-color:transparent;}
.tbl-form.type-block .t-row .t-cont {width:auto;}
.tbl-form.type-block .t-row .t-cont .form-noti > li {font-size:15px;}
.tbl-form.type-block .t-row .t-head .t-tit {display:inline-flex; margin:0;}
.tbl-form.type-white .t-row .t-head {background-color:#fff;}
.tbl-form.type-white .t-row .t-cell .t-head, .tbl-form.type-white .t-row .t-cell .t-cont {padding:15px 15px;}
.tbl-form.type-white .form-textarea {min-height:150px;}
.tbl-form.type-inquiry .t-row .t-head {background-color:#fff;}
.tbl-noti {position:relative; margin-top:17px;}
.tbl-noti + .tbl-noti {margin-top:10px;}
.tbl-noti > li {display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; position:relative; margin-bottom:5px; color:#464646; font-size:17px; font-weight:400; line-height:140%; letter-spacing:-0.01em;}
.tbl-noti > li:last-child {margin-bottom:0;}
.tbl-noti > li strong {font-weight:600;}
.tbl-noti > li .highlight {font-weight:500; text-decoration:underline;}
.tbl-noti > li .required {color:#ed2121;}
.tbl-noti > li .dot {-webkit-flex-shrink:0; flex-shrink:0; margin-right:3px; line-height:140%;}
.tbl-noti > li .dot .ico-mark {margin-top:2px; margin-right:3px;}
.tbl-noti > li .cont {display:block; width:100%; line-height:140%;}
.tbl-noti .asterisk {display:block; color:#7b7979; font-size:16px; font-weight:400; line-height:150%; letter-spacing:-0.01em; text-align:right;}
.tbl-noti .noti-list + .asterisk {margin-top: 5px;}
.tbl-noti.type-box {margin-bottom:20px; padding:20px 20px; background-color:#fafafa; border:1px solid #eaeaea; border-radius:12px;}
.tbl-noti.type-box > li {color:#434343;}
.tbl-noti.type-btm {margin-top:30px; margin-bottom:0; padding-top:20px; border-top:1px solid #eee;}
.tbl-center {padding-top:15px; padding-bottom:15px; border-top:1px solid #333; border-bottom:1px solid #e7e7e7;}
.tbl-center .tbl-form {max-width:600px; margin-right:auto; margin-left:auto; border-top:none;}
.tbl-center .tbl-form .t-row .t-head, .tbl-center .tbl-form .t-row .t-cont {padding:5px 20px; border-bottom:none;}
.contact-wrap {max-width:1080px; margin-right:auto; margin-left:auto;}
.form-chk-list {display:flex; flex-wrap:wrap; align-items:center; min-height:46px; margin-right:-16px; margin-bottom:-5px;}
.form-chk-list .fc-sec {position:relative; display:inline-flex; flex-wrap:wrap; margin-right:16px; margin-bottom:5px;}
.form-chk-list.type-block {margin-bottom:-10px;}
.form-chk-list.type-block .fc-sec {width:100%; margin-bottom:10px;}
.form-chk-list.type-sort {align-items:flex-start; margin-right:-20px; margin-bottom:-15px; padding:10px 5px;}
.form-chk-list.type-sort .fc-sec {width:33.32%; margin:0; padding-right:20px; padding-bottom:15px;}
.input-inline {display:flex; align-items:center; margin-right:-5px; margin-bottom:-5px; margin-left:-5px; font-size:18px;}
.input-inline .ipt-sec {padding-right:5px; padding-bottom:5px; padding-left:5px;}
.input-inline .ipt-sec .form-input.input-month {max-width:80px !important;}
.input-inline .ipt-sec .form-input.input-name {max-width:200px !important;}
.tbl-scroll {overflow-x:auto; overflow-y:hidden;}
.tbl-basic {width:100%; border-collapse:collapse; overflow:hidden;}
.tbl-basic th, .tbl-basic td {height:58px; padding:10px 15px; color:#4b4b4b; font-size:17px; font-weight:400; line-height:140%; text-align:center; word-break:keep-all; background-color:#fff; border-bottom:1px solid #ecedf3;}
.tbl-basic.type-break-all th, .tbl-basic.type-break-all td {word-break:break-all;}
.tbl-basic.type-nowrap th, .tbl-basic.type-nowrap td {white-space:nowrap;}
.tbl-basic th {padding:13px 15px; white-space:nowrap;}
.tbl-basic thead th {color:#2b2b2b; font-size:17px; font-weight:500; background-color:#fff; border-top:1px solid #ecedf3; border-bottom-width:2px;}
.tbl-basic tbody th {font-weight:500;}
.tbl-basic tbody td a {color:#1a61cd;}
.tbl-basic .txt-link {display:block; max-width:450px; margin-right:auto; margin-left:auto; color:#1a61cd; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.tbl-basic .btn-light, .tbl-basic .btn-basic, .tbl-basic .btn-line {height:35px; padding:5px 12px; font-size:16px;}
.tbl-basic .form-input {height:40px; padding:10px 10px;}
.tbl-basic thead th .form-radio input[type='radio'] + label, .tbl-basic thead th .form-check input[type='checkbox'] + label {padding-left:26px; color:#2b2b2b; font-size:17px; font-weight:500; text-align:left;}
.tbl-basic tbody td .form-radio input[type='radio'] + label, .tbl-basic tbody td .form-check input[type='checkbox'] + label {padding-left:26px; color:#4b4b4b; font-size:17px; font-weight:400; text-align:left;}
.tbl-basic thead th .form-radio.txt-none input[type='radio'] + label, .tbl-basic thead th .form-check.txt-none input[type='checkbox'] + label,
.tbl-basic tbody td .form-radio.txt-none input[type='radio'] + label, .tbl-basic tbody td .form-check.txt-none input[type='checkbox'] + label {padding:0;}
.tbl-basic tbody td .form-radio input[type='radio'] + label:before, .tbl-basic tbody td .form-check input[type='checkbox'] + label:before {top:1px;}
.tbl-scroll.type-company-list {overflow-y:auto; max-height:480px;}
.tbl-scroll.type-company-list .tbl-basic tbody td {font-size:16px;}

@media (max-width:1023px) {
.form-input {height:44px; padding:10px 15px; font-size:17px;}
.form-select {height:44px; padding:10px 40px 10px 15px; font-size:17px; background-position:calc(100% - 15px) 50%;}
.form-textarea {min-height:180px; font-size:17px;}
.form-button {height:44px; font-size:17px;}
.form-button.small {height:38px; padding:8px 12px; font-size:16px;}
.btn-authenticate label {height:44px; font-size:17px;}
.form-file label {height:44px; font-size:17px;}
.form-file .form-input {font-size:16px;}
.form-radio input[type='radio'] + label, .form-check input[type='checkbox'] + label {font-size:17px;}
.form-radio input[type='radio'] + label:before, .form-check input[type='checkbox'] + label:before {top:3px;}
.form-noti > li {font-size:15px;}
.tbl-form .t-row .t-head {font-size:17px;}
.tbl-form .t-row .t-cont {font-size:17px;}
.tbl-form .t-row .t-cont .file-list > ul > li a {font-size:16px;}
.tbl-form .t-row .t-cell {width:100%; flex:none;}
.tooltip-box .tooltip-cont {width:520px; font-size:16px;}
.tooltip-box .tooltip-cont .btn-tooltip-close {display:block;}
.tbl-noti > li {font-size:16px;}
.form-chk-list {min-height:44px;}
.form-inline.type-t-block {flex-wrap:wrap;}
.form-inline.type-t-block .form-sec {max-width:100% !important; width:100%;}
.form-inline .form-file {min-width:auto;}
.form-inline-list.type-industry .form-inline {flex-wrap:wrap; margin-bottom:12px;}
.form-inline-list.type-industry .form-inline .form-sec:nth-child(1) {max-width:100%;}
.form-inline-list.type-industry .form-inline .form-sec:nth-child(2) {max-width:100%;}
.form-inline-list.type-industry .form-inline .form-sec:nth-child(3) {max-width:100%;}
.form-inline-list.type-industry .form-inline .form-sec.btn:last-child {width:100%; justify-content:center; margin-top:2px;}
.form-inline-list.type-industry .form-inline .form-file {min-width:auto;}
.form-inline-list.type-industry .form-file-list .form-file-sec {max-width:100%; margin-right:0; margin-left:0;}
.form-inline-list.type-industry .form-file-list .form-file-sec .form-file-box {padding-right:0; padding-left:0;}
}

@media (max-width:767px) {
.form-input {max-width:100% !important; min-width:42px; height:42px; padding:10px 12px; font-size:16px; border-radius:4px;}
.form-input.calendar {padding-right:45px; background-position:calc(100% - 12px) 50%; background-size:18px auto;}
.form-select {min-width:auto; max-width:100% !important; height:42px; padding:10px 25px 10px 12px; font-size:16px; background-position:calc(100% - 10px) 50%; border-radius:4px;}
.form-textarea {min-height:120px; padding:12px 12px; font-size:16px; border-radius:4px;}
.textarea-btm {margin-top:7px; font-size:12px;}
.form-button {height:42px; padding:10px 12px; font-size:15px; border-radius:4px;}
.form-button.small {height:34px; padding:8px 10px; font-size:14px;}
.form-button.type-sch {min-width:42px; background-size:18px auto;}
.form-button.type-control {min-width:50px; padding:8px 10px; font-size:14px;}
.btn-authenticate label {height:42px; padding:10px 10px; font-size:14px; border-radius:4px;}
.form-authenticate .form-input {padding-right:50px;}
.form-authenticate .time-count {right:12px; font-size:12px;}
.form-file label {min-width:75px; height:40px; padding:10px 10px; font-size:14px; border-radius:0 4px 4px 0;}
.form-file .form-input {min-width:180px; height:40px; font-size:14px;}
.form-file.type-registration .form-input {height:42px; margin-right:0; padding:10px 10px; border-color:#dadada; border-radius:4px 0 0 4px;}
.form-file.type-registration label {min-width:75px; height:42px; border-radius:0 4px 4px 0;}
.form-radio input[type='radio'] + label, .form-check input[type='checkbox'] + label {padding-left:22px; font-size:15px;}
.form-radio input[type='radio'] + label:before, .form-check input[type='checkbox'] + label:before {top:2px; width:17px; height:17px; background-size:17px 17px;}
.tbl-basic .form-radio.txt-none input[type='radio'] + label, .tbl-basic .form-check.txt-none input[type='checkbox'] + label {width:15px; height:15px; padding:0;}
.form-txt {margin:0;}
.ico-mark {width:16px; height:16px;}
.ico-mark.exclamation {background-size:auto 8px;}
.form-noti {margin-top:10px;}
.form-noti > li {margin-bottom:2px; font-size:13px;}
.form-noti > li .dot .ico-mark {margin-top:1px; margin-right:1px;}
.form-check + .form-noti {margin-top:4px; margin-left:23px;}
.form-noti.type-explain > li .dot, .form-noti.type-explain > li .cont {padding:8px 12px;}
.form-noti.small > li {font-size:13px;}
.form-file-list .form-file-sec {margin-right:-3px; margin-bottom:6px; margin-left:-3px;}
.form-file-list .form-file-sec .form-file-box {padding-right:3px; padding-left:3px;}
.form-file-list .form-file-sec .form-file-box .form-file label {min-width:70px; padding:8px 8px;}
.form-list > li {margin-bottom:8px;}
.tbl-form {display:block;}
.tbl-form .t-row {display:block; padding:0; border-bottom:1px solid #e7e7e7;}
.tbl-form .t-row .t-cell {display:block; width:auto; padding:13px 1px; border-right:none;}
.tbl-form .t-row .t-cell:last-child {border-bottom:none;}
.tbl-form .t-row .t-head, .tbl-form .t-row .t-cont {display:block; border-bottom:none;}
.tbl-form .t-row .t-head {width:auto; min-width:auto; margin-bottom:8px; padding:0; font-size:15px; background-color:transparent;}
.tbl-form .t-row .t-head .t-tit {display:inline-flex; margin:0;}
.tbl-form .t-row .t-head .t-tooltip {margin:0;}
.tbl-form .t-row .t-head .flex-inline {margin:0;}
.tbl-form .t-row .t-head .flex-inline.type-button .t-tit {width:auto; margin-top:2px; margin-right:8px; margin-bottom:0;}
.tbl-form .t-row .t-cont {width:auto; font-size:16px; padding:0;}
.tbl-form .t-row .t-cell .t-head, .tbl-form .t-row .t-cell .t-cont {padding:0;}
.tbl-form .t-row .t-cont .file-list {margin:0;}
.tbl-form .t-row .t-cont .file-list > ul > li {margin-bottom:5px;}
.tbl-form .t-row .t-cont .file-list > ul > li a {padding-left:17px; font-size:14px;}
.tbl-form .t-row .t-cont .file-list > ul > li .ico-attach-file {top:2px; width:13px; height:15px; background-size:13px 15px;}
.tbl-form.type-m-cell {display:table;}
.tbl-form.type-m-cell .t-row {display:table-row; padding:0;}
.tbl-form.type-m-cell .t-row .t-cell {display:table-cell; width:50%; padding:13px 13px; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;}
.tbl-form.type-m-cell .t-row .t-cell:last-child {border-right:none;}
.tbl-form.type-m-cell .t-row .t-head {margin-bottom:5px; font-size:14px;}
.tbl-form.type-m-cell .t-row .t-cont {font-size:15px;}
.tbl-form.type-center {padding:18px 5px;}
.tbl-form.type-center .t-row {display:block; margin-bottom:17px; padding:0; border-bottom:none;}
.tbl-form.type-center .t-row:last-child {margin-bottom:0;}
.tbl-form.type-center .t-row .t-head, .tbl-form.type-center .t-row .t-cont {padding:0;}
.tbl-form.type-center .t-row:first-child .t-head, .tbl-form.type-center .t-row:first-child .t-cont {padding-top:0;}
.tbl-form.type-center .t-row:last-child .t-head, .tbl-form.type-center .t-row:last-child .t-cont {padding-bottom:0;}
.tbl-form.type-center .t-row .t-head {min-width:auto; text-align:left;}
.tbl-form.type-center .t-row .t-cont {min-width:auto;}
.tbl-form.type-block .t-row .t-cell {padding:12px 6px;}
.tbl-form.type-block .t-row .t-head {margin-bottom:7px;}
.tbl-form.type-block .t-row .t-cont .form-noti > li {font-size:14px;}
.tbl-form.type-white .t-row .t-cell .t-head, .tbl-form.type-white .t-row .t-cell .t-cont {padding:0;}
.tbl-form.type-white .form-textarea {min-height:120px;}
.tbl-center {padding:18px 5px;}
.tbl-center .tbl-form {max-width:100% !important;}
.tbl-center .tbl-form .t-row {margin-bottom:17px; padding:0; border-bottom:none;}
.tbl-center .tbl-form .t-row:last-child {margin-bottom:0;}
.tbl-center .tbl-form .t-row .t-head, .tbl-center .tbl-form .t-row .t-cont {padding:0;}
.tooltip-box {margin-top:-2px;}
.tooltip-box .tooltip-tit {width:23px; height:23px; background-size:7px auto;}
.tooltip-box .tooltip-cont {top:31px; left:auto; right:-4px; width:300px; padding:15px 30px 15px 15px; font-size:14px;}
.tooltip-box .tooltip-cont:before {top:-6px; left:auto; right:10px; border-top:none; border-right-color:transparent; border-bottom-color:rgba(0, 0, 0, .75); border-left:6px solid transparent;}
.guide-list > li .cont > ul > li.small {font-size:12px;}
.guide-list > li .cont > ul.lower li {margin-bottom:2px; font-size:12px;}
.guide-list.type-bg {padding:20px 20px; border-radius:8px;}
.guide-list.type-bg > li {margin-bottom:6px; font-size:13px;}
.guide-list.type-bg > li .dot {margin-right:3px;}
.guide-list.type-bg > li .cont > ul {margin-top:6px;}
.guide-list.type-bg > li .cont > ul > li {margin-bottom:5px; font-size:12px;}
.tbl-noti {margin-top:15px;}
.tbl-noti + .tbl-noti {margin-top:5px;}
.tbl-noti > li {font-size:13px;}
.tbl-noti > li .dot .ico-mark {margin-top:1px; margin-right:1px;}
.tbl-noti .asterisk {font-size:12px;}
.tbl-noti.type-box {margin-bottom:15px; padding:15px 15px; border-radius:8px;}
.tbl-noti.type-btm {margin-top:20px; padding-top:12px;}
.form-file-img .file-view-img {max-width:120px; margin-right:auto; margin-left:auto;}
.form-file-img .btn-file-find {width:100%; padding:10px 15px; font-size:14px;}
.form-inline {max-width:none !important;}
.form-inline.type-m-block {flex-wrap:wrap;}
.form-inline.type-m-block .form-sec {max-width:100% !important;}
.form-inline.type-m-block.type-address .form-sec:first-child {max-width:160px !important;}
.form-inline.type-address .form-sec:first-child {max-width:110px !important;}
.form-inline.type-address .form-sec:first-child .form-input {min-width:80px;}
.form-inline.type-m-fix .form-sec.fix {width:100%;}
.form-inline.type-block {margin-bottom:-10px;}
.form-inline.type-block .form-sec {padding-bottom:10px;}
.form-inline-area.type-flex {flex-flow:column; margin-right:-5px; margin-left:-5px;}
.form-inline-area.type-flex .form-inline {min-width:auto !important; max-width:none !important; padding-right:5px; padding-left:5px;}
.form-inline-area.type-sch {flex-flow:column; margin-right:-5px; margin-left:-5px;}
.form-inline-area.type-sch .form-inline {min-width:auto !important; max-width:none !important; padding-right:5px; padding-left:5px;}
.form-chk-list {min-height:auto; margin-right:-15px;}
.form-chk-list .fc-sec {margin-right:15px;}
.form-chk-list.type-block {margin-bottom:-6px;}
.form-chk-list.type-block .fc-sec {margin-bottom:6px;}
.form-chk-list.type-sort {margin-right:0; margin-bottom:-10px; padding:0;}
.form-chk-list.type-sort .fc-sec {width:100%; padding-bottom:10px;}
.input-inline {margin-right:-3px; margin-left:-3px; font-size:15px;}
.input-inline .ipt-sec {padding-right:3px; padding-left:3px;}
.input-inline .ipt-sec .form-input.input-month {max-width:60px !important;}
.input-inline .ipt-sec .form-input.input-name {max-width:120px !important;}
.tbl-basic th, .tbl-basic td {height:45px; padding:8px 8px; font-size:13px;}
.tbl-basic thead th {padding:12px 8px; font-size:13px;}
.tbl-basic .txt-link {max-width:180px;}
.tbl-basic .btn-light, .tbl-basic .btn-basic, .tbl-basic .btn-line {height:24px; padding:4px 6px; font-size:12px;}
.tbl-basic .form-input {height:32px; padding:8px 8px; font-size:14px;}
.tbl-basic .form-radio input[type='radio'] + label, .tbl-basic .form-check input[type='checkbox'] + label {padding-left:18px; font-size:14px;}
.tbl-basic .form-check input[type='checkbox'] + label {padding-left:20px;}
.tbl-basic .form-radio input[type='radio'] + label:before, .tbl-basic .form-check input[type='checkbox'] + label:before {top:1px; width:15px; height:15px; background-size:15px 15px;}
.tbl-basic .form-radio.txt-none input[type='radio'] + label, .tbl-basic .form-check.txt-none input[type='checkbox'] + label {width:15px; height:15px; padding:0;}
.tbl-basic thead th .form-radio input[type='radio'] + label, .tbl-basic thead th .form-check input[type='checkbox'] + label {padding-left:19px; font-size:13px;}
.tbl-basic tbody td .form-radio input[type='radio'] + label, .tbl-basic tbody td .form-check input[type='checkbox'] + label {padding-left:19px; font-size:13px;}
.tbl-basic tbody td .form-radio input[type='radio'] + label:before, .tbl-basic tbody td .form-check input[type='checkbox'] + label:before {top:1px;}
.tbl-scroll.type-company-list {max-height:320px;}
.tbl-scroll.type-company-list .tbl-basic tbody td {font-size:13px;}
}

@media (max-width:360px) {
.input-inline .ipt-sec .form-input.input-name {max-width:85px !important;}
}

@media (max-width:340px) {
.tooltip-box .tooltip-cont {width:290px;}
}

/* tbl-result */
.tbl-result-wrap {margin-top:20px; overflow-x:auto; overflow-y:hidden;}
.tbl-result {width:100%; border-collapse:collapse; overflow:hidden;}
.tbl-result th, .tbl-result td {padding:12px 15px; color:#2b2b2b; font-size:18px; font-weight:400; line-height:140%; text-align:center; word-break:break-all; word-wrap:break-word; background-color:#fff; border:1px solid #dfe9f1;}
.tbl-result thead th {padding:15px 15px; color:#7290a9; font-size:18px; font-weight:500; background-color:#edf7ff;}

@media (max-width:1023px) {
.tbl-result th, .tbl-result td {font-size:17px;}
.tbl-result thead th {font-size:17px;}
}

@media (max-width:767px) {
.tbl-result-wrap {margin-top:17px;}
.tbl-result th, .tbl-result td {padding:8px 10px; font-size:14px;}
.tbl-result thead th {padding:10px 10px; font-size:14px;}
}

/* tbl-row */
.tbl-row {width:100%; border-collapse:collapse;}
.tbl-row tbody th, .tbl-row tbody td {padding:12px 12px; color:#2b2b2b; font-size:18px; font-weight:500; line-height:140%; letter-spacing:-0.01em; background-color:#fff; border:1px solid #e5e5e5;}
.tbl-row tbody th {padding:12px 20px; font-weight:600; background-color:#f9f9f9;}
.tbl-row.type-upload {table-layout:fixed;}

@media (max-width:767px) {
.tbl-row tbody th, .tbl-row tbody td {padding:8px 8px; font-size:14px;}
.tbl-row tbody th {padding:8px 10px;}
.tbl-row.type-upload {display:block;}
.tbl-row.type-upload tbody {display:block;}
.tbl-row.type-upload tbody tr {display:block; margin-bottom:15px;}
.tbl-row.type-upload tbody tr:last-child {margin-bottom:0;}
.tbl-row.type-upload tbody th, .tbl-row.type-upload tbody td {display:block; padding:0; font-size:14px; border:none;}
.tbl-row.type-upload tbody th {padding-bottom:8px; background-color:#fff;}
}

/* tbl-col */
@media (min-width:1024px) {
.tbl-col .txt-link:hover {color:#1051b4;}
}
.tbl-col {width:100%; border-top:1px solid #333; border-collapse:separate; border-spacing:0;}
.tbl-col th, .tbl-col td {height:60px; padding:10px 16px; color:#2b2b2b; font-size:17px; font-weight:400; line-height:130%; letter-spacing:-0.01em; text-align:center; background-color:#fff; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.tbl-col th:last-child, .tbl-col td:last-child {border-right:none;}
.tbl-col th {font-weight:600;}
.tbl-col thead th {height:58px; background-color:#f7f7f7;}
.tbl-col.bg-navy thead th {background-color:#f4f4ff; border:1px solid #e3e3f1;}
.tbl-col.type-small th, .tbl-col.type-small td {height:60px;}
.tbl-col.type-small td {height:56px; font-size:16px;}
.tbl-col.bg-body-th tbody th {background-color:#f7f7f7;}
.tbl-col .txt-link {display:block; max-width:450px; margin-right:auto; margin-left:auto; color:#1a61cd; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.btn-flex {display:flex; justify-content:center; margin-right:-8px; margin-bottom:-8px;}
.btn-flex > li {padding-right:8px; padding-bottom:8px;}
.btn-flex > li .btn-light, .btn-flex > li .btn-basic {height:38px; font-size:16px;}
.tbl-col .guide-list {text-align:left;}
.message-noti {padding:80px 20px; text-align:center; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.message-noti .txt {max-width:80%; margin-right:auto; margin-left:auto; color:#696969; font-size:18px; font-weight:400; line-height:160%; letter-spacing:-0.01em; text-align:center;}
.message-noti.type-bg {background-color:#f8f8f8; border-top:none; border-bottom:none; border-radius:12px;}

@media (max-width:767px) {
.tbl-col th, .tbl-col td {height:43px; padding:8px 8px; font-size:14px;}
.tbl-col thead th {height:43px;}
.tbl-col.type-small th, .tbl-col.type-small td {height:41px; font-size:13px;}
.tbl-col .txt-link {max-width:180px;}
.btn-flex {flex-wrap:wrap; margin-right:-4px; margin-bottom:-4px; margin-left:0;}
.btn-flex > li {padding-right:4px; padding-bottom:4px; padding-left:0;}
.btn-flex > li .btn-light, .btn-flex > li .btn-basic {min-width:42px; height:24px; padding:4px 5px; font-size:12px; border-radius:4px;}
.message-noti {padding:40px 20px;}
.message-noti .txt {font-size:13px;}
}

/* file-upload-list */
@media (min-width:1024px) {
.file-upload-item .f-aside .form-button:not(:disabled):hover {background-color:#5d6c83; border-color:#5d6c83;}
}
.file-upload-list {position:relative; max-width:620px;}
.file-upload-list > ul {position:relative;}
.file-upload-list > ul > li {margin-bottom:10px;}
.file-upload-list > ul > li:last-child {margin-bottom:0;}
.file-upload-item {position:relative; padding:15px; font-size:0; background-color:#f5f9ff; border:1px solid #dce3ed; border-radius:10px;}
.file-upload-item .f-name {position:relative; padding-right:210px;}
.file-upload-item .f-name a {display:inline-block; max-width:100%; color:#4978c7; font-size:17px; font-weight:500; line-height:130%; letter-spacing:-0.01em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:color .15s ease-out;}
.file-upload-item .f-name a:hover {color:#3864ad;}
.file-upload-item .f-aside {position:absolute; top:50%; right:15px; display:flex; align-items:center; white-space:nowrap; transform:translateY(-50%);}
.file-upload-item .f-aside .date {color:#8f9bad; font-size:17px; font-weight:300; line-height:130%; letter-spacing:-0.01em;}
.file-upload-item .f-aside .form-button {min-width:auto; width:85px; height:38px; margin-left:15px; padding:8px 10px; font-size:17px; background-color:#718097; border-color:#718097;}

@media (max-width:1023px) {
.file-upload-list {max-width:500px;}
}

@media (max-width:767px) {
.file-upload-list {max-width:100%;}
.file-upload-list > ul > li {margin-bottom:8px;}
.file-upload-item {padding:12px; border-radius:6px;}
.file-upload-item .f-name {padding-right:140px;}
.file-upload-item .f-name a {font-size:13px;}
.file-upload-item .f-aside {right:6px;}
.file-upload-item .f-aside .date {font-size:12px;}
.file-upload-item .f-aside .form-button {width:64px; height:30px; margin-left:8px; padding:5px 5px; font-size:13px;}
}

/* file-upload-flex */
.file-upload-flex {position:relative;}
.file-upload-flex .file-upload-box {margin-bottom:10px;}
.file-upload-flex .file-upload-box:last-child {margin-bottom:0;}
.file-upload-box {display:flex; align-items:center; justify-content:space-between; -webkit-box-flex:1; -webkit-flex:1; flex:1}
.file-upload-box .f-info {display:flex; align-items:center; width:100%; min-width:0; max-width:500px; height:42px; margin-right:20px; text-align:left;}
.file-upload-box .f-info .f-txt {color:#b5b5b5; font-size:17px; font-weight:400; line-height:140%; letter-spacing:-0.01em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.file-upload-box .f-info a.f-txt {color:#2b2b2b;}
.file-upload-box .f-side {display:flex; -webkit-flex-shrink:0; flex-shrink:0;}
.file-upload-box .f-side .btn-basic, .file-upload-box .f-side .btn-light {height:42px; min-width:90px; margin-right:8px;}
.file-upload-box .f-side .btn-basic:last-child, .file-upload-box .f-side .btn-light:last-child {margin-right:0;}
.file-upload-box.type-edit .f-side .btn-basic, .file-upload-box.type-edit .f-side .btn-light {min-width:68px;}

@media (max-width:767px) {
.file-upload-box .f-info {height:42px; padding:10px 10px; margin-right:6px; border:1px solid #dadada; border-radius:5px;}
.file-upload-box .f-info .f-txt {font-size:14px;}
.file-upload-box .f-side .btn-basic, .file-upload-box .f-side .btn-light {height:42px; min-width:68px; border-radius:5px;}
.file-upload-box.type-edit .f-side .btn-basic, .file-upload-box.type-edit .f-side .btn-light {min-width:54px;}
}

/* section */
@media (min-width:1024px){
.btn-sec-more:not(:disabled):hover {background-color:#e7e7e7; border-color:#e7e7e7;}
}
.section {position:relative; margin-bottom:50px;}
.section:last-child {margin-bottom:0;}
.sec-title {display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; margin-bottom:20px;}
.sec-title .tit {position:relative; padding-left:22px; color:#1a1a1a; font-size:24px; font-weight:700; line-height:140%; letter-spacing:-0.01em;}
.sec-title .tit:before {content:""; display:block; position:absolute; top:9px; left:0; width:8px; height:8px; background-color:#fff; border:4px solid transparent; background-image:linear-gradient(#fff, #fff),linear-gradient(0deg, #586cf4 0%, #1aa6da 100%); background-origin:border-box; background-clip: content-box, border-box; border-radius:10px;}
.sec-title .noti {display:block; color:#1a1a1a; font-size:17px; font-weight:400; line-height:140%; letter-spacing:-0.01em;}
.sec-title .noti .required {color:#ed2121; font-weight:500;}
.sec-title .txt {display:block; width:100%; margin-top:10px; color:#333; font-size:17px; font-weight:400; line-height:140%; letter-spacing:-0.01em;}
.sec-title .txt strong {color:#4558cd; font-weight:400;}
.sec-cont {position:relative; margin-bottom:35px;}
.sec-cont:last-child {margin-bottom:0;}
.sec-more {margin-top:25px; text-align:center;}
.btn-sec-more {display:inline-flex; align-items:center; justify-content:center; min-width:90px; height:46px; padding:5px 20px; color:#1a1a1a; font-size:18px; font-weight:500; line-height:140%; letter-spacing:-0.01em; text-align:center; white-space:nowrap; background-color:#f3f3f3; border:1px solid #f3f3f3; border-radius:6px; overflow:hidden; transition:color .15s ease-out, background .15s ease-out, border .15s ease-out;}
.btn-sec-more span {line-height:140%;}
.btn-sec-more em {margin-top:1px; margin-left:5px; color:#959595; font-size:15px; font-weight:400; line-height:140%;}
.btn-sec-more i {margin-left:3px; line-height:140%;}
.tbl-title {display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; margin-bottom:15px;}
.tbl-title .t-tit {position:relative; padding-left:11px; color:#1a1a1a; font-size:19px; font-weight:700; line-height:140%; letter-spacing:-0.01em;}
.tbl-title .t-tit:before {content:""; display:block; position:absolute; top:10px; left:0; width:4px; height:4px; background-color:#292929; border-radius:4px;}
.tbl-title .t-noti {display:block; color:#1a1a1a; font-size:16px; font-weight:400; line-height:140%; letter-spacing:-0.01em;}
.tbl-title .t-noti .required {color:#ed2121; font-weight:500;}
.tbl-title .t-flex {display:flex; flex-wrap:nowrap; -webkit-box-flex:1; -webkit-flex:1; flex:1;}
.tbl-title .t-flex .t-tit {-webkit-flex-shrink:0; flex-shrink:0; margin-right:16px;}
.tbl-title .t-flex .t-con {margin-top:2px;}
.tbl-title .t-flex .form-radio input[type='radio'] + label, .tbl-title .t-flex .form-check input[type='checkbox'] + label {padding-left:24px; font-size:17px; font-weight:500;}
.tbl-title .t-flex .form-radio input[type='radio'] + label:before, .tbl-title .t-flex .form-check input[type='checkbox'] + label:before {top:2px; width:18px; height:18px; background-size:18px 18px;}
.cont-sec {position:relative; margin-bottom:80px;}
.cont-sec:last-child {margin-bottom:0;}
.cs-title {display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; margin-bottom:32px;}
.cs-title .tit {position:relative; color:#1a1a1a; font-size:32px; font-weight:800; line-height:150%; letter-spacing:-0.03em;}
.cs-title .txt {display:block; width:100%; margin-top:10px; color:#333; font-size:18px; font-weight:400; line-height:150%; letter-spacing:-0.01em;}
.cs-title .txt strong {color:#4558cd; font-weight:400;}

@media (max-width:1023px){
.sec-title .tit {padding-left:21px; font-size:23px;}
.sec-title .tit:before {top:9px; width:7px; height:7px;}
.sec-title .noti {font-size:16px;}
.tbl-title .t-tit {font-size:18px;}
.tbl-title .t-noti {font-size:15px;}
.tbl-title .t-flex .t-tit {margin-right:15px;}
.tbl-title .t-flex .t-con {margin-top:3px;}
.tbl-title .t-flex .form-radio input[type='radio'] + label, .tbl-title .t-flex .form-check input[type='checkbox'] + label {padding-left:24px; font-size:16px;}
.tbl-title .t-flex .form-radio input[type='radio'] + label:before, .tbl-title .t-flex .form-check input[type='checkbox'] + label:before {width:17px; height:17px; background-size:17px 17px;}
.tbl-title .t-flex + .t-noti {width:100%; margin-top:5px; text-align:right;}
.cont-sec {margin-bottom:60px;}
.cs-title {margin-bottom:30px;}
.cs-title .tit {font-size:30px;}
}

@media (max-width:767px){
.section {margin-bottom:30px;}
.sec-title {margin-bottom:12px;}
.sec-title .tit {padding-left:17px; font-size:18px;}
.sec-title .tit:before {top:7px; width:6px; height:6px; border-width:3px;}
.sec-title .noti {font-size:13px;}
.sec-title .txt {margin-top:5px; font-size:14px;}
.sec-cont {margin-bottom:25px;}
.sec-more {margin-top:15px;}
.btn-sec-more {min-width:70px; height:36px; padding:5px 13px; font-size:15px;}
.btn-sec-more em {font-size:13px;}
.tbl-title {margin-bottom:10px;}
.tbl-title .t-tit {padding-left:8px; font-size:15px;}
.tbl-title .t-tit:before {top:8px; width:3px; height:3px;}
.tbl-title .t-noti {font-size:13px;}
.tbl-title .t-flex .t-tit {margin-right:10px;}
.tbl-title .t-flex .t-con {margin-top:0;}
.tbl-title .t-flex .form-radio input[type='radio'] + label, .tbl-title .t-flex .form-check input[type='checkbox'] + label {padding-left:18px; font-size:13px;}
.tbl-title .t-flex .form-radio input[type='radio'] + label:before, .tbl-title .t-flex .form-check input[type='checkbox'] + label:before {top:1px; width:14px; height:14px; background-size:14px 14px;}
.cont-sec {margin-bottom:40px;}
.cs-title {margin-bottom:20px;}
.cs-title .tit {font-size:20px;}
.cs-title .txt {margin-top:5px; font-size:14px;}
}

/* noti-box */
@media (min-width:1024px) {
.noti-box .txt .con .t-link:hover {color:#006fc7;}
}
.noti-box {position:relative; margin-top:40px; padding:30px 30px; font-size:0; text-align:center; background-color:#f2f9ff; border:1px solid #def0ff; border-radius:8px;}
.noti-box .txt {position:relative; display:inline-flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; color:#636363; font-size:18px; font-weight:400; line-height:150%; letter-spacing:-0.01em;}
.noti-box .txt .dot {display:block; -webkit-flex-shrink:0; flex-shrink:0; width:21px; height:21px; margin-top:3px; margin-right:6px; background-color:#b5c9d9; background-image:url('../images/ico/ico-noti-mark-white.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:auto 12px; border-radius:20px; line-height:150%;}
.noti-box .txt .con {display:block; width:100%; line-height:150%;}
.noti-box .txt .con .t-link {color:#2d96e9; font-weight:500; transition:color .15s ease-out;}

@media (max-width:767px){
.noti-box {margin-top:30px; padding:18px 15px;}
.noti-box .txt {font-size:14px; text-align:left;}
.noti-box .txt .dot {width:17px; height:17px; margin-top:2px; margin-right:5px; background-size:auto 9px;}
}

/* noti-top */
@media (min-width:1024px) {
.noti-top .n-list > li .cont a:hover {color:#1d2d8a;}
}
.noti-top {margin-bottom:30px;}
.noti-top .n-list {position:relative; padding:30px 30px; background-color:#f8f9ff; border:2px solid #eef0fb; border-radius:12px;}
.noti-top.type-line .n-list {background-color:#fff; border:4px solid #f3f3f3;}
.noti-top .n-list > li {display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; position:relative; margin-bottom:10px; color:#1a1a1a; font-size:19px; font-weight:400; line-height:150%; letter-spacing:-0.01em;}
.noti-top .n-list > li:last-child {margin-bottom:0;}
.noti-top .n-list > li strong {font-weight:600;}
.noti-top .n-list > li.n-tit {margin-bottom:17px; color:#1149a8; font-size:21px; font-weight:500; line-height:130%; letter-spacing:-0.01em; text-align:center;}
.noti-top .n-list > li.n-tit .dot, .noti-top .n-list > li.n-tit .cont {line-height:130%;}
.noti-top .n-list > li.n-tit.noti .cont {position:relative;}
.noti-top .n-list > li.n-tit.noti .cont:before {content:"!"; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; margin-right:5px; color:#1149a8; font-size:18px; font-weight:800; line-height:120%; text-align:center; border:1px solid #1149a8; border-radius:20px; transform:translateY(-1px);}
.noti-top .n-list > li .required {color:#ed2121;}
.noti-top .n-list > li .dot {-webkit-flex-shrink:0; flex-shrink:0; margin-right:3px; line-height:150%;}
.noti-top .n-list > li .cont {display:block; width:100%; line-height:150%;}
.noti-top .n-list > li .cont a {color:#3145bb;}
.noti-top .n-list > li .cont > ul {margin-top:5px;}
.noti-top .n-list > li .cont > ul > li {display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; position:relative; margin-bottom:4px; color:#747474; font-size:17px; font-weight:400; line-height:150%; letter-spacing:-0.01em;}
.noti-top .n-list > li .cont > ul > li:last-child {margin-bottom:0;}
.noti-top .n-txt {position:relative; padding:30px 30px; text-align:center; background-color:#f8f9ff; border:2px solid #eef0fb; border-radius:12px;}
.noti-top .n-txt > .tit {position:relative; margin-bottom:10px; color:#1149a8; font-size:21px; font-weight:500; line-height:150%; letter-spacing:-0.01em;}
.noti-top .n-txt > .txt {position:relative; margin-bottom:5px; color:#1a1a1a; font-size:19px; font-weight:400; line-height:150%; letter-spacing:-0.01em;}
.noti-top .n-txt > .txt:last-child {margin-bottom:0;}
.noti-top .n-txt > .txt strong {font-weight:600;}
.noti-top .n-side {display:block; margin-top:15px; color:#535353; font-size:17px; font-weight:400; line-height:150%; letter-spacing:-0.01em; text-align:right;}
.noti-top.type-info .n-list > li {margin-bottom:12px; color:#42444a; font-size:18px;}
.noti-top.type-info .n-list > li:last-child {margin-bottom:0;}
.noti-top.type-info .n-list > li .cont > ul > li {color:#6872b0; font-size:16px;}
.noti-top.type-small {margin-bottom:22px;}
.noti-top.type-small .n-list {padding:22px 27px;}
.noti-top.type-small .n-list > li {margin-bottom:7px; font-size:18px;}
.noti-top.type-small .n-list > li:last-child {margin-bottom:0;}
.noti-line-box {position:relative; margin-bottom:20px; padding:25px 20px 23px 20px; border-top:1px solid #333; border-bottom:1px solid #ddd;}
.noti-line-box .tit {margin-bottom:5px; color:#2b2b2b; font-size:17px; font-weight:600; line-height:140%; letter-spacing:-0.01em;}
.noti-line-box .txt {color:#2b2b2b; font-size:17px; font-weight:400; line-height:140%; letter-spacing:-0.01em;}

@media (max-width:1023px){
.noti-top .n-list > li {font-size:18px;}
.noti-top .n-list > li.n-tit {font-size:20px;}
.noti-top .n-list > li .cont > ul > li {font-size:16px;}
.noti-top .n-txt > .txt {font-size:18px;}
.noti-top.type-info .n-list > li {font-size:17px;}
.noti-top.type-info .n-list > li .cont > ul > li {font-size:15px;}
.noti-top.type-small .n-list > li {font-size:17px;}
}

@media (max-width:767px){
.noti-top {margin-bottom:20px;}
.noti-top .n-list {padding:16px 15px; border-width:2px; border-radius:10px;}
.noti-top.type-line .n-list {border-width:3px;}
.noti-top .n-list > li {margin-bottom:6px; font-size:15px;}
.noti-top .n-list > li.n-tit {margin-bottom:8px; font-size:16px;}
.noti-top .n-list > li.n-tit.noti .cont:before {width:14px; height:14px; margin-right:3px; font-size:12px; transform:translateY(-2px);}
.noti-top .n-list > li .cont > ul {margin-top:3px;}
.noti-top .n-list > li .cont > ul > li {margin-bottom:3px; font-size:13px;}
.noti-top .n-txt {padding:18px 15px; border-width:2px; border-radius:10px;}
.noti-top .n-txt > .tit {margin-bottom:5px; font-size:16px;}
.noti-top .n-txt > .txt {margin-bottom:3px; font-size:14px;}
.noti-top .n-side {margin-top:12px; font-size:13px;}
.noti-top.type-info .n-list > li {margin-bottom:6px; font-size:14px;}
.noti-top.type-info .n-list > li .cont > ul > li {margin-bottom:3px; font-size:12px;}
.noti-top.type-small .n-list {padding:15px 15px;}
.noti-top.type-small .n-list > li {margin-bottom:5px; font-size:14px;}
.noti-line-box {margin-bottom:20px; padding:16px 10px 14px 10px;}
.noti-line-box .tit {margin-bottom:5px; font-size:14px;}
.noti-line-box .txt {font-size:14px;}
}

/* intro-noti-top */
.top-aside {position:relative; display:flex; justify-content:flex-end; margin-top:15px;}
.top-aside .btn-link {display:inline-flex; align-items:center; justify-content:center; height:34px; padding:5px 13px; color:#3747b4; font-size:16px; font-weight:600; line-height:130%; background-color:#fff; border:1px solid #5464d0; border-radius:4px; transition:color .15s ease-out, background .15s ease-out, border .15s ease-out, box-shadow .15s ease-out; overflow:hidden; vertical-align:middle;}
.top-aside .btn-link:after {content:""; display:block; width:13px; height:13px; margin-left:5px; background-image:url('../images/ico/ico-new-window.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:13px 13px;}
.intro-noti-area {margin-bottom:50px;}
.intro-noti-top {position:relative; padding:38px 42px; background-color:#f7f8ff; border:1px solid #e5e9ff; border-radius:15px;}
.intro-noti-top .intro-noti-head {position:relative;}
.intro-noti-top .intro-noti-head .intro-noti-title {position:relative; display:inline-flex; margin-right:10px; padding-left:38px; color:#1a1a1a; font-size:30px; font-weight:700; line-height:130%; letter-spacing:-0.03em; vertical-align:middle;}
.intro-noti-top .intro-noti-head .intro-noti-title:before {content:""; display:block; position:absolute; top:3px; left:0; width:32px; height:32px; background-repeat:no-repeat; background-position:50% 50%; background-size:32px 32px; overflow:hidden;}
.intro-noti-top.business .intro-noti-head .intro-noti-title:before {background-image:url('../images/ico/ico-guarantee-business.png');}
.intro-noti-top.planning .intro-noti-head .intro-noti-title:before {background-image:url('../images/ico/ico-guarantee-planning.png');}
.intro-noti-top.payment .intro-noti-head .intro-noti-title:before {background-image:url('../images/ico/ico-guarantee-payment.png');}
.intro-noti-top.bid .intro-noti-head .intro-noti-title:before {background-image:url('../images/ico/ico-guarantee-bid.png');}
.intro-noti-top.contract .intro-noti-head .intro-noti-title:before {background-image:url('../images/ico/ico-guarantee-contract.png');}
.intro-noti-top.advance-payment .intro-noti-head .intro-noti-title:before {background-image:url('../images/ico/ico-guarantee-advance-payment.png');}
.intro-noti-top.defect .intro-noti-head .intro-noti-title:before {background-image:url('../images/ico/ico-guarantee-defect.png');}
.intro-noti-top .intro-noti-desc {position:relative; margin-top:12px;}
.intro-noti-top .intro-noti-desc > li {position:relative; margin-bottom:5px; padding:0 5px; color:#1a1a1a; font-size:18px; font-weight:500; line-height:150%; letter-spacing:-0.01em;}
.intro-noti-top .intro-noti-desc > li:last-child {margin-bottom:0;}
.intro-noti-top .intro-noti-desc > li strong {color:#3145d1; font-weight:500;}
.intro-noti-top .intro-noti-desc > li .additional {position:relative; display:block; margin-top:10px; padding-left:13px; color:#434c90; font-size:16px; font-weight:400;}
.intro-noti-top .intro-noti-desc > li .additional:before {content:"※"; display:block; position:absolute; top:0; left:0;}
.intro-noti-top .intro-noti-button {position:relative; display:flex; flex-wrap:wrap; margin-top:20px; margin-right:-10px; margin-bottom:-10px;}
.intro-noti-top .intro-noti-button > li {padding-right:10px; padding-bottom:10px;}
.intro-noti-top .intro-noti-button > li .btn-nt {display:inline-flex; align-items:center; justify-content:center; min-width:160px; height:52px; padding:10px 25px; color:#fff; font-size:17px; font-weight:500; line-height:130%; background-color:#3747b4; border:1px solid #3747b4; border-radius:50px; box-shadow:0 5px 15px rgba(55, 71, 180, .25); transition:color .15s ease-out, background .15s ease-out, border .15s ease-out, box-shadow .15s ease-out; overflow:hidden;}
.intro-noti-top .intro-noti-button > li .btn-nt:before {content:""; display:block; width:17px; height:18px; margin-right:5px; background-image:url('../images/ico/ico-nt.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:17px 18px;}

@media (max-width:767px){
.top-aside {margin-top:12px;}
.top-aside .btn-link {padding:5px 10px; font-size:14px;}
.top-aside .btn-link:after {width:11px; height:11px; background-size:11px 11px;}
.intro-noti-area {margin-bottom:30px;}
.intro-noti-top {padding:25px 25px 27px 25px; border-radius:10px;}
.intro-noti-top .intro-noti-head .intro-noti-title {padding-left:30px; font-size:23px;}
.intro-noti-top .intro-noti-head .intro-noti-title:before {top:1px; width:26px; height:26px; background-size:26px 26px;}
.intro-noti-top .intro-noti-desc {margin-top:10px;}
.intro-noti-top .intro-noti-desc > li {padding:0 1px; font-size:14px;}
.intro-noti-top .intro-noti-desc > li .additional {margin-top:8px; padding-left:10px; font-size:12px;}
.intro-noti-top .intro-noti-button {margin-top:15px; margin-right:-8px; margin-bottom:-8px;}
.intro-noti-top .intro-noti-button > li {padding-right:8px; padding-bottom:8px;}
.intro-noti-top .intro-noti-button > li .btn-nt {min-width:150px; height:47px; padding:5px 20px; font-size:16px; box-shadow:0 3px 10px rgba(55, 71, 180, .25);}
.intro-noti-top .intro-noti-button > li .btn-nt:before {width:16px; height:17px; background-size:16px 17px;}
}

/* desc-noti-box */
.desc-noti-box {position:relative; margin-top:60px; padding:35px 40px; background-color:#fff; border:1px solid #e7e7e7; border-radius:12px;}
.desc-noti-box .tit {position:relative; padding-left:28px; color:#1a1a1a; font-size:19px; font-weight:600; line-height:130%; letter-spacing:-0.02em;}
.desc-noti-box .tit:before {content:"!"; position:absolute; top:0; left:0; display:flex; align-items:center; justify-content:center; width:20px; height:20px; color:#414141; font-size:14px; font-weight:700; line-height:100%; background-color:#fff; border:1px solid #414141; border-radius:50%;}
.desc-noti-box .txt {position:relative; margin-top:8px; color:#1a1a1a; font-size:16px; font-weight:400; line-height:150%; letter-spacing:-0.01em;}
.desc-noti-box .btn-link {position:relative; display:inline-flex; align-items:center; justify-content:center; height:37px; margin-top:16px; padding:5px 30px 5px 15px; color:#fff; font-size:16px; font-weight:500; line-height:130%; background-color:#595959; border:1px solid #595959; border-radius:6px; transition:color .15s ease-out, background .15s ease-out, border .15s ease-out, box-shadow .15s ease-out; overflow:hidden;}
.desc-noti-box .btn-link:after {content:""; display:block; position:absolute; top:50%; right:15px; width:6px; height:10px; margin-top:-6px; background-image:url('../images/ico/ico-link-arr-white.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:6px 10px;}

@media (max-width:767px){
.desc-noti-box {margin-top:30px; padding:20px 20px; border-radius:10px;}
.desc-noti-box .tit {padding-left:23px; font-size:16px;}
.desc-noti-box .tit:before {width:16px; height:16px; font-size:13px;}
.desc-noti-box .txt {margin-top:6px; font-size:13px;}
.desc-noti-box .btn-link {height:33px; margin-top:12px; padding:3px 23px 3px 12px; font-size:13px;}
.desc-noti-box .btn-link:after {right:12px; width:5px; height:9px; margin-top:-5px; background-size:5px 9px;}
}

/* login */
@media (min-width:1024px){
.btn-global:not(:disabled):hover {background-color:#192366;}
.join-select-area .join-select-sec .join-select-box:not(:disabled):hover {box-shadow:0px 10px 20px rgba(0, 0, 0, .2); transform:translateY(-5px);}
}
.login-input {width:100%; height:56px; padding:15px 15px; color:#1a1a1a; font-size:18px; font-weight:500; line-height:140%; letter-spacing:-0.01em; background-color:#fff; border:1px solid #e1e3ed; border-radius:8px; outline:0; transition:border .15s ease; appearance:none;}
.login-input:focus {border:1px solid #3f4ca5;}
.login-input::-webkit-input-placeholder {color:#b6b6b6; font-weight:400;}
.login-input:-ms-input-placeholder {color:#b6b6b6; font-weight:400;}
.login-input::placeholder {color:#b6b6b6; font-weight:400;}
.login-input:read-only {background-color:#f8f8f8; border-color:#e9e9e9;}
.login-input[readonly='readonly'] {background-color:#f8f8f8; border-color:#e9e9e9;}
.login-box {position:relative; max-width:460px; margin-right:auto; margin-left:auto; padding:50px 40px; background-color:#fff; background-repeat:no-repeat; background-position:100% 0; border-radius:20px; overflow:hidden; box-shadow:1px 1px 10px rgb(56, 76, 109, .05);}
.login-box.type-md {max-width:680px;}
.login-box.type-lg {max-width:1000px;}
.login-box .login-form {position:relative;}
.login-box .login-form .login-input-id, .login-box .login-form .login-input-pw {position:relative;}
.login-box .login-form .login-input-id {margin-bottom:15px;}
.login-box .login-form .login-input-id label, .login-box .login-form .login-input-pw label {position:relative; display:block; position:absolute; top:50%; left:16px; width:21px; height:21px; background-repeat:no-repeat; background-position:50% 50%; background-size:21px 21px; transform:translateY(-50%);}
.login-box .login-form .login-input-id label {background-image:url('../images/ico/ico-login-user.png');}
.login-box .login-form .login-input-pw label {background-image:url('../images/ico/ico-login-lock.png');}
.login-box .login-form .login-input-pw + .login-input-pw {margin-top:15px;}
.login-box .login-form .login-input-id .login-input, .login-box .login-form .login-input-pw .login-input {padding:15px 15px 15px 46px;}
.login-box .login-form .login-form-sec {position:relative; margin-bottom:15px;}
.login-box .login-form .login-form-sec:last-child {margin-bottom:0;}
.login-box .login-form .login-form-sec label {display:inline-flex; margin-bottom:10px; color:#1a1a1a; font-size:18px; font-weight:600; line-height:140%; letter-spacing:-0.01em;}
.login-side {margin-top:15px; text-align:right;}
.login-side .form-check input[type='checkbox'] + label {padding-left:25px; font-size:17px; font-weight:500;}
.login-side .form-check input[type='checkbox'] + label:before {width:18px; height:18px; background-size:18px 18px;}
.login-btn-area {margin-top:20px;}
.btn-global {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; height:68px; padding:10px 10px; color:#fff; font-size:20px; font-weight:600; line-height:140%; text-align:center; background-color:#242f7c; border:none; border-radius:10px; outline:0; box-shadow:none; appearance:none; transition:color .15s ease-out, background .15s ease-out, border .15s ease-out;}
.btn-global:not(:disabled):active {background-color:#0a3f97;}
.login-link {display:flex; flex-wrap:wrap; justify-content:center; margin-top:30px;}
.login-link > li {position:relative; padding-right:12px; padding-left:12px;}
.login-link > li:first-child {padding-left:0;}
.login-link > li:last-child {padding-right:0;}
.login-link > li:before {content:""; display:block; position:absolute; top:4px; right:-1px; width:1px; height:16px; background-color:#ddd;}
.login-link > li:last-child:before {display:none;}
.login-link > li > a {color:#1a1a1a; font-size:17px; font-weight:500; line-height:140%;}
.login-link > li > a strong {color:#2b3cb5; font-weight:600;}
.login-form-inline {position:relative; display:flex; flex-wrap:nowrap; -webkit-box-flex:1; -webkit-flex:1; flex:1; margin-right:-4px; margin-bottom:-8px; margin-left:-4px;}
.login-form-inline .login-form-item {display:flex; flex-wrap:wrap; align-items:center; width:100%; padding-right:4px; padding-bottom:8px; padding-left:4px;}
.login-form-inline .login-form-item.fix {width:auto; -webkit-flex-shrink:0; flex-shrink:0;}
.login-form-inline .login-form-item.line {padding-right:0; padding-left:0;}
.login-box .btn-area {margin-top:40px;}
.login-area {display:flex; flex-wrap:wrap; max-width:1100px; margin-right:auto; margin-left:auto; background-color:#fff; border-radius:20px; overflow:hidden; box-shadow:1px 1px 10px rgb(56, 76, 109, .05);}
.login-area .login-cell {position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:6% 6%;}
.login-area .login-cell.left {width:53%;}
.login-area .login-cell.right {width:47%; background-color:#3558a7; background:linear-gradient(130deg, #356ca7, #3558a7);}
.login-area .login-cell.right:before {opacity:.08; content:""; display:block; position:absolute; bottom:0; right:0; width:260px; height:260px; background-image:url('../images/ico/bg-star-white.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:100% 100%;}
.login-area .login-cell .login-box {max-width:450px; width:100%; padding:0; border-radius:0; box-shadow:none;}
.login-area .login-cell .login-noti {position:relative;}
.login-area .login-cell .login-noti + .login-noti {margin-top:20px; padding-top:20px; border-top:1px solid rgba(255, 255, 255, .3);}
.login-area .login-cell .login-noti .noti-tit {position:relative; margin-bottom:10px; padding-left:27px; color:#fff; font-size:18px; font-weight:600; line-height:140%; letter-spacing:-0.01em;}
.login-area .login-cell .login-noti .noti-tit:before {content:""; display:block; position:absolute; top:3px; left:0; width:20px; height:20px; background-image:url('../images/ico/ico-mark-01.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:20px 20px;}
.login-area .login-cell .login-noti .noti-list {position:relative;}
.login-area .login-cell .login-noti .noti-list li {display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; position:relative; margin-bottom:8px; color:#ddeaff; font-size:15px; font-weight:400; line-height:140%; letter-spacing:-0.01em;}
.login-area .login-cell .login-noti .noti-list li:last-child {margin-bottom:0;}
.login-area .login-cell .login-noti .noti-list li strong {font-weight:600;}
.login-area .login-cell .login-noti .noti-list li .dot {-webkit-flex-shrink:0; flex-shrink:0; margin-right:3px; line-height:140%;}
.login-area .login-cell .login-noti .noti-list li .cont {display:block; width:100%; line-height:140%;}
.join-select-area {display:flex; flex-wrap:wrap; max-width:980px; margin-top:60px; margin-right:auto; margin-left:auto;}
.join-select-area .join-select-sec {width:50%; padding-right:22px; padding-left:22px;}
.join-select-area .join-select-sec .join-select-box {position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:60px 40px; background-color:#333; border-radius:20px; transition:transform .2s ease-out, box-shadow .2s ease-out;}
.join-select-area .join-select-sec .join-select-box:before {opacity:.08; content:""; display:block; position:absolute; top:0; right:0; width:170px; height:125px; background-image:url('../images/ico/bg-pattern-top-02.png'); background-size:170px 125px;}
.join-select-area .join-select-sec .join-select-box:after {content:""; display:block; position:absolute; top:15px; right:15px; bottom:15px; left:15px; border:1px solid rgba(255, 255, 255, .12); border-radius:15px;}
.join-select-area .join-select-sec .join-select-box .desc {position:relative;}
.join-select-area .join-select-sec .join-select-box .desc .txt {position:relative; display:block; color:#fff; font-size:35px; font-weight:500; line-height:130%; letter-spacing:-0.01em; text-align:center;}
.join-select-area .join-select-sec .join-select-box .desc .txt:before {content:""; display:block; width:60px; height:60px; margin-right:auto; margin-bottom:12px; margin-left:auto; background-repeat:no-repeat; background-position:50% 100%;}
.join-select-area .join-select-sec .join-select-box .desc .more {position:relative; display:flex; align-items:center; justify-content:center; min-width:160px; height:57px; margin-top:20px; padding:10px 25px; color:#fff; font-size:22px; font-weight:500; line-height:140%; letter-spacing:-0.01em; text-align:center; background-color:#333; border-radius:60px;}
.join-select-area .join-select-sec .join-select-box .desc .more:after {opacity:.8; content:""; display:inline-flex; width:20px; height:12px; margin-left:8px; background-image:url('../images/ico/ico-line-arr-next-white.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:100% 100%;}
.join-select-area .join-select-sec .join-select-box.general {background-color:#2b2e97; background:linear-gradient(130deg, #2b2e97, #2b2e97);}
.join-select-area .join-select-sec .join-select-box.general .desc .txt:before {background-image:url('../images/ico/ico-join-select-general.png'); background-size:39px auto;}
.join-select-area .join-select-sec .join-select-box.general .desc .more {background-color:#172649;}
.join-select-area .join-select-sec .join-select-box.hotel {background-color:#900051; background:linear-gradient(130deg, #900051, #900051);}
.join-select-area .join-select-sec .join-select-box.hotel:before {opacity:.11;}
.join-select-area .join-select-sec .join-select-box.hotel .desc .txt:before {background-image:url('../images/ico/ico-join-select-hotel.png'); background-size:54px auto;}
.join-select-area .join-select-sec .join-select-box.hotel .desc .more {background-color:#5b0334;}

@media (max-width:1023px){
.login-area {max-width:450px;}
.login-area .login-cell {padding:50px 40px;}
.login-area .login-cell.left {width:100%;}
.login-area .login-cell.right {width:100%;}
}

@media (max-width:767px){
.login-input {height:46px; padding:12px 12px; font-size:16px; border-radius:6px;}
.login-input::-webkit-input-placeholder {font-size:15px;}
.login-input:-ms-input-placeholder {font-size:15px;}
.login-input::placeholder {font-size:15px;}
.login-box {max-width:360px; padding:30px 20px; border-radius:18px;}
.login-box .login-form .login-form-sec label {font-size:16px;}
.login-side {margin-top:12px;}
.login-side .form-check input[type='checkbox'] + label {padding-left:24px; font-size:15px;}
.login-side .form-check input[type='checkbox'] + label:before {top:1px; width:18px; height:18px; background-size:18px 18px;}
.login-btn-area {margin-top:18px;}
.btn-global {height:56px; font-size:18px; border-radius:7px;}
.login-link {margin-top:25px;}
.login-link > li {padding-right:10px; padding-left:10px;}
.login-link > li:before {top:5px; height:13px;}
.login-link > li > a {font-size:14px;}
.login-box .btn-area {margin-top:25px;}
.login-area {border-radius:18px;}
.login-area .login-cell {padding:9% 6%;}
.login-area .login-cell.right:before {width:200px; height:200px;}
.login-area .login-cell .login-noti .noti-tit {padding-left:22px; font-size:15px;}
.login-area .login-cell .login-noti .noti-tit:before {top:1px; width:17px; height:17px; background-size:17px 17px;}
.login-area .login-cell .login-noti .noti-list li {font-size:13px;}
.join-select-area {margin-top:35px;}
.join-select-area .join-select-sec {width:100%; margin-bottom:20px; padding-right:0; padding-left:0;}
.join-select-area .join-select-sec:last-child {margin-bottom:0;}
.join-select-area .join-select-sec .join-select-box {padding:28px 20px 35px 20px; border-radius:16px;}
.join-select-area .join-select-sec .join-select-box:before {width:140px; height:103px; background-size:140px 103px;}
.join-select-area .join-select-sec .join-select-box:after {border-radius:12px;}
.join-select-area .join-select-sec .join-select-box .desc .txt {font-size:26px;}
.join-select-area .join-select-sec .join-select-box .desc .txt:before {width:50px; height:50px; margin-bottom:10px;}
.join-select-area .join-select-sec .join-select-box .desc .more {min-width:145px; height:51px; margin-top:15px; padding:10px 20px; font-size:18px;}
.join-select-area .join-select-sec .join-select-box .desc .more:after {width:18px; height:11px;}
.join-select-area .join-select-sec .join-select-box.general .desc .txt:before {background-size:29px auto;}
.join-select-area .join-select-sec .join-select-box.hotel .desc .txt:before {background-size:39px auto;}
}

@media (max-width:349px){
.login-input::-webkit-input-placeholder {font-size:13px;}
.login-input:-ms-input-placeholder {font-size:13px;}
.login-input::placeholder {font-size:13px;}
}

/* evaluator-cont */
@media (min-width:1024px){
.btn-item-del:hover {opacity:.5;}
}
.evaluator-cont {position:relative; max-width:700px; margin-right:auto; margin-left:auto; padding:50px 40px; background-color:#fff; border-radius:20px; overflow:hidden; box-shadow:1px 1px 10px rgb(56, 76, 109, .05);}
.evaluator-cont .btn-area {margin-top:40px;}
.evaluator-list-wrap .evaluator-list-sec {max-width:700px; margin-right:auto; margin-bottom:40px; margin-left:auto;}
.evaluator-list-wrap .evaluator-list-sec:last-child {margin-bottom:0;}
.evaluator-list-wrap .evaluator-list-sec .evaluator-list-item {position:relative; margin-top:15px; padding:40px 40px; background-color:#fff; border-radius:20px; overflow:hidden; box-shadow:1px 1px 10px rgb(56, 76, 109, .05);}
.evaluator-list-wrap .evaluator-list-sec .evaluator-list-item:first-child {margin-top:0;}
.evaluator-list-wrap .evaluator-list-sec .evaluator-list-item .section {margin-bottom:0; margin-top:50px;}
.evaluator-list-wrap .evaluator-list-sec .evaluator-list-item .section:first-child {margin-top:0;}
.item-btm {position:relative; margin-top:12px;}
.btn-item-add {position:relative; display:inline-flex; align-items:center; justify-content:center; width:100%; height:49px; padding:10px 20px; color:#2b2b2b; font-size:18px; font-weight:500; line-height:130%; letter-spacing:-0.01em; text-align:center; background-color:#fff; background-repeat:no-repeat; background-position:50% 50%; border:1px solid #e3e7f0; border-radius:10px; overflow:hidden; transition:color .15s ease-out, background .15s ease-out, border .15s ease-out;}
.btn-item-add:disabled {opacity:.45; cursor:auto;}
.btn-item-add [class^="ri-"] {margin-top:2px; margin-right:3px; line-height:130%;}
.btn-item-del {opacity:.32; position:absolute; top:12px; right:12px; width:30px; height:30px; background-color:transparent; background-image:url('../images/ico/ico-item-del.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:21px 21px; border:none; overflow:hidden; transition:opacity .15s ease-out;}
.evaluator-list-wrap + .btn-area {margin-top:50px;}

@media (max-width:767px){
.evaluator-cont {max-width:360px; padding:30px 20px; border-radius:18px;}
.evaluator-cont .btn-area {margin-top:25px;}
.evaluator-list-wrap .evaluator-list-sec {max-width:380px; margin-bottom:30px;}
.evaluator-list-wrap .evaluator-list-sec .evaluator-list-item {margin-top:10px; padding:30px 20px; border-radius:12px;}
.evaluator-list-wrap .evaluator-list-sec .evaluator-list-item .section {margin-top:30px;}
.item-btm {margin-top:10px;}
.btn-item-add {height:40px; padding:8px 15px; font-size:14px; border-radius:8px;}
.btn-item-add [class^="ri-"] {margin-top:0;}
.btn-item-del {top:8px; right:8px; width:22px; height:22px; background-size:16px 16px;}
.evaluator-list-wrap + .btn-area {margin-top:30px;}
}

/* join-step */
.join-step {position:relative; margin-bottom:40px;}
.join-step > ul {display:flex; justify-content:center;}
.join-step > ul > li {position:relative; padding-left:50px;}
.join-step > ul > li:first-child {padding-left:0;}
.join-step > ul > li:before {content:""; display:block; position:absolute; top:30px; right:50%; width:100%; height:1px; background-color:#d0d8e5;}
.join-step > ul > li:first-child:before {display:none;}
.join-step > ul > li .step-item {position:relative; display:block; min-width:100px; min-height:96px; text-align:center; z-index:1;}
.join-step > ul > li .step-item .num {display:flex; align-items:center; justify-content:center; width:60px; height:60px; margin-right:auto; margin-bottom:11px; margin-left:auto; color:#fff; font-size:20px; font-weight:800; line-height:130%; letter-spacing:-0.01em; background-color:#d0d8e5; border-radius:60px;}
.join-step > ul > li .step-item .txt {display:block; position:absolute; bottom:auto; left:50%; color:#acb3bf; font-size:19px; font-weight:500; line-height:130%; letter-spacing:-0.03em; white-space:nowrap; transform:translateX(-50%);}
.join-step > ul > li.on:before {background-color:#3747b4;}
.join-step > ul > li.on .step-item .num {background-color:#3747b4;}
.join-step > ul > li.on .step-item .txt {color:#3747b4;}
.join-step.type-evaluator > ul > li .step-item {min-width:70px;}

@media (max-width:767px){
.join-step {margin-bottom:20px;}
.join-step > ul > li {padding-left:20px;}
.join-step > ul > li:before {top:18px;}
.join-step > ul > li .step-item {min-width:auto; min-height:auto; width:60px;}
.join-step > ul > li .step-item .num {width:36px; height:36px; margin-bottom:8px; font-size:16px;}
.join-step > ul > li .step-item .txt {position:static; font-size:14px; white-space:normal; transform:none;}
.join-step.type-evaluator > ul > li {padding-left:0;}
.join-step.type-evaluator > ul > li:first-child {padding-left:0;}
.join-step.type-evaluator > ul > li .step-item {min-width:70px}
.join-step.type-apply > ul > li {padding-left:8px;}
}

@media (max-width:349px){
.join-step > ul > li {padding-left:15px;}
.join-step.type-evaluator > ul > li .step-item {min-width:58px;}
.join-step.type-evaluator > ul > li .step-item .txt {font-size:13px;}
.join-step.type-apply > ul > li {padding-left:1px;}
.join-step.type-apply > ul > li .step-item {width:58px;}
.join-step.type-apply > ul > li .step-item .txt {font-size:13px;}
}

/* line-step */
.line-step {position:relative;}
.line-step > ul {display:flex; flex-wrap:wrap; margin-right:-45px; margin-bottom:-25px;}
.line-step > ul > li {position:relative; width:33.32%; padding-right:45px; padding-bottom:25px;}
.line-step > ul > li:before {content:""; display:block; position:absolute; top:50%; right:13px; width:16px; height:27px; margin-top:-27px; background-image:url('../images/ico/ico-line-arr.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:16px 27px;}
.line-step > ul > li:nth-child(3n+3):before {display:none;}
.line-step > ul > li .step-item {position:relative; display:block; height:100%; padding:30px 30px; text-align:center; border:1px solid #ddd; border-radius:12px;}
.line-step > ul > li .step-item:before {content:""; display:block; width:60px; height:60px; margin:10px auto 14px auto; background-repeat:no-repeat; background-position:50% 50%; background-size:60px 60px;}
.line-step > ul > li .step-item.member-signup:before {background-image:url('../images/ico/ico-line-step-member-signup.png');}
.line-step > ul > li .step-item.warranty-subscribe:before {background-image:url('../images/ico/ico-line-step-warranty-subscribe.png');}
.line-step > ul > li .step-item.document-submit:before {background-image:url('../images/ico/ico-line-step-document-submit.png');}
.line-step > ul > li .step-item.premium-pay:before {background-image:url('../images/ico/ico-line-step-premium-pay.png');}
.line-step > ul > li .step-item.apply-review:before {background-image:url('../images/ico/ico-line-step-apply-review.png');}
.line-step > ul > li .step-item.warranty-publish:before {background-image:url('../images/ico/ico-line-step-warranty-publish.png');}
.line-step > ul > li .step-item .tit {position:relative; display:block; color:#1a1a1a; font-size:19px; font-weight:600; line-height:130%; letter-spacing:-0.01em;}
.line-step > ul > li .step-item .tit:before {margin-right:2px;}
.line-step > ul > li:nth-child(1) .step-item .tit:before {content:"1.";}
.line-step > ul > li:nth-child(2) .step-item .tit:before {content:"2.";}
.line-step > ul > li:nth-child(3) .step-item .tit:before {content:"3.";}
.line-step > ul > li:nth-child(4) .step-item .tit:before {content:"4.";}
.line-step > ul > li:nth-child(5) .step-item .tit:before {content:"5.";}
.line-step > ul > li:nth-child(6) .step-item .tit:before {content:"6.";}
.line-step > ul > li:nth-child(7) .step-item .tit:before {content:"7.";}
.line-step > ul > li:nth-child(8) .step-item .tit:before {content:"8.";}
.line-step > ul > li:nth-child(9) .step-item .tit:before {content:"9.";}
.line-step > ul > li:nth-child(10) .step-item .tit:before {content:"10";}
.line-step > ul > li .step-item .txt {display:block; margin-top:6px; color:#5c5c5c; font-size:16px; font-weight:500; line-height:140%; letter-spacing:-0.01em;}

@media (max-width:767px){
.line-step > ul {margin-right:-12px; margin-bottom:-12px;}
.line-step > ul > li {width:50%; padding-right:12px; padding-bottom:12px;}
.line-step > ul > li:before {display:none; right:6px; width:12px; height:20px; margin-top:-17px; background-size:12px 20px;}
.line-step > ul > li:nth-child(3n+3):before {display:none;}
.line-step > ul > li:nth-child(2n+2):before {display:none;}
.line-step > ul > li .step-item {padding:15px 15px;}
.line-step > ul > li .step-item:before {width:40px; height:40px; margin:5px auto 10px auto; background-size:40px 40px;}
.line-step > ul > li .step-item .tit {font-size:15px;}
.line-step > ul > li .step-item .txt {margin-top:3px; font-size:13px;}
}

/* privacy-cont */
.modal-wrap.type-privacy .modal-area {max-width:680px;}
.modal-wrap.type-privacy .modal-area .modal-cont {padding:40px 40px;}
.privacy-area {max-width:100%; margin-right:auto; margin-left:auto;}
.privacy-area .p-box {margin-bottom:30px;}
.privacy-area .p-box:last-child {margin-bottom:0;}
.privacy-wrap .privacy-area .p-box {margin-bottom:25px;}
.privacy-wrap .privacy-area .p-box:last-child {margin-bottom:0;}
.privacy-area .top-tit {margin-bottom:12px; color:#2b2b2b; font-size:20px; font-weight:700; line-height:140%;}
.privacy-area .p-tit {margin-bottom:10px; color:#2b2b2b; font-size:18px; font-weight:600; line-height:140%;}
.privacy-area .p-txt {margin-bottom:10px; color:#2b2b2b; font-size:17px; font-weight:400; line-height:160%;}
.privacy-area .p-txt:last-child {margin-bottom:0;}
.privacy-area .p-list {margin-bottom:15px;}
.privacy-area .p-list:last-child {margin-bottom:0;}
.privacy-area .p-list > li {display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; position:relative; margin-bottom:5px; color:#2b2b2b; font-size:17px; font-weight:400; line-height:150%; letter-spacing:-0.01em;}
.privacy-area .p-list > li:last-child {margin-bottom:0;}
.privacy-area .p-list > li strong {font-weight:600;}
.privacy-area .p-list > li .dot {-webkit-flex-shrink:0; flex-shrink:0; margin-right:3px; line-height:150%;}
.privacy-area .p-list > li .cont {display:block; width:100%; line-height:150%;}
.privacy-area .p-list > li .cont a {color:#2e93ef;}
.privacy-area .p-list > li .cont > ul {margin-top:10px; margin-bottom:8px;}
.privacy-area .p-list > li:last-child .cont > ul {margin-bottom:0;}
.privacy-area .p-list > li .cont > ul > li {display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; margin-bottom:5px; font-size:15px; color:#4e4e4e;}
.privacy-area .p-list > li .cont > ul > li:last-child {margin-bottom:0;}
.privacy-area .p-list > li .cont > ul > li > .dot {line-height:150%;}
.privacy-area .p-list > li .cont > ul > li > .cont > ul {margin-top:5px; margin-bottom:8px; line-height:150%;}
.privacy-area .p-list > li .cont > ul > li > .cont > ul > li {display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; margin-bottom:3px;}
.privacy-area .p-list > li .cont > ul > li > .cont > ul > li:last-child {margin-bottom:0;}
.privacy-area .p-list > li .cont > ul.t-small, .privacy-area .p-list > li .cont > ul > li > .cont > ul.t-small {margin-top:1px;}
.privacy-area .p-list > li .cont > ul.t-small > li, .privacy-area .p-list > li .cont > ul > li > .cont > ul.t-small > li {color:#627498; font-size:15px;}
.privacy-area .p-list > li .cont .tbl-scroll {margin-top:12px;}
.privacy-area .p-list > li .cont .tbl-info th, .privacy-area .p-list > li .cont .tbl-info td {padding:12px 12px; font-size:15px;}
.privacy-area .tbl-box {margin-top:10px;}
.privacy-area .tbl-box .tbl-scroll, .privacy-area .p-list > li .cont .tbl-box .tbl-scroll {margin-top:8px;}
.privacy-area .revise {display:block; margin-top:5px; color:#9e9e9e; font-size:15px; line-height:140%; text-align:right;}
.privacy-area.type-box {padding:30px 30px; border:1px solid #d6d6d6; border-radius:12px; word-break:break-all;}
.privacy-area.type-box .p-list > li {margin-bottom:15px;}
.privacy-area.type-box .p-list > li:last-child {margin-bottom:0;}
.privacy-wrap {position:relative; margin-bottom:50px; overflow:hidden;}
.privacy-wrap:last-child {margin-bottom:0;}
.privacy-wrap .privacy-cont {display:flex; flex-wrap:wrap; max-width:none;}
.privacy-wrap .privacy-cont .privacy-sec {width:100%; margin-bottom:35px;}
.privacy-wrap .privacy-cont .privacy-sec:last-child {margin-bottom:0;}
.privacy-wrap .privacy-cont .privacy-sec .privacy-title {position:relative; margin-bottom:15px; padding-left:12px; color:#2b2b2b; font-size:19px; font-weight:700; line-height:140%; letter-spacing:-0.01em;}
.privacy-wrap .privacy-cont .privacy-sec .privacy-title:before {content:""; display:block; position:absolute; top:10px; left:0; width:4px; height:4px; background-color:#3646b2; border-radius:4px;}
.privacy-wrap .privacy-cont .privacy-sec .privacy-area {height:300px; margin-bottom:0; padding:30px 30px; background-color:#fafafa; border:1px solid #e1e1e1; border-radius:12px 12px 0 0; overflow-y:auto;}
.privacy-wrap .privacy-cont .privacy-sec .privacy-area::-webkit-scrollbar {width:11px; height:11px;}
.privacy-wrap .privacy-cont .privacy-sec .privacy-area::-webkit-scrollbar-thumb {width:11px; background-color:rgba(0, 0, 0, .2); background-clip:padding-box; border:3px solid transparent; border-radius:13px;}
.privacy-wrap .privacy-cont .privacy-sec .privacy-area::-webkit-scrollbar-track {background-color:transparent;}
.privacy-wrap .privacy-cont .privacy-sec .privacy-area::-webkit-scrollbar-button {display:none;}
.privacy-wrap .privacy-cont .privacy-sec .privacy-chk {position:relative; display:block; padding:16px 20px; border:1px solid #e1e1e1; border-top:none; border-radius:0 0 12px 12px;}
.privacy-wrap .privacy-cont .privacy-sec .privacy-chk input[type='checkbox'] {display:none;}
.privacy-wrap .privacy-cont .privacy-sec .privacy-chk input[type='checkbox'] + label {position:relative; display:inline-flex; padding-left:28px; color:#2b2b2b; font-size:18px; font-weight:500; line-height:140%; letter-spacing:-0.01em;}
.privacy-wrap .privacy-cont .privacy-sec .privacy-chk input[type='checkbox'] + label:before {content:""; display:flex; align-items:center; justify-content:center; position:absolute; top:4px; left:0; width:20px; height:20px; background-image:url('../images/ico/ico-chk-off.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:20px 20px; transition:background .15s ease; overflow:hidden;}
.privacy-wrap .privacy-cont .privacy-sec .privacy-chk input[type='checkbox']:checked + label:before {background-image:url('../images/ico/ico-chk-on.png');}
.privacy-wrap .privacy-cont .privacy-sec .privacy-chk input[type='checkbox'] + label strong {margin-right:5px; color:#3646b2; font-weight:500;}

@media (max-width:1023px) {
.privacy-wrap .privacy-cont {margin-right:0; margin-left:0;}
.privacy-wrap .privacy-cont .privacy-sec {width:100%; margin-bottom:40px; padding-right:0; padding-left:0;}
.privacy-wrap .privacy-cont .privacy-sec:last-child {margin-bottom:0;}
}

@media (max-width:767px) {
.modal-wrap.type-privacy .modal-area {max-width:540px;}
.modal-wrap.type-privacy .modal-area .modal-cont {padding:25px 20px;}
.privacy-area .p-box {margin-bottom:20px;}
.privacy-wrap .privacy-area .p-box {margin-bottom:20px;}
.privacy-area .top-tit {margin-bottom:8px; font-size:15px;}
.privacy-area .p-tit {margin-bottom:5px; font-size:14px;}
.privacy-area .p-txt {margin-bottom:10px; font-size:14px;}
.privacy-area .p-list > li {margin-bottom:5px; font-size:14px;}
.privacy-area .p-list > li .cont > ul {margin-top:3px;}
.privacy-area .p-list > li .cont > ul > li > .cont > ul {margin-bottom:5px;}
.privacy-area .p-list > li .cont > ul.t-small > li, .privacy-area .p-list > li .cont > ul > li > .cont > ul.t-small > li {font-size:12px;}
.privacy-area .p-list > li .cont > ul > li {margin-bottom:3px; font-size:12px;}
.privacy-area .p-list > li .cont .tbl-scroll {margin-top:10px; margin-right:25px;}
.privacy-area .p-list > li .cont .tbl-info th, .privacy-area .p-list > li .cont .tbl-info td {padding:8px 8px; font-size:12px;}
.privacy-area .tbl-box {margin-top:8px;}
.privacy-area .tbl-box .tbl-scroll, .privacy-area .p-list > li .cont .tbl-box .tbl-scroll {margin-top:6px;}
.privacy-area .revise {margin-top:2px; font-size:12px;}
.privacy-area.type-box {padding:20px 16px; border-radius:8px;}
.privacy-area.type-box .p-list > li {margin-bottom:10px;}
.privacy-wrap {margin-bottom:25px;}
.privacy-wrap .privacy-cont .privacy-sec {margin-bottom:20px;}
.privacy-wrap .privacy-cont .privacy-sec .privacy-title {margin-bottom:10px; padding-left:8px; font-size:15px;}
.privacy-wrap .privacy-cont .privacy-sec .privacy-title:before {top:8px; width:3px; height:3px;}
.privacy-wrap .privacy-cont .privacy-sec .privacy-area {height:150px; padding:15px 15px; border-radius:8px 8px 0 0;}
.privacy-wrap .privacy-cont .privacy-sec .privacy-chk {padding:9px 12px; border-radius:0 0 8px 8px;}
.privacy-wrap .privacy-cont .privacy-sec .privacy-chk input[type='checkbox'] + label {padding-left:19px; font-size:13px;}
.privacy-wrap .privacy-cont .privacy-sec .privacy-chk input[type='checkbox'] + label:before {top:2px; width:15px; height:15px; background-size:15px 15px;}
.privacy-wrap .privacy-cont .privacy-sec .privacy-chk input[type='checkbox'] + label strong {margin-right:3px;}
.privacy-wrap .privacy-cont .p-txt {font-size:13px;}
.privacy-wrap .privacy-cont .p-list > li {font-size:13px;}
}

/* member-complete */
.member-complete {position:relative; padding:45px 30px; background-color:#fff; border-top:1px solid #333; border-bottom:1px solid #e7e7e7;}
.member-complete .txt-box {position:relative; text-align:center;}
.member-complete .txt-box:before {content:""; display:block; width:53px; height:53px; margin-bottom:15px; margin-right:auto; margin-left:auto; background-image:url('../images/ico/ico-complete-check.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:53px 53px; border-radius:100%;}
.member-complete .txt-box .tit {display:block; margin-bottom:15px; color:#1a1a1a; font-size:36px; font-weight:700; line-height:130%; letter-spacing:-0.024em;}
.member-complete .txt-box .txt {display:block; color:#1a1a1a; font-size:19px; font-weight:500; line-height:160%; letter-spacing:-0.024em;}
.member-complete .txt-box .txt strong {color:#2b6cdb; font-weight:500; line-height:160%;}
.member-complete .notice-box {max-width:750px; margin-top:30px; margin-right:auto; margin-left:auto;}
.member-complete .notice-box > ul {padding:23px 25px; background-color:#f7f7f7; border-radius:12px;}
.member-complete .notice-box > ul > li {position:relative; display:block; margin-bottom:10px; padding-left:10px; color:#5c5c5c; font-size:17px; font-weight:500; line-height:140%; letter-spacing:-0.01em;}
.member-complete .notice-box > ul > li:last-child {margin-bottom:0;}
.member-complete .notice-box > ul > li:before {content:""; display:block; position:absolute; top:9px; left:0; width:3px; height:3px; background-color:#6a6a6a; border-radius:3px;}
.member-complete .notice-box > ul > li .n-email {display:block; margin-top:5px; line-height:160%;}
.member-complete .notice-box.type-center {max-width:640px;}
.member-complete .notice-box.type-center > ul {text-align:center;}
.member-complete .notice-box.type-center > ul > li {margin-bottom:6px; padding-left:0;}
.member-complete .notice-box.type-center > ul > li:last-child {margin-bottom:0;}
.member-complete .notice-box.type-center > ul > li:before {display:none;}
.member-complete + .btn-area {margin-top:35px;}
.association-info-box {position:relative; max-width:450px; margin-top:40px; margin-right:auto; margin-left:auto; padding:30px 40px; background-color:#fff; background-image:url('../images/ico/bg-association-info-box.png'); background-repeat:no-repeat; background-position:100% 0; background-size:141px auto; border:1px solid #e1e1e1; border-radius:12px;}
.association-info-box .association-info-title {position:relative; color:#3e3e3e; font-size:20px; font-weight:600; line-height:130%; letter-spacing:-0.01em; text-align:center;}
.association-info-box .association-info-list {position:relative; margin-top:18px; padding-top:20px; border-top:1px solid #e9e9e9;}
.association-info-box .association-info-list dl {display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; margin-bottom:12px;}
.association-info-box .association-info-list dl:last-child {margin-bottom:0;}
.association-info-box .association-info-list dl dt, .association-info-box .association-info-list dl dd {position:relative; color:#505050; font-size:17px; font-weight:400; line-height:140%; letter-spacing:-0.01em;}
.association-info-box .association-info-list dl dt {-webkit-flex-shrink:0; flex-shrink:0; margin-right:6px; padding-left:22px;}
.association-info-box .association-info-list dl dt:before {content:""; display:block; position:absolute; top:3px; left:0; width:16px; height:16px; background-repeat:no-repeat; background-position:50% 50%; background-size:16px 16px;}
.association-info-box .association-info-list dl.tel dt:before {background-image:url('../images/ico/ico-flat-tel.png');}
.association-info-box .association-info-list dl.fax dt:before {background-image:url('../images/ico/ico-flat-fax.png');}
.association-info-box .association-info-list dl.loca dt:before {background-image:url('../images/ico/ico-flat-loca.png');}
.association-info-box .association-info-list dl dd {width:100%;}

@media (max-width:767px){
.member-complete {padding:30px 10px;}
.member-complete .txt-box:before {width:40px; height:40px; margin-bottom:10px; background-size:40px 40px;}
.member-complete .txt-box .tit {margin-bottom:6px; font-size:24px;}
.member-complete .txt-box .txt {font-size:14px;}
.member-complete .notice-box {max-width:460px; margin-top:20px;}
.member-complete .notice-box > ul {padding:15px 15px; border-radius:8px;}
.member-complete .notice-box > ul > li {margin-bottom:5px; padding-left:8px; font-size:13px;}
.member-complete .notice-box > ul > li:before {top:7px; width:2px; height:2px;}
.member-complete .notice-box > ul > li .n-email {margin-top:1px;}
.member-complete .notice-box.type-center > ul > li {margin-bottom:4px;}
.member-complete + .btn-area {margin-top:25px;}
.association-info-box {max-width:340px; margin-top:25px; padding:20px 22px; background-size:117px auto;}
.association-info-box .association-info-title {font-size:17px;}
.association-info-box .association-info-list {margin-top:11px; padding-top:14px;}
.association-info-box .association-info-list dl {margin-bottom:8px;}
.association-info-box .association-info-list dl dt, .association-info-box .association-info-list dl dd {font-size:13px;}
.association-info-box .association-info-list dl dt {margin-right:5px; padding-left:17px;}
.association-info-box .association-info-list dl dt:before {top:2px; width:13px; height:13px; background-size:13px 13px;}
}

/* apply-complete */
.apply-complete {position:relative; padding:50px 30px; background-color:#fff; border-top:1px solid #333; border-bottom:1px solid #e7e7e7;}
.apply-complete .txt-box {position:relative; text-align:center;}
.apply-complete .txt-box:before {content:""; display:block; width:68px; height:68px; margin-bottom:15px; margin-right:auto; margin-left:auto; background-image:url('../images/ico/ico-apply-complete.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:68px 68px;}
.apply-complete .txt-box .tit {display:block; margin-bottom:15px; color:#1a1a1a; font-size:38px; font-weight:700; line-height:130%; letter-spacing:-0.024em;}
.apply-complete .txt-box .txt {display:block; color:#1a1a1a; font-size:20px; font-weight:500; line-height:160%; letter-spacing:-0.024em;}
.apply-complete .txt-box .txt strong {color:#2b6cdb; font-weight:500; line-height:160%;}
.apply-complete .notice-box {max-width:620px; margin-top:30px; margin-right:auto; margin-left:auto;}
.apply-complete .notice-box > ul {padding:20px 20px; text-align:center; background-color:#f7f7f7; border-radius:12px;}
.apply-complete .notice-box > ul > li {display:block; margin-bottom:5px; color:#5c5c5c; font-size:18px; font-weight:500; line-height:160%; letter-spacing:-0.01em;}
.apply-complete .notice-box > ul > li:last-child {margin-bottom:0;}
.apply-complete .notice-box > ul > li .n-email {display:block; margin-top:5px; line-height:160%;}

@media (max-width:767px){
.apply-complete {padding:30px 10px;}
.apply-complete .txt-box:before {width:44px; height:44px; margin-bottom:10px; background-size:44px 44px;}
.apply-complete .txt-box .tit {margin-bottom:6px; font-size:24px;}
.apply-complete .txt-box .txt {font-size:14px;}
.apply-complete .notice-box {max-width:460px; margin-top:20px;}
.apply-complete .notice-box > ul {padding:12px 12px; border-radius:8px;}
.apply-complete .notice-box > ul > li {font-size:13px;}
.apply-complete .notice-box > ul > li .n-email {margin-top:1px;}
}

/* sub-visual */
.sub-visual {position:relative; overflow:hidden;}
.sub-visual .sub-area {position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:290px; padding:60px 60px; overflow:hidden;}
.sub-visual .sub-area .sub-bg {transform:scale(1.1) rotate(0.001deg); position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.sub-visual .sub-area .sub-top {position:relative; width:100%; max-width:760px; margin-right:auto; margin-left:auto; text-align:center;}
.sub-visual .sub-area .sub-top .sub-title {opacity:0; transform:translateY(15px); position:relative; display:block; font-size:0;}
.sub-visual .sub-area .sub-top .sub-title span {position:relative; display:inline-flex; align-items:center; justify-content:center; color:#fff; font-size:50px; font-weight:700; line-height:130%; letter-spacing:-0.01em;}
.sub-visual .sub-area .sub-top .sub-title span:before {content:""; display:block; width:80px; height:80px; margin-right:16px; background-color:#fff; background-repeat:no-repeat; background-position:50% 50%; background-size:60px auto; border-radius:80px;}
.sub-visual .sub-area .sub-top .sub-txt {opacity:0; transform:translateY(15px); display:block; margin-top:20px; color:#fff; font-size:21px; font-weight:300; line-height:150%; letter-spacing:-0.01em;}
body.page-load .sub-visual .sub-area .sub-bg {transform:scale(1) rotate(0.001deg); transition:opacity 1.8s cubic-bezier(0.23, 1, 0.38, 1), transform 1.8s cubic-bezier(0.23, 1, 0.38, 1);}
body.page-load .sub-visual .sub-area .sub-top .sub-title,
body.page-load .sub-visual .sub-area .sub-top .sub-txt {opacity:1; transform:translateY(0px); transition:opacity 1.8s cubic-bezier(0.23, 1, 0.38, 1), transform 1.8s cubic-bezier(0.23, 1, 0.38, 1);}
body.page-load .sub-visual .sub-area .sub-top .sub-title {transition-delay:.2s;}
body.page-load .sub-visual .sub-area .sub-top .sub-txt {transition-delay:.3s;}
.sub-visual.loan-support .sub-area .sub-bg {background-image:url('../images/cont/bg-sub-visual-loan-support.jpg');}
.sub-visual.loan-support .sub-area .sub-top .sub-title span:before {background-color:#e7f0ff; background-image:url('../images/cont/ico-obj-loan-support.png');}
.sub-visual.interest-difference .sub-area .sub-bg {background-image:url('../images/cont/bg-sub-visual-interest-difference.jpg');}
.sub-visual.interest-difference .sub-area .sub-top .sub-title span:before {background-color:#f6f4fb; background-image:url('../images/cont/ico-obj-interest-difference.png');}
.sub-visual.loan-special .sub-area .sub-bg {background-image:url('../images/cont/bg-sub-visual-loan-special.jpg');}
.sub-visual.loan-special .sub-area .sub-top .sub-title span:before {background-color:#F6f7ee; background-image:url('../images/cont/ico-obj-loan-special.png');}
.sub-visual.fund-application .sub-area .sub-bg {background-image:url('../images/cont/bg-sub-visual-fund-application.jpg');}
.sub-visual.fund-application .sub-area .sub-top .sub-title span:before {background-color:#e7f9f2; background-image:url('../images/cont/ico-obj-fund-application.png');}
.sub-visual.customer .sub-area .sub-bg {background-image:url('../images/cont/bg-sub-visual-customer.jpg');}
.sub-visual.customer .sub-area .sub-top .sub-title span:before {background-color:#f6f1f0; background-image:url('../images/cont/ico-obj-customer.png');}
.sub-visual.mypage .sub-area .sub-bg {background-image:url('../images/cont/bg-sub-visual-mypage.jpg');}
.sub-visual.mypage .sub-area .sub-top .sub-title span:before {background-color:#fff; background-image:url('../images/cont/ico-obj-mypage.png');}

@media (max-width:1279px) {
.sub-visual .sub-area {height:280px; padding:60px 40px;}
.sub-visual .sub-area .sub-top .sub-title span {font-size:46px;}
.sub-visual .sub-area .sub-top .sub-title span:before {width:74px; height:74px; background-size:52px auto;}
.sub-visual .sub-area .sub-top .sub-txt {margin-top:15px; font-size:20px;}
}

@media (max-width:767px) {
.sub-visual .sub-area {height:220px; padding:40px 30px;}
.sub-visual .sub-area .sub-top .sub-title span {font-size:33px;}
.sub-visual .sub-area .sub-top .sub-title span:before {width:46px; height:46px; margin-right:10px; margin-bottom:4px; background-size:36px auto;}
.sub-visual .sub-area .sub-top .sub-txt {margin-top:10px; font-size:16px;}
.sub-visual.loan-support .sub-area .sub-bg {background-image:url('../images/cont/bg-sub-visual-loan-support-mob.jpg');}
.sub-visual.interest-difference .sub-area .sub-bg {background-image:url('../images/cont/bg-sub-visual-interest-difference-mob.jpg');}
.sub-visual.loan-special .sub-area .sub-bg {background-image:url('../images/cont/bg-sub-visual-loan-special-mob.jpg');}
.sub-visual.fund-application .sub-area .sub-bg {background-image:url('../images/cont/bg-sub-visual-fund-application-mob.jpg');}
.sub-visual.customer .sub-area .sub-bg {background-image:url('../images/cont/bg-sub-visual-customer-mob.jpg');}
.sub-visual.mypage .sub-area .sub-bg {background-image:url('../images/cont/bg-sub-visual-mypage-mob.jpg');}
}

/* sub-location */
@media (min-width:1024px) {
.sub-location .depth1 > li > .depth2 > li > a:hover {color:#1a1a1a;}
}
.sub-location {position:relative; background-color:#f6f6f6; background-image:url('../images/ico/bg-sub-location.png'); background-repeat:no-repeat; background-position:100% 50%; background-size:auto 100%; border-bottom:1px solid #e9e9e9;}
.sub-location .depth1 {display:flex; max-width:1440px; margin-right:auto; margin-left:auto;}
.sub-location .depth1 > li {position:relative; border-right:1px solid #e5e5e5;}
.sub-location .depth1 > li:first-child {border-left:1px solid #e5e5e5;}
.sub-location .depth1 > li.loca-home > a {display:flex; align-items:center; justify-content:flex-start; width:64px; height:64px; background-image:url('../images/ico/ico-location-home-02.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:20px auto; overflow:hidden;}
.sub-location .depth1 > li.loca-select > a {display:flex; align-items:center; justify-content:flex-start; min-width:240px; height:64px; padding:0 56px 0 24px; color:#4b5563; font-size:18px; font-weight:500; line-height:140%; letter-spacing:-0.03em;}
.sub-location .depth1 > li.loca-select > a:after {content:""; display:block; position:absolute; top:50%; right:24px; width:12px; height:7px; margin-top:-3px; background-image:url('../images/ico/ico-location-arr-02.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:12px 7px; transition:transform .2s ease-out;}
.sub-location .depth1 > li.loca-select > a.active:after {transform:rotate(-180deg);}
.sub-location .depth1 > li > .depth2 {display:none; position:absolute; top:auto; right:-1px; left:-1px; background-color:#fff; border:1px solid #e9e9e9; border-radius:0 0 12px 12px; overflow:hidden; z-index:2;}
.sub-location .depth1 > li > .depth2 > li {position:relative;}
.sub-location .depth1 > li > .depth2 > li > a {display:block; padding:13px 20px; color:#5b5b5b; font-size:17px; font-weight:500; line-height:140%; letter-spacing:-0.05em; background-color:#fff; transition:background .15s ease-out;}
.sub-location .depth1 > li > .depth2 > li.on > a {color:#353077; font-weight:500;}

@media (max-width:767px) {
.sub-location .depth1 > li {display:none; border-right:none;}
.sub-location .depth1 > li:first-child {border-left:none;}
.sub-location .depth1 > li:last-child {display:block; width:100%;}
.sub-location .depth1 > li.loca-select > a {width:auto; height:50px; padding:0 52px 0 20px; font-size:16px;}
.sub-location .depth1 > li.loca-select > a:after {right:20px;}
.sub-location .depth1 > li > .depth2 > li > a {padding:12px 20px; font-size:15px;}
}

/* calculator-box */
@media (min-width:1024px) {
.btn-calculator:not(:disabled):hover {background-color:#3e6ec1; border-color:#3e6ec1;}
.btn-calculator.line:not(:disabled):hover {background-color:#f6f9ff; border-color:#4c7dd3;}
}
.calculator-input {width:100%; height:50px; padding:10px 15px; color:#2b2b2b; font-size:18px; font-weight:400; line-height:140%; letter-spacing:-0.01em; text-align:right; background-color:#fff; border:1px solid #d9d9d9; border-radius:6px; outline:0; transition:border .15s ease; appearance:none;}
.calculator-input:focus {border:1px solid #6b6b6b;}
.calculator-input::-webkit-input-placeholder {color:#b2b2b2; font-weight:300;}
.calculator-input:-ms-input-placeholder {color:#b2b2b2; font-weight:300;}
.calculator-input::placeholder {color:#b2b2b2; font-weight:300;}
.calculator-input:read-only {background-color:#f8f8f8; border-color:#e9e9e9;}
.calculator-input[readonly='readonly'] {background-color:#f8f8f8; border-color:#e9e9e9;}
.calculator-input:disabled {opacity:.7; background-color:#f5f5f5; border-color:#d9d9d9;}
.btn-calculator {display:inline-flex; align-items:center; justify-content:center; width:100%; height:64px; padding:10px 30px; color:#fff; font-size:20px; font-weight:500; line-height:140%; letter-spacing:-0.01em; text-align:center; white-space:nowrap; background-color:#4c7dd3; border:1px solid #4c7dd3; border-radius:10px; overflow:hidden; transition:color .15s ease-out, background .15s ease-out, border .15s ease-out;}
.btn-calculator.line {color:#4c7dd3; background-color:#fff; border-color:#4c7dd3;}
.btn-calculator span {line-height:140%;}
.btn-calculator.reset:before {content:""; display:inline-flex; align-items:center; justify-content:center; width:16px; height:16px; margin-right:5px; background-image:url('../images/ico/ico-reset-calculator.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:16px 16px;}
.calculator-box {max-width:600px; margin-top:60px; margin-right:auto; margin-left:auto; background-color:#fff; border:1px solid #e5e5e5; border-radius:20px;}
.calculator-box .calculator-noti {position:relative; padding:23px 30px 21px 30px; text-align:center; background-color:#6b80a7; border-radius:20px 20px 0 0;}
.calculator-box .calculator-noti > li {display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; position:relative; margin-bottom:5px; color:#fff; font-size:18px; font-weight:400; line-height:140%; letter-spacing:-0.01em;}
.calculator-box .calculator-noti > li:last-child {margin-bottom:0;}
.calculator-box .calculator-noti > li strong {font-weight:600;}
.calculator-box .calculator-noti > li .highlight {font-weight:500; text-decoration:underline;}
.calculator-box .calculator-noti > li .required {color:#ed2121;}
.calculator-box .calculator-noti > li .dot {-webkit-flex-shrink:0; flex-shrink:0; margin-right:3px; line-height:140%;}
.calculator-box .calculator-noti > li .cont {display:block; width:100%; line-height:140%;}
.calculator-box .calculator-form {display:table; width:100%; padding:15px 30px 20px 30px;}
.calculator-box .calculator-form dl {display:table-row;}
.calculator-box .calculator-form dl dt, .calculator-box .calculator-form dl dd {display:table-cell; padding:15px 0; color:#1a1a1a; font-size:19px; font-weight:500; line-height:140%; letter-spacing:-0.01em; border-bottom:1px dashed #ddd;}
.calculator-box .calculator-form dl dt {width:20%; padding-right:25px; white-space:nowrap;}
.calculator-box .calculator-form dl dt .c-tit {position:relative; display:inline-flex; padding-left:12px; line-height:140%;}
.calculator-box .calculator-form dl dt .c-tit:before {content:""; display:block; position:absolute; top:10px; left:0; width:4px; height:4px; background-color:#667691; border-radius:4px;}
.calculator-box .calculator-form dl dd {width:80%;}
.calculator-box .calculator-form dl dd .form-noti > li {font-size:16px; font-weight:300;}
.calculator-box .calculator-btn-area {display:flex; flex-wrap:wrap; justify-content:center; max-width:500px; margin-right:auto; margin-left:auto; padding:10px 22px 40px 22px;}
.calculator-box .calculator-btn-area > li {width:50%; padding-right:8px; padding-left:8px;}
.calculator-box .calculator-result {display:block; padding:25px 30px; background-color:#f3f7ff; border-top:1px solid #e5e5e5; border-radius:0 0 20px 20px;}
.calculator-box .calculator-result .result-form {display:table; width:100%;}
.calculator-box .calculator-result .result-form dl {display:table-row;}
.calculator-box .calculator-result .result-form dl dt, .calculator-box .calculator-result .result-form dl dd {display:table-cell; padding:15px 0; color:#5e6b87; font-size:19px; font-weight:600; line-height:140%; letter-spacing:-0.01em; border-bottom:1px dashed #cad1dd; vertical-align:middle;}
.calculator-box .calculator-result .result-form dl:last-child dt, .calculator-box .calculator-result .result-form dl:last-child dd {border-bottom:none;}
.calculator-box .calculator-result .result-form dl dt {width:20%; padding-right:20px; white-space:nowrap;}
.calculator-box .calculator-result .result-form dl dd {width:80%; text-align:right;}
.calculator-box .calculator-result .result-form dl dd .apply-amount {margin-right:5px; color:#4e7ee5; font-size:24px; font-weight:700; letter-spacing:-0.024em; word-break:break-all;}

@media (max-width:767px) {
.calculator-input {max-width:100% !important; min-width:42px; height:42px; padding:10px 12px; font-size:16px; border-radius:5px;}
.btn-calculator {height:47px; padding:10px 10px; font-size:16px; border-radius:6px;}
.btn-calculator.reset:before {width:13px; height:13px; margin-bottom:1px; background-size:13px 13px;}
.calculator-box {max-width:400px; margin-top:30px; border-radius:10px;}
.calculator-box .calculator-noti {padding:18px 15px 16px 15px; border-radius:10px 10px 0 0;}
.calculator-box .calculator-noti > li {font-size:14px;}
.calculator-box .calculator-form {display:block; width:auto; padding:20px 15px;}
.calculator-box .calculator-form dl {display:block; margin-bottom:15px;}
.calculator-box .calculator-form dl:last-child {margin-bottom:0;}
.calculator-box .calculator-form dl dt, .calculator-box .calculator-form dl dd {display:block; padding:0; font-size:15px; border-bottom:none;}
.calculator-box .calculator-form dl dt {width:auto; margin-bottom:6px;}
.calculator-box .calculator-form dl dt .c-tit {padding-left:7px;}
.calculator-box .calculator-form dl dt .c-tit:before {top:8px; width:3px; height:3px;}
.calculator-box .calculator-form dl dd {width:auto;}
.calculator-box .calculator-form dl dd .form-noti > li {font-size:13px;}
.calculator-box .calculator-btn-area {padding:0 10px 25px 10px;}
.calculator-box .calculator-btn-area > li {padding-right:5px; padding-left:5px;}
.calculator-box .calculator-result {padding:12px 15px; border-radius:0 0 10px 10px;}
.calculator-box .calculator-result .result-form dl dt, .calculator-box .calculator-result .result-form dl dd {padding:10px 0; font-size:15px;}
.calculator-box .calculator-result .result-form dl dt {padding-right:10px;}
.calculator-box .calculator-result .result-form dl dd .apply-amount {font-size:21px;}
}

@media (max-width:350px) {
.btn-calculator {font-size:14px;}
.calculator-box .calculator-result .result-form dl dd .apply-amount {font-size:19px;}
}

/* search-wrap */
.search-wrap {margin-bottom:45px; padding:20px 20px; background-color:#f8f8f8; border-radius:12px;}
.search-wrap .search-area {display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; justify-content:center; max-width:800px; margin-right:auto; margin-left:auto;}
.search-wrap .search-area .sch-col {display:flex; flex-wrap:wrap; -webkit-flex-shrink:0; flex-shrink:0; margin-right:-5px; margin-left:-5px; padding-right:5px;}
.search-wrap .search-area .sch-select {position:relative; flex:1; padding-right:5px; padding-left:5px; overflow:hidden;}
.search-wrap .search-area .sch-select select {min-width:160px; width:100%; height:52px; padding:10px 36px 10px 15px; color:#1a1a1a; font-size:18px; font-weight:400; font-family:'Pretendard'; line-height:140%; letter-spacing:-0.01em; background-color:#fff; background-image:url('../images/ico/ico-select-arr-02.png'); background-repeat:no-repeat; background-position:calc(100% - 12px) 50%; background-size:13px auto; border:1px solid #e0e0e0; border-radius:6px; outline:0; transition:border .15s ease; appearance:none;}
.search-wrap .search-area .sch-select select::-ms-expand {display:none;}
.search-wrap .search-area .sch-select select:focus {border:1px solid #e0e0e0;}
.search-wrap .search-area .sch-form {position:relative; width:100%; padding-left:5px; overflow:hidden;}
.search-wrap .search-area .sch-form input[type="text"] {width:100%; height:52px; padding:10px 45px 10px 15px; color:#1a1a1a; font-size:18px; font-weight:400; font-family:'Pretendard'; line-height:140%; letter-spacing:-0.01em; background-color:#fff; border:1px solid #e0e0e0; border-radius:6px; outline:0; transition:border .15s ease; appearance:none;}
.search-wrap .search-area .sch-form input[type="text"]:focus {border:1px solid #e0e0e0;}
.search-wrap .search-area .sch-form input[type="text"]::placeholder {color:#b6b6b6; font-weight:400;}
.search-wrap .search-area .sch-form input[type="text"]:read-only {border:1px solid #e0e0e0; background-color:#f3f3f3;}
.search-wrap .search-area .sch-form input[type="text"][readonly='readonly'] {border:1px solid #e0e0e0; background-color:#f3f3f3;}
.search-wrap .search-area .sch-form button {display:block; position:absolute; top:50%; right:5px; width:38px; height:38px; margin-top:-19px; background-color:transparent; background-image:url('../images/ico/ico-form-search.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:19px 19px; border:none; border-radius:0; outline:0; overflow:hidden;}
.search-wrap.type-hotel {margin-bottom:40px;}
.search-wrap.type-hotel .search-area {max-width:1100px;}
.search-wrap.type-hotel .search-area .sch-select {flex:auto;}
.search-wrap.mb-small {margin-bottom:35px;}

@media (max-width:1023px) {
.search-wrap.type-hotel .search-area {flex-flow:column;}
.search-wrap.type-hotel .search-area .sch-col {margin-bottom:8px; margin-right:-4px; margin-left:-4px; padding-right:0;}
.search-wrap.type-hotel .search-area .sch-select {padding-right:4px; padding-left:4px;}
.search-wrap.type-hotel .search-area .sch-form {padding-left:0;}
}

@media (max-width:767px) {
.search-wrap {margin-bottom:25px; padding:0; background-color:#fff;}
.search-wrap .search-area {flex-flow:column;}
.search-wrap .search-area .sch-col {margin-bottom:8px; margin-right:-4px; margin-left:-4px; padding-right:0;}
.search-wrap .search-area .sch-select {padding-right:4px; padding-left:4px;}
.search-wrap .search-area .sch-select select {min-width:auto; height:44px; padding:10px 36px 10px 12px; font-size:16px;}
.search-wrap .search-area .sch-form {padding-left:0;}
.search-wrap .search-area .sch-form input[type="text"] {height:44px; padding:10px 45px 10px 12px; font-size:16px;}
.search-wrap.type-hotel {margin-bottom:20px;}
.search-wrap.type-hotel .search-area .sch-col {flex-flow:column; margin-right:0; margin-bottom:6px; margin-left:0;}
.search-wrap.type-hotel .search-area .sch-select {width:100%; margin-bottom:6px; padding-right:0; padding-left:0;}
.search-wrap.type-hotel .search-area .sch-select:last-child {margin-bottom:0;}
.search-wrap.mb-small {margin-bottom:20px;}
}

/* board-list */
@media (min-width:1024px) {
.board-list .b-group .b-col .b-box a.t-link:hover {color:#181b85;}
.board-list.apply-detail .b-group .b-col .b-box a.t-link:hover, .board-list.apply-result .b-group .b-col .b-box a.t-link:hover, .board-list.rating-result .b-group .b-col .b-box a.t-link:hover {color:#181b85;}
}
.ico-attach-file {display:inline-flex; align-items:center; justify-content:center; width:20px; height:23px; text-indent:-999em; background-image:url('../images/ico/ico-attach-file.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:20px 23px; overflow:hidden;}
.ico-noti {display:inline-flex; align-items:center; justify-content:center; width:28px; height:22px; text-indent:-999em; background-image:url('../images/ico/ico-noti.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:28px 22px; overflow:hidden;}
.txt-status {display:inline-flex; align-items:center; justify-content:center; min-width:55px; height:34px; padding:0 10px; color:#1a1a1a; font-size:17px; font-weight:400; line-height:120%; letter-spacing:-0.01em; text-align:center; white-space:nowrap; background-color:#fff; border:1px solid #dadada; border-radius:8px; overflow:hidden;}
.txt-status.blue {color:#fff; background-color:#4b88ef; border-color:#4b88ef;}
.txt-status.red {color:#fff; background-color:#e66b6b; border-color:#e66b6b;}
.txt-status.orange {color:#fff; background-color:#ea9f30; border-color:#ea9f30;}
.txt-status.green {color:#fff; background-color:#26c15d; border-color:#26c15d;}
.txt-status.gray {color:#fff; background-color:#b9b9b9; border-color:#b9b9b9;}
.txt-status.black {color:#fff; background-color:#5b5b5b; border-color:#5b5b5b;}
.txt-status.line.blue {color:#3576e3; font-weight:500; background-color:#fff; border-color:#4b88ef;}
.txt-status.line.red {color:#e66b6b; font-weight:500; background-color:#fff; border-color:#e66b6b;}
.txt-status.line.orange {color:#ec991e; font-weight:500; background-color:#fff; border-color:#ea9f30;}
.txt-status.line.green {color:#64c97c; font-weight:500; background-color:#fff; border-color:#64c97c;}
.txt-status.line.black {color:#333; font-weight:500; background-color:#fff; border-color:#5b5b5b;}
.txt-status.basic {min-width:auto; width:auto; height:auto; padding:0; font-weight:500; background-color:transparent; border:none; border-radius:0;}
.txt-status.basic.blue {color:#4b88ef;}
.txt-status.basic.red {color:#e66b6b;}
.txt-status.basic.orange {color:#ea9f30;}
.txt-status.basic.green {color:#0faf48;}
.txt-status.basic.gray {color:#b9b9b9;}
.txt-status.basic.black {color:#5b5b5b;}
.txt-color.blue {color:#4b88ef;}
.txt-color.red {color:#ea4141;}
.txt-color.orange {color:#ff9c0b;}
.txt-color.green {color:#0faf48;}
.txt-color.gray {color:#b9b9b9;}
.txt-color.black {color:#5b5b5b;}
.txt-color.navy {color:#4e46c6;}
.data-none {display:flex; align-items:center; justify-content:center; padding:20px 20px; color:#8a8a8a; font-size:17px; font-weight:400; line-height:140%; letter-spacing:-0.01em; text-align:center;}
.board-info {position:relative; margin-bottom:20px;}
.board-info:after {content:""; display:block; clear:both;}
.board-info .b-left, .board-info .b-right {position:relative; display:flex; flex-wrap:wrap; align-items:center; color:#606060; font-size:17px; font-weight:400; line-height:140%; letter-spacing:-0.01em;}
.board-info .b-left {float:left;}
.board-info .b-right {float:right;}
.board-info .b-left .btn-control, .board-info .b-right .btn-control {height:27px; padding:4px 10px; font-size:13px;}
.board-info .total-page, .board-info .current-page {position:relative; color:#8f8f8f; font-size:17px; font-weight:300; line-height:140%; letter-spacing:-0.01em;}
.board-info .total-page strong, .board-info .current-page strong {color:#1a1a1a; font-weight:400;}
.board-info .current-page {margin-left:12px; padding-left:12px;}
.board-info .current-page:before {content:""; display:block; position:absolute; top:4px; left:0; width:1px; height:16px; background-color:#c4c4c4;}
.board-info.type-flex {display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between;}
.board-info.type-flex:after {display:none;}
.board-list {position:relative;}
.board-list .b-head {border-top:2px solid #333;}
.board-list .b-body {border-top:1px solid #e6e6e6;}
.board-list .b-head .b-sec, .board-list .b-body .b-sec {overflow:hidden;}
.board-list .b-body .b-sec {border-bottom:1px solid #e6e6e6;}
.board-list .b-body .b-sec.noti {background-color:#f3f4ff;}
.board-list .b-body .b-sec.none {background-color:#fff;}
.board-list .b-body .b-sec.none .b-group {height:110px;}
.board-list .b-body .b-sec.none .b-group .b-col {color:#9e9e9e;}
.board-list .b-group {position:relative; display:flex; align-items:center; justify-content:center; height:62px;}
.board-list .b-group .b-col {padding:15px 5px; color:#1a1a1a; font-size:18px; font-weight:400; line-height:130%; letter-spacing:-0.01em; text-align:center;}
.board-list .b-group .b-col .b-box {line-height:130%; white-space:nowrap;}
.board-list .b-group .b-col .b-box .m-tit {display:none; margin-right:4px; padding-right:7px; line-height:12px; font-weight:500; border-right:1px solid #ccc;}
.board-list .b-group .b-col .b-box .t-link {position:relative; display:inline-block; max-width:100%; min-height:24px; padding:0 55px 0 0; color:#1a1a1a; font-weight:500; line-height:130%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; vertical-align:top; transition:color .15s ease-out;}
.board-list .b-group .b-col .b-box .t-link .t-new {position:absolute; top:0; right:0; display:inline-flex; align-items:center; justify-content:center; width:46px; height:24px; color:#fff; font-size:13px; font-weight:400; line-height:120%; text-align:center; background-color:#181b85; border:1px solid #181b85; border-radius:24px; overflow:hidden;}
.board-list .b-group .b-col .b-box .t-link .t-lock {position:absolute; top:2px; right:0; display:inline-flex; align-items:center; justify-content:center; width:14px; height:18px; text-indent:-999em; background-image:url('../images/ico/ico-lock.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:14px 18px; overflow:hidden;}
.board-list .b-group .b-col .b-box .t-txt {position:relative; display:block; max-width:100%; margin-top:5px; color:#848484; font-weight:300; line-height:130%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.board-list .b-head .b-group {background-color:#fff;}
.board-list .b-head .b-group .b-col {font-weight:600;}
.board-list .b-body .b-group .b-col.tit {text-align:left; font-weight:500;}
.board-list.notice .num {width:8%;}
.board-list.notice .tit {width:52%;}
.board-list.notice .file {width:8%;}
.board-list.notice .name {width:8%;}
.board-list.notice .date {width:15%;}
.board-list.notice .hits {width:9%;}
.board-list.work .b-group .b-col {padding:15px 35px;}
.board-list.work .b-group .b-col .b-box {white-space:normal;}
.board-list.work .b-body .b-group {height:82px;}
.board-list.work .b-body .b-group .b-col.sender {position:relative; color:#181b85; font-weight:300;}
.board-list.work .b-body .b-group .b-col.sender:before {content:""; display:block; position:absolute; top:50%; right:0; width:1px; height:60px; margin-top:-30px; background-color:#e3e3e3;}
.board-list.work .b-body .b-group .b-col.date {color:#848484; font-weight:300;}
.board-list.work .sender {width:15%;}
.board-list.work .tit {width:70%;}
.board-list.work .date {width:15%;}
.board-list.inquire .b-group .b-col .b-box {white-space:normal;}
.board-list.inquire .b-group .b-col .b-box .t-link {padding:0 22px 0 0;}
.board-list.inquire .b-group .b-col.divide .txt-status {min-width:82px; height:auto; padding:6px 10px; white-space:normal;}
.board-list.inquire .num {width:5%;}
.board-list.inquire .divide {width:21%;}
.board-list.inquire .tit {width:40%;}
.board-list.inquire .inquiry-date {width:11%;}
.board-list.inquire .answer-date {width:11%;}
.board-list.inquire .state {width:12%;}
.board-list.apply-detail .b-body .b-group .b-col {font-size:17px;}
.board-list.apply-detail .b-group .b-col .b-box {white-space:normal;}
.board-list.apply-detail .b-group .b-col .b-box .t-link {padding:0; color:#6a62e1; text-align:center; white-space:normal;}
.board-list.apply-detail .divide {width:17%;}
.board-list.apply-detail .company {width:20%;}
.board-list.apply-detail .state {width:11%;}
.board-list.apply-detail .result {width:8%;}
.board-list.apply-detail .date {width:11%;}
.board-list.apply-detail .apply-amount {width:11%;}
.board-list.apply-detail .detail {width:22%;}
.board-list.apply-result .b-body .b-group .b-col {font-size:17px;}
.board-list.apply-result .b-group .b-col .b-box {white-space:normal;}
.board-list.apply-result .b-group .b-col .b-box .t-link {padding:0; color:#6a62e1; text-align:center; white-space:normal;}
.board-list.apply-result .divide {width:17%;}
.board-list.apply-result .company {width:21%;}
.board-list.apply-result .state {width:11%;}
.board-list.apply-result .result {width:8%;}
.board-list.apply-result .date {width:13%;}
.board-list.apply-result .apply-amount {width:15%;}
.board-list.apply-result .select-amount {width:15%;}
.board-list.accu .b-body .b-group .b-col .b-box {white-space:normal;}
.board-list.accu .b-group .b-col .b-box .t-link {padding:0 22px 0 0;}
.board-list.accu .num {width:8%;}
.board-list.accu .tit {width:30%;}
.board-list.accu .decide {width:12%;}
.board-list.accu .star {width:8%;}
.board-list.accu .report {width:18%;}
.board-list.accu .writer {width:12%;}
.board-list.accu .date {width:12%;}
.board-list.rating-result .b-body .b-group {height:auto;}
.board-list.rating-result .b-body .b-group .b-col {font-size:17px;}
.board-list.rating-result .b-group .b-col {padding:12px 5px;}
.board-list.rating-result .b-group .b-col .b-box {white-space:normal;}
.board-list.rating-result .b-group .b-col .b-box .t-link {padding:0; color:#6a62e1; text-align:center; white-space:normal;}
.board-list.rating-result .num {width:8%;}
.board-list.rating-result .tit {width:20%;}
.board-list.rating-result .apply-date {width:12%;}
.board-list.rating-result .type {width:8%;}
.board-list.rating-result .apply-rating {width:8%;}
.board-list.rating-result .state {width:10%;}
.board-list.rating-result .pending-date {width:12%;}
.board-list.rating-result .result {width:22%;}
.board-list.rating-result .btn-flex {display:inline-flex; flex-wrap:wrap; margin:0 -8px -5px 0;}
.board-list.rating-result .btn-flex > li {padding:0 8px 5px 0;}
.board-list.interim-result .b-body .b-group {height:auto;}
.board-list.interim-result .b-body .b-group .b-col {font-size:17px;}
.board-list.interim-result .b-group .b-col {padding:12px 5px;}
.board-list.interim-result .b-group .b-col .b-box {white-space:normal;}
.board-list.interim-result .b-group .b-col .b-box .t-link {padding:0; color:#6a62e1; text-align:center; white-space:normal;}
.board-list.interim-result .num {width:8%;}
.board-list.interim-result .tit {width:27%;}
.board-list.interim-result .rating-date {width:12%;}
.board-list.interim-result .type {width:10%;}
.board-list.interim-result .decision-rating {width:8%;}
.board-list.interim-result .score {width:10%;}
.board-list.interim-result .result {width:25%;}
.board-list.interim-result .btn-flex {display:inline-flex; flex-wrap:wrap; margin:0 -8px -5px 0;}
.board-list.interim-result .btn-flex > li {padding:0 8px 5px 0;}
.board-list.payment-guide .b-body .b-group {height:auto; min-height:62px;}
.board-list.payment-guide .b-body .b-group .b-col {font-size:17px;}
.board-list.payment-guide .b-group .b-col .b-box {white-space:normal;}
.board-list.payment-guide .b-group .b-col .b-box .t-link {padding:0; color:#6a62e1; text-align:center; white-space:normal;}
.board-list.payment-guide .type {width:14%;}
.board-list.payment-guide .apply-rating {width:10%;}
.board-list.payment-guide .charge {width:15%;}
.board-list.payment-guide .account {width:37%;}
.board-list.payment-guide .expiration-date {width:12%;}
.board-list.payment-guide .state {width:12%;}
.board-list.receipt-guide .b-body .b-group {height:auto; min-height:62px;}
.board-list.receipt-guide .b-body .b-group .b-col {font-size:17px;}
.board-list.receipt-guide .b-group .b-col .b-box {white-space:normal;}
.board-list.receipt-guide .b-group .b-col .b-box .t-link {padding:0; color:#6a62e1; text-align:center; white-space:normal;}
.board-list.receipt-guide .apply-date {width:19%;}
.board-list.receipt-guide .receipt-date {width:19%;}
.board-list.receipt-guide .type {width:19%;}
.board-list.receipt-guide .apply-rating {width:13%;}
.board-list.receipt-guide .receipt {width:30%;}
.board-list.receipt-guide .btn-flex {display:inline-flex; flex-wrap:wrap; margin:0 -8px -5px 0;}
.board-list.receipt-guide .btn-flex > li {padding:0 8px 5px 0;}
.board-list.evaluation-guide .b-body .b-group {height:auto; min-height:62px;}
.board-list.evaluation-guide .b-body .b-group .b-col {font-size:17px;}
.board-list.evaluation-guide .b-group .b-col .b-box {white-space:normal;}
.board-list.evaluation-guide .b-group .b-col .b-box .t-link {padding:0; color:#6a62e1; text-align:center; white-space:normal;}
.board-list.evaluation-guide .receipt-date {width:19%;}
.board-list.evaluation-guide .type {width:19%;}
.board-list.evaluation-guide .apply-rating {width:13%;}
.board-list.evaluation-guide .evaluation-date {width:19%;}
.board-list.evaluation-guide .result {width:30%;}
.board-list.evaluation-guide .btn-flex {display:inline-flex; flex-wrap:wrap; margin:0 -8px -5px 0;}
.board-list.evaluation-guide .btn-flex > li {padding:0 8px 5px 0;}
.board-list.result-guide .b-body .b-group {height:auto; min-height:62px;}
.board-list.result-guide .b-body .b-group .b-col {font-size:17px;}
.board-list.result-guide .b-group .b-col .b-box {white-space:normal;}
.board-list.result-guide .b-group .b-col .b-box .t-link {padding:0; color:#6a62e1; text-align:center; white-space:normal;}
.board-list.result-guide .receipt-date {width:11%;}
.board-list.result-guide .rating-date {width:11%;}
.board-list.result-guide .type {width:11%;}
.board-list.result-guide .apply-rating {width:11%;}
.board-list.result-guide .decision-rating {width:11%;}
.board-list.result-guide .evaluation-result {width:11%;}
.board-list.result-guide .result-notification {width:17%;}
.board-list.result-guide .rating-certificate {width:17%;}
.board-list.result-guide .btn-flex {display:inline-flex; flex-wrap:wrap; margin:0 -8px -5px 0;}
.board-list.result-guide .btn-flex > li {padding:0 8px 5px 0;}
.board-list.file-upload .required {width:8%;}
.board-list.file-upload .name {width:31%;}
.board-list.file-upload .submit {width:11%;}
.board-list.file-upload .file {width:38%;}
.board-list.file-upload .date {width:12%;}
.board-list.file-upload .form-button {width:auto; min-width:auto; height:auto; padding:8px 12px; font-size:16px; font-weight:500; line-height:120%;}
.board-list.file-upload .b-group {height:auto;}
.board-list.file-upload .b-group .b-col {display:flex; align-items:center; justify-content:center; height:62px; padding:15px 20px; border-right:1px solid #e6e6e6;}
.board-list.file-upload .b-group .b-col:last-child {border-right:none;}
.board-list.file-upload .b-body .b-group .b-col.name, .board-list.file-upload .b-body .b-group .b-col.file {justify-content:flex-start; text-align:left;}
.board-list.file-upload .b-group .b-col .b-box {white-space:normal;}
.board-list.file-upload .b-body .b-group .b-col.required .b-box {color:#3747b4; font-weight:600;}
.board-list.file-upload .b-group .b-col.file .b-box {min-width:0;}
.board-list.file-upload .file-name {position:relative; display:block; min-width:0; padding-right:30px;}
.board-list.file-upload .file-name .f-link {position:relative; display:inline-block; max-width:100%; color:#1a1a1a; font-weight:400; line-height:130%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; vertical-align:top; transition:color .15s ease-out;}
.board-list.file-upload .file-name .f-txt {color:#9c9c9c;}
.board-list.file-upload .file-name .btn-del {position:absolute; top:2px; right:0; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; background-color:#fff; background-image:url('../images/ico/ico-file-del.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:10px auto; border:1px solid #f6646b; border-radius:4px; overflow:hidden;}

@media (max-width:1023px) {
.txt-status {font-size:16px;}
.board-list .b-group .b-col {font-size:17px;}
.board-list .b-group .b-col .b-box .t-link .t-new {height:22px;}
.board-list.inquire .b-group .b-col.divide .txt-status {min-width:77px;}
.board-list.apply-detail .b-body .b-group .b-col {font-size:16px;}
.board-list.apply-result .b-body .b-group .b-col {font-size:16px;}
.board-list.rating-result .b-body .b-group .b-col {font-size:16px;}
.board-list.interim-result .b-body .b-group .b-col {font-size:16px;}
.board-list.payment-guide .b-body .b-group .b-col {font-size:16px;}
.board-list.receipt-guide .b-body .b-group .b-col {font-size:16px;}
.board-list.evaluation-guide .b-body .b-group .b-col {font-size:16px;}
.board-list.result-guide .b-body .b-group .b-col {font-size:16px;}
.board-list.file-upload .form-button {padding:5px 8px; white-space:normal;}
.board-list.work .b-group .b-col {padding:15px 30px;}
.board-list.work .sender {width:20%;}
.board-list.work .tit {width:60%;}
.board-list.work .date {width:20%;}
}

@media (max-width:767px) {
.ico-attach-file {width:13px; height:15px; background-size:13px 15px;}
.ico-noti {width:20px; height:16px; background-size:20px 16px;}
.txt-status {min-width:36px; height:22px; padding:0 5px; font-size:12px; border-radius:5px;}
.data-none {font-size:14px;}
.board-info {margin-bottom:10px;}
.board-info .b-left, .board-info .b-right {font-size:13px;}
.board-info .total-page, .board-info .current-page {font-size:13px;}
.board-info .current-page {margin-left:8px; padding-left:8px;}
.board-info .current-page:before {top:2px; height:12px;}
.board-info .btn-light, .board-info .btn-basic {height:32px; padding:3px 10px; font-size:14px;}
.board-list .b-head {display:none;}
.board-list .b-body {border-top:2px solid #333;}
.board-list .b-group {flex-wrap:wrap; align-items:flex-start; justify-content:flex-start; height:auto; padding:15px 5px 7px 45px;}
.board-list .b-group .b-col {padding:0; color:#858585; font-size:13px; text-align:left;}
.board-list .b-group .b-col .b-box {white-space:nowrap;}
.board-list .b-group .b-col .b-box .m-tit {display:inline-flex;}
.board-list .b-group .b-col .b-box .t-link {min-height:18px; padding:0 40px 0 0;}
.board-list .b-group .b-col .b-box .t-link .t-new {width:36px; height:18px; font-size:10px;}
.board-list .b-group .b-col .b-box .t-link .t-lock {top:1px; width:12px; height:15px; background-size:12px 15px;}
.board-list .b-group .b-col .b-box .t-txt {margin-top:4px; font-size:13px;}
.board-list .b-group .b-col .b-box .ico-attach-file {transform:translateY(-1px);}
.board-list .b-group .b-col.num {position:absolute; top:18px; left:2px; color:#1a1a1a; text-align:center;}
.board-list .b-group .b-col.divide {margin-bottom:7px;}
.board-list .b-group .b-col.tit {margin-bottom:8px; color:#1a1a1a; font-size:14px;}
.board-list .b-body .b-sec.none .b-group {align-items:center; justify-content:center; height:160px; padding:15px 15px;}
.board-list.notice .num {order:1; width:40px;}
.board-list.notice .tit {order:2; width:100%;}
.board-list.notice .file {order:6; width:auto;}
.board-list.notice .name {order:3; width:auto; padding-right:12px; padding-bottom:5px;}
.board-list.notice .date {order:4; width:auto; padding-right:12px; padding-bottom:5px;}
.board-list.notice .hits {order:5; width:auto; padding-right:12px; padding-bottom:5px;}
.board-list.work .b-group {padding:15px 10px 15px 10px;}
.board-list.work .b-group .b-col {padding:0;}
.board-list.work .b-body .b-group {height:auto;}
.board-list.work .b-body .b-group .b-col.sender:before {display:none;}
.board-list.work .sender {width:100%; margin-bottom:5px;}
.board-list.work .tit {width:100%;}
.board-list.work .b-group .b-col.tit {margin-bottom:6px;}
.board-list.work .date {width:100%;}
.board-list.work .b-group .b-col.date {margin-bottom:0;}
.board-list.inquire .b-group .b-col .b-box .t-link {padding:0 16px 0 0;}
.board-list.inquire .b-group .b-col.divide .txt-status {min-width:54px; height:22px; padding:0 5px;}
.board-list.inquire .b-group .b-col.state .txt-status {min-width:auto; height:auto; padding:0; background-color:transparent; border:none; border-radius:0;}
.board-list.inquire .b-group .b-col.state .txt-status.blue {color:#4b88ef;}
.board-list.inquire .b-group .b-col.state .txt-status.red {color:#e66b6b;}
.board-list.inquire .b-group .b-col.state .txt-status.orange {color:#ea9f30;}
.board-list.inquire .b-group .b-col.state .txt-status.green {color:#26c15d;}
.board-list.inquire .b-group .b-col.state .txt-status.gray {color:#b9b9b9;}
.board-list.inquire .b-group .b-col.state .txt-status.black {color:#5b5b5b;}
.board-list.inquire .num {width:40px;}
.board-list.inquire .divide {width:auto;}
.board-list.inquire .tit {width:100%;}
.board-list.inquire .inquiry-date {width:auto; padding-right:12px; padding-bottom:5px;}
.board-list.inquire .answer-date {width:auto; padding-right:12px; padding-bottom:5px;}
.board-list.inquire .state {width:auto;}
.board-list.apply-detail .b-group {padding:15px 5px 15px 5px;}
.board-list.apply-detail .b-body .b-group .b-col {font-size:13px;}
.board-list.apply-detail .b-body .b-group .b-col.company {font-size:14px;}
.board-list.apply-detail .b-group .b-col .b-box {white-space:normal;}
.board-list.apply-detail .b-group .b-col .b-box .t-link {padding:0; font-size:14px; text-align:center; white-space:normal;}
.board-list.apply-detail .b-group .b-col.state .b-box, .board-list.apply-detail .b-group .b-col.result .b-box, .board-list.apply-detail .b-group .b-col.date .b-box, .board-list.apply-detail .b-group .b-col.apply-amount .b-box {white-space:nowrap;}
.board-list.apply-detail .b-group .b-col.state .b-box .m-tit, .board-list.apply-detail .b-group .b-col.result .b-box .m-tit, .board-list.apply-detail .b-group .b-col.date .b-box .m-tit, .board-list.apply-detail .b-group .b-col.apply-amount .b-box .m-tit, .board-list.apply-detail .b-group .b-col.detail .b-box .m-tit {min-width:53px;}
.board-list.apply-detail .divide {width:auto;}
.board-list.apply-detail .company {width:100%; margin-bottom:8px;}
.board-list.apply-detail .state {width:50%; padding-right:12px; padding-bottom:5px;}
.board-list.apply-detail .result {width:50%; padding-bottom:5px;}
.board-list.apply-detail .date {width:50%; padding-right:12px; padding-bottom:5px;}
.board-list.apply-detail .apply-amount {width:50%; padding-bottom:5px;}
.board-list.apply-detail .detail {width:100%;}
.board-list.apply-result .b-group {padding:15px 5px 15px 5px;}
.board-list.apply-result .b-body .b-group .b-col {font-size:13px;}
.board-list.apply-result .b-body .b-group .b-col.company {font-size:14px;}
.board-list.apply-result .b-group .b-col .b-box {white-space:normal;}
.board-list.apply-result .b-group .b-col .b-box .t-link {padding:0; font-size:14px; text-align:center; white-space:normal;}
.board-list.apply-result .b-group .b-col.state .b-box, .board-list.apply-result .b-group .b-col.result .b-box, .board-list.apply-result .b-group .b-col.date .b-box, .board-list.apply-result .b-group .b-col.apply-amount .b-box, .board-list.apply-result .b-group .b-col.select-amount .b-box {white-space:nowrap;}
.board-list.apply-result .b-group .b-col.state .b-box .m-tit, .board-list.apply-result .b-group .b-col.result .b-box .m-tit, .board-list.apply-result .b-group .b-col.date .b-box .m-tit, .board-list.apply-result .b-group .b-col.apply-amount .b-box .m-tit, .board-list.apply-result .b-group .b-col.select-amount .b-box .m-tit {min-width:53px;}
.board-list.apply-result .divide {width:auto;}
.board-list.apply-result .company {width:100%; margin-bottom:8px;}
.board-list.apply-result .state {width:50%; padding-right:12px; padding-bottom:5px;}
.board-list.apply-result .result {width:50%; padding-bottom:5px;}
.board-list.apply-result .date {width:50%; padding-right:12px; padding-bottom:5px;}
.board-list.apply-result .apply-amount {width:50%; padding-bottom:5px;}
.board-list.apply-result .select-amount {width:100%;}
.board-list.accu .b-group .b-col .b-box .t-link {padding:0 16px 0 0;}
.board-list.accu .num {width:40px;}
.board-list.accu .tit {width:100%;}
.board-list.accu .decide {width:auto; padding-right:12px; padding-bottom:5px;}
.board-list.accu .star {width:auto; padding-right:12px; padding-bottom:5px;}
.board-list.accu .report {width:auto; padding-right:12px; padding-bottom:5px;}
.board-list.accu .writer {width:auto; padding-right:12px; padding-bottom:5px;}
.board-list.accu .date {width:auto;}
.board-list.rating-result .b-group {padding:15px 5px 15px 40px;}
.board-list.rating-result .b-body .b-group .b-col {font-size:13px;}
.board-list.rating-result .b-body .b-group .b-col.company {font-size:14px;}
.board-list.rating-result .b-group .b-col {padding:0;}
.board-list.rating-result .b-group .b-col .b-box {white-space:normal;}
.board-list.rating-result .b-group .b-col .b-box .t-link {padding:0; font-size:14px; text-align:center; white-space:normal;}
.board-list.rating-result .b-group .b-col.num {width:40px;}
.board-list.rating-result .b-group .b-col.tit {width:100%;}
.board-list.rating-result .b-group .b-col.apply-date {width:auto; padding-right:12px; padding-bottom:5px;}
.board-list.rating-result .b-group .b-col.type {width:auto; padding-right:12px; padding-bottom:5px;}
.board-list.rating-result .b-group .b-col.apply-rating {width:auto; padding-right:12px; padding-bottom:5px;}
.board-list.rating-result .b-group .b-col.state {width:auto; padding-right:12px; padding-bottom:5px;}
.board-list.rating-result .b-group .b-col.pending-date {width:auto; padding-right:12px; padding-bottom:5px;}
.board-list.rating-result .b-group .b-col.result {width:100%;}
.board-list.rating-result .btn-flex {margin:0 -5px -4px 0;}
.board-list.rating-result .btn-flex > li {padding:0 5px 4px 0;}
.board-list.interim-result .b-group {padding:15px 5px 15px 40px;}
.board-list.interim-result .b-body .b-group .b-col {font-size:13px;}
.board-list.interim-result .b-body .b-group .b-col.company {font-size:14px;}
.board-list.interim-result .b-group .b-col {padding:0;}
.board-list.interim-result .b-group .b-col .b-box {white-space:normal;}
.board-list.interim-result .b-group .b-col .b-box .t-link {padding:0; font-size:14px; text-align:center; white-space:normal;}
.board-list.interim-result .b-group .b-col.num {width:40px;}
.board-list.interim-result .b-group .b-col.tit {width:100%;}
.board-list.interim-result .b-group .b-col.rating-date {width:auto; padding-right:12px; padding-bottom:5px;}
.board-list.interim-result .b-group .b-col.type {width:auto; padding-right:12px; padding-bottom:5px;}
.board-list.interim-result .b-group .b-col.decision-rating {width:auto; padding-right:12px; padding-bottom:5px;}
.board-list.interim-result .b-group .b-col.score {width:auto; padding-right:12px; padding-bottom:5px;}
.board-list.interim-result .b-group .b-col.result {width:100%;}
.board-list.interim-result .btn-flex {margin:0 -5px -4px 0;}
.board-list.interim-result .btn-flex > li {padding:0 5px 4px 0;}
.board-list.payment-guide .b-body .b-group {padding:15px 10px 9px 10px; min-height:auto;}
.board-list.payment-guide .b-body .b-group .b-col {font-size:13px;}
.board-list.payment-guide .b-group .b-col .b-box {display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; line-height:130%;}
.board-list.payment-guide .b-group .b-col .b-box .m-tit {position:relative; -webkit-flex-shrink:0; flex-shrink:0; min-width:68px; margin-right:10px; padding-right:10px; line-height:130%; border-right:none;}
.board-list.payment-guide .b-group .b-col .b-box .m-tit:before {content:""; display:block; position:absolute; top:0; right:0; width:1px; height:14px; background-color:#ccc;}
.board-list.payment-guide .type, .board-list.payment-guide .apply-rating, .board-list.payment-guide .charge, .board-list.payment-guide .account, .board-list.payment-guide .expiration-date, .board-list.payment-guide .state {width:100%; padding-right:12px; padding-bottom:5px;}
.board-list.receipt-guide .b-body .b-group {padding:15px 10px 9px 10px; min-height:auto;}
.board-list.receipt-guide .b-body .b-group .b-col {font-size:13px;}
.board-list.receipt-guide .b-group .b-col .b-box {display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; line-height:130%;}
.board-list.receipt-guide .b-group .b-col .b-box .m-tit {position:relative; -webkit-flex-shrink:0; flex-shrink:0; min-width:60px; margin-right:10px; padding-right:10px; line-height:130%; border-right:none;}
.board-list.receipt-guide .b-group .b-col .b-box .m-tit:before {content:""; display:block; position:absolute; top:0; right:0; width:1px; height:14px; background-color:#ccc;}
.board-list.receipt-guide .apply-date, .board-list.receipt-guide .receipt-date, .board-list.receipt-guide .type, .board-list.receipt-guide .apply-rating, .board-list.receipt-guide .receipt {width:100%; padding-right:12px; padding-bottom:5px;}
.board-list.receipt-guide .btn-flex {margin:0 -5px -4px 0;}
.board-list.receipt-guide .btn-flex > li {padding:0 5px 4px 0;}
.board-list.evaluation-guide .b-body .b-group {padding:15px 10px 9px 10px; min-height:auto;}
.board-list.evaluation-guide .b-body .b-group .b-col {font-size:13px;}
.board-list.evaluation-guide .b-group .b-col .b-box {display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; line-height:130%;}
.board-list.evaluation-guide .b-group .b-col .b-box .m-tit {position:relative; -webkit-flex-shrink:0; flex-shrink:0; min-width:70px; margin-right:10px; padding-right:10px; line-height:130%; border-right:none;}
.board-list.evaluation-guide .b-group .b-col .b-box .m-tit:before {content:""; display:block; position:absolute; top:0; right:0; width:1px; height:14px; background-color:#ccc;}
.board-list.evaluation-guide .receipt-date, .board-list.evaluation-guide .type, .board-list.evaluation-guide .apply-rating, .board-list.evaluation-guide .evaluation-date, .board-list.evaluation-guide .result {width:100%; padding-right:12px; padding-bottom:5px;}
.board-list.evaluation-guide .btn-flex {margin:0 -5px -4px 0;}
.board-list.evaluation-guide .btn-flex > li {padding:0 5px 4px 0;}
.board-list.result-guide .b-body .b-group {padding:15px 10px 9px 10px; min-height:auto;}
.board-list.result-guide .b-body .b-group .b-col {font-size:13px;}
.board-list.result-guide .b-group .b-col .b-box {display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; line-height:130%;}
.board-list.result-guide .b-group .b-col .b-box .m-tit {position:relative; -webkit-flex-shrink:0; flex-shrink:0; min-width:70px; margin-right:10px; padding-right:10px; line-height:130%; border-right:none;}
.board-list.result-guide .b-group .b-col .b-box .m-tit:before {content:""; display:block; position:absolute; top:0; right:0; width:1px; height:14px; background-color:#ccc;}
.board-list.result-guide .receipt-date, .board-list.result-guide .rating-date, .board-list.result-guide .type, .board-list.result-guide .apply-rating, .board-list.result-guide .decision-rating, .board-list.result-guide .evaluation-result, .board-list.result-guide .result-notification, .board-list.result-guide .rating-certificate {width:100%; padding-right:12px; padding-bottom:5px;}
.board-list.result-guide .btn-flex {margin:0 -5px -4px 0;}
.board-list.result-guide .btn-flex > li {padding:0 5px 4px 0;}
.board-list.file-upload .required {width:40px;}
.board-list.file-upload .name {width:100%;}
.board-list.file-upload .submit {width:100%;}
.board-list.file-upload .file {width:100%;}
.board-list.file-upload .date {width:100%;}
.board-list.file-upload .form-button {width:100%; padding:6px 10px; color:#404040; font-size:14px; background-color:#fff; border:1px solid #dbdbdb;}
.board-list.file-upload .b-group {padding:15px 15px 15px 45px;}
.board-list.file-upload .b-group .b-col {justify-content:flex-start; height:auto; padding:0; color:#1a1a1a; border-right:none;}
.board-list.file-upload .b-body .b-group .b-col.required {position:absolute; top:15px; left:2px; text-align:center;}
.board-list.file-upload .b-body .b-group .b-col.required .b-box {font-size:15px;}
.board-list.file-upload .b-body .b-group .b-col.name {margin-bottom:10px;}
.board-list.file-upload .b-body .b-group .b-col.name .b-box {font-size:15px; font-weight:500;}
.board-list.file-upload .b-body .b-group .b-col.submit {margin-bottom:12px;}
.board-list.file-upload .b-body .b-group .b-col.submit .b-box {width:100%;}
.board-list.file-upload .b-body .b-group .b-col.file {margin-bottom:10px;}
.board-list.file-upload .b-group .b-col .b-box .m-tit {display:block; margin:0 0 5px 0; padding:0; color:#666; font-weight:400; border:none;}
.board-list.file-upload .file-name {padding-right:25px;}
.board-list.file-upload .file-name .btn-del {top:0; width:18px; height:18px; background-size:8px auto;}
}

@media (max-width:340px) {
.board-list.apply-detail .state {width:100%; padding-right:0; padding-bottom:5px;}
.board-list.apply-detail .result {width:100%; padding-bottom:5px;}
.board-list.apply-detail .date {width:100%; padding-right:0; padding-bottom:5px;}
.board-list.apply-detail .apply-amount {width:100%; padding-bottom:5px;}
.board-list.apply-result .state {width:100%; padding-right:0; padding-bottom:5px;}
.board-list.apply-result .result {width:100%; padding-bottom:5px;}
.board-list.apply-result .date {width:100%; padding-right:0; padding-bottom:5px;}
.board-list.apply-result .apply-amount {width:100%; padding-bottom:5px;}
}

/* board-view */
.board-view {border-top:2px solid #333; border-bottom:1px solid #d8d8d8;}
.board-view .board-head {padding:30px 30px; border-bottom:1px solid #d8d8d8;}
.board-view .board-head .board-title {display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1;}
.board-view .board-head .board-title .txt-status {-webkit-flex-shrink:0; flex-shrink:0; min-width:60px; height:36px; margin-top:3px; margin-right:8px; font-size:18px;}
.board-view .board-head .board-title .tit {display:block; width:100%; color:#1a1a1a; font-size:28px; line-height:140%; font-weight:600; letter-spacing:-0.01em;}
.board-view .board-head .info-list {position:relative; margin-top:20px; margin-right:-30px; margin-bottom:-8px; font-size:0; overflow:hidden;}
.board-view .board-head .info-list dl {position:relative; display:inline-block; margin-right:30px; margin-bottom:8px; vertical-align:middle;}
.board-view .board-head .info-list dl:before {content:""; display:block; position:absolute; top:3px; right:-16px; width:1px; height:17px; background-color:#c6c6c6;}
.board-view .board-head .info-list dl:last-child:before {display:none;}
.board-view .board-head .info-list dl dt {display:inline-block; margin-right:12px; color:#2b2b2b; font-size:17px; font-weight:500; line-height:130%; vertical-align:middle;}
.board-view .board-head .info-list dl dd {display:inline-block; color:#656565; font-size:17px; font-weight:400; line-height:130%; vertical-align:middle;}
.board-view .board-head .file-list {position:relative; margin-top:15px; padding-left:80px; font-size:0;}
.board-view .board-head .file-list dt {position:absolute; top:0; left:0; display:block; margin-right:12px; color:#2b2b2b; font-size:17px; font-weight:500; line-height:130%;}
.board-view .board-head .file-list dd {display:block; margin-bottom:5px; color:#656565; font-size:17px; font-weight:400; line-height:130%;}
.board-view .board-head .file-list dd:last-child {margin-bottom:0;}
.board-view .board-head .file-list dd a {color:#656565;}
.board-view .board-head .file-list dd a:hover {color:#333; text-decoration:none;}
.board-view .board-head .file-list dd .ico-attach-file {width:16px; height:18px; margin-right:1px; background-size:16px 18px;}
.board-view .board-body {position:relative; max-width:1010px; margin:0 auto; padding:60px 15px; color:#1a1a1a; font-size:18px; font-weight:400; line-height:160%; letter-spacing:-0.01em; overflow:hidden;}
.board-view .board-body * {line-height:160%;}
.board-view .board-body img {display:block; max-width:100%; width:auto; height:auto; margin:0 auto; vertical-align:top;}
.board-view .board-body strong, .board-view .board-body b {font-weight:600;}
.board-view .board-body a {color:#2679d6;}
.board-view .board-body a:hover {color:#2679d6;}
.board-view .board-answer {position:relative; max-width:1000px; margin:0 auto 60px auto; padding:30px 30px; background-color:#f8f8f8; border-radius:12px;}
.board-view .board-answer .answer-head {display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; margin-bottom:20px;}
.board-view .board-answer .answer-head .answer-title {color:#1a1a1a; font-size:20px; font-weight:600; line-height:140%; letter-spacing:-0.01em;}
.board-view .board-answer .answer-head .answer-date {color:#717171; font-size:16px; font-weight:400; line-height:140%; letter-spacing:-0.01em;}
.board-view .board-answer .answer-cont {color:#1a1a1a; font-size:18px; font-weight:400; line-height:160%; letter-spacing:-0.01em; overflow:hidden;}
.board-view .board-answer .answer-cont * {line-height:160%;}
.board-view .board-answer .answer-cont img {display:block; max-width:100%; width:auto; height:auto; margin:0 auto; vertical-align:top;}
.board-view .board-answer .answer-cont strong, .board-view .board-body b {font-weight:600;}
.board-view .board-answer .answer-cont a {color:#2679d6;}
.board-view .board-answer .answer-cont a:hover {color:#2679d6;}

@media (max-width:1023px) {
.board-view .board-head {padding:30px 15px;}
.board-view .board-head .board-title .txt-status {margin-top:2px;}
.board-view .board-head .board-title .tit {font-size:26px;}
.board-view .board-head .info-list {margin-top:15px;}
.board-view .board-body {padding:50px 15px; font-size:17px;}
.board-view .board-answer {margin-bottom:50px;}
.board-view .board-answer .answer-cont {font-size:17px;}
}

@media (max-width:767px) {
.board-view .board-head {padding:20px 5px;}
.board-view .board-head .board-title {display:block;}
.board-view .board-head .board-title .txt-status {min-width:40px; height:25px; margin-top:0px; margin-right:2px; font-size:14px; transform:translateY(-1px);}
.board-view .board-head .board-title .tit {display:inline; width:auto; font-size:19px; word-break:break-all;}
.board-view .board-head .info-list {margin-top:12px; margin-right:-20px;}
.board-view .board-head .info-list dl {margin-right:20px;}
.board-view .board-head .info-list dl:before {top:1px; right:-11px; height:13px;}
.board-view .board-head .info-list dl dt {margin-right:8px; font-size:13px;}
.board-view .board-head .info-list dl dd {font-size:13px;}
.board-view .board-head .file-list {margin-top:6px; padding-left:55px;}
.board-view .board-head .file-list dt {font-size:13px;}
.board-view .board-head .file-list dd {font-size:13px;}
.board-view .board-head .file-list dd .ico-attach-file {width:13px; height:15px; background-size:13px 15px;}
.board-view .board-body {padding:25px 5px; font-size:14px; word-break:break-all;}
.board-view .board-answer {margin-bottom:25px; padding:20px 20px; border-radius:8px;}
.board-view .board-answer .answer-head {margin-bottom:10px;}
.board-view .board-answer .answer-head .answer-title {font-size:15px;}
.board-view .board-answer .answer-head .answer-date {font-size:12px;}
.board-view .board-answer .answer-cont {font-size:14px; word-break:break-all;}
}

/* faq-list */
@media (min-width:1024px) {
.faq-list .faq-box .question:hover .f-tit {color:#1a1a1a;}
}
.faq-list {border-top:2px solid #333;}
.faq-list .faq-box {border-bottom:1px solid #d8d8d8;}
.faq-list .faq-box .question {position:relative; display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; padding:23px 80px 23px 100px; background-color:#fff; cursor:pointer; transition:background .15s ease-out;}
.faq-list .faq-box .question:before {content:"Q"; display:flex; align-items:center; justify-content:center; position:absolute; top:15px; left:20px; width:42px; height:42px; color:#555cb2; font-size:25px; font-weight:500; line-height:100%; background-color:#f2f3ff; border-radius:42px;}
.faq-list .faq-box .question:after {content:""; display:block; position:absolute; top:30px; right:25px; width:25px; height:13px; background-image:url('../images/ico/ico-faq-arr.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:25px 13px; transition:transform .15s ease-out;}
.faq-list .faq-box .question .f-category {display:block; -webkit-flex-shrink:0; flex-shrink:0; min-width:70px; margin-right:35px; color:#202558; font-size:18px; font-weight:500; line-height:140%; letter-spacing:-0.01em; transition:color .15s ease-out;}
.faq-list .faq-box .question .f-tit {display:block; width:100%; color:#1a1a1a; font-size:18px; font-weight:400; line-height:140%; letter-spacing:-0.01em; transition:color .15s ease-out;}
.faq-list .faq-box .answer {display:none; position:relative; padding:30px 80px 30px 100px; color:#1a1a1a; font-size:17px; font-weight:400; line-height:160%; letter-spacing:-0.01em; background-color:#f7f7f7; border-top:1px solid #e4e4e4; transition:opacity .5s ease-out;}
.faq-list .faq-box .answer:before {content:"A"; display:flex; align-items:center; justify-content:center; position:absolute; top:22px; left:20px; width:42px; height:42px; color:#858585; font-size:25px; font-weight:500; line-height:100%; background-color:#eaeaea; border-radius:42px;}
.faq-list .faq-box .answer * {line-height:160%;}
.faq-list .faq-box .answer img {display:block; max-width:100%; width:auto; height:auto; margin:0 auto; vertical-align:top;}
.faq-list .faq-box .answer strong, .board-view .board-body b {font-weight:600;}
.faq-list .faq-box .answer a {color:#2679d6;}
.faq-list .faq-box .answer a:hover {color:#2679d6;}
.faq-list .faq-box .question.on {background-color:#fff;}
.faq-list .faq-box .question.on:after {transform:rotate(180deg);}
.faq-list .faq-box .question.on .f-tit {color:#1a1a1a;}
.faq-list .faq-box .file-list {position:relative; margin-top:20px; padding-top:20px; padding-left:75px; font-size:0; border-top:1px solid #e7e7e7;}
.faq-list .faq-box .file-list dt {position:absolute; top:22px; left:0; display:block; margin-right:12px; color:#4d4d4d; font-size:17px; font-weight:500; line-height:130%;}
.faq-list .faq-box .file-list dd {display:block; margin-bottom:5px; color:#616161; font-size:17px; font-weight:400; line-height:130%;}
.faq-list .faq-box .file-list dd:last-child {margin-bottom:0;}
.faq-list .faq-box .file-list dd a {color:#616161;}
.faq-list .faq-box .file-list dd a:hover {color:#333; text-decoration:none;}
.faq-list .faq-box .file-list dd .ico-attach-file {width:16px; height:18px; margin-right:1px; background-size:16px 18px;}
.faq-list .faq-box .answer .basic-list > li .dot, .faq-list .faq-box .answer .basic-list > li .cont {font-size:17px; line-height:140%;}

@media (max-width:767px) {
.faq-list .faq-box .question {padding:20px 35px 20px 50px;}
.faq-list .faq-box .question:before {top:15px; left:10px; width:30px; height:30px; font-size:18px;}
.faq-list .faq-box .question:after {top:26px; right:10px; width:16px; height:8px; background-size:16px 8px;}
.faq-list .faq-box .question .f-category {min-width:55px; margin-right:10px; font-size:14px;}
.faq-list .faq-box .question .f-tit {font-size:14px;}
.faq-list .faq-box .answer {padding:18px 20px 18px 50px; font-size:14px;}
.faq-list .faq-box .answer:before {top:13px; left:10px; width:30px; height:30px; font-size:18px;}
.faq-list .faq-box .file-list {margin-top:15px; padding-top:15px; padding-left:0;}
.faq-list .faq-box .file-list dt {position:static; margin-right:0; margin-bottom:7px; font-size:14px;}
.faq-list .faq-box .file-list dd {font-size:13px;}
.faq-list .faq-box .file-list dd .ico-attach-file {width:12px; height:14px; background-size:12px 14px; transform:translateY(-1px);}
.faq-list .faq-box .answer .basic-list > li .dot, .faq-list .faq-box .answer .basic-list > li .cont {font-size:14px;}
}

/* inquiry-list */
.inquiry-list {position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; overflow:hidden;}
.inquiry-list .inquiry-box {position:relative; flex-flow:column; display:flex; align-items:center; justify-content:center; width:49%; padding:40px 25px; text-align:center; background-color:#f9faff; background-repeat:no-repeat; background-position:100% 100%; background-size:100% auto; border:1px solid #eceef8; border-radius:12px; overflow:hidden;}
.inquiry-list .inquiry-box:last-child {margin-bottom:0;}
.inquiry-list .inquiry-box + .inquiry-box {background-color:#fff9fc; border-color:#f7ebf1;}
.inquiry-list .inquiry-box + .inquiry-box .txt {color:#95667d;}
.inquiry-list .inquiry-box .txt {display:block; margin-bottom:20px; color:#515b8d; font-size:20px; font-weight:500; line-height:150%; letter-spacing:-0.01em;}
.inquiry-list .inquiry-box .btn-inquiry {position:relative; display:inline-flex; align-items:center; justify-content:center; min-width:100px; height:55px; padding:10px 25px; color:#333; font-size:19px; font-weight:500; line-height:130%; letter-spacing:-0.01em; text-align:center; background-color:#fff; border:1px solid #e1e1e1; border-radius:55px;}
.inquiry-list .inquiry-box .btn-inquiry i {margin-right:5px;}
.inquiry-list .inquiry-box .btn-inquiry.purple {color:#fff; background-color:#414686; border-color:#414686;}
.inquiry-list .inquiry-box .btn-inquiry.magenta {color:#fff; background-color:#933f6b; border-color:#933f6b;}

@media (max-width:767px){
.inquiry-list .inquiry-box {width:100%; margin-bottom:20px; padding:30px 20px;}
.inquiry-list .inquiry-box .txt {margin-bottom:15px; font-size:16px;}
.inquiry-list .inquiry-box .btn-inquiry {height:47px; padding:10px 20px; font-size:16px;}
}

/* paging-area */
@media (min-width:1024px) {
.paging-area ul li a:hover {color:#181b85;}
}
.paging-area {margin-top:35px;}
.paging-area ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.paging-area ul li {padding-right:5px; padding-left:5px;}
.paging-area ul li:first-child {padding-left:0;}
.paging-area ul li:last-child {padding-right:0;}
.paging-area ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:40px; height:40px; color:#929292; font-size:17px; font-weight:400; line-height:120%; text-align:center; background-color:#fff; background-repeat:no-repeat; background-position:50% 50%; background-size:auto 13px; border:1px solid #ddd; border-radius:40px; overflow:hidden; transition:color .15s ease-out;}
.paging-area ul li.active a {color:#fff; font-weight:500; background-color:#181b85; border-color:#181b85;}
.paging-area ul li a.btn-paging-first, .paging-area ul li a.btn-paging-prev, .paging-area ul li a.btn-paging-next, .paging-area ul li a.btn-paging-last {width:20px; border:none; border-radius:0;}
.paging-area ul li a.btn-paging-first {background-image:url('../images/ico/ico-paging-arr-first.png');}
.paging-area ul li a.btn-paging-prev {margin-right:3px; background-image:url('../images/ico/ico-paging-arr-prev.png');}
.paging-area ul li a.btn-paging-next {margin-left:3px; background-image:url('../images/ico/ico-paging-arr-next.png');}
.paging-area ul li a.btn-paging-last {background-image:url('../images/ico/ico-paging-arr-last.png');}

@media (max-width:767px){
.paging-area {margin-top:25px;}
.paging-area ul li {padding-right:4px; padding-left:4px;}
.paging-area ul li a {width:30px; height:30px; font-size:14px; background-size:auto 11px;}
.paging-area ul li a.btn-paging-prev {margin-right:6px;}
.paging-area ul li a.btn-paging-next {margin-left:6px;}
}

@media (max-width:370px){
.paging-area ul li {padding-right:3px; padding-left:3px;}
.paging-area ul li a {width:28px; height:28px;}
.paging-area ul li a.btn-paging-prev {margin-right:3px;}
.paging-area ul li a.btn-paging-next {margin-left:3px;}
}

/* top-desc */
.top-desc {position:relative; display:flex; flex-wrap:wrap; flex-flow:column; align-items:center; justify-content:center; margin-bottom:40px; padding:35px 40px; background-color:#f4f7ff; border:1px solid #f4f7ff; border-radius:15px;}
.top-desc .desc-box {position:relative; width:100%;}
.top-desc .desc-box .tit {position:relative; margin-bottom:15px; padding-left:37px; color:#1a1a1a; font-size:22px; font-weight:700; line-height:130%; letter-spacing:-0.024em;}
.top-desc .desc-box .tit:before {content:""; display:block; position:absolute; top:2px; left:0; width:28px; height:28px; background-image:url('../images/ico/ico-desc-info.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:28px 28px;}
.top-desc .desc-box .tit strong {font-weight:700; line-height:130%;}
.top-desc .desc-box .txt {color:#1a1a1a; font-size:21px; font-weight:400; line-height:160%; letter-spacing:-0.01em;}
.top-desc .desc-box .txt strong {color:#312d69; font-weight:500;}
.top-desc .desc-box .list {position:relative; width:100%;}
.top-desc .desc-box .list > li {position:relative; margin-bottom:6px; padding-left:12px; color:#1a1a1a; font-size:18px; font-weight:400; line-height:140%; letter-spacing:-0.01em;}
.top-desc .desc-box .list > li:before {content:""; display:block; position:absolute; top:11px; left:0; width:4px; height:4px; background-color:#5b5b5b; border-radius:50%;}
.top-desc .desc-box .list > li:last-child {margin-bottom:0;}
.top-desc .desc-box .list > li strong {font-weight:600;}
.top-desc .desc-box .noti {position:relative; display:block; margin-top:12px; padding-left:12px; color:#424c80; font-size:16px; font-weight:400; line-height:140%; letter-spacing:-0.01em;}
.top-desc .desc-box .noti:before {content:"*"; display:block; position:absolute; top:0; left:0;}
.top-desc .desc-box .noti strong {font-weight:500;}

@media (max-width:767px){
.top-desc {margin-bottom:20px; padding:25px 23px 23px 23px;  border-radius:10px;}
.top-desc .desc-box .tit {margin-bottom:13px; padding-left:28px; font-size:17px;}
.top-desc .desc-box .tit:before {top:1px; width:22px; height:22px; background-size:22px 22px;}
.top-desc .desc-box .txt {font-size:14px;}
.top-desc .desc-box .list > li {margin-bottom:6px; padding-left:9px; font-size:14px;}
.top-desc .desc-box .list > li:before {top:7px; width:3px; height:3px;}
.top-desc .desc-box .noti {margin-top:10px; font-size:13px;}
}

/* jq-tab-cont */
.jq-tab-cont {position:absolute; width:0; height:0; visibility:hidden; filter:alpha(opacity=0); opacity:0; transition:opacity .5s ease-out;}
.jq-tab-cont.on {position:static; width:auto; height:auto; visibility:visible; filter:alpha(opacity=100); opacity:1;}

/* tab-basic */
@media (min-width:1024px) {
.tab-basic > ul > li > a:hover .txt {color:#1a1a1a;}
}
.tab-basic {position:relative; margin-right:auto; margin-bottom:50px; margin-left:auto;}
.tab-basic > ul {display:flex;}
.tab-basic > ul > li {flex:1;}
.tab-basic > ul > li + li {margin-left:-1px;}
.tab-basic > ul > li > a {position:relative; display:flex; align-items:center; justify-content:center; height:66px; padding:10px 10px; text-align:center; line-height:120%; background-color:#fff; border:1px solid #e6e6e6;}
.tab-basic > ul > li:first-child > a {border-radius:10px 0 0 10px;}
.tab-basic > ul > li:last-child > a {border-radius:0 10px 10px 0;}
.tab-basic > ul > li > a .txt {color:#626262; font-size:19px; font-weight:500; line-height:120%; transition:color .15s ease-out;}
.tab-basic > ul > li.on > a {background-color:#3747b4; border-color:#3747b4; box-shadow:0 5px 10px rgba(55, 71, 180, .3); z-index:1;}
.tab-basic > ul > li.on > a .txt {color:#fff;}
.join-step.type-apply + .tab-basic {margin-top:50px; margin-bottom:40px;}

@media (max-width:1023px){
.tab-basic > ul > li > a .txt {font-size:19px;}
}

@media (max-width:767px){
.tab-basic {margin-bottom:25px;}
.tab-basic > ul {flex-wrap:wrap;}
.tab-basic > ul > li {flex:none; width:50%; margin-right:-1px; margin-bottom:-1px;}
.tab-basic > ul > li + li {margin-left:0;}
.tab-basic > ul > li:first-child > a {border-radius:0;}
.tab-basic > ul > li:last-child > a {border-radius:0;}
.tab-basic > ul > li > a {height:48px;}
.tab-basic > ul > li > a .txt {font-size:15px;}
.tab-basic > ul > li.on > a {box-shadow:none;}
.join-step.type-apply + .tab-basic {margin-top:25px; margin-bottom:22px;}
}

/* tab-circle */
.tab-circle {position:relative; margin:0 -20px 8px -20px; text-align:left; overflow:hidden;}
.tab-circle:before, .tab-circle:after {content:""; display:none; position:absolute; top:0; width:20px; height:42px; z-index:1;}
.tab-circle:before {left:0; background-image:-webkit-gradient(linear, left top, right top, from(#fff), to(transparent)); background-image:-webkit-linear-gradient(left, #fff 0, transparent 100%); background-image:linear-gradient(to right, #fff 0, transparent 100%);}
.tab-circle:after {right:0; background-image:-webkit-gradient(linear, right top, left top, from(#fff), to(transparent)); background-image:-webkit-linear-gradient(right, #fff 0, transparent 100%); background-image:linear-gradient(to left, #fff 0, transparent 100%);}
.tab-circle ul {display:flex; flex-wrap:nowrap; padding-bottom:13px; overflow-x:auto; overflow-y:hidden;}
.tab-circle ul li {position:relative; padding-right:5px; padding-left:5px;}
.tab-circle ul li:first-child {padding-left:20px;}
.tab-circle ul li:last-child {padding-right:20px;}
.tab-circle ul li a {display:inline-flex; align-items:center; justify-content:center; height:49px; padding:10px 22px; color:#333; font-size:18px; font-weight:500; line-height:140%; text-align:center; white-space:nowrap; background-color:#fff; border:1px solid #e0e0e0; border-radius:42px; transition:color .15s ease-out, background .15s ease-out, border .15s ease-out;}
.tab-circle ul li.on a {color:#fff; font-weight:600; background-color:#343434; border-color:#343434;}

@media (max-width:1023px){
.tab-circle ul li a {font-size:17px;}
}

@media (max-width:767px){
.tab-circle ul li a {height:41px; padding:10px 18px; font-size:14px;}
}

/* tab-round */
@media (min-width:1024px) {
.tab-round > ul > li .tab-item .tab-delet:hover {background-color:#e9e9e9;}
.tab-round > ul > li.on .tab-item .tab-delet:hover {background-color:#111;}
.tab-round > ul > li .tab-item .tab-link:hover {background-color:#f8f8f8;}
.tab-round.type-blue > ul > li .tab-item .tab-link:hover {background-color:#f8fbff;}
}
.tab-round {margin-bottom:25px; white-space:nowrap;}
.tab-round > ul {display:flex; overflow-x:auto;}
.tab-round > ul > li {display:inline-flex; padding-right:6px; padding-left:6px;}
.tab-round > ul > li:first-child {padding-left:0;}
.tab-round > ul > li:last-child {padding-right:0;}
.tab-round > ul > li .tab-item {position:relative;}
.tab-round > ul > li .tab-item .tab-link {display:flex; align-items:center; justify-content:center; min-width:120px; height:53px; padding-right:20px; padding-left:20px; text-align:center; background-color:#fff; border:1px solid #d3d3d3; border-radius:8px; transition:background .15s ease-out, border .15s ease-out;}
.tab-round > ul > li .tab-item .tab-link .txt {display:block; color:#676767; font-size:18px; font-weight:500; line-height:110%; transition:color .15s ease-out;}
.tab-round > ul > li .tab-item .tab-delet {position:absolute; top:50%; right:15px; display:flex; align-items:center; justify-content:center; width:24px; height:24px; margin-top:-13px; background-color:transparent; background-image:url('../images/ico/ico-tab-delet-off.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:11px auto; border:none; border-radius:30px; transition:background .15s ease-out;}
.tab-round > ul > li.on .tab-item .tab-link {background-color:#333; border-color:#333;}
.tab-round > ul > li.on .tab-item .tab-link .txt {color:#fff;}
.tab-round > ul > li.on .tab-item .tab-delet {background-image:url('../images/ico/ico-tab-delet-on.png');}
.tab-round.type-blue > ul > li .tab-item .tab-link {background-color:#fff; border-color:#4a79c7;}
.tab-round.type-blue > ul > li .tab-item .tab-link .txt {color:#2968d1;}
.tab-round.type-blue > ul > li.on .tab-item .tab-link {background-color:#1d5fcd; border-color:#1d5fcd;}
.tab-round.type-blue > ul > li.on .tab-item .tab-link .txt {color:#fff;}

@media (max-width:767px) {
.tab-round {margin-bottom:10px;}
.tab-round > ul {padding-bottom:8px;}
.tab-round > ul > li {padding-right:3px; padding-left:3px;}
.tab-round > ul > li .tab-item .tab-link {min-width:90px; height:40px; padding-right:12px; padding-left:12px; border-radius:8px;}
.tab-round > ul > li .tab-item .tab-link .txt {font-size:14px;}
.tab-round > ul > li .tab-item .tab-delet {right:6px; width:22px; height:22px; margin-top:-11px; background-size:9px auto;}
}

/* tab-select */
@media (min-width: 1024px) {
.tab-select > ul > li .tab-item:hover {background-color:#e7eaf1;}
.tab-select > ul > li.on .tab-item:hover {background-color:#1b49a7;}
}
.tab-select {margin-bottom:40px;}
.tab-select > ul {display:flex;}
.tab-select > ul > li {width:100%; padding-right:8px; padding-left:8px;}
.tab-select > ul > li:first-child {padding-left:0;}
.tab-select > ul > li:last-child {padding-right:0;}
.tab-select > ul > li .tab-item {position:relative; display:flex; flex-flow:column; align-items:center; justify-content:center; height:70px; padding:20px 25px; text-align:center; background-color:#f1f3f7; border-radius:12px; transition:background .15s ease-out;}
.tab-select > ul > li .tab-item .txt {position:relative; display:block; width:100%; color:#989fae; font-size:20px; font-weight:500; line-height:120%; letter-spacing:-0.01em; transition:color .15s ease-out;}
.tab-select > ul > li.on .tab-item {background-color:#1b49a7;}
.tab-select > ul > li.on .tab-item .txt {color:#fff;}

@media (max-width:1023px) {
.tab-select > ul > li .tab-item {height:65px; padding:15px 15px;}
.tab-select > ul > li .tab-item .txt {font-size:19px;}
}

@media (max-width:767px) {
.tab-select {margin-bottom:20px;}
.tab-select > ul {flex-wrap:wrap; justify-content:flex-start; margin-right:-8px; margin-bottom:-8px;}
.tab-select > ul > li {width:33.32%; padding-left:0; padding-right:8px; padding-bottom:8px;}
.tab-select > ul > li:last-child {padding-right:8px;}
.tab-select > ul > li .tab-item {height:44px; padding:10px 10px; border-radius:8px;}
.tab-select > ul > li .tab-item .txt {font-size:15px;}
}

/* tab-category */
@media (min-width: 1024px) {
.tab-category .category-list .category-layer > li .c-item:hover {background-color:#e3e8f1; border-color:#e3e8f1;}
}
.tab-category {position:relative; margin-bottom:40px;}
.tab-category .category-list {position:relative;}
.tab-category .category-list .category-title {position:relative; display:none; height:50px; padding:14px 40px 14px 15px; cursor:pointer; color:#1a1a1a; font-size:18px; font-weight:500; line-height:120%; letter-spacing:-0.01em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background-color:#fff; background-image:url('../images/ico/ico-select-arr.png'); background-repeat:no-repeat; background-position:calc(100% - 15px) 50%; background-size:10px auto; border:1px solid #e1e1e1; border-radius:8px; transition:border .15s ease, box-shadow .15s ease;}
.tab-category .category-list .category-layer {display:flex; flex-wrap:wrap; margin-right:-8px; margin-bottom:-8px;}
.tab-category .category-list .category-layer > li {padding-right:8px; padding-bottom:8px;}
.tab-category .category-list .category-layer > li .c-item {display:inline-flex; align-items:center; justify-content:center; height:41px; padding:10px 13px; color:#78808f; font-size:16px; font-weight:400; line-height:120%; letter-spacing:-0.01em; text-align:center; background-color:#f1f4f9; border:1px solid #f1f4f9; border-radius:40px; transition:color .15s ease-out, background .15s ease-out, border .15s ease-out;}
.tab-category .category-list .category-layer > li.on .c-item {color:#fff; background-color:#175ae1; border-color:#175ae1;}
.tab-cont {position:absolute; width:0; height:0; visibility:hidden; filter:alpha(opacity=0); opacity:0; overflow:hidden; transition:opacity .5s ease-out;}
.tab-cont.on {position:static; width:auto; height:auto; visibility:visible; filter:alpha(opacity=100); opacity:1;}

@media (max-width:1023px) {
.tab-category .category-list .category-layer {margin-right:-7px; margin-bottom:-7px;}
.tab-category .category-list .category-layer > li {padding-right:7px; padding-bottom:7px;}
.tab-category .category-list .category-layer > li .c-item {height:39px; font-size:15px;}
}

@media (max-width:767px) {
.tab-category {margin-bottom:20px;}
.tab-category .category-list .category-title {display:block; height:42px; padding:11px 35px 11px 12px; font-size:15px; background-position:calc(100% - 12px) 50%; border-radius:6px;}
.tab-category .category-list .category-layer {opacity:0; visibility:hidden; transform:translateY(15px); display:block; position:absolute; top:48px; right:0; left:0; width:100%; max-height:200px; margin:0; padding:10px 0; background-color:#fff; border:1px solid #efefef; border-radius:8px; box-shadow:3px 3px 10px rgba(0, 0, 0, .06); overflow:hidden; overflow-y:auto; transition:all 0.5s cubic-bezier(0.23, 1, 0.38, 1); z-index:1;}
.tab-category .category-list .category-layer > li {padding:0;}
.tab-category .category-list .category-layer > li .c-item {display:block; height:auto; padding:5px 12px; color:#1a1a1a; font-size:14px; text-align:left; background-color:#fff; border:none; border-radius:0;}
.tab-category .category-list.on .category-layer {opacity:1; visibility:visible; transform:translateY(0px);}
}

/* tab-process */
@media (min-width:1024px) {
.tab-process > ul > li .t-item:hover .t-txt {color:#646464;}
}
.tab-process {position:relative; margin-bottom:25px;}
.tab-process > ul {display:flex; flex-wrap:wrap; margin-right:-13px;}
.tab-process > ul > li {width:25%; padding-right:13px;}
.tab-process > ul > li .t-item {position:relative; display:flex; align-items:center; justify-content:center; height:58px; padding:10px 10px; background-color:#fff; border:1px solid #ddd; border-radius:8px;}
.tab-process > ul > li .t-item:before {content:""; display:none; position:absolute; top:50%; right:-9px; width:10px; height:15px; margin-top:-7px; background-image:url('../images/ico/ico-process-arr.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:10px 15px;}
.tab-process > ul > li:last-child .t-item:before {display:none;}
.tab-process > ul > li .t-item .t-txt {color:#919191; font-size:17px; font-weight:500; line-height:130%; letter-spacing:-0.01em; text-align:center; transition:color .15s ease-out;}
.tab-process > ul > li.on .t-item {background-color:#f8f7ff; border-color:#7a6dff;}
.tab-process > ul > li.on .t-item:before {background-image:url('../images/ico/ico-process-arr-on.png');}
.tab-process > ul > li.on .t-item:after {content:""; display:block; position:absolute; bottom:-9px; left:50%; width:15px; height:10px; margin-left:-7px; background-image:url('../images/ico/ico-process-arr-on-02.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:15px 10px;}
.tab-process > ul > li.on .t-item .t-txt {color:#5c4cff; font-weight:600;}

@media (max-width:1023px) {
.tab-process > ul > li .t-item .t-txt {font-size:17px;}
}

@media (max-width:767px) {
.tab-process {margin-bottom:18px;}
.tab-process > ul {margin-right:-8px; margin-bottom:-8px;}
.tab-process > ul > li {width:50%; padding-right:8px; padding-bottom:8px;}
.tab-process > ul > li .t-item {height:50px; padding:5px 8px; border-radius:6px;}
.tab-process > ul > li .t-item:before {display:none;}
.tab-process > ul > li.on .t-item:after {display:none;}
.tab-process > ul > li .t-item .t-txt {font-size:14px;}
}

/* tab-sub */
@media (min-width:1024px) {
.tab-sub .tab-sub-list > li .t-item:hover {color:#0b63e5;}
}
.tab-sub {position:relative; margin-bottom:50px; border-bottom:1px solid #eee;}
.tab-sub .tab-sub-list {position:relative; display:flex; justify-content:center; z-index:10;}
.tab-sub .tab-sub-list > li {min-width:12.55%; padding-right:4px; padding-left:4px;}
.tab-sub .tab-sub-list > li .t-item {position:relative; display:flex; justify-content:center; height:100%; padding:0 10px 30px 10px; color:#1a1a1a; font-size:18px; font-weight:500; line-height:140%; letter-spacing:-0.015em; text-align:center; transition:color .15s ease-out;}
.tab-sub .tab-sub-list > li .t-item:before {content:""; display:none; position:absolute; right:0; bottom:0; left:0; width:100%; height:4px; background-color:#0b63e5;}
.tab-sub .tab-sub-list > li.on .t-item {color:#0b63e5;}
.tab-sub .tab-sub-list > li.on .t-item:before {display:block;}
.tab-sub .btn-tab-sub {position:relative; display:none; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; height:54px; color:#000; font-size:18px; font-weight:600; line-height:140%; letter-spacing:-0.01em; text-align:center; background-color:#fff; border:1px solid #e9e9e9;; border-radius:6px;}
.tab-sub .btn-tab-sub:before {content:""; display:block; position:absolute; top:50%; right:20px; width:14px; height:9px; margin-top:-4px; background-image:url('../images/ico/ico-tab-arr.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:14px 9px; transition:transform .15s ease-out;}
.tab-sub .btn-tab-sub.active:before {transform:rotate(-180deg);}

@media (max-width:1023px) {
.tab-sub {border-bottom:none;}
.tab-sub .tab-sub-list {opacity:0; visibility:hidden; transform:translateY(0px); flex-wrap:wrap; position:absolute; top:54px; right:0; left:0; width:100%; padding:23px 20px; background-color:#f8f8f8; box-shadow:0 3px 8px rgba(0, 0, 0, .06);}
.tab-sub.on .tab-sub-list {opacity:1; visibility:visible; transform:translateY(0px);}
.tab-sub .tab-sub-list > li {width:100%; margin-bottom:14px;}
.tab-sub .tab-sub-list > li:last-child {margin-bottom:0;}
.tab-sub .tab-sub-list > li .t-item {height:auto; padding:0; font-size:17px;}
.tab-sub .tab-sub-list > li.on .t-item:before {display:none;}
.tab-sub .btn-tab-sub {display:flex;}
}

@media (max-width:767px) {
.tab-sub {margin-bottom:30px;}
.tab-sub .tab-sub-list {top:46px;}
.tab-sub .tab-sub-list > li .t-item {height:auto; padding:0; font-size:16px;}
.tab-sub .btn-tab-sub {height:46px; font-size:16px;}
}

/* btm-noti */
.btm-noti {position:relative; margin-top:50px; color:#787878; font-size:19px; font-weight:400; line-height:140%; letter-spacing:-0.01em; text-align:center;}
.btm-noti:before {content:"※ ";}
.btm-noti strong {font-weight:600;}

@media (max-width:1023px) {
.btm-noti {font-size:18px;}
}

@media (max-width:767px) {
.btm-noti {margin-top:30px; font-size:15px;}
}

/* lower-noti */
.lower-noti {margin-top:20px; margin-right:auto; margin-left:auto;}
.lower-noti .txt {color:#939393; font-size:16px; font-weight:400; line-height:160%; letter-spacing:-0.01em; text-align:center;}

@media (max-width:767px) {
.lower-noti {margin-top:17px;}
.lower-noti .txt {padding:0 3%; font-size:13px; line-height:150%;}
}

/* title style */
.paragraph-box {margin-bottom:40px;}
.paragraph-box:last-child {margin-bottom:0;}
.m-img {display:none;}
.img-box {position:relative; display:block; margin-right:auto; margin-left:auto; padding:30px 30px; text-align:center;}
.img-box img {max-width:100%; width:auto; height:auto; vertical-align:top;}
.img-box .img-caption {display:block; margin-top:12px; color:#969696; font-size:16px; font-weight:400; line-height:140%; text-align:center;}
.img-box.type-line {padding:50px 30px; border:1px solid #e9e9e9; border-radius:12px;}
.img-box.type-rating {margin-top:60px; padding:0;}
.img-box.type-repo {padding:20px 30px;}
.title-circle {position:relative; margin-bottom:15px; padding-left:16px; color:#1a1a1a; font-size:22px; font-weight:700; line-height:140%; letter-spacing:-0.01em;}
.title-circle:before {content:""; display:block; position:absolute; top:12px; left:0; width:7px; height:7px; background-color:#6560b6; background:linear-gradient(180deg, #6560b6, #6560b6);}
.title-dot {position:relative; margin-bottom:12px; padding-left:10px; color:#1a1a1a; font-size:18px; font-weight:600; line-height:140%; letter-spacing:-0.01em;}
.title-dot:before {content:""; display:block; position:absolute; top:10px; left:0; width:3px; height:3px; background-color:#333; border-radius:3px;}
.title-dot.dot-none {padding-left:0;}
.title-dot.dot-none:before {display:none;}
.tbl-scroll + .title-dot {margin-top:30px;}
.img-box + .title-dot {margin-top:20px;}
.tbl-scroll + .basic-list {margin-top:15px;}
.img-box + .basic-list {margin-top:20px;}
.basic-list {margin-bottom:20px;}
.basic-list:last-child {margin-bottom:0;}
.basic-list > li {display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; position:relative; margin-bottom:8px; color:#1a1a1a; font-size:18px; font-weight:400; line-height:140%; letter-spacing:-0.01em;}
.basic-list > li:last-child {margin-bottom:0;}
.basic-list > li strong {font-weight:600;}
.basic-list > li .dot {-webkit-flex-shrink:0; flex-shrink:0; margin-right:4px; line-height:140%;}
.basic-list > li .cont {display:block; width:100%; line-height:140%;}
.basic-list > li .cont > ul {margin-top:10px;}
.basic-list > li .cont > ul > li {display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; margin-bottom:6px; color:#4e4e4e; font-size:17px;}
.basic-list > li .cont > ul > li:last-child {margin-bottom:0;}
.basic-list > li .cont > ul > li.small {font-size:16px;}
.basic-list > li .cont > ul > li > .dot {line-height:140%;}
.basic-list > li .cont > ul > li > .cont > ul {margin-top:5px; line-height:140%;}
.basic-list > li .cont > ul > li > .cont > ul > li {display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; margin-bottom:2px; color:#888; font-size:16px;}
.basic-list > li .cont > ul > li > .cont > ul > li:last-child {margin-bottom:0;}
.basic-list .revise {color:#979797; font-size:16px; font-weight:300;}
.basic-list.type-noti > li {margin-bottom:4px; color:#595959; font-size:15px;}
.basic-list.type-noti > li:last-child {margin-bottom:0;}
.paragraph-box .title-dot, .paragraph-box .basic-list, .paragraph-box .tbl-scroll, .paragraph-box .img-box, .paragraph-box .tbl-noti {margin-left:16px;}
.basic-list > li .cont .tbl-scroll {margin-left:0; margin-top:10px;}
.basic-list > li .cont .tbl-scroll + ul {margin-top:10px;}
.basic-list > li .img-box {margin-top:20px; margin-bottom:20px; margin-left:0;}
.basic-list.type-repo {max-width:720px; margin-right:auto; margin-left:auto; padding:23px 25px; background-color:#f7f7f7; border-radius:12px;}
.basic-list.type-repo > li {font-size:17px;}
.basic-list.type-repo > li .dot strong {font-weight:500;}
.basic-tit {position:relative; margin-bottom:15px; color:#1a1a1a; font-size:19px; font-weight:600; line-height:140%; letter-spacing:-0.01em;}
.basic-tit.small {font-size:18px; font-weight:500;}

@media (max-width:767px) {
.paragraph-box {margin-bottom:20px;}
.m-img {display:block;}
.p-img {display:none;}
.img-box {padding:20px 20px;}
.img-box.type-line {padding:20px 20px; border-radius:8px;}
.img-box.type-repo {padding:0;}
.img-box img {max-width:100% !important;}
.img-box .img-caption {margin-top:10px; font-size:13px;}
.img-box.type-rating {margin-top:20px;}
.title-circle {margin-bottom:10px; padding-left:10px; font-size:16px;}
.title-circle:before {top:8px; width:5px; height:5px;}
.title-dot {margin-bottom:6px; padding-left:7px; font-size:15px;}
.title-dot:before {top:8px;}
.tbl-scroll + .title-dot {margin-top:20px;}
.img-box + .title-dot {margin-top:15px;}
.tbl-scroll + .basic-list {margin-top:10px;}
.img-box + .basic-list {margin-top:15px;}
.basic-list {margin-bottom:15px;}
.basic-list > li {margin-bottom:6px; font-size:14px;}
.basic-list > li .dot {margin-right:3px;}
.basic-list > li .cont > ul {margin-top:5px;}
.basic-list > li .cont > ul > li {margin-bottom:5px; font-size:14px;}
.basic-list > li .cont > ul > li > .cont > ul > li {margin-bottom:2px; font-size:12px;}
.basic-list > li .cont > ul > li.small {font-size:12px;}
.basic-list .revise {font-size:12px;}
.basic-list.type-noti > li {margin-bottom:3px; color:#595959; font-size:12px;}
.paragraph-box .title-dot, .paragraph-box .basic-list, .paragraph-box .tbl-scroll, .paragraph-box .img-box, .paragraph-box .tbl-noti {margin-left:10px;}
.basic-list > li .cont .tbl-scroll {margin-top:6px;}
.basic-list > li .img-box {margin-top:12px; margin-bottom:12px;}
.basic-list.type-repo {padding:15px 15px; border-radius:8px;}
.basic-list.type-repo > li {font-size:13px;}
.basic-tit {margin-bottom:10px; font-size:15px;}
.basic-tit.small {font-size:14px;}
}

/* floor-agree-area */
.floor-agree-area {position:relative;}
.floor-agree-area .floor-agree-info {padding:22px 20px; border:2px solid #ececec; border-radius:12px; text-align:center;}
.floor-agree-area .floor-agree-info .txt {max-width:820px; margin-right:auto; margin-left:auto; margin-bottom:10px; color:#111; font-size:18px; font-weight:500; line-height:160%; letter-spacing:-0.01em;}
.floor-agree-area .floor-agree-info .txt:last-child {margin-bottom:0;}
.floor-agree-area .floor-agree-info .txt strong {font-weight:500;}
.floor-agree-area .floor-agree-chk {margin-top:30px; text-align:center;}
.floor-agree-area .floor-agree-chk .form-radio input[type='radio'] + label, .floor-agree-area .floor-agree-chk .form-check input[type='checkbox'] + label {font-weight:500;}

@media (max-width:1023px) {
.floor-agree-area .floor-agree-info .txt {font-size:17px;}
}

@media (max-width:767px) {
.floor-agree-area .floor-agree-info {padding:15px 15px; border-radius:8px;}
.floor-agree-area .floor-agree-info .txt {font-size:14px;}
.floor-agree-area .floor-agree-chk {margin-top:20px;}
}

/* tbl-info */
.tbl-info {width:100%; border-collapse:collapse; overflow:hidden;}
.tbl-info th, .tbl-info td {padding:15px 15px; color:#595959; font-size:16px; font-weight:400; line-height:140%; text-align:center; word-break:keep-all; background-color:#fff; border:1px solid #e7e7e7;}
.tbl-info.type-break-all th, .tbl-info.type-break-all td {word-break:break-all;}
.tbl-info.type-nowrap th, .tbl-info.type-nowrap td {white-space:nowrap;}
.tbl-info th {padding:13px 15px;}
.tbl-info thead th {color:#1a1a1a; font-size:17px; font-weight:500; background-color:#f7f7f7;}
.tbl-info tbody th {color:#1a1a1a; font-weight:500;}
.tbl-info tbody td a {color:#2e93ef;}
.tbl-info tbody td strong {color:#1a1a1a; font-weight:500;}
.tbl-info .bg-gray {background-color:#f7f7f7;}
.tbl-info.type-sm th, .tbl-info.type-sm td {padding:13px 15px;}
.industry-list {display:flex; flex-wrap:wrap; justify-content:center; margin-bottom:-6px;}
.industry-list > li {position:relative; display:inline-flex; padding-right:20px; padding-bottom:6px; line-height:140%; vertical-align:middle;}
.industry-list > li:before {content:""; display:block; position:absolute; top:4px; right:9px; width:1px; height:13px; background-color:#b7b7b7;}
.industry-list > li:last-child:before {display:none;}
.tbl-info .guide-list {text-align:left;}
.tbl-info .guide-list > li {margin-bottom:10px;}
.tbl-info .guide-list > li:last-child {margin-bottom:0;}
.tbl-info .guide-list > li .cont > ul {margin-top:8px;}
.tbl-info .guide-list > li .cont > ul > li {margin-bottom:10px;}
.tbl-info .guide-list > li .cont > ul > li:last-child {margin-bottom:0;}
.tbl-info .guide-list > li .cont > ul > li > .cont > ul > li {margin-bottom:5px;}
.tbl-info .guide-list > li .cont > ul > li > .cont > ul > li:last-child {margin-bottom:0;}
.tbl-info.type-sm .guide-list > li {margin-bottom:3px;}
.tbl-info.type-sm .guide-list > li:last-child {margin-bottom:0;}
.tbl-info.type-sm .guide-list > li .cont > ul > li {margin-bottom:2px;}
.tbl-info.type-sm .guide-list > li .cont > ul > li:last-child {margin-bottom:0;}
.tbl-info.type-sm .guide-list > li .cont > ul > li > .cont > ul > li {margin-bottom:1px;}
.tbl-info.type-sm .guide-list > li .cont > ul > li > .cont > ul > li:last-child {margin-bottom:0;}
.tbl-top {position:relative; margin-bottom:10px;}
.tbl-top .t-title {margin-bottom:5px; color:#1a1a1a; font-size:17px; font-weight:600; line-height:130%; text-align:center; letter-spacing:-0.01em;}
.tbl-top .t-info {display:flex; justify-content:space-between;}
.tbl-top .t-info .t-side {color:#666; font-size:14px; font-weight:400; line-height:140%; letter-spacing:-0.01em;}
.btn-txt-link {color:#3b41a3; font-size:17px; font-weight:500; line-height:140%; letter-spacing:-0.01em;}

@media (max-width:1023px) {
.tbl-info th, .tbl-info td {font-size:15px;}
.industry-list {margin-bottom:-3px;}
.industry-list > li {padding-right:15px; padding-bottom:3px;}
.industry-list > li:before {right:6px; height:12px;}
}

@media (max-width:767px) {
.tbl-info th, .tbl-info td {padding:8px 8px; font-size:13px;}
.tbl-info thead th {font-size:14px;}
.tbl-info.type-sm th, .tbl-info.type-sm td {padding:8px 8px; font-size:12px;}
.tbl-info.type-sm thead th {font-size:13px;}
.industry-list {min-width:230px; margin-bottom:-1px;}
.industry-list > li {padding-right:12px; padding-bottom:1px;}
.industry-list > li:before {top:3px; right:5px; height:11px;}
.tbl-info .guide-list {min-width:210px;}
.tbl-info .guide-list > li {margin-bottom:3px;}
.tbl-info .guide-list > li .cont > ul {margin-top:5px;}
.tbl-info .guide-list > li .cont > ul > li {margin-bottom:5px;}
.tbl-info.type-sm .guide-list > li {margin-bottom:2px;}
.tbl-info.type-sm .guide-list > li .cont > ul > li {margin-bottom:1px;}
.tbl-info.type-sm .guide-list > li .cont > ul > li > .cont > ul > li {margin-bottom:1px;}
.tbl-top {margin-bottom:6px;}
.tbl-top .t-title {max-width:240px; margin-right:auto; margin-bottom:5px; margin-left:auto; font-size:14px;}
.tbl-top .t-info .t-side {font-size:12px;}
.btn-txt-link {font-size:14px;}
}

/* tbl-certificate */
.tbl-certificate {width:100%; border-top:2px solid #4a4a4a; border-collapse:collapse; word-break:keep-all;}
.tbl-certificate th {padding:12px 15px; color:#000; font-size:16px; font-weight:500; letter-spacing:-0.01em; text-align:center; border:1px solid #dbdbdb; background-color:#fafafa; vertical-align:middle;}
.tbl-certificate td {padding:12px 15px; color:#4c4c4c; font-size:16px; font-weight:400; letter-spacing:-0.01em; text-align:left; border:1px solid #dbdbdb; background-color:#fff; vertical-align:middle;}

@media (max-width:767px) {
.tbl-certificate, .tbl-certificate tbody, .tbl-certificate tr {display:block;}
.tbl-certificate {border-top:1px solid #333;}
.tbl-certificate th {display:block; padding:15px 15px 4px 15px; font-weight:500; text-align:left; border:none; background-color:#fff;}
.tbl-certificate td {display:block; padding:4px 15px 15px 15px; font-size:15px; border:none; border-bottom:1px solid #ddd;}
}

/* data-tbl-list */
.txt-inquiry {position:relative; margin:0 0 15px 0; padding-left:10px; color:#4b4b4b; font-size:17px; font-weight:400; letter-spacing:-0.5px; line-height:140%;}
.txt-inquiry:before {content:""; display:block; position:absolute; top:8px; left:0; width:0; height:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:5px solid #6a6a6a;}
.txt-inquiry strong {color:#1d276c; font-weight:500;}
.data-tbl-list {padding-top:25px; border-top:2px solid #4a4a4a; overflow:hidden;}
.data-tbl-list.bt-none {padding-top:0; border-top:none;}
.data-tbl-list .data-tbl-box {margin-top:20px;}
.data-tbl-list .data-tbl-box:first-child {margin-top:0;}
.data-tbl-list .txt-inquiry + .data-tbl-box {margin-top:0;}
.data-tbl-box {display:table; width:100%;}
.data-tbl-box .data-tbl-tit {position:relative; display:table-cell; min-width:170px; padding:25px 20px; text-align:center; background-color:#45478a; background-repeat:no-repeat; background-size:cover; border-radius:10px 0 0 10px; vertical-align:middle;}
.data-tbl-box.DDSEBSN .data-tbl-tit {background-color:#4f61cd; background-image:url('../images/ico/bg-menu-sales.png');} /* 영업보증 */
.data-tbl-box.DDSECNTRCT .data-tbl-tit {background-color:#1692b8; background-image:url('../images/ico/bg-menu-contract.png');} /* 계약보증 */
.data-tbl-box.DDSEPYMNT .data-tbl-tit {background-color:#008bce; background-image:url('../images/ico/bg-menu-payment.png');} /* 지급보증 */
.data-tbl-box.DDSEPLANNG .data-tbl-tit {background-color:#d46d08; background-image:url('../images/ico/bg-menu-ddseplanng.png');} /* 기획보증 */
.data-tbl-box.DDSEBID .data-tbl-tit {background-color:#28a54e; background-image:url('../images/ico/bg-menu-ddsebid.png');} /* 입찰보증 */
.data-tbl-box.DDSEDNPY .data-tbl-tit {background-color:#7241b5; background-image:url('../images/ico/bg-menu-ddsednpy.png');} /* 선금급보증 */
.data-tbl-box.DDSEFLAW .data-tbl-tit {background-color:#d64141; background-image:url('../images/ico/bg-menu-ddseflaw.png');} /* 하자보증 */
.data-tbl-box.internal .data-tbl-tit {background-color:#ad3c3f; background-image:url('../images/ico/bg-menu-internal.png');} /* 국내여행업 */
.data-tbl-box.overseas .data-tbl-tit {background-color:#2f469b; background-image:url('../images/ico/bg-menu-overseas.png');} /* 해외여행업 */
.data-tbl-box.general .data-tbl-tit {background-color:#6f7bc9; background-image:url('../images/ico/bg-menu-general.png');} /* 일반여행업 */
.data-tbl-box .data-tbl-tit .tit {position:relative; margin:0; color:#fff; font-size:18px; font-weight:400; letter-spacing:-0.5px;}
.data-tbl-box .data-tbl-tit .tit:before {content:""; display:none; margin:0 auto 7px auto; background-repeat:no-repeat; background-position:50% 50%;}
.data-tbl-box.DDSEBSN .data-tbl-tit .tit:before {display:block; width:26px; height:22px; background-image:url('../images/ico/ico-tbl-sales.png'); background-size:26px 22px;}
.data-tbl-box.DDSECNTRCT .data-tbl-tit .tit:before {display:block; width:26px; height:27px; background-image:url('../images/ico/ico-tbl-contract.png'); background-size:26px 27px;}
.data-tbl-box.DDSEPYMNT .data-tbl-tit .tit:before {display:block; width:24px; height:27px; background-image:url('../images/ico/ico-tbl-payment.png'); background-size:24px 27px;}
.data-tbl-box.DDSEPLANNG .data-tbl-tit .tit:before {display:block; width:19px; height:26px; background-image:url('../images/ico/ico-tbl-ddseplanng.png'); background-size:19px 26px;}
.data-tbl-box.DDSEBID .data-tbl-tit .tit:before {display:block; width:27px; height:28px; background-image:url('../images/ico/ico-tbl-ddsebid.png'); background-size:27px 28px;}
.data-tbl-box.DDSEDNPY .data-tbl-tit .tit:before {display:block; width:28px; height:25px; background-image:url('../images/ico/ico-tbl-ddsednpy.png'); background-size:28px 25px;}
.data-tbl-box.DDSEFLAW .data-tbl-tit .tit:before {display:block; width:25px; height:25px; background-image:url('../images/ico/ico-tbl-ddseflaw.png'); background-size:25px 25px;}
.data-tbl-box.internal .data-tbl-tit .tit:before {display:block; width:30px; height:30px; background-image:url('../images/ico/ico-tbl-internal.png'); background-size:30px 30px;}
.data-tbl-box.overseas .data-tbl-tit .tit:before {display:block; width:30px; height:30px; background-image:url('../images/ico/ico-tbl-overseas.png'); background-size:30px 30px;}
.data-tbl-box.general .data-tbl-tit .tit:before {display:block; width:18px; height:31px; background-image:url('../images/ico/ico-tbl-general.png'); background-size:18px 31px;}
.data-tbl-box .data-tbl-tit .btn-inquiry {display:inline-block; min-width:120px; margin-top:12px; padding:10px 10px; color:#fff; font-size:15px; font-weight:400; text-align:center; border-radius:5px; background:transparent; background-color:rgba(0,0,0,.5); border:1px solid rgba(255,255,255,.5); overflow:hidden; vertical-align:middle; transition:all .25s ease-out;}
.data-tbl-box .data-tbl-tit .btn-inquiry:hover {text-decoration:none;}
.data-tbl-box .data-tbl-tit .btn-inquiry span {padding-left:19px; background-image:url('../images/ico/ico-tbl-sch.png'); background-repeat:no-repeat; background-position:0 2px; background-size:14px 14px;}
.data-tbl-box.DDSEBSN .data-tbl-tit .btn-inquiry {border:1px solid #878fd6; background-color:#273480;}
.data-tbl-box.DDSEBSN .data-tbl-tit .btn-inquiry:hover {background-color:#1c2665;}
.data-tbl-box.DDSECNTRCT .data-tbl-tit .btn-inquiry {border:1px solid #70b7cc; background-color:#0f6c8a;}
.data-tbl-box.DDSECNTRCT .data-tbl-tit .btn-inquiry:hover {background-color:#0a536b;}
.data-tbl-box.DDSEPYMNT .data-tbl-tit .btn-inquiry {border:1px solid #46afe2; background-color:#045881;}
.data-tbl-box.DDSEPYMNT .data-tbl-tit .btn-inquiry:hover {background-color:#034565;}
.data-tbl-box .data-tbl-cont {display:table-cell; border:1px solid #c9c9c9; border-left:none; border-radius:0 10px 10px 0;}
.data-tbl-box .data-tbl-cont .data-tbl-sec {display:table; width:100%; table-layout:fixed; font-size:0; overflow:hidden;}
.data-tbl-box .data-tbl-cont .data-tbl-sec > dl {display:table-cell; margin:0; padding:18px 20px; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; vertical-align:top;}
.data-tbl-box .data-tbl-cont .data-tbl-sec > dl:last-child {border-right:none;}
.data-tbl-box .data-tbl-cont .data-tbl-sec:last-child > dl {border-bottom:none;}
.data-tbl-box .data-tbl-cont .data-tbl-sec > dl > dt {margin-bottom:4px; color:#1d276c; font-size:14px; font-weight:500; letter-spacing:-0.01em; line-height:140%;}
.data-tbl-box .data-tbl-cont .data-tbl-sec > dl > dd {color:#585858; font-size:17px; font-weight:400; letter-spacing:-0.01em; line-height:140%; overflow:hidden; text-overflow:ellipsis; /* white-space:nowrap; */}
.data-tbl-box .data-tbl-tit .btn-print {display:inline-block; width:40px; height:40px; text-indent:-999em; border-radius:5px; background:transparent; background-color:rgba(0,0,0,.5); background-image:url('../images/ico/ico-certificate-print-on.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:17px auto; border:1px solid rgba(255,255,255,.5); overflow:hidden; vertical-align:middle; transition:all .25s ease-out;}
.data-tbl-box .data-tbl-tit .btn-print:hover {background-color:rgba(0,0,0,.6); text-decoration:none;}
.data-tbl-box .data-tbl-tit .btn-down {display:inline-block; width:40px; height:40px; text-indent:-999em; border-radius:5px; background:transparent; background-color:rgba(0,0,0,.5); background-image:url('../images/ico/ico-certificate-down-on.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:17px auto; border:1px solid rgba(255,255,255,.5); overflow:hidden; vertical-align:middle; transition:all .25s ease-out;}
.data-tbl-box .data-tbl-tit .btn-down:hover {background-color:rgba(0,0,0,.6); text-decoration:none;}
.data-tbl-box .data-tbl-tit ul {max-width:90px; margin:12px auto 0 auto; overflow:hidden;}
.data-tbl-box .data-tbl-tit ul li {float:left; width:50%;}

@media (max-width:1023px) {
.data-tbl-box.DDSEBSN .data-tbl-tit .tit:before {background-size:26px 22px;}
.data-tbl-box.DDSECNTRCT .data-tbl-tit .tit:before {background-size:26px 27px;}
.data-tbl-box.DDSEPYMNT .data-tbl-tit .tit:before {background-size:24px 27px;}
.data-tbl-box.DDSEPLANNG .data-tbl-tit .tit:before {background-size:19px 26px;}
.data-tbl-box.DDSEBID .data-tbl-tit .tit:before {background-size:27px 27px;}
.data-tbl-box.DDSEDNPY .data-tbl-tit .tit:before {background-size:27px 25px;}
.data-tbl-box.DDSEFLAW .data-tbl-tit .tit:before {background-size:25px 25px;}
.data-tbl-box.internal .data-tbl-tit .tit:before {background-size:30px 30px;}
.data-tbl-box.overseas .data-tbl-tit .tit:before {background-size:30px 30px;}
.data-tbl-box.general .data-tbl-tit .tit:before {background-size:18px 31px;}
.data-tbl-box .data-tbl-tit .btn-inquiry span {background-size:14px 14px;}
.data-tbl-box .data-tbl-cont .data-tbl-sec > dl > dd {font-size:15px;}
}

@media (max-width:767px) {
.txt-inquiry {font-size:15px;}
.txt-inquiry:before {top:6px;}
.data-tbl-list {padding-top:20px;}
.data-tbl-box {display:block; width:auto;}
.data-tbl-box .data-tbl-tit {display:block; height:52px; padding:14px 15px; text-align:left; background-position:50% 50%; border-radius:0;}
.data-tbl-box .data-tbl-tit .tit {display:inline-block; font-size:16px; vertical-align:middle;}
.data-tbl-box .data-tbl-tit .tit:before {float:left; margin:0 8px 0 0; padding-bottom:4px;}
.data-tbl-box.DDSEBSN .data-tbl-tit .tit:before {width:20px; height:17px; background-size:20px 17px;}
.data-tbl-box.DDSECNTRCT .data-tbl-tit .tit:before {width:20px; height:21px; background-size:20px 21px;}
.data-tbl-box.DDSEPYMNT .data-tbl-tit .tit:before {width:18px; height:20px; background-size:18px 20px;}
.data-tbl-box.DDSEPLANNG .data-tbl-tit .tit:before {width:15px; height:20px; background-size:15px 20px;}
.data-tbl-box.DDSEBID .data-tbl-tit .tit:before {width:21px; height:21px; background-size:21px 21px;}
.data-tbl-box.DDSEDNPY .data-tbl-tit .tit:before {width:21px; height:19px; background-size:21px 19px;}
.data-tbl-box.DDSEFLAW .data-tbl-tit .tit:before {width:21px; height:21px; background-size:21px 21px;}
.data-tbl-box.internal .data-tbl-tit .tit:before {width:20px; height:20px; background-size:20px 20px;}
.data-tbl-box.overseas .data-tbl-tit .tit:before {width:20px; height:20px; background-size:20px 20px;}
.data-tbl-box.general .data-tbl-tit .tit:before {width:12px; height:20px; background-size:12px 20px;}
.data-tbl-box .data-tbl-tit .btn-inquiry {position:absolute; top:10px; right:12px; min-width:100px; margin:0; padding:6px 6px; font-size:13px;}
.data-tbl-box .data-tbl-tit .btn-inquiry span {padding-left:18px; background-position:0 2px; background-size:13px 13px;}
.data-tbl-box .data-tbl-cont {display:block; border:none; border-radius:0;}
.data-tbl-box .data-tbl-cont .data-tbl-sec {display:block; width:auto;}
.data-tbl-box .data-tbl-cont .data-tbl-sec > dl {display:block; float:left; width:50%; padding:12px 12px; border:none; border-bottom:1px solid #ddd;}
.data-tbl-box .data-tbl-cont .data-tbl-sec:last-child > dl {border-bottom:1px solid #ddd;}
.data-tbl-box .data-tbl-cont .data-tbl-sec > dl:nth-child(2n+1) {border-right:1px solid #ddd;}
.data-tbl-box .data-tbl-cont .data-tbl-sec > dl > dt {font-size:12px;}
.data-tbl-box .data-tbl-cont .data-tbl-sec > dl > dd {font-size:13px;}
.data-tbl-box .data-tbl-tit .btn-print {width:32px; height:32px; background-size:15px auto;}
.data-tbl-box .data-tbl-tit .btn-down {width:32px; height:32px; background-size:15px auto;}
.data-tbl-box .data-tbl-tit ul {position:absolute; top:10px; right:13px; margin:0; max-width:none;}
.data-tbl-box .data-tbl-tit ul li {width:auto; margin-left:6px;}
.data-tbl-box .data-tbl-tit ul li:first-child {margin-left:0;}
}

/* dot-tit */
.dot-tit {position:relative; margin-bottom:10px; padding-left:9px; color:#333; font-size:18px; font-weight:600; line-height:140%; letter-spacing:-0.01em;}
.dot-tit:before {content:""; display:block; position:absolute; top:11px; left:0; width:3px; height:3px; background-color:#333; border-radius:3px;}
.dot-tit.type-center {margin-bottom:25px; padding-left:0; font-size:22px; text-align:center;}
.dot-tit.type-center:before {display:none;}

@media (max-width:767px) {
.dot-tit {margin-bottom:8px; padding-left:8px; font-size:16px;}
.dot-tit:before {top:10px;}
.dot-tit.type-center {margin-bottom:12px; font-size:16px;}
}

/* photo-upload-list */
@media (min-width:1024px) {
.btn-file-upload:hover {background-color:#f9f9f9;}
.photo-upload-list .p-sec .p-item .p-thumb .btn-photh-del:hover {opacity:1;}
.btn-function:hover {background-color:#3d4fc3; border-color:#3d4fc3;}
}
.btn-file-upload {position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:40px; padding:5px 10px; color:#333; font-size:16px; font-weight:500; line-height:140%; text-align:center; background-color:#fff; border:1px solid #e4e4e4; border-radius:4px; outline:0; overflow:hidden; transition:background .15s ease-out;}
.btn-file-upload input[type='file'] {position:absolute; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; color:transparent; overflow:hidden;}
.btn-file-upload i {margin-right:5px; color:#333;}
.photo-upload-list {display:flex; flex-wrap:wrap; margin-right:-10px; margin-bottom:-10px;}
.photo-upload-list .p-sec {position:relative; width:20%; padding-right:10px; padding-bottom:10px;}
.photo-upload-list .p-sec .p-item {position:relative; display:block;}
.photo-upload-list .p-sec .p-item .p-top {position:relative; margin-bottom:5px;}
.photo-upload-list .p-sec .p-item .p-top .tit {position:relative; display:block; padding-left:10px; color:#2f2f2f; font-size:16px; font-weight:600; line-height:140%; letter-spacing:-0.01em;}
.photo-upload-list .p-sec .p-item .p-top .tit:before {content:""; display:block; position:absolute; top:9px; left:0; width:3px; height:3px; background-color:#4d4d4d; border-radius:3px;}
.photo-upload-list .p-sec .p-item .p-top .form-input {font-size:16px;}
.photo-upload-list .p-sec .p-item .p-thumb {position:relative; display:block; border-radius:8px; overflow:hidden;}
.photo-upload-list .p-sec .p-item .p-thumb:before {content:""; display:block; padding-top:58.334%;}
.photo-upload-list .p-sec .p-item .p-thumb:after {content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; background-image:url('../images/ico/bg-photo-upload.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:50px auto; border:2px dashed #ebebeb; border-radius:8px;}
.photo-upload-list .p-sec .p-item .p-thumb img {position:absolute; top:50%; left:50%; width:100%; height:100%; transform:translate(-50%, -50%); vertical-align:middle; object-fit:cover; z-index:1;}
.photo-upload-list .p-sec .p-item .p-thumb .btn-photh-del {opacity:.8; display:block; position:absolute; top:10px; right:10px; width:28px; height:28px; background-color:rgba(0, 0, 0, .45); background-image:url('../images/ico/ico-photh-del.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:13px auto; border:none; border-radius:30px; overflow:hidden; z-index:1; transition:opacity .15s ease-out;}
.photo-upload-list .p-sec .p-item .p-txt {position:absolute; top:0; left:0; display:flex; align-items:center; justify-content:center; padding:5px 10px; color:#fff; font-size:15px; font-weight:500; line-height:130%; letter-spacing:-0.01em; text-align:center; background-color:rgba(0, 0, 0, .7);}
.photo-upload-list .p-sec .btn-file-upload {margin-top:7px;}
.photo-upload-list.type-thumbnail .p-sec .p-item .p-thumb:before {padding-top:100%;}
.photo-upload-list.type-view .p-sec {width:100%;}
.photo-upload-list.type-IDphoto {margin-right:0; margin-bottom:0;}
.photo-upload-list.type-IDphoto .p-sec {width:150px; padding-right:0; padding-bottom:0;}
.photo-upload-list.type-IDphoto .p-sec .p-item .p-thumb:before {padding-top:133.505%;}
.photo-upload-more {margin-top:13px; margin-bottom:5px; text-align:center;}
.btn-photo-more {display:inline-flex; align-items:center; justify-content:center; min-width:85px; height:40px; padding:5px 15px; color:#fff; font-size:16px; font-weight:500; line-height:140%; letter-spacing:-0.01em; text-align:center; white-space:nowrap; background-color:#495bd3; border:1px solid #495bd3; border-radius:6px; overflow:hidden; transition:color .15s ease-out, background .15s ease-out, border .15s ease-out;}
.btn-photo-more span {line-height:140%;}
.btn-photo-more em {margin-top:1px; margin-left:5px; color:#959595; font-size:15px; font-weight:400; line-height:140%;}
.btn-photo-more i {margin-left:3px; line-height:140%;}
.btn-function {display:inline-flex; align-items:center; justify-content:center; height:30px; padding:5px 10px; color:#fff; font-size:15px; font-weight:600; line-height:130%; letter-spacing:-0.01em; text-align:center; white-space:nowrap; background-color:#495bd3; border:1px solid #495bd3; border-radius:6px; overflow:hidden; transition:color .15s ease-out, background .15s ease-out, border .15s ease-out;}
.btn-function span {line-height:130%;}
.btn-function i {margin-right:2px; line-height:130%;}
.btn-function span + i {margin-right:0; margin-left:2px;}

@media (max-width:1279px) {
.photo-upload-list .p-sec {width:25%;}
}

@media (max-width:1023px) {
.photo-upload-list .p-sec {width:33.32%;}
}

@media (max-width:767px) {
.btn-file-upload {height:38px; font-size:14px;}
.photo-upload-list .p-sec {width:50%;}
.photo-upload-list .p-sec .p-item .p-top .tit {padding-left:8px; font-size:14px;}
.photo-upload-list .p-sec .p-item .p-top .tit:before {top:8px;}
.photo-upload-list .p-sec .p-item .p-thumb:after {background-size:40px auto;}
.photo-upload-list .p-sec .p-item .p-thumb .btn-photh-del {opacity:1; top:6px; right:6px; width:24px; height:24px; background-size:10px auto;}
.photo-upload-list.type-IDphoto .p-sec {width:130px;}
.btn-function {height:24px; padding:3px 8px; font-size:13px; border-radius:4px;}
}

/* member-intro-box */
.member-intro-box {position:relative; margin-bottom:50px; padding:40px 50px 40px 260px; background-color:#fff; border:1px solid #e6e6e6; border-radius:15px;}
.member-intro-box:before {content:""; display:block; position:absolute; top:50%; left:60px; width:160px; height:160px; margin-top:-80px; background-color:#f5f5ff; background-image:url('../images/ico/ico-member-intro.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:80px auto; border-radius:150px;}
.member-intro-box .mb-tit {margin-bottom:12px; color:#1a1a1a; font-size:23px; font-weight:700; line-height:140%; letter-spacing:-0.01em;}
.member-intro-box .mb-tit strong {color:#3c40cf; font-weight:700;}
.member-intro-box .mb-desc {position:relative;}
.member-intro-box .mb-desc li {position:relative; margin-bottom:6px; padding-left:10px; color:#1a1a1a; font-size:18px; font-weight:500; line-height:140%; letter-spacing:-0.01em;}
.member-intro-box .mb-desc li:last-child {margin-bottom:0;}
.member-intro-box .mb-desc li:before {content:""; display:block; position:absolute; top:10px; left:0; width:3px; height:3px; background-color:#565656; border-radius:3px;}
.join-input {width:100%; height:56px; padding:15px 15px; color:#1a1a1a; font-size:20px; font-weight:500; line-height:140%; letter-spacing:-0.01em; background-color:#fff; border:1px solid #cfcfcf; border-radius:8px; outline:0; transition:border .15s ease; appearance:none;}
.join-input:focus {border:1px solid #3f4ca5;}
.join-input::-webkit-input-placeholder {color:#b6b6b6; font-weight:400;}
.join-input:-ms-input-placeholder {color:#b6b6b6; font-weight:400;}
.join-input::placeholder {color:#b6b6b6; font-weight:400;}
.join-input:read-only {background-color:#f8f8f8; border-color:#e9e9e9;}
.join-input[readonly='readonly'] {background-color:#f8f8f8; border-color:#e9e9e9;}
.join-form-area {position:relative; text-align:center;}
.join-form-title {margin-bottom:30px; color:#1a1a1a; font-size:20px; font-weight:600; line-height:140%; letter-spacing:-0.01em;}
.join-form-box {position:relative;}
.join-form-inline {position:relative; display:flex; flex-wrap:nowrap; -webkit-box-flex:1; -webkit-flex:1; flex:1;  max-width:500px; margin-right:auto; margin-left:auto; margin-bottom:-8px;}
.join-form-inline .join-form-item {display:flex; flex-wrap:wrap; align-items:center; width:100%; padding-right:4px; padding-bottom:8px; padding-left:4px;}
.join-form-inline .join-form-item.fix {width:auto; -webkit-flex-shrink:0; flex-shrink:0;}
.join-form-inline .join-form-item.line {padding-right:0; padding-left:0;}
.join-form-inline .join-form-item.line-fix {width:auto; -webkit-flex-shrink:0; flex-shrink:0;}
.join-form-noti {margin-top:50px; padding:30px 40px; background-color:#f8f8f8; border-radius:12px;}
.join-form-noti ul {max-width:100%; margin-right:auto; margin-left:auto;}
.join-form-noti ul li {position:relative; margin-bottom:3px; padding-left:12px; color:#4e4e4e; font-size:16px; font-weight:400; line-height:140%; letter-spacing:-0.01em; text-align:left;}
.join-form-noti ul li:lsat-child {margin-bottom:0;}
.join-form-noti ul li:before {content:"-"; display:block; position:absolute; top:0; left:0;}
.join-form-area.type-resident .join-form-inline {max-width:420px;}
.btn-area.type-between {margin-top:50px;}

@media (max-width:1023px) {
.member-intro-box {padding:35px 40px 35px 215px;}
.member-intro-box:before {left:40px; width:140px; height:140px; margin-top:-70px; background-size:70px auto;}
.member-intro-box .mb-tit {font-size:22px;}
.member-intro-box .mb-desc li {padding-left:9px; font-size:17px;}
.member-intro-box .mb-desc li:before {top:9px;}
}

@media (max-width:767px) {
.member-intro-box {margin-bottom:25px; padding:100px 25px 25px 25px; border-radius:10px;}
.member-intro-box:before {top:20px; left:50%; width:68px; height:68px; margin-top:0; margin-left:-34px; background-size:33px auto;}
.member-intro-box .mb-tit {margin-bottom:10px; padding:0 5%; font-size:18px; line-height:130%; text-align:center;}
.member-intro-box .mb-desc li {margin-bottom:5px; padding-left:8px; font-size:13px;}
.member-intro-box .mb-desc li:before {top:7px;}
.join-form-title {margin-bottom:18px; padding:0 15%; font-size:15px;}
.join-input {height:42px; padding:10px 10px; font-size:16px; border-radius:6px;}
.join-input::-webkit-input-placeholder {font-size:15px;}
.join-input:-ms-input-placeholder {font-size:15px;}
.join-input::placeholder {font-size:15px;}
.join-form-inline {padding:0 5%;}
.join-form-inline .join-form-item.line-fix {padding-right:2px; padding-left:2px;}
.join-form-noti {margin-top:25px; padding:18px 18px; border-radius:10px;}
.join-form-noti ul li {padding-left:10px; font-size:12px;}
.join-form-area.type-resident .join-form-inline {padding:0 10%;}
.btn-area.type-between {margin-top:25px;}
.btn-area.type-between ul {margin-right:-5px; margin-left:-5px;}
.btn-area.type-between ul li {width:50%; padding-right:5px; padding-left:5px;}
.btn-area.type-between ul li .btn-control {min-width:auto; width:100%; height:48px; padding:10px 15px; font-size:14px; line-height:120%; white-space:normal;}
}

@media (max-width:349px){
.join-input::-webkit-input-placeholder {font-size:13px;}
.join-input:-ms-input-placeholder {font-size:13px;}
.join-input::placeholder {font-size:13px;}
}

/* greeting-wrap */
.greeting-wrap {position:relative; display:flex; flex-direction:row-reverse; margin-top:120px;}
.greeting-wrap .greeting-img {position:relative; display:block; width:40%; margin-top:60px; text-align:right;}
.greeting-wrap .greeting-img img {max-width:100%; width:auto; height:auto; vertical-align:top;}
.greeting-wrap .greeting-area {position:relative; width:60%; padding-right:5%;}
.greeting-wrap .greeting-area .greeting-top {position:relative; margin-bottom:80px;}
.greeting-wrap .greeting-area .greeting-top .g-cate {display:block; margin-bottom:25px; color:#555; font-size:22px; font-weight:500; line-height:140%;}
.greeting-wrap .greeting-area .greeting-top .g-tit {max-width:530px; color:#1a1a1a; font-size:44px; font-weight:700; line-height:130%; letter-spacing:-0.01em;}
.greeting-wrap .greeting-area .greeting-cont .g-txt {margin-top:32px; color:#1a1a1a; font-size:20px; font-weight:300; line-height:160%; letter-spacing:-0.01em;}
.greeting-wrap .greeting-area .greeting-cont .g-txt:first-child {margin-top:0;}
.greeting-wrap .greeting-area .greeting-btm {margin-top:48px; color:#1a1a1a; font-size:22px; font-weight:700; line-height:140%; letter-spacing:-0.015em;}
.greeting-wrap .greeting-area .greeting-btm .sign {margin-left:20px;}

@media (max-width:1023px) {
.greeting-wrap {margin-top:80px;}
.greeting-wrap .greeting-img {margin-top:40px;}
.greeting-wrap .greeting-area {padding-right:3%;}
.greeting-wrap .greeting-area .greeting-top {margin-bottom:40px;}
.greeting-wrap .greeting-area .greeting-top .g-cate {margin-bottom:15px; font-size:18px;}
.greeting-wrap .greeting-area .greeting-top .g-tit {max-width:455px; font-size:38px;}
.greeting-wrap .greeting-area .greeting-cont .g-txt {margin-top:25px; font-size:18px;}
.greeting-wrap .greeting-area .greeting-btm {margin-top:40px; font-size:20px;}
}

@media (max-width:767px) {
.greeting-wrap {margin-top:40px; flex-direction:column; padding-right:2%; padding-left:2%;}
.greeting-wrap .greeting-img {width:auto; max-width:230px; margin-top:0; margin-bottom:15px; text-align:center;}
.greeting-wrap .greeting-area {width:auto; padding-right:0;}
.greeting-wrap .greeting-area .greeting-top {margin-bottom:20px;}
.greeting-wrap .greeting-area .greeting-top .g-cate {margin-bottom:5px; font-size:14px;}
.greeting-wrap .greeting-area .greeting-top .g-tit {max-width:300px; font-size:25px;}
.greeting-wrap .greeting-area .greeting-cont .g-txt {margin-top:12px; font-size:14px;}
.greeting-wrap .greeting-area .greeting-btm {margin-top:20px; font-size:16px;}
.greeting-wrap .greeting-area .greeting-btm .sign {margin-left:10px;}
}

/* history-wrap */
.history-wrap {position:relative; margin-top:80px;}
.history-wrap .history-list {position:relative; border-top:1px solid #333;}
.history-wrap .history-list > li {position:relative; padding-top:50px; padding-bottom:50px; padding-left:290px; border-bottom:1px solid #eee;}
.history-wrap .history-list > li:before {content:""; display:block; position:absolute; top:53px; left:50px; width:20px; height:20px; background:#5054e4; border:5px solid #dcddff; border-radius:50%; box-sizing:border-box; z-index:1;}
.history-wrap .history-list > li:after {content:""; display:block; position:absolute; top:72px; bottom:0; left:60px; width:1px; height:100%; background-color:#7478ff;}
.history-wrap .history-list > li:last-child:after {display:none;}
.history-wrap .history-list > li .h-title {position:absolute; top:34px; left:120px; color:#1a1a1a; font-size:43px; font-weight:700; line-height:130%; letter-spacing:-0.024em;}
.history-wrap .history-list > li .h-desc {position:relative;}
.history-wrap .history-list > li .h-desc .h-sec {display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1;}
.history-wrap .history-list > li .h-desc .h-sec .h-date {-webkit-flex-shrink:0; flex-shrink:0; margin-right:35px; color:#1a1a1a; font-size:18px; font-weight:600; line-height:140%; letter-spacing:-0.01em;}
.history-wrap .history-list > li .h-desc .h-sec .h-cont {display:block; width:100%;}
.history-wrap .history-list > li .h-desc .h-sec .h-cont > ul {position:relative;}
.history-wrap .history-list > li .h-desc .h-sec .h-cont > ul > li {position:relative; margin-bottom:6px; padding-left:10px; color:#1a1a1a; font-size:18px; font-weight:400; line-height:140%; letter-spacing:-0.01em;}
.history-wrap .history-list > li .h-desc .h-sec .h-cont > ul > li:last-child {margin-bottom:0;}
.history-wrap .history-list > li .h-desc .h-sec .h-cont > ul > li:before {content:""; display:block; position:absolute; top:12px; left:0; width:3px; height:3px; background-color:#333; border-radius:50%;}
.history-wrap .history-list > li .h-desc .h-sec .h-cont > ul > li strong {color:#3539c8; font-weight:400;}

@media (max-width:1023px) {
.history-wrap .history-list > li {padding-left:230px;}
.history-wrap .history-list > li:before {left:11px;}
.history-wrap .history-list > li:after {left:20px;}
.history-wrap .history-list > li .h-title {left:70px;}
}

@media (max-width:767px) {
.history-wrap {margin-top:40px;}
.history-wrap .history-list > li {padding-top:20px; padding-bottom:20px; padding-left:35px;}
.history-wrap .history-list > li:before {top:31px; left:0; width:18px; height:18px;}
.history-wrap .history-list > li:after {top:48px; left:9px;}
.history-wrap .history-list > li .h-title {position:relative; top: 0; left:0; font-size:32px;}
.history-wrap .history-list > li .h-desc {margin-top:6px;}
.history-wrap .history-list > li .h-desc .h-sec .h-date {margin-right:15px; font-size:14px;}
.history-wrap .history-list > li .h-desc .h-sec .h-cont > ul > li {margin-bottom:5px; padding-left:8px; font-size:14px;}
.history-wrap .history-list > li .h-desc .h-sec .h-cont > ul > li:before {top:8px;}
}

/* association-list */
@media (min-width:1024px) {
.association-list .as-item .as-link a:hover {background-color:#d9e3f2;}
}
.association-list {position:relative;}
.association-list > ul {display:flex; flex-wrap:wrap; margin-right:-20px; margin-bottom:-20px;}
.association-list > ul > li {width:33.32%; padding-right:20px; padding-bottom:20px;}
.association-list .as-item {position:relative; display:flex; flex-flow:column; justify-content:space-between; height:100%; padding:30px 30px; border:1px solid #e1e1e1; border-radius:12px;}
.association-list .as-item .as-top, .association-list .as-item .as-link {max-width:310px; width:100%; margin-right:auto; margin-left:auto;}
.association-list .as-item .as-top {position:relative;}
.association-list .as-item .as-top .as-tit {position:relative; margin-bottom:20px; padding-left:11px; color:#1a1a1a; font-size:20px; font-weight:600; line-height:130%; letter-spacing:-0.01em;}
.association-list .as-item .as-top .as-tit:before {content:""; display:block; position:absolute; top:4px; left:0; width:3px; height:19px; background:linear-gradient(130deg, #1fa5da, #5271f1);}
.association-list .as-item .as-top .as-info {position:relative;}
.association-list .as-item .as-top .as-info dl {display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; margin-bottom:10px;}
.association-list .as-item .as-top .as-info dl:last-child {margin-bottom:0;}
.association-list .as-item .as-top .as-info dl dt, .association-list .as-item .as-info dl dd {position:relative; color:#1a1a1a; font-size:16px; font-weight:400; line-height:140%;}
.association-list .as-item .as-top .as-info dl dt {position:relative; -webkit-flex-shrink:0; flex-shrink:0; margin-right:8px; padding-left:22px; font-weight:500;}
.association-list .as-item .as-top .as-info dl dt:before {content:""; display:block; position:absolute; top:2px; left:0; width:16px; height:16px; background-repeat:no-repeat; background-position:50% 50%; background-size:16px 16px;}
.association-list .as-item .as-top .as-info dl.address dt:before {background-image:url('../images/ico/ico-flat-loca.png');}
.association-list .as-item .as-top .as-info dl.tel dt:before {background-image:url('../images/ico/ico-flat-tel.png');}
.association-list .as-item .as-top .as-info dl.fax dt:before {background-image:url('../images/ico/ico-flat-fax.png');}
.association-list .as-item .as-top .as-info dl dt:after {content:" : ";}
.association-list .as-item .as-top .as-info dl dd {width:100%;}
.association-list .as-item .as-link {margin-top:20px;}
.association-list .as-item .as-link a {display:flex; align-items:center; justify-content:center; height:50px; padding:8px 10px; color:#5d6b81; font-size:17px; font-weight:600; line-height:140%; letter-spacing:-0.01em; text-align:center; background-color:#e8f1ff; border:none; border-radius:6px; transition:background .15s ease-out;}

@media (max-width:1023px) {
.association-list > ul > li {width:50%;}
.association-list .as-item .as-top, .association-list .as-item .as-link {max-width:100%;}
}

@media (max-width:767px) {
.association-list > ul {margin-right:0; margin-bottom:0;}
.association-list > ul > li {width:100%; margin-bottom:20px; padding-right:0; padding-bottom:0;}
.association-list > ul > li:last-child {margin-bottom:0;}
.association-list .as-item {padding:20px 20px; border-radius:8px;}
.association-list .as-item .as-top .as-tit {margin-bottom:12px; padding-left:9px; font-size:16px;}
.association-list .as-item .as-top .as-tit:before {top:2px; width:2px; height:15px;}
.association-list .as-item .as-top .as-info dl {margin-bottom:8px;}
.association-list .as-item .as-top .as-info dl dt, .association-list .as-item .as-info dl dd {font-size:13px;}
.association-list .as-item .as-top .as-info dl dt {margin-right:5px; padding-left:19px;}
.association-list .as-item .as-top .as-info dl dt:before {top:1px; width:14px; height:14px; background-size:14px 14px;}
.association-list .as-item .as-link {margin-top:15px;}
.association-list .as-item .as-link a {height:41px; font-size:14px;}
}

/* map-info */
.inst-map {position:relative; width:100%; height:240px; border:1px solid #ddd;}
.map-box {width:100%; height:420px; border-radius:12px; overflow:hidden;}
.map-box .customoverlay {position:relative; margin-bottom:45px; padding:5px 10px; text-align:center; background-color:#fff; border:1px solid #ddd; border-radius:4px; box-shadow:1px 1px 3px rgba(0,0,0,.1); overflow:hidden;}
.map-box .customoverlay a {display:block; color:#1a1a1a; font-size:14px; font-weight:600; line-height:130%; font-family:'Pretendard';}
.map-box .customoverlay a:hover {text-decoration:none;}
.map-info {max-width:1000px; margin-top:30px; margin-right:auto; margin-left:auto;}
.map-info .map-tbl {display:table; width:100%;}
.map-info .map-tbl .m-row {display:table-row;}
.map-info .map-tbl .m-row .m-head, .map-info .map-tbl .m-row .m-body {display:table-cell; vertical-align:top;}
.map-info .map-tbl .m-row .m-head {width:auto; padding:10px 10px 10px 7px;}
.map-info .map-tbl .m-row .m-head .tit {display:block; color:#333; font-size:18px; font-weight:500; line-height:140%; white-space:nowrap;}
.map-info .map-tbl .m-row .m-head i {margin-right:3px; color:#606060;}
.map-info .map-tbl .m-row .m-body {width:100%; padding:10px 7px 10px 10px; color:#333; font-size:18px; font-weight:400; line-height:140%;}
.traffic-area {position:relative;}
.traffic-area .traffic-box {margin-bottom:20px;}
.traffic-area .traffic-box:last-child {margin-bottom:0;}
.traffic-area .traffic-box .traffic-title {display:block; color:#333; font-size:18px; font-weight:500; line-height:140%;}
.traffic-area .traffic-box .traffic-list {margin-top:12px;}
.traffic-area .traffic-box .traffic-list > li {display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; margin-bottom:10px;}
.traffic-area .traffic-box .traffic-list > li:last-child {margin-bottom:0;}
.traffic-area .traffic-box .traffic-list > li .ico-traffic {-webkit-flex-shrink:0; flex-shrink:0; display:flex; flex-wrap:wrap; flex-flow:column; align-items:center; justify-content:center; color:#fff; font-size:17px; font-weight:400; line-height:120%;}
.traffic-area .traffic-box .traffic-list > li .ico-traffic[class^="subway-"], .traffic-area .traffic-box .traffic-list > li .ico-traffic[class*="subway-"] {width:23px; height:23px; margin-right:7px; border-radius:19px;}
.traffic-area .traffic-box .traffic-list > li .ico-traffic.subway-line-1 {background-color:#3356b4;}
.traffic-area .traffic-box .traffic-list > li .ico-traffic.subway-line-3 {background-color:#ff8939;}
.traffic-area .traffic-box .traffic-list > li .ico-traffic.subway-line-5 {background-color:#914add;}
.traffic-area .traffic-box .traffic-list > li .ico-traffic[class^="bus-"], .traffic-area .traffic-box .traffic-list > li .ico-traffic[class*="bus-"] {min-width:45px; height:23px; margin-right:7px; padding:0 5px; font-size:17px; border-radius:4px;}
.traffic-area .traffic-box .traffic-list > li .ico-traffic.bus-green {background-color:#5fb73c;}
.traffic-area .traffic-box .traffic-list > li .ico-traffic.bus-blue {background-color:#7182f5;}
.traffic-area .traffic-box .traffic-list > li .ico-traffic.bus-orange {background-color:#f86e55;}
.traffic-area .traffic-box .traffic-list > li .ico-traffic.bus-red {background-color:#ff5f5f;}
.traffic-area .traffic-box .traffic-list > li .t-cont {display:block; width:100%; color:#333; font-size:17px; font-weight:400; line-height:140%;}

@media (max-width:767px){
.map-box {height:240px; border-radius:12px;}
.map-box .customoverlay a {font-size:13px;}
.map-info {margin-top:18px;}
.map-info .map-tbl .m-row .m-head {padding:5px 5px 5px 5px;}
.map-info .map-tbl .m-row .m-head .tit {font-size:14px;}
.map-info .map-tbl .m-row .m-head i {margin-right:1px;}
.map-info .map-tbl .m-row .m-body {padding:5px 5px 5px 8px; font-size:14px;}
.traffic-area {margin-top:1px;}
.traffic-area .traffic-box {margin-bottom:10px;}
.traffic-area .traffic-box .traffic-title {font-size:14px;}
.traffic-area .traffic-box .traffic-list {margin-top:8px;}
.traffic-area .traffic-box .traffic-list > li {margin-bottom:8px;}
.traffic-area .traffic-box .traffic-list > li .t-cont {font-size:13px;}
.traffic-area .traffic-box .traffic-list > li .ico-traffic {font-size:13px;}
.traffic-area .traffic-box .traffic-list > li .ico-traffic[class^="subway-"], .traffic-area .traffic-box .traffic-list > li .ico-traffic[class*="subway-"] {width:19px; height:19px; margin-right:5px;}
.traffic-area .traffic-box .traffic-list > li .ico-traffic[class^="bus-"], .traffic-area .traffic-box .traffic-list > li .ico-traffic[class*="bus-"] {min-width:32px; height:19px; margin-right:5px; font-size:12px; border-radius:4px;}
}

/* division-visual-select */
@media (min-width:1024px){
.division-visual-select .division-area .division-box .division-list li .btn-link:hover {background-color:#2d3ca4;}
.division-visual-select .division-area .division-box.red .division-list li .btn-link:hover {background-color:#d2474a;}
.division-visual-select .division-area .division-box.blue .division-list li .btn-link:hover {background-color:#12194c;}
}
.division-visual-select {display:flex; flex-wrap:wrap; margin-top:25px; margin-right:-20px; margin-left:-20px;}
.division-visual-select .division-area {width:50%; padding-right:20px; padding-left:20px;}
.division-visual-select .division-area .division-box {padding:10% 10%; text-align:center; background-color:#fff; border:1px solid #dfdfdf; border-radius:12px;}
.division-visual-select .division-area .division-box .tit {position:relative; color:#2f2f2f; font-size:30px; font-weight:700; letter-spacing:-0.02em;}
.division-visual-select .division-area .division-box .tit:before {content:""; display:block; width:110px; height:110px; margin:0 auto 20px auto; background-repeat:no-repeat; background-position:50% 50%;}
.division-visual-select .division-area .division-box .tit.interior:before {background-image:url('../images/ico/ico-division-interior.png');}
.division-visual-select .division-area .division-box .tit.overseas:before {background-image:url('../images/ico/ico-division-overseas.png');}
.division-visual-select .division-area .division-box .tit.desk:before {background-image:url('../images/ico/ico-division-desk.png');}
.division-visual-select .division-area .division-box .tit.status:before {background-image:url('../images/ico/ico-division-status.png');}
.division-visual-select .division-area .division-box .division-list {margin:35px 0 0 0; padding:0;}
.division-visual-select .division-area .division-box .division-list li {margin-top:12px;}
.division-visual-select .division-area .division-box .division-list li:first-child {margin-top:0;}
.division-visual-select .division-area .division-box .division-list li select {display:block; width:100%; height:58px; padding:10px 10px; color:#3747b4; font-size:18px; font-weight:400; text-align:center; background-color:transparent; border:1px solid #3747b4; border-radius:6px;}
.division-visual-select .division-area .division-box .division-list li .btn-link {display:block; width:100%; height:60px; line-height:60px; color:#fff; font-size:18px; font-weight:500; text-align:center; background-color:#3747b4; border-radius:6px; overflow:hidden; transition:background .25s ease-out;}
.division-visual-select .division-area .division-box .division-list li .txt {min-height:60px; color:#333; font-size:18px; font-weight:400; letter-spacing:-0.5px; line-height:130%;}
.division-visual-select .division-area .division-box.red {background-color:#fff9f9; border-color:#ffe3e3;}
.division-visual-select .division-area .division-box.blue {background-color:#f5f9ff; border-color:#e0e6ff;}
.division-visual-select .division-area .division-box.red .division-list li select {color:#de3049; border:1px solid #e89c9e;}
.division-visual-select .division-area .division-box.blue .division-list li select {color:#222977; border:1px solid #556098;}
.division-visual-select .division-area .division-box.red .division-list li .btn-link {background-color:#ea595c;}
.division-visual-select .division-area .division-box.blue .division-list li .btn-link {background-color:#1e276c;}
.division-visual-select + .btn-area {margin-top:50px;}

@media (max-width:1023px) {
.division-visual-select .division-area .division-box .tit {font-size:29px;}
.division-visual-select .division-area .division-box .tit:before {width:90px; height:90px; margin-bottom:15px; background-size:90px 90px;}
.division-visual-select .division-area .division-box .division-list li select {font-size:16px;}
.division-visual-select .division-area .division-box .division-list li .btn-link {font-size:16px;}
.division-visual-select .division-area .division-box .division-list li .txt {font-size:16px;}
}

@media (max-width:767px) {
.division-visual-select {margin-top:15px; margin-right:0; margin-left:0;}
.division-visual-select .division-area {width:100%; margin-bottom:20px; padding-right:0; padding-left:0;}
.division-visual-select .division-area:last-child {margin-bottom:0;}
.division-visual-select .division-area .division-box {padding:30px 30px; border-radius:8px;}
.division-visual-select .division-area .division-box .tit {margin:0; font-size:24px;}
.division-visual-select .division-area .division-box .tit:before {width:60px; height:60px; margin-bottom:12px; background-size:60px 60px;}
.division-visual-select .division-area .division-box .division-list {margin:20px 0 0 0;}
.division-visual-select .division-area .division-box .division-list li select {height:48px;}
.division-visual-select .division-area .division-box .division-list li .btn-link {height:50px; line-height:50px;}
.division-visual-select .division-area .division-box .division-list li .txt {min-height:auto; margin-bottom:20px; font-size:14px;}
.division-visual-select + .btn-area {margin-top:30px;}
}

/* modal-wrap */
.modal-wrap {display:block; position:fixed; top:0; right:0; bottom:0; left:0; padding-right:20px; padding-left:20px; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; outline:0; background-color:rgba(0, 0, 0, .75); z-index:10000;}
.modal-wrap .modal-area {opacity:0; transform:translateY(8px); max-width:820px; margin:80px auto; border-radius:8px; overflow:hidden; transition:opacity .3s ease-out, transform .3s ease-out;}
.modal-wrap.on .modal-area {opacity:1; transform:translateY(0px);}
.modal-wrap .modal-area .modal-head {position:relative; display:flex; align-items:center; min-height:58px; padding:15px 70px 15px 30px; background-color:#3747b4; border-radius:8px 8px 0 0;}
.modal-wrap .modal-area .modal-head .modal-title {color:#fff; font-size:24px; font-weight:600; line-height:140%; letter-spacing:-0.024em;}
.modal-wrap .modal-area .modal-cont {position:relative; padding:30px 30px; color:#1a1a1a; font-size:16px; font-weight:400; line-height:160%; letter-spacing:-0.01em; background-color:#fff;}
.modal-wrap .modal-area .modal-foot {position:relative; margin-top:-1px; background-color:#fff; border-top:1px solid #e5e5e5; border-radius:0 0 8px 8px; overflow:hidden;}
.modal-wrap .modal-area .modal-foot .modal-foot-button {display:flex; align-items:center; justify-content:center;}
.modal-wrap .modal-area .modal-foot .modal-foot-button > li {width:100%; border-right:1px solid #e5e5e5;}
.modal-wrap .modal-area .modal-foot .modal-foot-button > li:last-child {border-right:none;}
.modal-wrap .modal-area .modal-foot .modal-foot-button > li .btn-modal-foot {display:flex; align-items:center; justify-content:center; width:100%; height:50px; padding:5px 10px; color:#333; font-size:16px; font-weight:400; line-height:140%; letter-spacing:-0.01em; text-align:center; white-space:nowrap; background-color:#fff; border:none; border-radius:0; overflow:hidden;}
.modal-wrap .btn-modal-close {display:block; position:absolute; top:16px; right:20px; width:30px; height:30px; background-color:transparent; border:none; overflow:hidden;}
.modal-wrap .btn-modal-close:before, .modal-wrap .btn-modal-close:after {content:""; display:block; width:30px; height:2px; background-color:#fff;}
.modal-wrap .btn-modal-close:before {transform:rotate(45deg) translate(1px, 1px);}
.modal-wrap .btn-modal-close:after {transform:rotate(-45deg) translate(1px, 0px);}
.modal-wrap .btn-modal-close:focus, .modal-wrap .btn-modal-close:active {opacity:.7;}
.modal-wrap .modal-area .modal-cont .btn-area {margin-top:25px;}
.modal-wrap .modal-area .modal-cont .btn-area ul li {padding-right:7px; padding-left:7px;}
.modal-wrap .modal-area .modal-cont .btn-area ul li .btn-control {min-width:80px; height:46px; padding:8px 20px; font-size:17px;}
.floor-alert {position:relative; max-width:500px; margin-right:auto; margin-left:auto; font-size:17px; font-weight:400; line-height:140%; background-color:#fff;}
.floor-alert:last-child {margin-bottom:0;}
.floor-alert .floor-tit {position:relative; margin-bottom:10px; color:#1149a8; font-size:22px; font-weight:500; line-height:140%; letter-spacing:-0.014em; text-align:center;}
.floor-alert .floor-txt {position:relative; text-align:center;}
.floor-alert .floor-txt p {margin-bottom:10px; color:#333; font-size:17px; font-weight:400; line-height:160%; letter-spacing:-0.01em;}
.floor-alert .floor-txt p:last-child {margin-bottom:0;}
.floor-alert .floor-sign {position:relative;}
.floor-alert .floor-sign .fs-view {position:relative;}
.floor-alert .floor-sign .fs-view img {max-width:100%; width:auto; height:auto; padding:0 10%; vertical-align:middle;}
.floor-alert .floor-sign .fs-view canvas {display:block; width:100%; height:220px; border:1px solid #e7e7e7; background-color:#fff; background-image:url('../images/comn/sign-background.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:auto 49px;}
.floor-alert .floor-sign .fs-control {display:flex; justify-content:flex-end; margin-bottom:12px; margin-right:-5px; margin-left:-5px;}
.floor-alert .floor-sign .fs-control button {margin:0 5px;}
.floor-alert .floor-sign .fs-view + .fs-control {margin-bottom:0; margin-top:12px;}
.floor-alert .floor-textarea {margin-top:25px;}
.floor-alert .floor-agree {margin-top:25px; padding-top:25px; border-top:1px solid #eee;}
.floor-alert .floor-agree .form-chk-list {justify-content:center; margin-right:-15px; padding:0;}
.floor-alert .floor-agree .form-chk-list .fc-sec {margin-right:15px;}
.floor-alert .floor-agree .form-radio input[type='radio'] + label, .floor-alert .floor-agree .form-check input[type='checkbox'] + label {padding-left:23px; font-size:16px;}
.floor-alert .floor-agree .form-radio input[type='radio'] + label:before, .floor-alert .floor-agree .form-check input[type='checkbox'] + label:before {top:2px; width:18px; height:18px; background-size:18px;}
.modal-wrap .noti-top .n-list {padding:23px 25px;}
.modal-wrap .noti-top .n-list > li {margin-bottom:6px; font-size:18px;}
.modal-wrap .noti-top .n-list > li:last-child {margin-bottom:0;}
.modal-wrap .noti-top .n-list > li.n-tit {margin-bottom:10px; font-size:19px;}
.modal-wrap .noti-top .n-list > li.n-tit.noti .cont:before {width:19px; height:19px; font-size:16px;}
.modal-wrap .noti-top.type-sm {margin-bottom:20px;}
.modal-wrap .noti-top.type-sm .n-list {padding:20px 20px;}
.modal-wrap .noti-top.type-sm .n-list > li {margin-bottom:3px; font-size:16px;}
.modal-wrap .noti-top.type-sm .n-list > li:last-child {margin-bottom:0;}
.modal-wrap .noti-top.type-sm .n-list > li.n-tit {margin-bottom:10px; font-size:17px;}
.modal-wrap .noti-top.type-sm .n-list > li.n-tit.noti .cont:before {width:18px; height:18px; font-size:15px;}
.modal-wrap .calculator-box {max-width:100%; margin-top:0; border:none; border-radius:0;}
.modal-wrap .calculator-box .calculator-noti {margin-bottom:10px; border-radius:12px;}
.modal-wrap .calculator-box .calculator-noti > li {font-size:17px;}
.modal-wrap .calculator-box .calculator-form {padding:0;}
.modal-wrap .calculator-box .calculator-form dl dt, .modal-wrap .calculator-box .calculator-form dl dd {padding:15px 10px; font-size:18px;}
.modal-wrap .calculator-box .calculator-form dl dt {padding-right:25px;}
.modal-wrap .calculator-box .calculator-btn-area {margin-top:25px; margin-bottom:5px; padding:0;}
.modal-wrap .calculator-box .calculator-result {margin-top:30px; padding:15px 25px; border-top:none; border-radius:12px;}
.modal-wrap .calculator-box .calculator-result .result-form dl dt, .modal-wrap .calculator-box .calculator-result .result-form dl dd {font-size:18px;}
.modal-wrap .calculator-box .calculator-result .result-form dl dd .apply-amount {font-size:23px;}
.modal-wrap.type-alert .modal-area {max-width:400px;}
.alert-message {position:relative; display:flex; flex-flow:column; align-items:center; justify-content:center; min-height:130px; padding:15px 10px; text-align:center;}
.alert-message .ico-alert {position:relative; display:block; margin-bottom:13px; line-height:100%;}
.alert-message .ico-alert [class^="ri-"] {color:#dbdbdb; font-size:56px; line-height:100%;}
.alert-message .tit {color:#2b2b2b; font-size:20px; font-weight:500; line-height:130%; letter-spacing:-0.01em;}
.alert-message .txt {color:#2b2b2b; font-size:18px; font-weight:400; line-height:130%; letter-spacing:-0.01em;}
.alert-message .tit + .txt {margin-top:7px; font-size:17px;}
.alert-message .txt strong {font-weight:600;}
.modal-wrap .modal-area .modal-cont .alert-message + .btn-area {margin-top:20px;}
.modal-wrap.success .alert-message .ico-alert [class^="ri-"] {color:#2b71e8;}
.modal-wrap.warning .alert-message .ico-alert [class^="ri-"] {color:#ffb52e;}
.modal-wrap.error .alert-message .ico-alert [class^="ri-"] {color:#fe7777;}

@media (max-width:767px){
.modal-wrap .modal-area {max-width:520px; margin:60px auto;}
.modal-wrap .modal-area .modal-head {min-height:50px; padding:12px 60px 12px 15px;}
.modal-wrap .modal-area .modal-head .modal-title {font-size:18px;}
.modal-wrap .modal-area .modal-cont {padding:20px 15px; font-size:15px;}
.modal-wrap .modal-area .modal-foot .modal-foot-button > li .btn-modal-foot {height:43px; font-size:14px;}
.modal-wrap .btn-modal-close {top:10px; right:15px;}
.modal-wrap .modal-area .modal-cont .btn-area {margin-top:20px;}
.modal-wrap .modal-area .modal-cont .btn-area ul li {padding-right:6px; padding-left:6px;}
.modal-wrap .modal-area .modal-cont .btn-area ul li .btn-control {min-width:65px; height:38px; padding:8px 15px; font-size:15px;}
.floor-alert {font-size:15px;}
.floor-alert .floor-tit {margin-bottom:10px; font-size:20px;}
.floor-alert .floor-txt p {font-size:15px;}
.floor-alert .floor-sign .fs-view canvas {height:170px;}
.floor-alert .floor-sign .fs-control {margin-bottom:10px;}
.floor-alert .floor-sign .fs-view + .fs-control {margin-top:10px;}
.floor-alert .floor-textarea {margin-top:20px;}
.floor-alert .floor-textarea .form-textarea {min-height:120px;}
.floor-alert .floor-agree {margin-top:20px; padding-top:25px;}
.floor-alert .floor-agree .form-chk-list {margin-right:-15px;}
.floor-alert .floor-agree .form-chk-list .fc-sec {margin-right:15px;}
.floor-alert .floor-agree .form-radio input[type='radio'] + label, .floor-alert .floor-agree .form-check input[type='checkbox'] + label {padding-left:21px; font-size:15px;}
.floor-alert .floor-agree .form-radio input[type='radio'] + label:before, .floor-alert .floor-agree .form-check input[type='checkbox'] + label:before {width:17px; height:17px; background-size:17px;}
.modal-wrap .floor-alert {padding:5px 5px 0 5px;}
.modal-wrap .noti-top .n-list {padding:16px 15px;}
.modal-wrap .noti-top .n-list > li {margin-bottom:5px; font-size:15px;}
.modal-wrap .noti-top .n-list > li.n-tit {margin-bottom:8px; font-size:16px;}
.modal-wrap .noti-top .n-list > li.n-tit.noti .cont:before {width:15px; height:15px; margin-right:4px; font-size:13px; transform:translateY(-1px);}
.modal-wrap .noti-top.type-sm {margin-bottom:10px;}
.modal-wrap .noti-top.type-sm .n-list {padding:16px 15px;}
.modal-wrap .noti-top.type-sm .n-list > li {margin-bottom:2px; font-size:14px;}
.modal-wrap .noti-top.type-sm .n-list > li.n-tit {margin-bottom:8px; font-size:15px;}
.modal-wrap .noti-top.type-sm .n-list > li.n-tit.noti .cont:before {width:15px; height:15px; margin-right:4px; font-size:13px; transform:translateY(-1px);}
.modal-wrap .calculator-box .calculator-noti {margin-bottom:15px; border-radius:10px;}
.modal-wrap .calculator-box .calculator-noti > li {font-size:14px;}
.modal-wrap .calculator-box .calculator-form dl dt, .modal-wrap .calculator-box .calculator-form dl dd {padding:0; font-size:15px;}
.modal-wrap .calculator-box .calculator-btn-area {margin-top:20px; margin-bottom:5px;}
.modal-wrap .calculator-box .calculator-result {margin-top:20px; padding:10px 18px; border-radius:10px;}
.modal-wrap .calculator-box .calculator-result .result-form dl dt, .modal-wrap .calculator-box .calculator-result .result-form dl dd {font-size:15px;}
.modal-wrap .calculator-box .calculator-result .result-form dl dd .apply-amount {font-size:21px;}
.modal-wrap.type-alert .modal-area {max-width:280px;}
.alert-message {min-height:100px; padding:10px 10px;}
.alert-message .ico-alert {margin-bottom:8px;}
.alert-message .ico-alert [class^="ri-"] {font-size:48px;}
.alert-message .tit {font-size:17px;}
.alert-message .txt {font-size:14px;}
.alert-message .tit + .txt {margin-top:5px; font-size:14px;}
.modal-wrap .modal-area .modal-cont .alert-message + .btn-area {margin-top:15px;}
}

@media (max-width:350px) {
.btn-calculator {font-size:14px;}
.modal-wrap .calculator-box .calculator-result .result-form dl dd .apply-amount {font-size:19px;}
}

/* loading-layer */
.loading-layer {position:fixed; top:0; left:0; display:none; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7); z-index:10000;}
.loading-layer .inner {display:table-cell; vertical-align:middle;}
.loading-layer .inner .l-box {width:210px; margin:0 auto; padding:25px 10px; text-align:center; background-color:#fff; overflow:hidden; border-radius:15px;}
.loading-layer .inner .l-box .txt {display:block; margin-top:10px; color:#535353; font-size:16px; font-weight:500;}
.dim-loading {position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; display: flex; align-items:center; justify-content:center; background-color:rgba(255, 255, 255, .75);}

/* popup-wrap */
.popup-wrap {position:absolute; top:100px; left:80px; box-shadow:1px 1px 10px rgba(0, 0, 0, .15); z-index:999;}
.popup-wrap .popup-header {padding:13px 15px; background-color:#1165e2;}
.popup-wrap .popup-header .popup-title {color:#fff; font-size:21px; font-weight:600; line-height:140%; font-family:'Pretendard', '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, Tahoma, Geneva, sans-serif;}
.popup-wrap .popup-body {position:relative; color:#1a1a1a; font-size:18px; font-weight:400; line-height:140%; background-color:#fff; font-family:'Pretendard', '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, Tahoma, Geneva, sans-serif;}
.popup-wrap .popup-body img {max-width:100%; width:auto; height:auto; vertical-align:top;}
.popup-wrap .popup-footer {display:flex; align-items:center; justify-content:space-between; padding:10px 15px; background-color:#fff; border:1px solid #e0e0e0; overflow:hidden;}
.popup-wrap .popup-footer .popup-check {position:relative; display:inline-flex; align-items:center; justify-content:center; font-size:0;}
.popup-wrap .popup-footer .popup-check input[type='checkbox'] {display:none;}
.popup-wrap .popup-footer .popup-check input[type='checkbox'] + label {position:relative; display:inline-flex; align-items:center; justify-content:center; padding-left:25px; color:#2b2b2b; font-size:16px; font-weight:400; line-height:140%; letter-spacing:-0.01em;}
.popup-wrap .popup-footer .popup-check input[type='checkbox']:disabled + label {opacity:.7;}
.popup-wrap .popup-footer .popup-check input[type='checkbox'] + label:before {content:""; display:inline-flex; align-items:center; justify-content:center; position:absolute; top:1px; left:0; width:18px; height:18px; background-image:url('../images/ico/ico-chk-off.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:18px 18px; transition:background .15s ease; overflow:hidden;}
.popup-wrap .popup-footer .popup-check input[type='checkbox']:checked + label:before {background-image:url('../images/ico/ico-chk-on.png');}
.popup-wrap .popup-footer .btn-popup-close {display:block; padding:4px 12px; color:#333; font-size:16px; font-weight:400; line-height:140%; background-color:transparent; border:1px solid #ddd; border-radius:6px; outline:0; overflow:hidden; font-family:'Pretendard', '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, Tahoma, Geneva, sans-serif;}

@media screen and (max-width: 1200px) {
.popup-wrap {left:60px; max-width:370px;}
}

@media (max-width:767px) {
.popup-wrap {top:100px !important; right:30px !important; left:30px !important; max-width:310px; margin-right:auto; margin-left:auto;}
.popup-wrap .popup-header {padding:12px 15px;}
.popup-wrap .popup-header .popup-title {font-size:16px;}
.popup-wrap .popup-footer {padding:8px 15px;}
.popup-wrap .popup-footer .popup-check input[type='checkbox'] + label:before {width:18px; height:18px; background-size:18px 18px;}
.popup-wrap .popup-footer .popup-check input[type='checkbox'] + label {padding-left:24px; font-size:15px;}
.popup-wrap .popup-footer .btn-popup-close {font-size:15px;}
}

/* footer */
@media (min-width:1024px) {
#footer .inner .link-list li a:hover {color:#1a1a1a;}
#footer .inner .link-list li a:hover strong {color:#1a1a1a;}
#footer .inner .family-site .fs-list ul li a:hover {color:#333;}
}
#footer {position:relative; max-width:2110px; margin-right:auto; margin-left:auto; padding:40px 4.15%; background-color:#f9fafc;}
#footer .inner {position:relative; max-width:100%; margin-right:auto; margin-left:auto; padding-right:250px;}
#footer .inner .link-list {display:flex; flex-wrap:wrap; justify-content:flex-start; margin-bottom:10px;}
#footer .inner .link-list li {position:relative; display:inline-flex; padding-right:20px; padding-bottom:5px; padding-left:20px;}
#footer .inner .link-list li:first-child {padding-left:0;}
#footer .inner .link-list li:last-child {padding-right:0;}
#footer .inner .link-list li:before {content:"/"; display:block; position:absolute; top:0; right:-3px; color:#d8d8d8; font-weight:300; line-height:140%;}
#footer .inner .link-list li:last-child:before {display:none;}
#footer .inner .link-list li a {color:#555; font-size:16px; font-weight:500; line-height:140%; letter-spacing:-0.01em; transition:color .15s ease-out;}
#footer .inner .link-list li a strong {color:#555; font-weight:700; transition:color .15s ease-out;}
#footer .inner .address {display:flex; flex-wrap:wrap; justify-content:flex-start; max-width:800px;}
#footer .inner .address span {position:relative; padding-right:30px; padding-bottom:5px; color:#555; font-size:16px; font-weight:500; line-height:140%; letter-spacing:-0.01em;}
#footer .inner .address span:last-child {padding-right:0;}
#footer .inner .address span:before {content:"/"; display:block; position:absolute; top:0; right:11px; color:#d8d8d8; font-weight:300; line-height:140%;}
#footer .inner .address span:last-child:before {display:none;}
#footer .inner .address span.line-none:before {display:none; padding-right:0;}
#footer .inner .copyright {display:block; color:#555; font-size:14px; font-weight:400; line-height:140%; letter-spacing:-0.01em; text-align:left;}
#footer .inner .family-site {position:absolute; top:0; right:0;}
#footer .inner .family-site .btn-fs-open {position:relative; display:block; min-width:215px; height:56px; padding:16px 40px 16px 20px; color:#555; font-size:16px; font-weight:500; line-height:140%; text-align:left; white-space:nowrap; background-color:transparent; border:1px solid #d8d8d8; border-radius:4px;}
#footer .inner .family-site .btn-fs-open:after {content:""; display:block; position:absolute; top:50%; right:20px; width:10px; height:6px; margin-top:-3px; background-image:url('../images/ico/ico-down-arr.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:10px 6px; transition:transform .15s ease-out;}
#footer .inner .family-site.on .btn-fs-open:after {transform:rotate(-180deg);}
#footer .inner .family-site .fs-list {display:none; position:absolute; bottom:55px; left:0; width:100%; z-index:1;}
#footer .inner .family-site .fs-list ul {max-height:235px; background-color:#fff; border:1px solid #eee; border-radius:6px; overflow-y:auto;}
#footer .inner .family-site .fs-list ul li {border-top:1px solid #eee;}
#footer .inner .family-site .fs-list ul li:first-child {border-top:none;}
#footer .inner .family-site .fs-list ul li a {display:block; padding:15px 20px; color:#767676; font-size:15px; font-weight:500; line-height:140%; transition:color .15s ease-out;}

@media (max-width:1023px) {
#footer {padding:40px 40px;}
#footer .inner {padding-right:0;}
#footer .inner .link-list {justify-content:center; margin-bottom:15px;}
#footer .inner .address {justify-content:center; margin:0 auto 10px auto; text-align:center;}
#footer .inner .copyright {text-align:center;}
#footer .inner .family-site {position:relative; max-width:280px; margin-top:30px; margin-right:auto; margin-left:auto;}
#footer .inner .family-site .btn-fs-open {height:52px; padding:14px 40px 14px 20px;}
}

@media (max-width:767px) {
#footer {padding:30px 20px;}
#footer .inner .link-list {margin-bottom:10px;}
#footer .inner .link-list li {padding-right:10px; padding-left:10px;}
#footer .inner .link-list li:before {top:-2px; right:-3px;}
#footer .inner .link-list li a {font-size:13px;}
#footer .inner .address {margin-bottom:5px;}
#footer .inner .address span {padding-right:10px; padding-left:10px; font-size:13px;}
#footer .inner .address span:first-child {padding-left:0;}
#footer .inner .address span:before {top:0; right:-2px;}
#footer .inner .address span.m-block {display:block; width:100%; padding-right:0;}
#footer .inner .address span.m-block:before {display:none;}
#footer .inner .address span.line-m-none {padding-right:0;}
#footer .inner .address span.line-m-none:before {display:none; padding-right:0;}
#footer .inner .copyright {padding-right:3%; padding-left:3%; font-size:12px;}
#footer .inner .family-site {max-width:240px; margin-top:20px;}
#footer .inner .family-site .btn-fs-open {height:40px; padding:10px 40px 10px 15px; font-size:13px;}
#footer .inner .family-site .fs-list {bottom:48px;}
#footer .inner .family-site .fs-list ul li a {padding:12px 15px; font-size:13px;}
}

/* contract-tbl-wrap */
.contract-tbl-wrap {max-width:880px; margin:0 auto; padding:30px 30px; background-color:#fff; border:1px solid #e3e3e3; border-top:2px solid #717171; overflow-y:hidden; overflow-x:auto; -webkit-overflow-scrolling:touch; overflow-scrolling:touch;}
.contract-tbl-area {width:750px; margin:30px auto 0 auto; padding:20px 0;}
.contract-tbl-area:first-child {margin-top:0;}
.contract-tbl-area .contract-tbl-head {word-break:keep-all;}
.contract-tbl-area .contract-tbl-head input[type='checkbox'], .contract-tbl-area .contract-tbl-head input[type='radio'] {vertical-align:middle;}
.contract-tbl-area .contract-tbl-body {margin-top:10px; overflow:hidden;}
.contract-tbl-area .contract-tbl-body table {width:100%; border-collapse:collapse; border-spacing:0; word-break:break-all;}
.contract-tbl-area .contract-tbl-body table th {padding:5px 5px; color:#000; font-size:12px; font-weight:600; text-align:center; white-space:nowrap; border:1px solid #000; background:#f5f5f5 !important;}
.contract-tbl-area .contract-tbl-body table td {padding:5px 10px; color:#000; font-size:12px; font-weight:500; border:1px solid #000; background-color:#fff !important;}
.contract-tbl-area .contract-tbl-body table td input {height:24px; padding:0 5px; color:#000; margin:0; font-size:12px; vertical-align:middle;}
.contract-tbl-area .contract-tbl-body table td select {height:24px; color:#000; font-size:12px; vertical-align:middle;}
.contract-tbl-area .contract-tbl-body table td strong {font-weight:700;}
.contract-tbl-area .contract-tbl-body table td label {margin:0; padding:0; font-weight:500;}
.contract-tbl-area .c-tbl-num {margin:0; color:#000; font-size:13px; font-weight:500; text-align:left;}
.contract-tbl-area .c-tbl-tit {margin:0; color:#000; font-size:30px; font-weight:700; text-align:center; letter-spacing:-0.02em;}
.contract-tbl-area .c-tbl-tit span {font-weight:500;}
.contract-tbl-area .c-tbl-txt {margin:15px 0 0 0; color:#000; font-size:13px; font-weight:500;}
.contract-tbl-area .c-tbl-noti {margin:6px 0 0 0; color:#000; font-size:12px; font-weight:500;}
.contract-tbl-area .c-tbl-list {margin:15px 0 0 0;}
.contract-tbl-area .c-tbl-list li {position:relative; margin-top:5px; padding-left:6px; color:#000; font-size:12px; font-weight:500; line-height:130%;}
.contract-tbl-area .c-tbl-list li:first-child {margin-top:0;}
.contract-tbl-area .c-tbl-list li:before {content:""; display:block; position:absolute; top:6px; left:0; width:3px; height:3px; background-color:#484848;}
.contract-tbl-area.form-basic input[type='text'] {visibility:hidden;}
.contract-tbl-area.form-basic select {visibility:hidden;}
.contract-tbl-area .terms-tbl-body {overflow:hidden;}
.contract-tbl-area .terms-tbl-body table {width:100%; border-collapse:collapse; border-spacing:0; word-break:break-all;}
.contract-tbl-area .terms-tbl-body table .top-title {position:relative; padding:15px 0;}
.contract-tbl-area .terms-tbl-body table .top-title .terms-tit {margin:0; padding:0; color:#000; font-size:20px; font-weight:bold;}
.contract-tbl-area .terms-tbl-body table .top-title .terms-info {position:absolute; top:-15px; right:0; display:block; color:#333; font-size:10px; font-weight:normal; text-align:center; line-height:110%;}
.contract-tbl-area .terms-tbl-body table .top-title .terms-info img {display:block; width:50px; height:50px; margin:0 auto; vertical-align:top;}
.contract-tbl-area .terms-tbl-body table th {padding:10px 10px; color:#000; font-size:10px; font-weight:bold; line-height:110%; border:1px solid transparent; border-bottom:1px solid #000; vertical-align:top;}
.contract-tbl-area .terms-tbl-body table td {padding:10px 10px; color:#000; font-size:10px; font-weight:normal; line-height:110%; border:1px solid #000; vertical-align:top;}
.contract-tbl-area .terms-tbl-body table td dl {margin:6px 0 0 0; padding:0;}
.contract-tbl-area .terms-tbl-body table td dl:first-child {margin:0;}
.contract-tbl-area .terms-tbl-body table td dl dt {margin:0 0 1px 0; padding:0; color:#000; font-size:10px; font-weight:bold; line-height:120%;}
.contract-tbl-area .terms-tbl-body table td dl dd {margin:0; padding:0; color:#000; font-size:10px; font-weight:normal; line-height:120%;}
.contract-tbl-area .terms-tbl-body table td dl dd ul {margin:0; padding:0;}
.contract-tbl-area .terms-tbl-body table td dl dd ul li {position:relative; margin:0; padding-left:12px; line-height:120%;}
.contract-tbl-area .terms-tbl-body table td dl dd ul li .num {position:absolute; top:-1px; left:0;}
.contract-tbl-area .terms-tbl-body table td dl.d-inline dt {display:inline;}
.contract-tbl-area .terms-tbl-body table td dl.d-inline dd {display:inline;}

@media print {
.contract-tbl-area {page-break-after:always; -webkit-print-color-adjust:exact; -webkit-text-size-adjust:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.btn-area {display:none;}
}

/* consent-area */
.consent-area {margin-top:60px; text-align:center;}
.consent-area .img {display:block;}
.consent-area .img img {max-width:100%; width:auto; height:auto; vertical-align:top;}
.consent-area .form-check {margin-top:35px;}
.consent-area .form-check.txt input[type='checkbox'] + label {padding-left:26px; color:#1a1a1a; font-weight:500;}
.consent-area .form-check.txt input[type='checkbox'] + label:before {top:1px;}
.consent-area .btn-list-box {display:flex; justify-content:center; margin:35px auto 0 auto;}
.consent-area .btn-list-box.type01 {max-width:570px;}
.consent-area .btn-list-box.type02 {max-width:570px;}
.consent-area .btn-list-box li {width:50%;}
.consent-area .btn-list-box li a {position:relative; display:flex; align-items:center; justify-content:center; height:100%; margin-right:-1px; padding:15px 10px; color:#4f4f4f; font-size:16px; font-weight:400; letter-spacing:-0.01em; text-align:center; border:1px solid #d6d6d6;}
.consent-area .btn-list-box li a:hover {text-decoration:none;}
.consent-area .btn-list-box li:first-child a {border-right:1px solid #e3e3e3;}
.consent-area .btn-list-box li a:before {content:""; display:inline-block; margin:0 5px 2px 0; background-repeat:no-repeat; background-position:50% 50%; vertical-align:middle;}
.consent-area .btn-list-box li.down a:before {width:17px; height:16px; background-image:url('../images/ico/btn-list-down.png');}
.consent-area .btn-list-box li.link a:before {width:18px; height:17px; background-image:url('../images/ico/btn-list-link.png');}

@media (max-width:1023px) {
.consent-area .btn-list-box.type01 {max-width:400px;}
.consent-area .btn-list-box.type02 {max-width:400px;}
.consent-area .btn-list-box li a {padding:12px 10px; font-size:15px;}
.consent-area .btn-list-box li.down a:before {background-image:url('../images/ico/btn-list-down-02.png'); background-size:17px 16px;}
.consent-area .btn-list-box li.link a:before {background-image:url('../images/ico/btn-list-link-02.png'); background-size:18px 17px;}
}

@media (max-width:767px) {
.consent-area {margin-top:30px;}
.consent-area .img img {max-width:220px;}
.consent-area .form-check {margin-top:20px; padding:0 30px; word-break:break-all;}
.consent-area .form-check.txt {max-width:330px; margin-right:auto; margin-left:auto; text-align:left;}
.consent-area .form-check.txt input[type='checkbox'] + label {padding-left:22px; font-size:12px;}
.consent-area .form-check.txt input[type='checkbox'] + label:before {top:-1px;}
.consent-area .form-check input[type='checkbox'] + label::before {top:-1px; margin:0; background-size:14px 14px;}
.consent-area .btn-list-box {margin:20px auto 0 auto;}
.consent-area .btn-list-box.type01 {max-width:220px;}
.consent-area .btn-list-box.type01 li {width:100%;}
.consent-area .btn-list-box li a {padding:10px 10px; font-size:12px;}
.consent-area .btn-list-box li.down a:before {width:14px; height:13px; background-size:14px 13px;}
.consent-area .btn-list-box li.link a:before {width:15px; height:14px; background-size:15px 14px;}
}


.btn-icon-star {position:relative; display:inline-block; margin:0 4px; color:#bfbfbf; font-size:16px; font-weight:normal; vertical-align:middle;}
.btn-icon-star i {color:#bfbfbf;}
.btn-icon-star .i_txt {display:block; overflow:hidden; position:absolute; top:-1000em; left:0;}
.btn-icon-star.on {color:#ffca00;}
.btn-icon-star.on i {color:#ffca00;}
.btn-icon-letter {position:relative; display:inline-block; margin:0 4px; color:#bfbfbf; font-size:16px; font-weight:normal; vertical-align:middle;}
.btn-icon-letter i {color:#bfbfbf;}
.btn-icon-letter .i_txt {display:block; overflow:hidden; position:absolute; top:-1000em; left:0;}
.btn-icon-letter.on {color:#ffca00;}
.btn-icon-letter.on i {color:#ffca00;}
.btn-icon-delete {position:relative; display:inline-block; margin:0 4px; color:#bfbfbf; font-size:16px; font-weight:normal; vertical-align:middle;}
.btn-icon-delete i {color:#bfbfbf;}
.btn-icon-delete .i_txt {display:block; overflow:hidden; position:absolute; top:-1000em; left:0;}

/* hotel-comprehensive-insurance */
@media (min-width:1024px) {
.download-list > ul > li .dl-box .dl-link .btn-down:hover {background-color:#e6e6e6;}
}
.paragraph-wrap {position:relative;}
.product-desc-area {display:flex; align-items:center; justify-content:center; margin-top:20px; padding:45px 45px; background-color:#fff; border:1px solid #e7e7e7; border-radius:12px;}
.product-desc-area .product-desc-box {display:flex; align-items:center; justify-content:center;}
.product-desc-area .product-desc-box .product-desc-txt {position:relative; display:flex; align-items:center; justify-content:center; width:250px; height:250px; padding:15px 15px; color:#fff; font-size:18px; font-weight:500; line-height:140%; letter-spacing:-0.01em; text-align:center; background-color:#6063d7; border:12px solid #edeeff; border-radius:220px;}
.product-desc-area .product-desc-list {position:relative; padding-left:100px;}
.product-desc-area .product-desc-list:before {content:""; display:block; position:absolute; top:35px; left:51px; bottom:35px; border-right:1px dashed #dfdfdf;}
.product-desc-area .product-desc-list:after {content:""; display:block; position:absolute; top:50%; left:0; width:50px; border-bottom:1px dashed #dfdfdf;}
.product-desc-area .product-desc-list > li {position:relative; margin-bottom:18px;}
.product-desc-area .product-desc-list > li:last-child {margin-bottom:0;}
.product-desc-area .product-desc-list > li:before {content:""; display:block; position:absolute; top:50%; left:-50px; width:50px; border-bottom:1px dashed #dfdfdf;}
.product-desc-area .product-desc-list > li:after {content:""; display:block; position:absolute; top:50%; left:-55px; width:10px; height:10px; margin-top:-6px; background-color:#fff; border:2px solid #dfdfdf; border-radius:50%; z-index:1;}
.product-desc-area .product-desc-list > li > dl {position:relative; padding:15px 25px 15px 70px; background-color:#f7f9ff; border:1px solid #d1d9f0; border-radius:80px;}
.product-desc-area .product-desc-list > li > dl:before {content:""; display:block; position:absolute; top:23px; left:23px; width:32px; height:32px; background-repeat:no-repeat; background-position:50% 50%; background-size:32px 32px;}
.product-desc-area .product-desc-list > li:nth-child(1) > dl:before {background-image:url('../images/ico/ico-product-basic.png');}
.product-desc-area .product-desc-list > li:nth-child(2) > dl:before {background-image:url('../images/ico/ico-product-select.png');}
.product-desc-area .product-desc-list > li:nth-child(3) > dl:before {background-image:url('../images/ico/ico-product-comprehensive.png');}
.product-desc-area .product-desc-list > li > dl dt, .product-desc-area .product-desc-list > li > dl dd {color:#353535; font-size:17px; font-weight:400; line-height:140%; letter-spacing:-0.01em;}
.product-desc-area .product-desc-list > li > dl dt {margin-bottom:5px; font-weight:600;}
.product-desc-area .product-desc-list > li:nth-child(3) > dl {background-color:#f7f8ff; border-color:#6568d4;}
.product-desc-area .product-desc-list > li:nth-child(3) > dl dt, .product-desc-area .product-desc-list > li:nth-child(3) > dl dd {color:#4043b9;}
.product-desc-area .product-desc-list > li:nth-child(3) > dl dd {letter-spacing:-0.024em;}
.collateral-desc-area {position:relative; display:flex; align-items:center; justify-content:center; flex-flow:column; margin:5% 0 6% 0;}
.collateral-desc-area .collateral-desc-box {display:flex; align-items:center; justify-content:center; width:380px; height:380px; background-color:#fff; border:1px dashed #6f71c7; border-radius:50%;}
.collateral-desc-area .collateral-desc-box .collateral-desc-txt {position:relative; display:flex; align-items:center; justify-content:center; flex-flow:column; width:200px; height:200px; padding:15px 15px 20px 15px; color:#40429c; font-size:18px; font-weight:500; line-height:140%; letter-spacing:-0.01em; text-align:center; background-color:#fff; border:12px solid #f3f4ff; border-radius:50%;}
.collateral-desc-area .collateral-desc-box .collateral-desc-txt:before {content:""; display:block; width:53px; height:52px; margin-right:auto; margin-bottom:8px; margin-left:auto; background-image:url('../images/ico/ico-collateral-hotel.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:53px 52px;}
.collateral-desc-area .collateral-desc-list {position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%;}
.collateral-desc-area .collateral-desc-list > li {position:absolute; width:50%; top:50%;}
.collateral-desc-area .collateral-desc-list > li:nth-child(1), .collateral-desc-area .collateral-desc-list > li:nth-child(3) {left:0; padding-right:8%; text-align:right;}
.collateral-desc-area .collateral-desc-list > li:nth-child(2), .collateral-desc-area .collateral-desc-list > li:nth-child(4) {right:0; padding-left:8%; text-align:left;}
.collateral-desc-area .collateral-desc-list > li:nth-child(1), .collateral-desc-area .collateral-desc-list > li:nth-child(2) {margin-top:-180px;}
.collateral-desc-area .collateral-desc-list > li:nth-child(3), .collateral-desc-area .collateral-desc-list > li:nth-child(4) {margin-top:100px;}
.collateral-desc-area .collateral-desc-list > li > dl {position:relative; padding:5px 15px;}
.collateral-desc-area .collateral-desc-list > li > dl:before {content:""; display:block; position:absolute; top:0; width:80px; height:80px; background-repeat:no-repeat; background-position:50% 50%; background-size:44px 44px; border-radius:50%;}
.collateral-desc-area .collateral-desc-list > li:nth-child(1) > dl:before {background-image:url('../images/ico/ico-collateral-property.png');}
.collateral-desc-area .collateral-desc-list > li:nth-child(2) > dl:before {background-image:url('../images/ico/ico-collateral-machine.png');}
.collateral-desc-area .collateral-desc-list > li:nth-child(3) > dl:before {background-image:url('../images/ico/ico-collateral-interruption.png');}
.collateral-desc-area .collateral-desc-list > li:nth-child(4) > dl:before {background-image:url('../images/ico/ico-collateral-compensation.png');}
.collateral-desc-area .collateral-desc-list > li:nth-child(1) > dl:before, .collateral-desc-area .collateral-desc-list > li:nth-child(4) > dl:before {background-color:#3f75d7;}
.collateral-desc-area .collateral-desc-list > li:nth-child(2) > dl:before, .collateral-desc-area .collateral-desc-list > li:nth-child(3) > dl:before {background-color:#494cc3;}
.collateral-desc-area .collateral-desc-list > li:nth-child(1) > dl, .collateral-desc-area .collateral-desc-list > li:nth-child(3) > dl {padding-right:95px;}
.collateral-desc-area .collateral-desc-list > li:nth-child(1) > dl:before, .collateral-desc-area .collateral-desc-list > li:nth-child(3) > dl:before {right:0;}
.collateral-desc-area .collateral-desc-list > li:nth-child(2) > dl, .collateral-desc-area .collateral-desc-list > li:nth-child(4) > dl {padding-left:95px;}
.collateral-desc-area .collateral-desc-list > li:nth-child(2) > dl:before, .collateral-desc-area .collateral-desc-list > li:nth-child(4) > dl:before {left:0;}
.collateral-desc-area .collateral-desc-list > li > dl dt, .collateral-desc-area .collateral-desc-list > li > dl dd {color:#1a1a1a; font-size:17px; font-weight:400; line-height:140%; letter-spacing:-0.01em;}
.collateral-desc-area .collateral-desc-list > li > dl dt {margin-bottom:5px; font-weight:600;}
.collateral-desc-area .collateral-desc-list > li:nth-child(1) > dl dt, .collateral-desc-area .collateral-desc-list > li:nth-child(4) > dl dt {color:#3f75d7;}
.collateral-desc-area .collateral-desc-list > li:nth-child(2) > dl dt, .collateral-desc-area .collateral-desc-list > li:nth-child(3) > dl dt {color:#494cc3;}
.collateral-desc-area .collateral-desc-list > li > dl dd {font-size:16px;}
.features-desc-area {position:relative;}
.features-desc-area .features-desc-list {display:flex; flex-wrap:wrap; margin-right:-25px; margin-bottom:-25px;}
.features-desc-area .features-desc-list > li {width:33.32%; padding-right:25px; padding-bottom:25px;}
.features-desc-area .features-desc-list > li .f-box {position:relative; display:flex; align-items:center; justify-content:center; height:100%; min-height:220px; margin-top:7px; padding:30px 15px; border:1px solid #e0e0e0; border-radius:12px;}
.features-desc-area .features-desc-list > li .f-box:before {content:""; display:flex; align-items:center; justify-content:center; position:absolute; top:-16px; left:21px; padding:0 8px; color:#d3d3d3; font-size:29px; font-weight:900; line-height:120%; letter-spacing:-0.01em; text-align:center; background-color:#fff;}
.features-desc-area .features-desc-list > li:nth-child(1) .f-box:before {content:"01";}
.features-desc-area .features-desc-list > li:nth-child(2) .f-box:before {content:"02";}
.features-desc-area .features-desc-list > li:nth-child(3) .f-box:before {content:"03";}
.features-desc-area .features-desc-list > li .f-box .f-txt {position:relative; margin-right:auto; margin-left:auto; color:#1a1a1a; font-size:16px; font-weight:400; line-height:140%; letter-spacing:-0.01em; text-align:center;}
.features-desc-area .features-desc-list > li .f-box .f-txt:before {content:""; display:block; width:60px; height:60px; margin-right:auto; margin-bottom:15px; margin-left:auto; background-repeat:no-repeat; background-position:50% 50%; background-size:60px 60px;}
.features-desc-area .features-desc-list > li:nth-child(1) .f-box .f-txt:before {background-image:url('../images/ico/ico-features-contract.png');}
.features-desc-area .features-desc-list > li:nth-child(2) .f-box .f-txt:before {background-image:url('../images/ico/ico-features-reduction.png');}
.features-desc-area .features-desc-list > li:nth-child(3) .f-box .f-txt:before {background-image:url('../images/ico/ico-features-collateral.png');}
.download-list {position:relative;}
.download-list > ul {border-top:2px solid #717171;}
.download-list > ul > li {padding:13px 10px; border-bottom:1px solid #ddd;}
.download-list > ul > li .dl-box {position:relative; display:block; min-height:35px; padding-right:160px;}
.download-list > ul > li .dl-box .dl-info {position:relative;}
.download-list > ul > li .dl-box .dl-info .tit {display:block; padding:6px 0; color:#1a1a1a; font-size:17px; font-weight:500; line-height:140%; letter-spacing:-0.01em;}
.download-list > ul > li .dl-box .dl-link {position:absolute; top:0; right:10px;}
.download-list > ul > li .dl-box .dl-link .btn-down {display:inline-flex; align-items:center; justify-content:center; height:35px; padding:0 12px; color:#333; font-size:15px; font-weight:500; line-height:130%; letter-spacing:-0.01em; text-align:center; white-space:nowrap; background-color:#f3f3f3; border:1px solid #f3f3f3; border-radius:4px; overflow:hidden; transition:color .15s ease-out, background .15s ease-out, border .15s ease-out;}
.download-list > ul > li .dl-box .dl-link .btn-down:before {content:""; display:block; width:17px; height:16px; margin-right:7px; background-image:url('../images/ico/ico-file-download.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:17px 16px;}
.download-list > ul > li .dl-box .dl-link .btn-down:hover {text-decoration:none;}
.download-list > ul > li .dl-box .dl-link .btn-down:disabled {opacity:.55; cursor:auto;}
.counseling-desc-area {position:relative;}
.counseling-desc-area .counseling-desc-cont {position:relative; display:flex; align-items:center; justify-content:center; flex-flow:column; padding:35px 35px; border:1px solid #d7d7d7; border-radius:10px;}
.counseling-desc-area .counseling-desc-cont .counseling-desc-box {position:relative; width:100%;}
.counseling-desc-area .counseling-desc-cont .counseling-desc-box .c-tit {position:relative; max-width:850px; padding-left:17px; color:#1a1a1a; font-size:17px; font-weight:400; line-height:160%; letter-spacing:-0.01em;}
.counseling-desc-area .counseling-desc-cont .counseling-desc-box .c-tit:before {content:""; display:block; position:absolute; top:7px; left:0; width:12px; height:10px; background-image:url('../images/ico/ico-bul-arr.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:12px 10px;}
.counseling-desc-area .counseling-desc-cont .counseling-desc-box .c-tit strong {color:#222d79; font-weight:500;}
.counseling-desc-area .counseling-desc-cont .counseling-desc-hours {position:relative; width:100%; margin-top:30px; padding:30px 15px 0 15px; border-top:1px dashed #cbcbcb;}
.counseling-desc-area .counseling-desc-cont .counseling-desc-hours .c-noti {display:block; color:#1a1a1a; font-size:16px; font-weight:400; line-height:150%; letter-spacing:-0.01em;}
.counseling-desc-area .counseling-desc-cont .counseling-desc-hours .c-highlight {position:relative; display:inline-flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; margin-top:15px; padding:10px 20px; color:#465098; font-size:16px; font-weight:500; line-height:140%; letter-spacing:-0.01em; background-color:#f4f6ff; border:1px solid #fff; border-radius:100px;}
.counseling-desc-area .counseling-desc-cont .counseling-desc-hours .c-highlight .tit {position:relative; -webkit-flex-shrink:0; flex-shrink:0; display:block; margin-right:4px; padding-left:26px; line-height:140%;}
.counseling-desc-area .counseling-desc-cont .counseling-desc-hours .c-highlight .tit:before {content:""; display:block; position:absolute; top:1px; left:0; width:22px; height:19px; margin-right:5px; background-image:url('../images/ico/ico-counseling-line.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:22px 19px;}
.counseling-desc-area .counseling-desc-cont .counseling-desc-hours .c-highlight .txt {display:block; width:100%; line-height:140%;}
.counseling-desc-area .counseling-desc-cont .counseling-desc-hours .counseling-desc-info {margin-top:20px;}
.counseling-desc-area .counseling-desc-cont .counseling-desc-hours .counseling-desc-info > li {position:relative; margin-bottom:5px; padding-left:8px; color:#4c4c4c; font-size:15px; font-weight:400; line-height:140%; letter-spacing:-0.024em;}
.counseling-desc-area .counseling-desc-cont .counseling-desc-hours .counseling-desc-info > li:last-child {margin-bottom:0;}
.counseling-desc-area .counseling-desc-cont .counseling-desc-hours .counseling-desc-info > li:before {content:""; display:block; position:absolute; top:9px; left:0; width:3px; height:3px; background-color:#949494; border-radius:50%;}
.counseling-desc-area .counseling-desc-cont .counseling-desc-hours .counseling-desc-info > li .line {padding:0 3px; color:#c3c3c3; font-weight:100;}
.counseling-desc-list {position:relative; margin-top:20px;}
.counseling-desc-list > ul {display:flex; flex-wrap:wrap; margin-right:-25px;}
.counseling-desc-list > ul > li {width:50%; padding-right:25px;}
.counseling-desc-item {position:relative; height:100%; padding:25px 25px; background-color:#fafafa; border:1px solid #f2f2f2; border-radius:10px;}
.counseling-desc-item .c-title {position:relative; display:block; color:#484848; font-size:16px; font-weight:500; line-height:130%; letter-spacing:-0.01em;}
.counseling-desc-item .c-info {position:relative; max-width:100%; margin-top:15px; margin-right:auto; margin-left:auto; padding-top:15px; border-top:1px solid #e8e8e8;}
.counseling-desc-item .c-info dl {display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; margin-bottom:7px;}
.counseling-desc-item .c-info dl:last-child {margin-bottom:0;}
.counseling-desc-item .c-info dl dt, .counseling-desc-item .c-info dl dd {position:relative; color:#444; font-size:15px; font-weight:400; line-height:140%; word-break:break-all; text-align:left;}
.counseling-desc-item .c-info dl dt {-webkit-flex-shrink:0; flex-shrink:0; margin-right:6px; padding-left:22px;}
.counseling-desc-item .c-info dl dt:before {content:""; display:block; position:absolute; top:3px; left:0; width:16px; height:16px; background-repeat:no-repeat; background-position:50% 50%; background-size:16px 16px;}
.counseling-desc-item .c-info dl:first-child dt {letter-spacing:-0.028em;}
.counseling-desc-item .c-info dl.tel dt:before {background-image:url('../images/ico/ico-flat-tel.png');}
.counseling-desc-item .c-info dl.email dt:before {background-image:url('../images/ico/ico-flat-email.png');}
.counseling-desc-item .c-info dl dd {width:100%;}
.counseling-desc-item.type-navy {background-color:#f4f6ff; border:1px solid #f4f6ff;}
.counseling-desc-item.type-navy .c-title {color:#465098;}
.counseling-desc-item.type-navy .c-info {border-top-color:#d8dced;}
.counseling-desc-item.type-navy .c-info dl dt, .counseling-desc-item.type-navy .c-info dl dd {color:#64677a;}

@media (max-width:1023px) {
.product-desc-area {flex-flow:column;}
.product-desc-area .product-desc-box .product-desc-txt {width:auto; height:auto; padding:15px 35px; border-width:7px;}
.product-desc-area .product-desc-list {padding-top:30px; padding-left:0;}
.product-desc-area .product-desc-list:before {bottom:auto; top:0; left:50%; height:30px;}
.product-desc-area .product-desc-list:after {display:none;}
.product-desc-area .product-desc-list > li:before {top:-15px; left:50%; width:auto; height:15px; border-bottom:0; border-right:1px dashed #dfdfdf;}
.product-desc-area .product-desc-list > li:after {display:none;}
.product-desc-area .product-desc-list > li > dl {border-radius:8px;}
.collateral-desc-area .collateral-desc-box {width:360px; height:360px;}
.collateral-desc-area .collateral-desc-list > li:nth-child(1), .collateral-desc-area .collateral-desc-list > li:nth-child(3) {padding-right:8%;}
.collateral-desc-area .collateral-desc-list > li:nth-child(2), .collateral-desc-area .collateral-desc-list > li:nth-child(4) {padding-left:8%;}
.collateral-desc-area .collateral-desc-list > li > dl dt, .collateral-desc-area .collateral-desc-list > li > dl dd {font-size:16px;}
.collateral-desc-area .collateral-desc-list > li > dl dd {font-size:15px;}

}

@media (max-width:767px) {
.product-desc-area {margin-top:0; padding:20px 20px;}
.product-desc-area .product-desc-box .product-desc-txt {font-size:14px; padding:12px 30px; border-width:5px;}
.product-desc-area .product-desc-list {padding-top:15px;}
.product-desc-area .product-desc-list:before {height:15px;}
.product-desc-area .product-desc-list > li {margin-bottom:12px;}
.product-desc-area .product-desc-list > li:before {top:-12px; height:12px;}
.product-desc-area .product-desc-list > li > dl {padding:15px 15px 15px 58px;}
.product-desc-area .product-desc-list > li > dl:before {top:21px; left:18px; width:28px; height:28px; background-size:28px 28px;}
.product-desc-area .product-desc-list > li > dl dt, .product-desc-area .product-desc-list > li > dl dd {font-size:14px;}
.product-desc-area .product-desc-list > li > dl dt {margin-bottom:3px;}
.product-desc-area .product-desc-list > li > dl dd {font-size:13px;}
.collateral-desc-area {margin:0;}
.collateral-desc-area .collateral-desc-box {display:none; width:260px; height:260px;}
.collateral-desc-area .collateral-desc-box .collateral-desc-txt {width:140px; height:140px; font-size:15px; border-width:8px;}
.collateral-desc-area .collateral-desc-box .collateral-desc-txt:before {width:41px; height:40px; margin-bottom:5px; background-size:41px 40px;}
.collateral-desc-area .collateral-desc-list {position:static;}
.collateral-desc-area .collateral-desc-list > li {position:static; display:flex; align-items:center; width:auto; min-height:95px; padding:15px 15px; border:1px solid #e0e0e0; border-bottom:none;}
.collateral-desc-area .collateral-desc-list > li:first-child {border-radius:12px 12px 0 0;}
.collateral-desc-area .collateral-desc-list > li:last-child {border-bottom:1px solid #e0e0e0; border-radius:0 0 12px 12px;}
.collateral-desc-area .collateral-desc-list > li:nth-child(1), .collateral-desc-area .collateral-desc-list > li:nth-child(3) {padding-right:15px; text-align:left;}
.collateral-desc-area .collateral-desc-list > li:nth-child(2), .collateral-desc-area .collateral-desc-list > li:nth-child(4) {padding-left:15px; text-align:left;}
.collateral-desc-area .collateral-desc-list > li:nth-child(1) > dl, .collateral-desc-area .collateral-desc-list > li:nth-child(3) > dl {padding-right:0; padding-left:57px;}
.collateral-desc-area .collateral-desc-list > li:nth-child(1) > dl:before, .collateral-desc-area .collateral-desc-list > li:nth-child(3) > dl:before {right:auto; left:0;}
.collateral-desc-area .collateral-desc-list > li:nth-child(2) > dl, .collateral-desc-area .collateral-desc-list > li:nth-child(4) > dl {padding-left:57px;}
.collateral-desc-area .collateral-desc-list > li > dl {padding:4px 5px;}
.collateral-desc-area .collateral-desc-list > li:nth-child(1), .collateral-desc-area .collateral-desc-list > li:nth-child(2) {margin-top:0;}
.collateral-desc-area .collateral-desc-list > li:nth-child(3), .collateral-desc-area .collateral-desc-list > li:nth-child(4) {margin-top:0;}
.collateral-desc-area .collateral-desc-list > li > dl:before {width:48px; height:48px; background-size:30px 30px;}
.collateral-desc-area .collateral-desc-list > li > dl dt, .collateral-desc-area .collateral-desc-list > li > dl dd {font-size:14px;}
.collateral-desc-area .collateral-desc-list > li > dl dt {margin-bottom:2px;}
.collateral-desc-area .collateral-desc-list > li:nth-child(3) > dl:before {background-color:#3f75d7;}
.collateral-desc-area .collateral-desc-list > li:nth-child(3) > dl dt {color:#3f75d7;}
.collateral-desc-area .collateral-desc-list > li:nth-child(4) > dl:before {background-color:#494cc3;}
.collateral-desc-area .collateral-desc-list > li:nth-child(4) > dl dt {color:#494cc3;}
.collateral-desc-area .collateral-desc-list > li > dl dd {font-size:13px;}
.features-desc-area .features-desc-list {margin-right:0; margin-bottom:0;}
.features-desc-area .features-desc-list > li {width:100%; margin-bottom:20px; padding-right:0; padding-bottom:0;}
.features-desc-area .features-desc-list > li:last-child {margin-bottom:0;}
.features-desc-area .features-desc-list > li .f-box {min-height:170px; padding:20px 20px;}
.features-desc-area .features-desc-list > li .f-box:before {top:-16px; left:15px; padding:0 6px; font-size:25px;}
.features-desc-area .features-desc-list > li .f-box .f-txt {font-size:13px;}
.features-desc-area .features-desc-list > li .f-box .f-txt:before {width:50px; height:50px; margin-bottom:10px; background-size:50px 50px;}
.download-list > ul > li {padding:12px 5px;}
.download-list > ul > li .dl-box {min-height:31px; padding-right:130px;}
.download-list > ul > li .dl-box .dl-info .tit {padding:5px 0; font-size:15px;}
.download-list > ul > li .dl-box .dl-link {right:0;}
.download-list > ul > li .dl-box .dl-link .btn-down {height:31px; padding:0 10px; font-size:14px;}
.download-list > ul > li .dl-box .dl-link .btn-down:before {width:15px; height:14px; margin-right:5px; background-size:15px 14px;}
.counseling-desc-area .counseling-desc-cont {padding:20px 20px;}
.counseling-desc-area .counseling-desc-cont .counseling-desc-box .c-tit {padding-left:15px; font-size:14px; line-height:150%;}
.counseling-desc-area .counseling-desc-cont .counseling-desc-box .c-tit:before {top:7px; width:10px; height:8px; background-size:10px 8px;}
.counseling-desc-area .counseling-desc-cont .counseling-desc-hours {margin-top:20px; padding:20px 1px 0 1px;}
.counseling-desc-area .counseling-desc-cont .counseling-desc-hours .c-noti {font-size:13px;}
.counseling-desc-area .counseling-desc-cont .counseling-desc-hours .c-highlight {margin-top:10px; font-size:13px;}
.counseling-desc-area .counseling-desc-cont .counseling-desc-hours .c-highlight .tit {padding-left:24px;}
.counseling-desc-area .counseling-desc-cont .counseling-desc-hours .c-highlight .tit:before {width:20px; height:17px; background-size:20px 17px;}
.counseling-desc-area .counseling-desc-cont .counseling-desc-hours .counseling-desc-info {margin-top:13px;}
.counseling-desc-area .counseling-desc-cont .counseling-desc-hours .counseling-desc-info > li {margin-bottom:5px; padding-left:6px; font-size:12px;}
.counseling-desc-area .counseling-desc-cont .counseling-desc-hours .counseling-desc-info > li:before {top:6px;}
.counseling-desc-list {margin-top:15px;}
.counseling-desc-list > ul {margin-right:0;}
.counseling-desc-list > ul > li {width:100%; margin-bottom:12px; padding-right:0;}
.counseling-desc-list > ul > li:last-child {margin-bottom:0;}
.counseling-desc-item {padding:15px 15px;}
.counseling-desc-item .c-title {font-size:13px;}
.counseling-desc-item .c-info {margin-top:10px; padding-top:12px;}
.counseling-desc-item .c-info dl dt, .counseling-desc-item .c-info dl dd {font-size:13px;}
.counseling-desc-item .c-info dl dt {padding-left:19px;}
.counseling-desc-item .c-info dl dt:before {top:2px; width:14px; height:14px; background-size:14px 14px;}
}