@charset "UTF-8";
/*------------------------------------------------------------------------------
    파일정의 : 서브콘텐츠 스타일
    분류순서 : @공통화면, @메뉴명
    속성순서 : 태그속성, 레이아웃, 사이징, 박스모양, 문단모양, 글자모양, 기타모양
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
    @공통화면
------------------------------------------------------------------------------*/
/* keyframe */
@keyframes twinkle01 {
    0%{opacity:0;}
    50%{opacity:1;}
    100%{opacity:0;}
}

/* 링크 */
.link-txt, .link-txt:link, .link-txt:visited, .link-txt:hover, .link-txt:active {display:inline-block; text-decoration:underline; color:#0065E8;}
.link-icon-txt {display:inline-block;}
.link-icon-txt span {display:inline-block; vertical-align:middle;}
.link-icon-txt i {display:inline-block; vertical-align:middle; margin-left:3px; color:#118AB2;}
.link-icon-txt:hover span {text-decoration:underline; color:#118AB2;}
.link-ico {display:inline-block; vertical-align:middle; text-align:center;}
.link-ico i {display:inline-block; vertical-align:top; border-radius:50%; width:1.5em; height:1.5em; line-height:1.5; color:#118AB2;}
.link-ico:hover i {background-color:#118ab2; color:#fff;}
.link-btn {display:inline-block; position:relative; overflow:hidden; height:28px; padding:0 12px; /*background-color:#0065E8;*/}
.link-btn span {vertical-align:top; position:relative; font-weight:400; font-size:0.875rem; line-height:28px; letter-spacing:0; color:#fff;}
.link-btn i {display:inline-block; vertical-align:top; font-size:1.25rem; line-height:28px; color:#fff;}
.link-btn span + i {margin-left:8px;}
.link-btn i + span {margin-left:8px;}

/* 박스 */
.db01 {position:relative; margin:30px 0; border-radius:12px; background-color:#E9F4FF;}
.db01 .txt-box {padding:30px;}
.db01 .txt-box p {margin:0 auto; font-weight:400; font-size:1.125rem; line-height:1.6667; letter-spacing:0; color:#434343;}
.db01 .txt-box p b {font-weight:500; color:#0065E8;}
.db01 .tbl-box {display:table; table-layout:fixed; border-spacing:54px 0; width:100%; padding:30px 0;}
.db01 .tbl-box > div {display:table-cell; font-weight:400; font-size:1.125rem; line-height:1.6667; letter-spacing:0; color:#434343;}
.db01 .tbl-box > div > p > b {font-weight:500; color:#0065E8;}
.db01 .tbl-box > div.icon {/*width:120px;*/ text-align:center;}
.db01 .tbl-box > div.icon > span {display:inline-block; /*width:120px; height:120px; line-height:120px;*/}
.db01 .tbl-box > div.icon > span > img {vertical-align:middle;}
.db02 {position:relative; margin-top:23px; margin-bottom:23px; background-color:#F3F8FF;}
.db02.rad {border-radius:12px;}
.db02 .txt-box {padding:20px;}
.db02 .txt-box p {margin:0 auto; font-weight:400; font-size:1rem; line-height:1.5; letter-spacing:0; color:#333;}
.db02 .txt-box p > b {font-weight:500;}
.db02 .txt-box > p {margin-bottom:10px;}
.db02 .txt-box > div > p + p {margin-top:5px;}
.db02 .tbl-box {display:table; table-layout:fixed; border-spacing:22px 0; width:100%; padding:30px 2px;}
.db02 .tbl-box > div {display:table-cell; font-weight:400; font-size:1rem; line-height:1.625; letter-spacing:-0.05em; color:#434343;}
.db02 .tbl-box > div > p > b {font-weight:500;}
.db02 .tbl-box > div > p.tit {margin-bottom:10px; font-weight:700; font-size:1.125rem; line-height:1.5; letter-spacing:-0.05em; color:#0065E8;}
.db02 .tbl-box > div.icon {width:80px; text-align:center;}
.db02 .tbl-box > div.icon > span {display:inline-block; width:80px; height:80px; border-radius:50%; background-color:#fff; line-height:80px;}
.db02 .tbl-box > div.icon > span > img {vertical-align:middle;}
.db02 .tbl-box .button-box {margin-top:8px;}
.db03 {position:relative; margin:25px 0; border:1px solid #E1E1E1; border-radius:12px; background-color:#F3F8FF;}
.db03 .txt-box {padding:30px;}
.db03 .txt-box p {margin:0 auto; font-weight:400; font-size:1rem; line-height:1.5; letter-spacing:0; color:#434343;}
.db03 .tbl-box {display:table; table-layout:fixed; border-spacing:55px 0; width:100%; padding:45px 0 43px 0;}
.db03 .tbl-box > div {display:table-cell; font-size:0;}
.db03 .tbl-box > div p {font-weight:400; font-size:1rem; line-height:1.5; letter-spacing:0; color:#434343;}
.db03 .tbl-box > div .tit {margin-bottom:24px; font-weight:700; font-size:1.5rem; line-height:1.5; letter-spacing:-0.05em; color:#005DAB;}
.db03 .tbl-box > div .dh02 {display:inline-block; margin-bottom:0;}
.db03 .tbl-box > div .dh02 + .dh02 {margin-left:32px;}
.db03 .tbl-box > div .dh02 > span {font-weight:500; font-size:1rem; line-height:1.5; letter-spacing:-0.025em; color:#434343;}
.db03 .tbl-box > div.icon {text-align:center;}
.db03 .tbl-box > div.icon > span {display:inline-block;}
.db03 .tbl-box > div.icon > span > img {vertical-align:middle;}
.db04 {position:relative; overflow:hidden; padding:55px 9.9593% 96px 10.6707%; border:1px solid #E1E1E1; border-radius:12px; text-align:center;}
.db04::before {content:url(../imgs/common/deco-line01.png); position:absolute; top:-52px; right:-32px;}
.db04::after {content:url(../imgs/common/deco-line02.png); position:absolute; bottom:-53px; left:-31px;}

.grid-box {padding:10px; margin:24px 0 38px 0; border:1px solid #eee; background:url(../imgs/common/grid-bg.png) repeat 0 0; text-align:center;}
.grid-box img {vertical-align:middle;}

.consent-box {}
.consent-box .scroll-box {max-height:200px; padding:20px; margin-bottom:20px; border:1px solid #CFD8DC; border-radius:12px;}

.mCS-consent-scroll-box-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:3px; background-color:#424242;}
.mCS-consent-scroll-box-theme.mCSB_scrollTools .mCSB_draggerRail {width:3px; background-color:transparent;}

/* 텍스트 */
.cont-box-txt > * + div {margin-top:14px;}
.cont-box-txt p {margin-top:10px; margin-bottom:10px;}
.cont-box-txt p.tit {font-weight:500; font-size:1rem; line-height:1.5; letter-spacing:-0.05em; color:#434343;}
.cont-box-txt.bul p {margin-top:5px; margin-bottom:5px;}
.cont-box-txt .bul .bul {margin-top:10px; margin-bottom:10px;}
.cont-box-txt .bul .bul > p {margin-top:5px; margin-bottom:5px;}
.cont-box-txt .bul > li {margin-top:10px; margin-bottom:10px;}
.cont-box-txt .dh03 {margin:2px auto;}
.cont-box-txt .dh03 > span {font-size:inherit; line-height:1.7143;}

/* 이미지 */
.cont-box-img {}
.cont-box-img figure {margin-top:32px; margin-bottom:32px;}
.cont-box-img .frame {padding:48px; border:1px solid #E1E1E1; border-radius:12px; background-color:#fff; text-align:center;}
.cont-box-img.img-list {margin:0 -8px; font-size:0;}
.cont-box-img.img-list figure {display:inline-block; vertical-align:top; /*width:calc((100% - 24px)/4);*/ margin-right:4px; margin-left:4px; text-align:center;}
/* .cont-box-img.img-list figure + figure {margin-left:7.9999px;} */
.cont-box-img.img-list figure img {border:1px solid #E1E1E1;}
.cont-box-img.img-list figure figcaption {margin-top:10px; font-weight:400; font-size:1rem; line-height:1.5; letter-spacing:-0.05em; color:#434343;}

@media (max-width:1389px) {

}

@media (max-width:765px) {
    .db01 .tbl-box {display:block; padding:25px;}
    .db01 .tbl-box > div {display:block; margin:0 auto;}
    .db01 .tbl-box > div.icon {margin-top:25px; margin-bottom:25px;}
    .db01 .tbl-box > div + div {margin-top:20px;}
    .db02 .tbl-box {display:block; padding:25px;}
    .db02 .tbl-box > div {display:block; margin:0 auto;}
    .db02 .tbl-box > div.icon {margin-top:25px; margin-bottom:25px;}
    .db02 .tbl-box > div + div {margin-top:20px;}
    .db03 .tbl-box {display:block; padding:25px;}
    .db03 .tbl-box > div {display:block; margin:0 auto;}
    .db03 .tbl-box > div .tit {text-align:center;}
    .db03 .tbl-box > div .dh02 {display:block;}
    .db03 .tbl-box > div .dh02 + .dh02 {margin-top:10px; margin-left:0;}
    .db03 .tbl-box > div.icon {margin-top:25px; margin-bottom:25px;}
    .db03 .tbl-box > div + div {margin-top:20px;}
    .db04 {padding-top:120px; padding-bottom:120px;}
}

/*------------------------------------------------------------------------------
    @KOIPA소개
------------------------------------------------------------------------------*/
/* 인사말 */
.greeting-wrap {}
.greeting-wrap .greeting-head {position:relative; margin-bottom:44px;}
.greeting-wrap .greeting-head figure img {width:100%;}
.greeting-wrap .greeting-head figcaption {position:absolute; top:100%; right:0; margin-top:14px; text-align:right;}
.greeting-wrap .greeting-head figcaption span {display:block; font-weight:500; font-size:1rem; line-height:2; letter-spacing:-0.05em; color:#434343;}
.greeting-wrap .greeting-head figcaption span b {font-weight:700; font-size:1.375rem; line-height:2rem;}
.greeting-wrap .greeting-body {padding-bottom:125px; background:url(../imgs/menu01/greeting-bg.png) no-repeat right 12px bottom 0;}
.greeting-wrap .greeting-body p {max-width:832px; font-weight:400; font-size:1rem; line-height:1.625; letter-spacing:-0.05em; color:#434343;}
.greeting-wrap .greeting-body p span {display:inline-block;}
.greeting-wrap .greeting-body p span b {font-weight:700;}

@media (max-width:1389px) {

}

@media (max-width:765px) {
    .greeting-wrap .greeting-head figcaption span {display:inline;}
    .greeting-wrap .greeting-body {padding-top:10px; padding-bottom:230px;}
    .greeting-wrap .greeting-body p span {display:inline;}
}

/* 	설립목적 및 연혁 */
.purpose-wrap {}
.purpose-wrap .purpose-list {list-style:none; padding:0; margin:0; margin-top:38px; text-align:center; font-size:0;}
.purpose-wrap .purpose-list > li {display:inline-block; vertical-align:top; width:calc((100% - 60px)/4); padding:29px 2% 22px 2%; border-radius:20px; background-color:#F3F8FF;}
.purpose-wrap .purpose-list > li + li {margin-left:19.9999px;}
.purpose-wrap .purpose-list > li > span {display:table; table-layout:fixed; width:100%; font-weight:500; font-size:1rem; line-height:1.5; letter-spacing:-0.05em; color:#0065E8}
.purpose-wrap .purpose-list > li > span > span {display:table-cell; vertical-align:middle;}
.purpose-wrap .purpose-list > li > span.ico {height:124px; margin-bottom:9px;}
.purpose-wrap .purpose-list > li > span.txt {height:48px;}

.history-wrap {}
.history-wrap .history-nav {border:1px solid #B0BEC5; border-radius:20px; background-color:#fff; transition:all 0.5s;}
.history-wrap .history-nav-list {display:table; table-layout:fixed; width:100%; text-align:center; font-size:0;}
.history-wrap .history-nav-list li {display:table-cell; vertical-align:middle; padding:19px;}
.history-wrap .history-nav-list li a {display:inline-block; position:relative; padding:0 6px;}
.history-wrap .history-nav-list li a span {font-weight:400; font-size:1.125rem; line-height:1.5; letter-spacing:-0.05em; color:#434343;}
.history-wrap .history-cont {padding:50px 6.0976% 33px 6.0976%; background:url(../imgs/menu01/history-repeat-bg.png) repeat-y right top; transition:all 0.5s;}
.history-wrap .history-cont-list {}
.history-wrap .history-cont-list > li {}
.history-wrap .history-cont-list > li > div {}
.history-wrap .history-cont-list .years {display:inline-block; width:110px; height:110px; border:10px solid #CEF1FF; border-radius:50%; background:#0065E8 linear-gradient(to bottom, #0065E8, #0099DB); text-align:center; font-weight:700; font-size:1.125rem; line-height:90px; letter-spacing:-0.05em; color:#fff;}
.history-wrap .history-cont-list dl {position:relative; padding:34px 85px 55px 85px; margin-left:55px; border-left:1px dashed #B0BEC5;}
.history-wrap .history-cont-list dl dt {/*position:relative;*/ float:left; width:55px; margin-left:-188px;}
.history-wrap .history-cont-list dl dt ~ dt {margin-top:40px;}
.history-wrap .history-cont-list dl dt::before {content:""; position:absolute; /*top:50%; left:100%;*/ /*top:calc(34px + 1.125rem);*/ left:0; width:73px; margin-top:1.125rem; border-top:1px solid #B0BEC5;}
.history-wrap .history-cont-list dl dt::after {content:""; position:absolute; /*top:calc(34px + 1.125rem);*/ left:0; width:18px; height:18px; margin-top:calc(1.125rem - 9px); margin-left:-9px; border:3px solid #DBEAFF; border-radius:50%; background-color:#00B9FF;}
.history-wrap .history-cont-list dl dt span {display:inline-block; vertical-align:top;}
.history-wrap .history-cont-list dl dt span.year {font-weight:700; font-size:1.5rem; line-height:1.5; letter-spacing:-0.05em; color:#434343;}
.history-wrap .history-cont-list dl dt + dd {margin-top:4px;}
.history-wrap .history-cont-list dl dd {display:block; overflow:hidden;}
.history-wrap .history-cont-list dl dd ~ dd {margin-top:40px;}
.history-wrap .history-cont-list dl dd + dd {margin-top:14px;}
.history-wrap .history-cont-list dl dd > span {display:block;}
.history-wrap .history-cont-list dl dd > span.month {float:left; width:82px; height:31px; margin-right:8px; border-radius:15px; background-color:#F3F8FF; text-align:center; text-indent:0; font-weight:400; font-size:1.125rem; line-height:31px; letter-spacing:-0.05em; color:#434343;}
.history-wrap .history-cont-list dl dd > span.month + span.dh02 {margin-top:3px;}
.history-wrap .history-cont-list dl dd > span.dh02 {display:block; margin-bottom:0; margin-left:90px; font-size:0;}
.history-wrap .history-cont-list dl dd > span.dh02::after {content:""; display:block; clear:both;}
.history-wrap .history-cont-list dl dd > span > span {font-weight:500; font-size:1rem; line-height:1.5; letter-spacing:-0.05em; color:#434343;}
.history-wrap .history-cont-list dl dd > span > small {display:block; margin-top:6px; text-indent:0; font-weight:400; font-size:1rem; line-height:1.5; letter-spacing:-0.05em; color:#434343;}

.history-wrap.nav-fix .history-nav {position:fixed; z-index:99; top:20px; right:calc((100% - 1320px)/2); left:calc((100% - 1320px)/2 + 336px);}
.history-wrap.nav-fix .history-cont {margin-top:75px;}
.history-wrap .history-nav-list li.curr a::after {content:""; position:absolute; right:0; bottom:-8px; left:0; border-top:3px solid #F54970;}
.history-wrap .history-nav-list li.curr a span {font-weight:700; color:#F54970;}

@media (max-width:1389px) {
    .history-wrap.nav-fix .history-nav {top:100px; right:35px; left:35px;}
    .history-wrap.nav-fix .history-cont {margin-top:155px;}
}

@media (max-width:765px) {
    .purpose-wrap .purpose-list br {display:none;}
    .purpose-wrap .purpose-list > li {width:calc((100% - 20px)/2);}
    .purpose-wrap .purpose-list > li:nth-child(odd) {margin-left:0;}
    .purpose-wrap .purpose-list > li:nth-child(n+3) {margin-top:20px;}

    .history-wrap .history-cont {padding-right:0; padding-left:0; background:none;}
    .history-wrap .history-cont-list dl {padding-right:5%; padding-left:5%;}
    .history-wrap .history-cont-list dl dt {float:none; margin-bottom:14px; margin-left:0;}
    .history-wrap .history-cont-list dl dt::before {display:none;}
    .history-wrap .history-cont-list dl dt::after {margin-top:calc(-1*(1.125rem + 9px));}
    .history-wrap .history-cont-list dl dd ~ dd {margin-top:14px;}
    .history-wrap .history-cont-list dl dt span {display:block;}
    .history-wrap .history-cont-list dl dd > span.month {float:none; margin-bottom:10px;}
    .history-wrap .history-cont-list dl dd > span.dh02 {margin-left:10px;}

    .history-wrap.nav-fix .history-nav {right:12px; left:12px;}
}

/* 조직 안내 > 조직도 */
#org-chart {}
#org-chart .org-chart-body {text-align:center; font-size:0;}
#org-chart .org-chart-body .leader {display:inline-block; position:relative; overflow:hidden; width:100%; max-width:200px; height:52px; padding:0 10px; border-radius:8px; background:#005DAB; text-align:center; font-weight:400; font-size:1.125rem; line-height:52px; letter-spacing:-0.05em; color:#fff;}
#org-chart .org-chart-body .leader::before {content:""; position:absolute; top:50%; left:15px; width:67px; height:62px; margin-top:-31px; background:url(../imgs/menu01/org-chart_leader-bg.png) no-repeat 0 0;}
#org-chart .org-chart-body .part-list {position:relative; margin-top:24px;}
#org-chart .org-chart-body .part-list::before {content:""; display:block; position:absolute; top:-24px; left:50%; width:1px; /*height:24px;*/ height:72px; margin:0 auto; background-color:#B0BEC5;}
#org-chart .org-chart-body .part-list li {display:inline-block; vertical-align:top; position:relative; width:50%;}
#org-chart .org-chart-body .part-list li a {display:inline-block; vertical-align:middle; width:100%; max-width:200px; height:48px; padding:0 10px; border:1px solid transparent; border-radius:8px; text-align:center; font-weight:400; font-size:1.125rem; line-height:46px; letter-spacing:-0.05em;}
#org-chart .org-chart-body .part-list li:nth-child(1) {text-align:right;}
#org-chart .org-chart-body .part-list li:nth-child(1)::after {content:""; display:inline-block; vertical-align:middle; width:150px; border-top:1px dashed #B0BEC5;}
#org-chart .org-chart-body .part-list li:nth-child(1) a {border-color:#787878; background-color:#fff; color:#434343;}
#org-chart .org-chart-body .part-list li:nth-child(2) {text-align:left;}
#org-chart .org-chart-body .part-list li:nth-child(2)::before {content:""; display:inline-block; vertical-align:middle; width:150px; border-top:1px solid #B0BEC5;}
#org-chart .org-chart-body .part-list li:nth-child(2) a {background-color:#787878; color:#fff;}
#org-chart .org-chart-body .part-list2 {}
#org-chart .org-chart-body .part-list2::before {content:""; display:block; width:1px; height:28px; margin:0 auto; background-color:#B0BEC5;}
#org-chart .org-chart-body .part-list2 > li {display:inline-block; vertical-align:top; position:relative; width:50%;}
#org-chart .org-chart-body .part-list2 > li::before {content:""; position:absolute; top:0; left:50%; width:1px; height:210px; background-color:#B0BEC5;}
#org-chart .org-chart-body .part-list2 > li::after {content:""; position:absolute; top:0; right:0; left:0; height:1px; background-color:#B0BEC5;}
#org-chart .org-chart-body .part-list2 > li:first-child::after {left:50%;}
#org-chart .org-chart-body .part-list2 > li:last-child::after {right:50%;}
#org-chart .org-chart-body .part-list2 > li > a {display:inline-block; vertical-align:middle; position:relative; width:100%; max-width:200px; height:48px; padding:0 10px; margin-top:32px; margin-bottom:17px; border-radius:8px; background-color:#0065E8; text-align:center; font-weight:400; font-size:1.125rem; line-height:48px; letter-spacing:-0.05em; color:#fff;}
#org-chart .org-chart-body .team-list {}
#org-chart .org-chart-body .team-list li {display:inline-block; vertical-align:middle; position:relative; width:50%; /*margin-bottom:41px;*/}
#org-chart .org-chart-body .team-list li a {display:inline-block; vertical-align:middle; border-radius:8px; text-align:center; font-weight:400; letter-spacing:-0.05em;}
#org-chart .org-chart-body .team-list li:nth-child(1) {text-align:right;}
#org-chart .org-chart-body .team-list li:nth-child(2) {text-align:left;}
#org-chart .org-chart-body .team-list2 {}
#org-chart .org-chart-body .team-list2 > li {display:inline-block; vertical-align:top; position:relative; width:106px; margin:0 6px;}
#org-chart .org-chart-body .team-list2 > li::before {content:""; display:block; width:1px; height:18px; margin:0 auto; background-color:#B0BEC5;}
#org-chart .org-chart-body .team-list2 > li::after {content:""; position:absolute; top:0; right:-6px; left:-6px; height:1px; background-color:#B0BEC5;}
#org-chart .org-chart-body .team-list2 > li:first-child::after {left:50%;}
#org-chart .org-chart-body .team-list2 > li:last-child::after {right:50%;}
#org-chart .org-chart-body .team-list2 > li > a {display:block; position:relative; width:106px; height:74px; padding:10px 0; border:1px solid #005DAB; border-radius:8px; background-color:#F3F8FF; text-align:center; font-weight:400; font-size:1.125rem; /*line-height:1.4444;*/ line-height:1.5; letter-spacing:-0.05em; color:#005DAB;}
#org-chart .org-chart-body .team-list3 {/*margin-top:21px;*/}
#org-chart .org-chart-body .team-list3 li {display:inline-block; vertical-align:bottom; position:relative; width:110px; margin:0 6px; text-align:center;}
#org-chart .org-chart-body .team-list3 li::before {content:""; display:inline-block; height:21px; margin:0 auto; border-left:1px dashed #B0BEC5;}
#org-chart .org-chart-body .team-list3 li::after {content:""; position:absolute; top:0; right:-6px; left:-6px; border-top:1px dashed #B0BEC5;}
#org-chart .org-chart-body .team-list3 li:first-child::after {left:50%;}
#org-chart .org-chart-body .team-list3 li:last-child::after {right:50%;}
#org-chart .org-chart-body .team-list3 li a {display:block; position:relative; width:110px; height:48px; padding:11px 0; border:1px solid #787878; border-radius:8px; background-color:#fff; text-align:center; font-weight:400; font-size:1rem; line-height:1.5; letter-spacing:-0.05em; color:#434343;}
#org-chart .org-chart-foot {margin-top:32px; text-align:right; font-size:0;}
#org-chart .org-chart-foot span {display:inline-block; vertical-align:middle;}
#org-chart .org-chart-foot span.ico {position:relative; width:51px; height:49px; margin-right:9px;}
#org-chart .org-chart-foot span.ico::before {content:""; position:absolute; top:0; left:0; width:16px; height:16px; border-radius:50%; background-color:#FFCFC9; animation:twinkle01 1.5s ease-out infinite;}
#org-chart .org-chart-foot span.ico::after {content:""; position:absolute; top:4px; left:4px; width:41px; height:40px; background:url(../imgs/menu01/org-chart_pointer.png) no-repeat 0 0;}
#org-chart .org-chart-foot span.txt {font-weight:400; font-size:1rem; line-height:1.5; letter-spacing:-0.05em; color:#2E2E2E;}

#org-chart .part-list2 > li:first-child .team-list li:nth-child(1)::after {content:""; display:inline-block; vertical-align:middle; width:40px; border-top:1px solid #B0BEC5;}
#org-chart .part-list2 > li:first-child .team-list li:nth-child(1) a {width:100%; max-width:200px; height:48px; padding:0 10px; background-color:#F54970; font-size:1.125rem; line-height:48px; color:#fff;}
#org-chart .part-list2 > li:first-child .team-list li:nth-child(2)::before {content:""; display:inline-block; vertical-align:middle; width:94px; border-top:1px dashed #B0BEC5;}
#org-chart .part-list2 > li:first-child .team-list li:nth-child(2) a {width:138px; height:93px; padding:10px; border:1px solid #787878; background-color:#fff; font-size:1rem; line-height:1.5; color:#434343;}
#org-chart .part-list2 > li:first-child .team-list2 {margin-top:20px; text-align:left;}
#org-chart .part-list2 > li:first-child .team-list2 > li:first-child {margin-left:0;}
#org-chart .part-list2 > li:first-child .team-list2 > li:nth-child(2) .team-list3 {margin-right:-132px; margin-left:-132px;}
#org-chart .part-list2 > li:first-child .team-list2 > li:nth-child(2) .team-list3 li:nth-child(2)::before {height:42px;}
#org-chart .part-list2 > li:first-child .team-list2 > li:nth-child(2) .team-list3 li:nth-child(2)::after {top:21px;}
#org-chart .part-list2 > li:last-child .team-list li:nth-child(1) {margin-right:50%; margin-top:23px;}
#org-chart .part-list2 > li:last-child .team-list li:nth-child(1)::after {content:""; display:inline-block; vertical-align:middle; width:40px; border-top:1px dashed #B0BEC5;}
#org-chart .part-list2 > li:last-child .team-list li:nth-child(1) a {width:149px; height:48px; padding:10px; border:1px solid #787878; background-color:#fff; font-size:1.125rem; line-height:1.5; color:#434343;}
#org-chart .part-list2 > li:last-child .team-list2 {margin-top:41px; text-align:right;}

/*#org-chart .org-chart-body .part-list2 > li > a:hover {background-color:#0F619C;}
#org-chart .org-chart-body .team-list2 > li > a:hover {background-color:#F5F5F5;}*/

@media (max-width:1389px) {
    /*#org-chart .org-chart-body {max-width:300px; margin:0 auto; text-align:left;}
    #org-chart .org-chart-body .leader {max-width:none; text-align:left;}
    #org-chart .org-chart-body .part-list2 {margin-left:10%;}
    #org-chart .org-chart-body .part-list2::before {margin:0;}
    #org-chart .org-chart-body .part-list2 > li {display:block; width:100%;}
    #org-chart .org-chart-body .part-list2 > li + li {margin-top:38px;}
    #org-chart .org-chart-body .part-list2 > li::before {display:inline-block; vertical-align:middle; position:static; width:10%; height:1px;}
    #org-chart .org-chart-body .part-list2 > li::after {right:auto; bottom:0; width:1px; height:auto;}
    #org-chart .org-chart-body .part-list2 > li:first-child::after {left:0;}
    #org-chart .org-chart-body .part-list2 > li:last-child::after {right:auto; bottom:auto; height:66px;}
    #org-chart .org-chart-body .part-list2 > li + li::after {top:-38px;}
    #org-chart .org-chart-body .part-list2 > li > a {max-width:90%; margin:0; text-align:left;}
    #org-chart .org-chart-body .team-list2 {margin-left:20%;}
    #org-chart .org-chart-body .team-list2 > li {display:block; margin:10px 0;}
    #org-chart .org-chart-body .team-list2 > li::before {display:inline-block; vertical-align:middle; width:18px; height:1px;}
    #org-chart .org-chart-body .team-list2 > li::after {top:-10px; right:auto; bottom:-10px; left:0; width:1px; height:auto;}
    #org-chart .org-chart-body .team-list2 > li:first-child::after {left:0;}
    #org-chart .org-chart-body .team-list2 > li:last-child::after {right:auto; bottom:50%;}
    #org-chart .org-chart-body .team-list2 > li > a {display:inline-block; vertical-align:middle; width:calc(100% - 18px); height:42px; text-align:left;}

    #org-chart .part-list2 > li:first-child > .team-list2 > li:nth-last-child(1) {margin-top:0;}
    #org-chart .part-list2 > li:first-child > .team-list2 > li:nth-last-child(1) > a {border-top:none; border-left:1px solid #d9d9d9; border-radius:0 0 8px 8px;}
    #org-chart .part-list2 > li:first-child > .team-list2 > li:nth-last-child(2) {margin-bottom:0;}
    #org-chart .part-list2 > li:first-child > .team-list2 > li:nth-last-child(2) > a {border-radius:8px 8px 0 0;}*/
}

@media (max-width:765px) {

}

/* 조직 안내 > 직원검색 */
#employee-search-wrap {position:relative;}
#employee-search-wrap .employee-search {padding:49px; padding-left:335px; margin-bottom:76px; border:1px solid #B0BEC5; border-radius:12px; background-color:#F3F8FF;}
#employee-search-wrap .employee-search > img {position:absolute; top:49px; left:87px;}
#employee-search-wrap .employee-search .search-box {max-width:389px; padding-left:29px; margin-top:20px;}
#employee-search-wrap .employee-search .search-box .form-body {font-size:0;}
#employee-search-wrap .employee-search .search-box .form-body > div + div {margin-top:12px;}
#employee-search-wrap .employee-search .search-box .form-title {display:inline-block; vertical-align:middle; width:25%;}
#employee-search-wrap .employee-search .search-box .form-tit {display:inline-block; margin-bottom:0;}
#employee-search-wrap .employee-search .search-box .form-tit span {width:2.875rem; height:1.5em; text-align:justify;}
#employee-search-wrap .employee-search .search-box .form-tit span::after {content:""; display:inline-block; vertical-align:top; width:100%;}
#employee-search-wrap .employee-search .search-box .form-cont {display:inline-block; vertical-align:middle; /*width:75.5556%;*/ width:75%;}
#employee-search-wrap .employee-search .search-box .search-group {width:100%;}
#employee-search-wrap .employee-search .search-box .search-group .text {width:100%;}

@media (max-width:1389px) {

}

@media (max-width:765px) {
    #employee-search-wrap .employee-search {padding-left:49px;}
    #employee-search-wrap .employee-search > img {display:block; position:static; margin:0 auto; margin-bottom:20px;}
}

/* 경영목표 > 미션&비전 */
.vision-box {position:relative; margin:60px auto; text-align:center; font-size:0;}
.vision-box::before {content:url(../imgs/menu01/vision-box-obj01.png); position:absolute; top:23px; left:0; opacity:0.3;}
.vision-box::after {content:url(../imgs/menu01/vision-box-obj02.png); position:absolute; top:-11px; right:6px; opacity:0.3;}
.vision-box > div {display:inline-block; vertical-align:top; position:relative; width:240px; height:240px; padding:58px 20px; border-radius:50%;}
.vision-box > div + div {margin-left:-20px;}
.vision-box > div > span {display:block; margin:0 auto;}
.vision-box > div > span.tit {font-weight:500; font-size:1.25rem; line-height:1.45; letter-spacing:0; color:#fff;}
.vision-box > div > span.ico {height:35px; margin-top:10px; margin-bottom:10px;}
.vision-box > div > span.ico img {}
.vision-box > div > span.txt {font-weight:400; font-size:0.875rem; line-height:1.4286; letter-spacing:0; color:#fff;}

.vision-box > div.mission {z-index:2; background-color:#0054C1;}
.vision-box > div.vision {z-index:1; background-color:#00B4C1;}

.goals-box {position:relative; margin:60px auto 122px auto; text-align:center; font-size:0;}
.goals-box::after {content:url(../imgs/menu01/goals-box-obj.png); position:absolute; bottom:-43px; left:0;}
.goals-box > span {display:inline-block; padding:11px 39px 10px 39px; border-radius:25px; background-color:#005DAB; font-weight:700; font-size:1.25rem; line-height:1.45; letter-spacing:0; color:#fff;}
.goals-box .goals-list {list-style:none; padding:0; margin:0 auto; margin-top:116px; position:relative;}
.goals-box .goals-list li {display:inline-block; vertical-align:top; position:relative; width:25.2033%; padding:38px 10px 12px 10px; border-radius:10px;}
.goals-box .goals-list li + li {margin-left:3.3537%;}
.goals-box .goals-list li .ico {position:absolute; top:-39px; left:50%; width:100px; height:100px; padding-top:20px; margin-left:-50px; border-radius:50%;}
.goals-box .goals-list li .tit {display:inline-block; position:relative; /*width:110px;*/ font-weight:400; font-size:1rem; line-height:1.5; letter-spacing:0; color:#fff;}
.goals-box .goals-list li .tit::after {content:""; display:block; opacity:0.4; width:50px; height:4px; margin:10px auto 18px auto; background-color:#fff;}
.goals-box .goals-list li .box {overflow:hidden; height:222px; padding:22px 14px; border-radius:10px; background-color:#fff; text-align:left;}
.goals-box .goals-list li .box p {padding-left:14px; text-indent:-14px;}
.goals-box .goals-list li .box p + p {margin-top:16px;}
.goals-box .goals-list li .box p::before {content:""; display:inline-block; vertical-align:middle; width:6px; height:6px; margin-right:8px; border-radius:50%; background-color:#F54970;}
.goals-box .goals-list li .box p span {vertical-align:middle; font-weight:400; font-size:0.938rem; line-height:1.4667; letter-spacing:0; color:#424242;}

.goals-box .goals-list li:nth-child(1)::before {content:""; position:absolute; top:-77px; left:50%; width:113.3065%; height:40px; border-top:1px dashed #D1D1D1; border-left:1px dashed #D1D1D1;}
.goals-box .goals-list li:nth-child(2)::before {content:""; position:absolute; top:-116px; left:50%; height:116px; border-left:1px dashed #D1D1D1;}
.goals-box .goals-list li:nth-child(3)::before {content:""; position:absolute; top:-77px; right:50%; width:113.3065%; height:40px; border-top:1px dashed #D1D1D1; border-right:1px dashed #D1D1D1;}

.goals-box .goals-list li:nth-child(1) {background-color:#B196E7;}
.goals-box .goals-list li:nth-child(1) .ico {background-color:#B196E7;}
.goals-box .goals-list li:nth-child(2) {background-color:#66A2F1;}
.goals-box .goals-list li:nth-child(2) .ico {background-color:#66A2F1;}
.goals-box .goals-list li:nth-child(3) {background-color:#66C1BE;}
.goals-box .goals-list li:nth-child(3) .ico {background-color:#66C1BE;}

@media (max-width:1389px) {

}

@media (max-width:765px) {
    .vision-box > div {display:block; position:relative; margin:0 auto;}
    .vision-box > div + div {margin-top:-25px; margin-left:auto;}

    .goals-box {max-width:460px;}
    .goals-box::after {left:-93px;}
    .goals-box .goals-list {margin-top:80px;}
    .goals-box .goals-list li {display:block; width:auto;}
    .goals-box .goals-list li + li {margin-top:50px; margin-left:0;}
    .goals-box .goals-list li::before {display:none;}
    .goals-box .goals-list li .tit br {display:none;}
    .goals-box .goals-list li .box {height:auto;}
}

/* 경영목표 > 경영공시 */
#disclosure-wrap {border-top:2px solid #00B9FF;}
#disclosure-wrap .dep1-list {font-size:0;}
#disclosure-wrap .dep1-list dt {display:inline-block; vertical-align:top; position:relative; width:25%; min-height:193px; padding:22px 26px; border-bottom:2px solid #00B9FF; background-color:#F3F8FF;}
#disclosure-wrap .dep1-list dt span {display:inline-block; font-weight:700; font-size:1.125rem; line-height:1.5; letter-spacing:-0.025em; color:#0099DB;}
#disclosure-wrap .dep1-list dd {display:inline-block; vertical-align:top; position:relative; width:75%; min-height:193px; padding:24px 18px 40px 30px; border-bottom:2px solid #00B9FF;}
#disclosure-wrap .dep2-list {}
#disclosure-wrap .dep2-list > li {display:inline-block; vertical-align:top; position:relative; width:33.3333%; padding-right:1.5em; font-weight:400; font-size:1rem; line-height:1.5; letter-spacing:0; color:#333;}
#disclosure-wrap .dep2-list > li:nth-child(n+4) {margin-top:20px;}
#disclosure-wrap .dep2-list > li > span {}
#disclosure-wrap .dep3-list {padding:11px 10px; margin-top:8px; background-color:#F2F2F2;}
#disclosure-wrap .dep3-list > li {display:block; padding-left:8px; margin:4px 0; text-indent:-8px; font-weight:400; font-size:0.875rem; line-height:1.4286; letter-spacing:0; color:#333;}
#disclosure-wrap .dep3-list > li::before {content:"-"; vertical-align:middle; margin-right:3px;}
#disclosure-wrap .dep3-list > li > span {}
/* 2022-08-22 정승훈 테이블 수정 */
.mobile_scroll {position:relative; overflow:hidden; overflow-x:auto;}
.item-report-outer .tit {font-size: 24px; font-weight: bold; color: #333; margin-bottom: 17px;}
.item-report-outer .item-report-inner table td a {border-width: 1px; border-color: #737373; border-style: solid; border-radius: 10px; background-color: white; height: 30px; max-width: 72px; width: 100%; line-height: 28px;
    text-align: center; font-size: 14px;  color: #737373; display: inline-block; box-sizing: border-box; font-weight: 100;}
.item-report-outer .item-report-inner table td a:hover {color: #fff; background-color: #9090d6; border: 1px solid #9090d6; font-weight: 100;}
/* //2022-08-22 정승훈 테이블 수정 */


@media (max-width:1389px) {
    #disclosure-wrap .dep1-list dt {width:100%; min-height:auto; border-bottom:none;}
    #disclosure-wrap .dep1-list dd {width:100%; min-height:auto; border-top:1px solid #CFD8DC; border-left:none;}
    /* 2022-08-22 정승훈 테이블 수정 */
    .tbl.st01 th {padding: 14px 2px;}
    .tbl.st01 td {padding: 14px 2px;}
    /* //2022-08-22 정승훈 테이블 수정 */
}

@media (max-width:765px) {
    #disclosure-wrap .dep2-list > li {width:100%;}
    #disclosure-wrap .dep2-list > li:nth-child(n+2) {margin-top:20px;}
    /* 2022-08-22 정승훈 테이블 수정 */
    .mobile_minwidth {min-width:800px;}
    /* //2022-08-22 정승훈 테이블 수정 */
}

/* 경영목표 > 윤리·인권경영 > 헌장 등 (윤리헌장, 청렴실천 결의문, 인권경영헌장) */
.resolution-box .tit {font-weight:700; font-size:1.125rem; line-height:1.5; letter-spacing:-0.025em; color:#212121;}
.resolution-box .tit-line {width:120px; margin:18px auto; border-top-width:3px; border-top-style:solid;}
.resolution-box .tit-line + .txt1 {margin-top:50px;}
.resolution-box .txt1 {margin:18px auto; font-weight:400; font-size:1rem; line-height:1.625; letter-spacing:-0.05em; color:#424242;}
.resolution-box .txt1 b {font-weight:500; font-size:1.063rem; line-height:1.625rem; letter-spacing:-0.05em; color:#005DAB;}
.resolution-box .txt2 {margin:0 auto; font-weight:500; font-size:1rem; line-height:1.625; letter-spacing:-0.05em; color:#005DAB;}
.resolution-box .txt1 + .end-txt1 {margin-top:54px;}
.resolution-box .end-txt1 {margin-bottom:8px; font-weight:400; font-size:0.938rem; line-height:1.4667; letter-spacing:-0.05em; color:#434343;}
.resolution-box .txt1 + .end-txt2 {margin-top:118px;}
.resolution-box .end-txt2 {font-weight:700; font-size:1.125rem; line-height:1.5; letter-spacing:-0.05em; color:#434343;}
.resolution-list {list-style:none; padding:0; margin:46px 0 54px 0; text-align:left;}
.resolution-list > li {display:block; padding-left:84px; text-indent:-84px;}
.resolution-list > li + li {margin-top:16px;}
.resolution-list > li::before {content:"하나"; display:inline-block; vertical-align:middle; width:68px; height:34px; margin-right:16px; border-radius:18px; text-align:center; text-indent:0; font-weight:500; font-size:0.938rem; line-height:34px; letter-spacing:0; color:#fff;}
.resolution-list > li > span {vertical-align:middle; font-weight:400; font-size:1rem; line-height:1.625; letter-spacing:-0.05em; color:#434343;}

.resolution-list.c1 > li::before {background-color:#F54970;}
.resolution-list.c2 > li::before {background-color:#673AB7;}

@media (max-width:1389px) {

}

@media (max-width:765px) {
    .resolution-list > li {padding-left:20px; text-indent:0;}
    .resolution-list > li::before {display:block; margin-right:0; margin-bottom:16px; margin-left:-20px;}
}

/* 경영목표 > 윤리·인권경영 > 임직원 행동강령 */
.conduct-wrap {}
.conduct-wrap .conduct-nav {border-radius:4px; background-color:#F3F8FF; transition:all 0.5s;}
.conduct-wrap .conduct-nav-list {list-style:none; padding:0; margin:0; display:table; table-layout:fixed; width:100%; text-align:center; font-size:0;}
.conduct-wrap .conduct-nav-list li {display:table-cell; vertical-align:middle; padding:10px;}
.conduct-wrap .conduct-nav-list li a {display:inline-block; padding:5px 21px; border-radius:27px;}
.conduct-wrap .conduct-nav-list li a span {font-weight:400; font-size:1rem; line-height:1.5; letter-spacing:0; color:#434343;}
.conduct-wrap .conduct-cont {background:url(../imgs/menu01/conduct-cont-bg.png) no-repeat 0 16px; transition:all 0.5s;}
.conduct-wrap .conduct-cont-head {padding:32px 0 16px 0; text-align:right;}
.conduct-wrap .conduct-cont-head p {font-size:0;}
.conduct-wrap .conduct-cont-head p span ~ span {display:block; margin-top:16px;}
.conduct-wrap .conduct-cont-body {}
.conduct-wrap .conduct-cont-list {}
.conduct-wrap .conduct-cont-list li {}
.conduct-wrap .conduct-cont-list li div {}
.conduct-wrap .conduct-cont-list li div hr {margin-top:7px; margin-bottom:23px; border-top-width:2px; border-top-style:solid;}

.conduct-wrap.nav-fix .conduct-nav {position:fixed; z-index:99; top:20px; right:calc((100% - 1320px)/2); left:calc((100% - 1320px)/2 + 336px);}
.conduct-wrap.nav-fix .conduct-cont {margin-top:75px;}
.conduct-wrap .conduct-nav-list li.curr a {background-color:#00B9FF;}
.conduct-wrap .conduct-nav-list li.curr a span {color:#fff;}

@media (max-width:1389px) {
        .conduct-wrap.nav-fix .conduct-nav {top:100px; right:35px; left:35px;}
        .conduct-wrap.nav-fix .conduct-cont {margin-top:155px;}
}

@media (max-width:765px) {
    .conduct-wrap.nav-fix .conduct-nav {right:12px; left:12px;}
}

/* 경영목표 > 윤리·인원경영 > 클린신고센터 */
#clean-list {list-style:none; padding:0; margin:40px auto 60px auto; font-size:0;}
#clean-list > li {display:inline-block; vertical-align:top; width:calc((100% - 24px)/2);}
#clean-list > li:nth-child(even) {margin-left:24px;}
#clean-list > li:nth-child(n+3) {margin-top:24px;}
#clean-list .box {position:relative; padding:28px 40px 30px 40px; border:1px solid #E1E1E1; border-radius:12px;}
#clean-list .box > p {max-width:330px; margin-bottom:6px;}
#clean-list .box > p > span > b {display:inline-block; vertical-align:top; width:60px; height:1.5rem; margin-bottom:4px; text-align:justify;}
#clean-list .box > p > span > b::after {content:""; display:inline-block; width:100%;}
#clean-list .box > p > span > span {display:inline-block;}
#clean-list .box .tit {display:inline-block; font-weight:500; font-size:1.125rem; line-height:1.5; letter-spacing:-0.05em; color:#004C8B;}
#clean-list .box .tit::after {content:""; display:block; opacity:0.4; width:52.6316%; height:4px; margin:10px auto 20px auto; background-color:#0065E8;}
#clean-list .box .ico {position:absolute; top:40px; right:40px;}
#clean-list .box .btn {display:block; width:178px; margin:0 auto; margin-top:31px; color:#fff;}

#clean-list > li:nth-child(odd) > .box {background-color:#F3F8FF;}
#clean-list > li:nth-child(odd) > .box .btn {background-color:#FF8800;}
#clean-list > li:nth-child(even) > .box .btn {background-color:#F54970;}

@media (max-width:1389px) {

}

@media (max-width:765px) {
    #clean-list > li {width:100%;}
    #clean-list > li:nth-child(even) {margin-left:0;}
    #clean-list > li:nth-child(n+2) {margin-top:24px;}
}

/* 오시는길 */
.map-box {margin-top:25px; margin-bottom:40px;}
.map-box .kakao-map {width:100%; border:1px solid #B0BEC5;}
.map-box .kakao-map.root_daum_roughmap .wrap_map {height:485px;}
.transportation-info-list {padding-top:23px; border-top:2px solid #00B9FF;}
.transportation-info-list dt {padding-left:32px; margin-bottom:10px; font-weight:500; font-size:1.125rem; line-height:1.5; letter-spacing:-0.05em; color:#005DAB;}
.transportation-info-list dt ~ dt {margin-top:32px;}
.transportation-info-list dd {}
.transportation-info-list .dh02 {}
.transportation-info-list .dh02 > span {font-weight:500; font-size:1rem; line-height:1.5; letter-spacing:-0.025em; color:#434343;}

.transportation-info-list .bus {background:url(../imgs/menu01/ico_bus.png) no-repeat left center;}
.transportation-info-list .subway {background:url(../imgs/menu01/ico_subway.png) no-repeat left center;}
.transportation-info-list .car {background:url(../imgs/menu01/ico_car.png) no-repeat left center;}

/* CI */
.ci-box {height:213px; line-height:193px;}
/* .ci_kor {}
.ci_eng {} */

/*------------------------------------------------------------------------------
    @주요사업
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
    @KOIPA 공고
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
    @고객지원
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
    @정보공개
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
    @산업재산권 분쟁조정위원회
------------------------------------------------------------------------------*/
/* 분쟁조정제도 > 제도소개 및 효력 */

/* 분쟁조정제도 > 조정장점 및 절차 */
.pros-list {list-style:none; padding:0; margin:0; display:table; border-spacing:32px 0; /*margin-left:-4px;*/ margin-left:-2px; font-size:0;}
.pros-list li {display:table-cell; vertical-align:middle; width:160px; height:160px; border:2px solid #D4D4D4; border-radius:50%; background-color:#fff; text-align:center;}
.pros-list li span {display:block;}
.pros-list li span.ico {height:52px; background:transparent no-repeat center top;}
.pros-list li span.tit {margin-top:5px; font-weight:500; font-size:1.125rem; line-height:1.5; letter-spacing:-0.05em; color:#005DAB;}
.pros-list li span.txt {margin-top:2px; font-weight:400; font-size:1rem; line-height:1.5; letter-spacing:-0.05em; color:#434343;}

.pros-list li:nth-child(1) span.ico {background-image:url(../imgs/menu06/ico_pros01.png);}
.pros-list li:nth-child(2) span.ico {background-image:url(../imgs/menu06/ico_pros02.png);}
.pros-list li:nth-child(3) span.ico {background-image:url(../imgs/menu06/ico_pros03.png);}
.txtbox p:nth-of-type(1){color:#005DAB; text-align: center;font-size: 16px; font-weight: 500; margin-top: 18px;}
.txtbox p:nth-of-type(2){color: #434343; text-align: center; font-size: 16px;font-weight: 700;}
.txtbox img{margin-bottom: 12px; margin-top: 13px;}
.txtbox {text-align: center;}
/* 분쟁조정위원회 > 설치목적 및 근거 */
/* 20220721김준식 CSS추가 */
.circleWrap .circleBox .list li:nth-child(5) .txtbox p {font-size: 15px;}
li{list-style: none;}
.circleWrap .circleBox .list{  overflow: hidden; position: relative;   margin: 0 auto; padding: 0;}
.circleWrap .circleBox .list li { float: left; width: 150px;  height: 150px;background: #FFFFFF; border:2px solid #E1E1E1; border-radius: 50%; margin-left: 20px; margin-top: 40px;}
.circleWrap .circleBox .list li:nth-child(1):before{ position: absolute;    content: "";top: 123px;z-index: -999;right: 44px;width: 875px;height: 1px;background-color: #707070;}
.circleWrap .circleBox .list li:nth-child(2):after{   position: absolute;content: "";top: 308px;z-index: -999;right: 15px;width: 880px;height: 1px;background-color: #707070;}
.circleWrap .circleBox .list li:nth-child(6) { float: left; width: 150px;  height: 150px;background: #FFFFFF; border:2px solid #E1E1E1; border-radius: 50%; margin-left: 110px; margin-top: 40px;}
.circleWrap .circleBox .list li { float: left; width: 150px;  height: 150px;background: #FFFFFF; border:2px solid #E1E1E1; border-radius: 50%; margin-left: 20px; margin-top: 40px;}
.circleWrap .circleBox .list {    overflow: hidden;position: relative;font-size: 20px;margin: 0 auto;width: 1000px;}
.circleWrap .circleBox .list li:nth-child(2):after{   position: absolute;content: "";top: 308px;z-index: -999;right: 150px;width: 800px;height: 1px;background-color: #707070;}
        @media (max-width:1000px){
            .circleWrap .circleBox .list {overflow: hidden;position: relative;font-size: 20px;margin: 0 auto;max-width: 500px;padding: 0;}
            .circleWrap .circleBox .list li:nth-child(6) { float: left; width: 150px;  height: 150px;background: #FFFFFF; border:2px solid #E1E1E1; margin-left: 64px !important; border-radius: 50%; margin-top: 40px;}
            .circleWrap .circleBox .list li { float: left; width: 150px;  height: 150px;background: #FFFFFF; border:2px solid #E1E1E1; border-radius: 50%; margin-left: 64px; margin-top: 40px;}
            .circleWrap .circleBox .list li:nth-child(1):before{ position: absolute;    content: "";top: 123px;z-index: -999;right: 50px;width: 370px;height: 1px;background-color: #707070;}
            .circleWrap .circleBox .list li:nth-child(2):after{   position: absolute;content: "";top: 310px;z-index: -999;right: 80px;width: 250px;height: 1px;background-color: #707070;}
            .circleWrap .circleBox .list li:nth-child(3):after{   position: absolute;content: "";top: 495px;z-index: -999;right: 80px;width: 250px;height: 1px;background-color: #707070;}
            .circleWrap .circleBox .list li:nth-child(4):after{   position: absolute;content: "";top: 695px;z-index: -999;right: 80px;width: 250px;height: 1px;background-color: #707070;}
            .circleWrap .circleBox .list li:nth-child(5):after{   position: absolute;content: "";top: 885px;z-index: -999;right: 50px;width: 370px;height: 1px;background-color: #707070;}}
        @media (max-width:767px){
            .circleWrap .circleBox .list {overflow: hidden;position: relative;font-size: 20px;margin: 0 auto;max-width: 360px;padding: 0;}
            .circleWrap .circleBox .list li:nth-child(6) { float: left; width: 150px;  height: 150px;background: #FFFFFF; border:2px solid #E1E1E1; margin-left: 16px !important; border-radius: 50%; margin-top: 40px;}
            .circleWrap .circleBox .list li { float: left; width: 150px;  height: 150px;background: #FFFFFF; border:2px solid #E1E1E1; border-radius: 50%; margin-left: 16px; margin-top: 40px;}
            .circleWrap .circleBox .list li:nth-child(1):before{ position: absolute;    content: "";top: 123px;z-index: -999;right: -50px;width: 370px;height: 1px;background-color: #707070;}
            .circleWrap .circleBox .list li:nth-child(2):after{   position: absolute;content: "";top: 310px;z-index: -999;right: 12px;width: 347px;height: 1px;background-color: #707070;}
            .circleWrap .circleBox .list li:nth-child(3):after{   position: absolute;content: "";top: 495px;z-index: -999;right: 12px;width: 347px;height: 1px;background-color: #707070;}
            .circleWrap .circleBox .list li:nth-child(4):after{   position: absolute;content: "";top: 695px;z-index: -999;right: 12px;width: 347px;height: 1px;background-color: #707070;}
            .circleWrap .circleBox .list li:nth-child(5):after{   position: absolute;content: "";top: 885px;z-index: -999;right: 50px;width: 370px;height: 1px;background-color: #707070;}}
/* //20220721김준식 CSS추가 */
/* 2022-07-22 김준식 CSS추가 */
.BoxWrap li:nth-child(6) .txt_box>span {line-height: 1.9;}.BoxWrap li:nth-child(7) .txt_box>span {line-height: 1.9; }
.BoxWrap .Box_list_dept2 li:nth-child(3) span{line-height: 1.9;}
.BoxWrap .Box_list_dept2 li:nth-child(4) span{line-height: 1.9;}
.BoxWrap .Box_list h3::after{position: absolute;left: 120px;top: 19px;content: "";width: 2px;height: 18px;background-color: #B0BEC5;}
.BoxWrap{  border-radius: 25px; background: #FBFCFF; border: 1px solid #B0BEC5;  padding: 43px 12px;}
.BoxWrap .Box_list{ overflow: hidden;  margin-left: 100px;}
.BoxWrap .Box_list_dept2{overflow: hidden; margin-left: 100px; }
.BoxWrap li{width: 120px; height: 52px; background: #0065E8; text-align: center; padding: 12px 1px;float: left; margin-left: 16px;    margin-top: 18px;}
.BoxWrap .Box_list li{position: relative;}
.BoxWrap .Box_list li::after{content: '';width: 10px;height: 10px;border-top: 2px solid #E1E1E1;border-right: 2px solid #E1E1E1;display: inline-block;transform: rotate(45deg);position: absolute;top: 20px;left:120px;}
.BoxWrap .Box_list_dept2 h3{ position: absolute; margin-left: -120px;    margin-top: 18px;
display: inline-block;line-height: 1.5; width: 110px; height: 52px; background: #FFF8F8; border: 1px solid#FF807E; ; text-align: center; padding: 10px; border-radius: 15px;}
.BoxWrap .Box_list h3{position: absolute;margin-top: 18px;display: inline-block;font-size: 18px;line-height: 1.5; margin-left: -120px;width: 110px; height: 52px; background: #F3F8FF; border: 1px solid#0065E8;margin-right: 30px;text-align: center; padding: 10px; border-radius: 15px;}
.BoxWrap li .txt_box span{color:#FFFFFF; font-size: 16px;}
.BoxWrap .Box_list_dept2 li{ width: 120px; height: 52px; background: #FF5B59;  text-align: center;position: relative;    margin-top: 20px;}
.BoxWrap .Box_list_dept2 h3::after{position: absolute;left: 120px;top: 19px;content: "";width: 2px;height: 18px;background-color: #B0BEC5;}
.BoxWrap .Box_list_dept2 li::after {content: '';width: 10px;height: 10px;border-top: 2px solid #E1E1E1;border-right: 2px solid #E1E1E1;display: inline-block;transform: rotate(45deg);position: absolute;top: 20px;left:120px;}
.BoxWrap .Box_list li:last-child:after {display: none; }
.BoxWrap .Box_list_dept2 li:last-child:after {display: none; }

@media (max-width:767px){
.BoxWrap{display: flex;align-items: flex-start !important;overflow:visible;align-items: center; justify-content:center ; padding: 0;}
.BoxWrap li {width: 120px;margin-top: 22px;height: 52px;background: #0065E8;text-align: center;padding: 12px 1px;float: left;margin-left: 16px;}
.BoxWrap .Box_list {width: 158px;overflow: visible;margin-left: 0px;margin-bottom: 53px;margin-top: 72px;padding: 0;}
.BoxWrap .Box_list_dept2{  overflow: visible;margin-left: 0px;width: 158px;margin-bottom: 53px;margin-top: 72px;padding: 0;}








/* 모바일 h3 제목 */
.BoxWrap .Box_list h3 {position: absolute;margin-top: -60px;display: inline-block;font-size: 18px;line-height: 1.5;margin-left: 19px;width: 110px;height: 52px;background: #F3F8FF;border: 1px solid#0065E8;margin-right: 30px;text-align: center;padding: 10px;border-radius: 15px;}
.BoxWrap .Box_list_dept2 h3{position: absolute;margin-top: -60px; display: inline-block;font-size: 18px;line-height: 1.5;margin-left: 19px;width: 110px;height: 52px; background: #FFF8F8; border: 1px solid#FF807E; ; text-align: center; padding: 10px; border-radius: 15px;}
      /* 가상클레스 반응형 */
.BoxWrap .Box_list h3::after {position: absolute;left: 45px;top: 60px;content: "";width: 18px;height: 2px;background-color: #B0BEC5;}
.BoxWrap .Box_list_dept2 h3::after {position: absolute;left: 45px;top: 60px;content: "";width: 18px;height: 2px;background-color: #B0BEC5;}
.BoxWrap .Box_list li::after {content: '';width: 10px;height: 10px;border-top: 2px solid #E1E1E1;border-right: 2px solid #E1E1E1;display: inline-block;transform: rotate(135deg);position: absolute;top: 53px;left: 55px;
}
    .BoxWrap .Box_list_dept2 li::after {content: '';width: 10px;height: 10px;border-top: 2px solid #E1E1E1;border-right: 2px solid #E1E1E1;display: inline-block;transform: rotate(135deg);position: absolute;top: 53px;left: 55px;}}
/*//2022-07-22 김준식 CSS추가 */

/* 분쟁조정위원회 > 위원회 소개 및 위원현황 */
.commissioner-list {list-style:none; padding:0; margin:0; font-size:0;}
.commissioner-list > li {display:inline-block; vertical-align:top; width:50%; border:1px solid #E0E0E0; background-color:#fff;}
.commissioner-list > li:nth-child(even) {border-left:none;}
.commissioner-list > li:nth-child(n+3) {border-top:none;}
.commissioner-list .box {/*display:inline-block;*/ padding:33px 11.7886%;}
.commissioner-list .box .tit {position:relative; margin-bottom:26px; text-align:center; font-weight:500; font-size:1.125rem; line-height:1.5; letter-spacing:0; color:#004681;}
.commissioner-list .box .tit::before {content:""; position:absolute; top:50%; width:10px; height:10px; margin-top:-6px; margin-left:-20px; background-color:#005DAB; transform:rotate(-45deg);}
.commissioner-list .box .tit::after {content:""; position:absolute; top:50%; width:10px; height:10px; margin-top:-6px; margin-left:10px; background-color:#005DAB; transform:rotate(-45deg);}
.commissioner-list .box .info {}
.commissioner-list .box .info dt {float:left; width:56px; height:1.625rem; text-align:justify;}
.commissioner-list .box .info dt::after {content:""; display:inline-block; width:100%;}
.commissioner-list .box .info dt span {font-weight:500; font-size:1rem; line-height:1.625; letter-spacing:-0.05em; color:#434343;}
.commissioner-list .box .info dd {display:block; margin-left:92px; font-weight:400; font-size:1rem; line-height:1.625; letter-spacing:-0.05em; color:#434343;}
.commissioner-list .box .info dd::after {content:""; display:block; clear:both;}
.commissioner-list .box .info dd span {font-weight:400; font-size:1rem; line-height:1.625; letter-spacing:-0.05em; color:#434343;}

.commissioner-list > li.leader {background:url(../imgs/menu06/commissioner-leader-bg.png) no-repeat right center/auto 100%;}
.commissioner-list > li.leader .box {}

/* 분쟁조정신청 */
#application-wrap {}
/* 분쟁조정신청 > 신청방법안내 */
#application-wrap .application-info {}
#application-wrap .application-info .info-box {padding:20px 30px; margin:20px auto 40px auto; border-radius:12px; background-color:#F3F8FF;}
#application-wrap .application-info .info-box .info-list {font-size:0;}
#application-wrap .application-info .info-box .info-list dt {float:left;}
#application-wrap .application-info .info-box .info-list dt ~ dt {margin-top:14px;}
#application-wrap .application-info .info-box .info-list dt i {display:inline-block; vertical-align:middle; margin-right:8px; font-size:1.5rem; color:#B0BEC5;}
#application-wrap .application-info .info-box .info-list dt span {display:inline-block; vertical-align:middle; font-weight:500; font-size:1rem; line-height:1.5; letter-spacing:-0.025em; color:#434343;}
#application-wrap .application-info .info-box .info-list dd {display:block; margin-left:133px;}
#application-wrap .application-info .info-box .info-list dd ~ dd {margin-top:14px;}
#application-wrap .application-info .info-box .info-list dd::after {content:""; display:block; clear:both;}
#application-wrap .application-info .info-box .info-list dd span {display:inline-block; vertical-align:middle; font-weight:400; font-size:1rem; line-height:1.5; letter-spacing:-0.025em; color:#434343;}
#application-wrap .application-info .info-box .info-list dd a {display:inline-block; vertical-align:middle; padding:0 14px; margin:-6px 0; margin-left:12px; border-radius:8px; background-color:#00B9FF; font-weight:500; font-size:0.875rem; line-height:32px; letter-spacing:0; color:#fff;}
#application-wrap .application-info .button-box {}
#application-wrap .application-info .button-box a {width:calc(50% - 12px);}
#application-wrap .application-info .button-box a span {font-weight:500; font-size:0.875rem; line-height:52px; letter-spacing:0;}
/* 분쟁조정신청 > 조정신청접수 */
/*#application-wrap .cont-box-tit {padding-right:154px;}
#application-wrap .cont-box-txt {padding-right:154px;}*/
#application-wrap .certification-choice {position:relative;}
#application-wrap .certification-choice::before {content:url(../imgs/menu06/img_certification.png); position:absolute; top:-128px; right:27px;}
#application-wrap .certification-choice > div {display:table; table-layout:fixed; border-spacing:24px 0; width:calc(100% + 48px); margin:0 -24px; margin-top:26px; text-align:center;}
#application-wrap .certification-choice > div > div {display:table-cell; vertical-align:top; width:50%; padding:32px; padding-top:33px; border:1px solid #E1E1E1; border-radius:12px; background-color:#F3F8FF;}
#application-wrap .certification-choice > div > div > span {display:block; margin:0 auto;}
#application-wrap .certification-choice > div > div > span.ico {width:96px; height:96px; margin-bottom:16px; border:1px solid #B0BEC5; border-radius:50%; background-color:#fff; line-height:94px;}
#application-wrap .certification-choice > div > div > span.ico img {vertical-align:middle;}
#application-wrap .certification-choice > div > div > span.tit {font-weight:700; font-size:1.125rem; line-height:1.5; letter-spacing:-0.05em; color:#434343;}
#application-wrap .certification-choice > div > div > span.txt {margin-top:12px; font-weight:400; font-size:0.875rem; line-height:1.4286; letter-spacing:-0.05em; color:#434343;}
#application-wrap .certification-choice > div > div > .button-box {margin-top:52px;}
#application-wrap .certification-choice > div > div > .button-box .btn {width:260px; color:#fff;}
#application-wrap .certification-choice .phone {}
#application-wrap .certification-choice .ipin {}
#application-wrap .certification-choice .ipin .ico img {margin-right:-8px;}
#application-wrap .application-write {}
#application-wrap .application-write-head {}
#application-wrap .application-write-head .text-box {padding:32px; margin-bottom:20px; border-radius:12px; background-color:#F3F8FF; text-align:center;}
#application-wrap .application-write-head .text-box p {font-weight:400; font-size:1rem; line-height:1.5; letter-spacing:-0.025em; color:#434343;}
#application-wrap .application-write-head .button-box {margin-bottom:50px;}
#application-wrap .application-write-head .button-box .btn {width:calc((100% - 24px)/2); height:54px; border:1px solid #E0E0E0; font-weight:500; font-size:0.875rem; line-height:52px; letter-spacing:0; color:#0065E8;}
#application-wrap .application-write-head .button-box .btn i {display:inline-block; vertical-align:middle; width:1em; height:1em; margin-left:10px; border-radius:50%; background-color:#F3F8FF; font-size:1.5rem; line-height:1; color:#0065E8;}
#application-wrap .application-write-body {}
#application-wrap .application-write-body .tbl-group {margin-bottom:30px;}
#application-wrap .application-write-foot {}
#application-wrap .application-write-foot .button-box {margin-top:86px;}
#application-wrap .application-write-foot .button-box .btn {width:180px;}
#application-wrap .application-complete {text-align:center;}
#application-wrap .application-complete ~ .button-box {margin-top:86px;}
#application-wrap .application-complete ~ .button-box .btn {width:180px;}
/* 분쟁조정신청 > 나의 조정신청 조회 */
#application-wrap .application-lookup {}
#application-wrap .application-lookup .dh01 small {vertical-align:top; margin-top:4px; margin-left:20px; font-weight:400; font-size:1rem; line-height:1.5; letter-spacing:-0.05em; color:#000;}
#application-wrap .application-lookup .tbl-group {margin-top:27px;}
#application-wrap .application-lookup-list {}
#application-wrap .application-lookup-detail {}
#application-wrap .application-lookup-detail .application-lookup-detail-head {}
#application-wrap .application-lookup-detail .application-lookup-detail-body {}
#application-wrap .application-lookup-detail .application-lookup-detail-body hr {margin:50px 0;}
#application-wrap .application-lookup-detail .application-lookup-detail-body .tbl .col-write-content {}
#application-wrap .application-lookup-detail .application-lookup-detail-body .tbl .col-write-content .editor-view {font-weight:400; font-size:0.875rem; line-height:1.4286; letter-spacing:0; color:#434343;}
#application-wrap .application-lookup-detail .application-lookup-detail-body .tbl .col-write-content .editor-view > * {font-weight:400; font-size:0.875rem; line-height:1.4286; letter-spacing:0; color:#434343;}
#application-wrap .application-lookup-detail .application-lookup-detail-foot {margin-top:54px;}
#application-wrap .application-lookup-detail .application-lookup-detail-foot .btn {width:180px;}

#application-wrap .application-lookup-list .tbl tr:not(.no-data):hover,
#application-wrap .application-lookup-detail .application-lookup-detail-head .tbl tr:hover {cursor:pointer;}
#application-wrap .application-lookup-list .tbl tr:not(.no-data):hover td,
#application-wrap .application-lookup-detail .application-lookup-detail-head .tbl tr:hover td,
#application-wrap .application-lookup-detail .tbl tr.curr td {background-color:#FFF3F6;}

@media (max-width:1389px) {

}

@media (max-width:765px) {
    .pros-list {/*display:block; margin-left:30px;*/ table-layout:fixed; width:100%; margin-left:0;}
    .pros-list li {/*display:block;*/ width:auto; height:100px; border-radius:12px;}
    .pros-list li span {/*display:inline-block; vertical-align:middle;*/}
    .pros-list li span.ico {display:inline-block; vertical-align:middle; /*width:53px;*/ width:30px; height:30px; background-position:right center;}
    .pros-list li span.tit {display:inline-block; vertical-align:middle; margin-top:0; margin-left:10px;}
    .pros-list li span.txt {/*margin-top:0; margin-left:2px;*/ margin-top:10px;}

    .pros-list li:nth-child(1) span.ico {background-size:auto 100%;}
    .pros-list li:nth-child(2) span.ico {background-size:100% auto;}
    .pros-list li:nth-child(3) span.ico {background-size:auto 100%;}

    .commissioner-list > li {width:100%;}
    .commissioner-list > li:nth-child(even) {border-left:1px solid #E0E0E0;}
    .commissioner-list > li:nth-child(n+2) {border-top:none;}

    #application-wrap .certification-choice > div {display:block; width:100%; margin-right:0; margin-left:0;}
    #application-wrap .certification-choice > div > div {display:block; width:100%;}
    #application-wrap .certification-choice > div > div + div {margin-top:24px;}
}

/*------------------------------------------------------------------------------
    @기타페이지
------------------------------------------------------------------------------*/
/* 개인정보처리방침 */
.history-link-list {list-style:none; padding:0; margin:18px auto;}
.history-link-list > li {display:block;}
.history-link-list > li + li {margin-top:10px;}
.history-link-list > li > a {padding:0 30px; margin:0; background-color:#005DAB; color:#fff;}

/* 사이트맵 */
#site-map {border-top:2px solid #00B9FF;}
#site-map .dep1-list {font-size:0;}
#site-map .dep1-list dt {display:inline-block; vertical-align:top; position:relative; width:25%; min-height:193px; padding:22px 26px; border-bottom:2px solid #00B9FF; background-color:#F3F8FF;}
#site-map .dep1-list dt::before {position:absolute; bottom:25px; left:24px;}
#site-map .dep1-list dt span {display:inline-block; font-weight:700; font-size:1.125rem; line-height:1.5; letter-spacing:-0.025em; color:#0099DB;}
#site-map .dep1-list dd {display:inline-block; vertical-align:top; position:relative; width:75%; min-height:193px; border-bottom:2px solid #00B9FF; border-left:1px solid #CFD8DC;}
#site-map .dep1-list dd::before {content:""; position:absolute; top:0; bottom:0; left:33.3333%; border-left:1px solid #CFD8DC;}
#site-map .dep1-list dd::after {content:""; position:absolute; top:0; bottom:0; left:66.6666%; border-left:1px solid #CFD8DC;}
#site-map .dep2-list {padding:22px 0;}
#site-map .dep2-list > li {display:inline-block; vertical-align:top; position:relative; width:33.3333%; padding:0 17px;}
#site-map .dep2-list > li:nth-child(n+4) {margin-top:20px;}
#site-map .dep2-list > li > a {display:inline-block; padding-left:12px; text-indent:-12px;}
#site-map .dep2-list > li > a::before {content:""; display:inline-block; vertical-align:middle; width:6px; height:6px; margin-right:6px; border-radius:50%; background-color:#F54970;}
#site-map .dep2-list > li > a > span {vertical-align:middle; font-weight:400; font-size:1rem; line-height:1.5; letter-spacing:0; color:#333;}
#site-map .dep2-list > li > a > i {display:inline-block; vertical-align:middle; margin-left:8px; text-indent:0; font-size:1.25rem; color:#0065E8;}
#site-map .dep3-list {padding:11px 10px; margin:0 10px; margin-top:8px; background-color:#F2F2F2;}
#site-map .dep3-list > li {display:block; margin:4px 0;}
#site-map .dep3-list > li > a {display:inline-block; padding-left:8px; text-indent:-8px; font-weight:400; font-size:0.875rem; line-height:1.4286; letter-spacing:0; color:#333;}
#site-map .dep3-list > li > a::before {content:"-"; vertical-align:middle; margin-right:3px;}
#site-map .dep3-list > li > a > span {vertical-align:middle;}
#site-map .dep3-list > li > a > i {display:inline-block; vertical-align:middle; margin-left:8px; text-indent:0; font-size:1rem; color:#0065E8;}

#site-map .dep1-list dt:nth-of-type(1)::before {content:url(../imgs/menu07/site-map-ico01.png);}
#site-map .dep1-list dt:nth-of-type(2)::before {content:url(../imgs/menu07/site-map-ico02.png);}
#site-map .dep1-list dt:nth-of-type(3)::before {content:url(../imgs/menu07/site-map-ico03.png);}
#site-map .dep1-list dt:nth-of-type(4)::before {content:url(../imgs/menu07/site-map-ico04.png);}
#site-map .dep1-list dt:nth-of-type(5)::before {content:url(../imgs/menu07/site-map-ico05.png);}
#site-map .dep1-list dt:nth-of-type(6)::before {content:url(../imgs/menu07/site-map-ico06.png);}
#site-map .dep1-list dt:nth-of-type(7)::before {content:url(../imgs/menu07/site-map-ico07.png);}

#site-map .has-link > a > i {}
#site-map .has-dep > a > i {}

#site-map .dep3-list > li:hover > a > span {text-decoration:underline;}

@media (max-width:1389px) {
    #site-map .dep1-list dt {width:100%; min-height:auto; border-bottom:none;}
    #site-map .dep1-list dt::before {right:10px; bottom:10px; left:auto;}
    #site-map .dep1-list dd {width:100%; min-height:auto; border-top:1px solid #CFD8DC; border-left:none;}
    /*#site-map .dep1-list dd::before {left:50%;}
    #site-map .dep1-list dd::after {display:none;}
    #site-map .dep2-list > li {width:50%;}
    #site-map .dep2-list > li:nth-child(n+3) {margin-top:20px;}*/
}

@media (max-width:765px) {
    #site-map .dep1-list dd::before {display:none;}
    #site-map .dep1-list dd::after {display:none;}
    #site-map .dep2-list > li {width:100%;}
    #site-map .dep2-list > li:nth-child(n+2) {margin-top:20px;}
    /* #site-map .dep2-list > li + li::before {content:""; position:absolute; top:0; right:0; left:0; width:100%; border-top:1px solid #CFD8DC;} */
}

/* 통합검색 */
#total-search-wrap {}
#total-search-wrap .keywords {color:#005DAB;}
#total-search-wrap .result {color:#F54970;}

#total-search-wrap .total-search-head {padding:35px; border:1px solid #B0BEC5; border-radius:12px; background-color:#F3F8FF; text-align:center;}
#total-search-wrap .total-search-head .search-group {width:100%; max-width:516px;}
#total-search-wrap .total-search-head .search-group > input {width:100%; height:48px; padding:11px 13px; padding-right:61px; border:1px solid #00B9FF; font-weight:400; font-size:1rem; line-height:1.5; letter-spacing:-0.05em; color:;}
#total-search-wrap .total-search-head .btn_search {width:48px; height:48px; line-height:48px;}
#total-search-wrap .total-search-head .btn_search::before {font-size:1.813rem;}

#total-search-wrap .total-search-body {}
#total-search-wrap .total-search-body .total {margin-top:38px; margin-bottom:48px; text-align:center;}
#total-search-wrap .total-search-body .total span {font-weight:400; font-size:1.25rem; line-height:1.45; letter-spacing:-0.025em; color:#757575;}
#total-search-wrap .total-search-body .total span .title {font-weight:500;}
#total-search-wrap .total-search-body .total span .result {font-weight:500;}
#total-search-wrap .total-search-body .result-area {}
#total-search-wrap .total-search-body .result-area > div {}
#total-search-wrap .total-search-body .result-area > div + div {margin-top:80px;}

#total-search-wrap .result-title {padding-bottom:10px; margin-bottom:18px; border-bottom:2px solid #0065E8;}
#total-search-wrap .result-title span {font-weight:400; font-size:1rem; line-height:1.5; letter-spacing:-0.05em; color:#4B4B4B;}
#total-search-wrap .result-title span b {font-weight:700;}
#total-search-wrap .result-title span i {font-style:normal;}

#total-search-wrap .result-cont {border:none;}
#total-search-wrap .result-cont .result-list {}
#total-search-wrap .result-cont .result-list > li + li {margin-top:20px; border-top:none;}
#total-search-wrap .result-cont .summary {position:relative; z-index:1; border:1px solid #B0BEC5; border-radius:8px;}
#total-search-wrap .result-cont .summary a {padding:11px 71px 11px 29px; font-size:0;}
#total-search-wrap .result-cont .summary a::after {display:none;}
#total-search-wrap .result-cont .summary a span {display:inline-block; vertical-align:middle;}
#total-search-wrap .result-cont .summary a span + span {margin-left:18px;}
#total-search-wrap .result-cont .summary a span .result {color:#00B9FF;}
#total-search-wrap .result-cont .summary a i {position:absolute; top:11px; right:23px; width:1em; height:1em; border-radius:50%; background-color:#00B9FF; font-size:1.5rem; color:#fff;}
#total-search-wrap .result-cont .detail {padding:24px 15px 32px 15px; margin-top:-8px; border:1px solid #B0BEC5; border-top:none; border-radius:0 0 8px 8px; background-color:#fff;}
#total-search-wrap .result-cont .detail-list {}
#total-search-wrap .result-cont .detail-list li {display:block;}
#total-search-wrap .result-cont .detail-list li + li {margin-top:12px;}
#total-search-wrap .result-cont .detail-list li a {display:block; font-size:0;}
#total-search-wrap .result-cont .detail-list li a::before {content:""; display:inline-block; vertical-align:middle; width:6px; height:6px; margin-right:8px; border-radius:50%; background-color:#B0BEC5;}
#total-search-wrap .result-cont .detail-list li a span {display:inline-block; vertical-align:middle;}
#total-search-wrap .result-cont .detail-list li a span.tit {overflow:hidden; max-width:calc(100% - 100px); margin-right:14px; white-space:nowrap; text-overflow:ellipsis; text-decoration:underline; font-weight:400; font-size:1rem; line-height:1.5; letter-spacing:-0.05em; color:#0065E8;}
#total-search-wrap .result-cont .detail-list li a span.date {font-weight:400; font-size:0.875rem; /*line-height:1.4286;*/ line-height:1.7143; letter-spacing:-0.025em; color:#B0BEC5;}
#total-search-wrap .result-cont .detail .paging {margin-top:0; margin-bottom:0;}
#total-search-wrap .result-cont .detail .paging::before {content:""; display:block; margin:24px 0 30px 0; border-top:1px solid #E1E1E1;}

#total-search-wrap .result-cont .result-list > li:hover .summary {border-color:#0065E8;}
#total-search-wrap .result-cont .result-list > li:hover .summary a i {background-color:#0065E8;}
#total-search-wrap .result-cont .result-list > li.on .summary {border-color:#005DAB; background-color:#005DAB;}
#total-search-wrap .result-cont .result-list > li.on .summary a span {color:#fff;}
#total-search-wrap .result-cont .result-list > li.on .summary a span .keywords {color:#fff;}
#total-search-wrap .result-cont .result-list > li.on .summary a i {background-color:#fff; color:#707070; transform:rotate(180deg);}

@media (max-width:1389px) {

}

@media (max-width:765px) {
    #total-search-wrap .result-cont .detail .paging {margin-top:54px;}
    #total-search-wrap .result-cont .detail .paging::before {position:absolute; top:-30px; right:calc(-1*(100vw - (190px + 32px + 24px))/2); left:calc(-1*(100vw - (190px + 32px + 24px))/2); margin:0;}
}


/* board calendar */
.year-month-move-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    margin-bottom: 32px;
}
.year-month-move-btn p {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.025em;
    line-height: 45px;
}
.year-month-move-btn p > span {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.025em;
}
.year-month-move-btn .btn {
    width: 36px;
    height: 36px;
    background-color: #fff;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    box-sizing: border-box;
}
.year-month-move-btn .btn.prev {
    background-image: url(../imgs/board/ico_cal_arrow-left.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.year-month-move-btn .btn.next {
    background-image: url(../imgs/board/ico_cal_arrow-right.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.fc {}
.fc .calendarGuide {display:flex; justify-content: flex-end; align-items: center; margin-bottom:16px;}
.fc .calendarGuide .techListGuide {display:flex; justify-content: flex-end; align-items: center; list-style:none; padding:0; margin:0;}
.fc .calendarGuide .techListGuide li {display:inline-flex; justify-content: flex-start; align-items: center; padding:0 8px; margin:0; gap: 6px;}
.fc .calendarGuide .techListGuide li:first-child {padding-left:0;}
.fc .calendarGuide .techListGuide li:last-child {padding-right:0;}  
.fc .calendarGuide .techListGuide li:before {content:""; display:inline-block; width:14px; height:14px; border-radius:50%;}
.fc .calendarGuide .techListGuide li.tech1:before {background-color:#0094FF;}
.fc .calendarGuide .techListGuide li.tech2:before {background-color:#19A3A4;}
.fc .calendarGuide .techListGuide li.tech3:before {background-color:#E87F08;}
.fc .calendarGuide .techListGuide li.tech4:before {background-color:#73B700;}

.fc-theme-standard .fc-scrollgrid {
    border-top: 2px solid #00B9FF;
}
.fc .fc-col-header-cell {
    background-color: #F3F8FF;
}
.fc .fc-col-header-cell-cushion {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding: 18px 12px 20px;
}
.fc .fc-day-sun .fc-col-header-cell-cushion {
    color: #F54970;
}
.fc .fc-day-sat .fc-col-header-cell-cushion {
    color: #0065E8;
}
.fc .fc-toolbar.fc-header-toolbar {display:none;}

.fc .fc-day.fc-day-today {
    background-color: #F3F8FF;
}
.fc .fc-day .fc-daygrid-day-frame {
    padding: 10px 12px;
    min-height: 126px;
}
.fc .fc-day .fc-daygrid-day-top .fc-daygrid-day-number {
    padding: 0;
    font-size: 16px;
    line-height: 24px;
}
.fc .fc-day .fc-daygrid-day-events {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex-wrap: wrap;
    justify-content: flex-end;
    min-height: 79px;
}
.fc .fc-day .fc-daygrid-event-harness {}
.fc .fc-day .fc-daygrid-event-harness .fc-event {
    background-color: initial;
    border: 0;
}
.fc .fc-day .fc-daygrid-event-harness .fc-event a {
    position: relative;
    color: #757575;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.025em;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
}
.fc .fc-day .fc-daygrid-event-harness .fc-event .title,
.fc .fc-day .fc-daygrid-event-harness .fc-event .category {
    display: none;
}
.fc .fc-day .fc-daygrid-event-harness .fc-event a:before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.fc .fc-day .fc-daygrid-event-harness .fc-event a.tech1:before {
    background-color: #0094FF;
}
.fc .fc-day .fc-daygrid-event-harness .fc-event a.tech2:before {
    background-color: #19A3A4;
}
.fc .fc-day .fc-daygrid-event-harness .fc-event a.tech3:before {
    background-color: #E87F08;
}
.fc .fc-day .fc-daygrid-event-harness .fc-event a.tech4:before {
    background-color: #73B700;
}

.fc .fc-col-header-cell-cushion {

}
.fc .fc-daygrid-day-bottom {
    padding-top: 4px;
}
.fc .fc-daygrid-day-bottom:not(:has(.fc-daygrid-more-link)) {
    display: none;
}
.fc .fc-daygrid-more-link {
    float: right;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 10px;
    border-radius: 4px;
    background-color:#1743c6;
    border-radius:1rem;
    color:#fff;
    font-size: 16px;
    margin-top: 0;
}

.fc .fc-popover {
    display: none;
}

.calendarDate {
    background-color: #F6F6F6;
    padding: 32px;
    border: 1px solid #E0E0E0;
    border-top: 0;
    display: flex;
    gap: 32px;
    align-items: flex-start;
}
.calendarDate .day {
    display: inline-block;
    width: 24px;
    font-size: 20px;
    font-weight: 700;
}
.calendarDate .techList {
    width: calc(100% - 56px);
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.calendarDate .techList > li {}
.calendarDate .techList > li > a {
    display: flex;
    align-items: center;
    width: 100%;
}
.calendarDate .techList > li > a .reservation {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.calendarDate .techList > li .tech {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 88px;
    height: 30px;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    border-radius: 16px;
}
.calendarDate .techList > li .tech1 {
    background-color: #0094FF;
    color: #fff;
}
.calendarDate .techList > li .tech2 {
    background-color: #19A3A4;
    color: #fff;
}
.calendarDate .techList > li .tech3 {
    background-color: #E87F08;
    color: #fff;
}
.calendarDate .techList > li .tech4 {
    background-color: #73B700;
    color: #fff;
}
.calendarDate .techList > li .category {
    display: inline-block;
    width: 59px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0;
    color: #1C1C1C;
    margin-left: 16px;
}
.calendarDate .techList > li .title {
    display: inline-block;
    width: calc(100% - 179px);
    position: relative;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    color: #757575;
    margin-left: 16px;
    padding-left: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.calendarDate .techList > li .title::before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 10px;
    background-color: #B0BEC5;
    position: absolute;
    top: 4px;
    left: 0;
}

@media (max-width: 765px) {
    .fc .fc-col-header-cell-cushion {
        font-size: 0.8rem;
        line-height: 1.5rem;
        padding: 4px;
    }
    .fc .fc-day .fc-daygrid-day-frame {
        padding: 4px;
        min-height: 110px;
    }
    .fc .fc-day .fc-daygrid-day-top .fc-daygrid-day-number {
        font-size: 0.8rem;
        line-height: 1.5rem;
    }
    .fc .fc-day .fc-daygrid-day-events {
        gap: 2px;
    }
    .fc .fc-day .fc-daygrid-event-harness .fc-event a {
        font-size: 0.8rem;
        line-height: 1.2rem;
    }
    .fc .fc-day .fc-daygrid-event-harness .fc-event a:before {
        width: 6px;
        height: 6px;
    }
    .fc .fc-daygrid-more-link {
        padding: 2px 6px;
        font-size: 0.8rem;
        line-height: 120%;
    }

    .calendarDate {
        padding: 16px;
    }
    .calendarDate .techList > li .tech {
        font-size: 13px;
        width: 72px;
        height: 24px;
    }
    .calendarDate .techList > li .category {
        font-size: 13px;
        line-height: 22px;
        width: 48px;
    }
    .calendarDate .techList > li .title {
        margin-left: 8px;
        padding-left: 9px;
        width: calc(100% - 144px);
    }
    .calendarDate .techList > li .title::before {
        top: 6px;
    }
}

.thumbnail-list {
    margin: 0 -12px;
    display: flex;
    flex-wrap: wrap;
}
.thumbnail-list > li {
    width: 33.33%;
    padding: 12px;
}
.thumbnail-list > li > a {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    border-radius: 12px;
    border: 1px solid #E0E0E0;
    background-color: #fff;
    padding: 20px;
    gap: 16px;
}
.thumbnail-list > li > a:before {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    word-break: break-all;
    width: 55px;
    height: 55px;
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 1;
    border-radius: 9px;
    text-align: center;
    padding: 9px 10px 8px 11px;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0;
}
.thumbnail-list > li > a.tech1:before {
    content: '카테고리1';
    background-color: #0094FF;
    color: #fff;
}
.thumbnail-list > li > a.tech2:before {
    content: '카테고리2';
    background-color: #19A3A4;
    color: #fff;
}
.thumbnail-list > li > a.tech3:before {
    content: '카테고리3';
    background-color: #E87F08;
    color: #fff;
}
.thumbnail-list > li > a.tech4:before {
    content: '카테고리4';
    background-color: #73B700;
    color: #fff;
}
.thumbnail-list > li > a .info-top {
    width: 100%;
}
.thumbnail-list > li > a .info-top .imgbox {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 123%;
    border: 1px solid #E0E0E0;
}
.thumbnail-list > li > a .info-top .imgbox .img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../imgs/board/img_thumbnail_null.png);
}
.thumbnail-list > li > a .info-bottom {
    max-width: 100%;
}
.thumbnail-list > li > a .info-bottom .title {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.05em;
    color: #434343;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
}
.thumbnail-list > li > a .info-bottom .info-detail {
    margin-top: 16px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}
.thumbnail-list > li > a .info-bottom .info-detail p {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.05em;
    color: #434343;
}
.thumbnail-list > li > a .info-bottom .info-detail p .tit {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 56px;
    margin-right: 8px;
    padding-right: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.05em;
    color: #434343;
}
.thumbnail-list > li > a .info-bottom .info-detail p .tit::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 10px;
    background-color: #B0BEC5;
    position: absolute;
    top: 6px;
    right: 0;
}
.thumbnail-list > li > a .info-bottom .btnView {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    background-color: #7F7F7F;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}
.thumbnail-list > li > a .info-bottom .btnView span {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    line-height: 24px;
}
.thumbnail-list > li > a .info-bottom .btnView span:after {
    content: '';
    display: inline-block;
    width: 21px;
    height: 21px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../imgs/board/ico_thumbnail_link.svg);
}

@media (max-width: 1389px) {
    /* .thumbnail-list > li {
        width: 50%;
    } */
}

@media (max-width: 765px) {
    .thumbnail-list > li {
        width: 50%;
    }
    
}
@media (max-width: 425px) {
    .thumbnail-list > li {
        width: 100%;
    }
}

.seviceBtnList {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 34px;
}
.seviceBtnList > ul {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px 16px;
}
.seviceBtnList > ul > li > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 212px;
    height: 57px;
    border-radius: 8px;
    border: 1px solid #E0E0E0;
    background-color: #FFFFFF;
}
.seviceBtnList > ul > li > a i {
    color: #00B9FF;
    font-size: 24px;
}

.seviceBtnList > ul > li > a:hover span,
.seviceBtnList > ul > li > a:focus-visible span {
    text-decoration: underline;
}

@media (max-width: 765px) {
    .seviceBtnList {
        margin-top: 16px;
    }
    .seviceBtnList > ul {
        flex-direction: column;
    }
    .seviceBtnList > ul > li {
        width: 100%;
    }
    .seviceBtnList > ul > li > a {
        width: 100%;
    }
}

/* 조정신청 신청서 작성 20250204 */
.mediation-box .step-box {margin-bottom: 32px; display: flex; justify-content: center; align-items: center;background: #F3F8FE; border-radius: 16px; padding:24px; gap:40px;}
.mediation-box .step-box .step .step-label {display: block; font-weight: 500; font-size: 1.1250rem; line-height: 1.6875rem; letter-spacing: -0.05em;}
.mediation-box .step-box .arrow {display: block; width: 22px; height: 12px; background: url(../imgs/common/ico_step_arrow.svg) no-repeat 0 0 /100%;}
.mediation-box .step-box .step.active .step-label {position: relative; padding-left:26px; color: #0065E8; font-weight: 700;}
.mediation-box .step-box .step.active .step-label::before {content:''; position: absolute; left:0; top:3px; width: 20px; height: 20px; background: url(../imgs/common/ico_step_check.svg) no-repeat center center / 100%;}
.mediation-box .step-box .step.active + .arrow {background-image: url(../imgs/common/ico_step_arrow_active.svg);}

.mediation-box .agree-box {margin-top: 20px; display: flex; flex-direction: column; align-items: flex-start; padding: 24px; gap: 16px; background: #FFFFFF; border: 1px solid #BDBDBD; border-radius: 8px;}
.mediation-box .agree-box > * {margin:0;}
.mediation-box .agree-box .tbl.st01 strong {font-size: 20px; line-height: 29px;}
.mediation-box .agree-box .agree-txt-box {width:100%; margin-top: 8px; display: flex; justify-content: space-between; align-items: center; padding: 20px 24px; background: #F8F8F8; border: 1px solid #CFD8DC; border-radius: 8px;}
.mediation-box .agree-box .agree-txt-box p {color: #212121; font-weight: 500; font-size: 16px; line-height: 24px;}
.mediation-box .agree-box .agree-txt-box .radio-agree-box {display: flex; align-items: center; gap:20px;}
.mediation-box .agree-box .agree-txt-box .radio-box input {display: none;}
.mediation-box .agree-box .agree-txt-box .radio-box input + label {position: relative; padding-left:26px; display: flex; align-items: center; color:#212121; font-size: 14px; line-height: 20px; font-weight: 400; cursor: pointer;}
.mediation-box .agree-box .agree-txt-box .radio-box input + label::before {content:''; position: absolute; left:0; top:0; width: 20px; height: 20px; background: #FFFFFF; border: 1px solid #BDBDBD; border-radius: 10px;}
.mediation-box .agree-box .agree-txt-box .radio-box input + label::after {display: none; content:''; position: absolute; left:0; top:0; width: 20px; height: 20px; background: #FFF; border:6px solid #005DAB; border-radius: 10px;}
.mediation-box .agree-box .agree-txt-box .radio-box input:checked + label::after {display: block;}
.mediation-box .button-box {margin: 32px 0 0;}
.mediation-box .button-box .btn {width: 180px;}
.mediation-box .tit-box {display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;}
.mediation-box .tit-box * {margin:0;}
.mediation-box .tit-box .txt-notice {color:#F54970; font-size: 14px; line-height: 21px; font-weight: 500;}
.mediation-box .tbl td > .text {width:250px;}
.mediation-box .line-top-black th {border-top: 1px solid #919191;}
.mediation-box .line-top-black td {border-top: 1px solid #919191;}
.type-address3 .btn:hover {background: #005DAB !important;}

.tbl .txt-required {color:#F54970;}
.type-birthday {width:388px; display:flex; gap:10px;}
.type-birthday .select {width:104px;}
.type-birthday .select:first-child {width:160px;}

.form-controls.type-address1 .row.row01 .btn:hover {background: #005DAB;}
.form-controls.type-address1 .row .check + .check {margin-left: 16px;}
.adjust-obj .row + .row {margin-top: 10px;}
.adjust-obj .row {font-size:0; display: flex; gap:10px;}
.adjust-obj .row .select {flex:1;}
.adjust-obj .row .text {flex:1;}
.adjust-obj .row .btn-box {display: flex; gap:4px;}
.adjust-obj .row .btn-box .btn {margin:0;}

* + .file-box {margin-top: 10px;}
.file-box .row + .row {margin-top: 10px;}

.disputes-box .row + .row {margin-top: 10px;}
.disputes-box .row {font-size:0; display: flex; align-items: center; gap:10px;}
.disputes-box .row .check {flex:none; width:90px;}
.disputes-box .text {width: 250px;}

.tbl-write .col-write-content.input-data {padding:16px;}
.file-section + .file-section {margin-top: 16px; padding-top: 16px; border-top: 1px solid #CFD8DC;}
.file-section .btn-down { display: flex; align-items: center; height:25px; padding:0 10px; gap:4px; border:1px solid #BDBDBD; border-radius: 6px; font-size: 14px; line-height: 21px; font-weight: 400;}
.file-section .btn-down:hover {background: #F5F5F5;}
.file-section .btn-down::after {content:''; width:16px; height: 16px; background: url(../imgs/common/ico_down_arrow.svg) no-repeat 0 0 /100%;}
.file-section .txt-file-box {display: flex; gap:10px; align-items: center;}
.file-section .txt-file-box .txt {font-size: 14px; line-height: 21px; font-weight: 400;}
.file-section .txt-file {margin-top: 10px;}

.file-btn.type-attach:hover {background: #005DAB;}

.form-controls.type-bizNo {display: flex; width:342px; align-items: center;}
.form-controls.type-bizNo .text {flex:1; width:100%;}
.form-controls.type-bizNo .form-split {flex:none;}
.tbl-write .type-bizNo {width:342px;}
.tbl-write .type-bizNo * {flex:1; width:auto;}
.tbl-write .type-telNo {width:342px;}
.tbl-write .type-email3 {width: 511px;}
.tbl-write .type-address1 {width:511px;}
.tbl-write .radio-box {display: flex; gap:16px;}
.tbl-write * + .radio-box {margin-top: 10px;}
.tbl-write .br {display: block;}
.tbl-write .txt-file {display: block; padding-left:21px; position: relative; line-height: 20px;}
.tbl-write .txt-file::before {content:''; position: absolute; left:0; top:0; width:20px; height:20px; background: url(../imgs/common/ico_file.svg) no-repeat 0 0 /100%;}
.tbl-write td > .select {width: 250px;}
.tbl-write tr.line-top th,
.tbl-write tr.line-top td {border-top:2px solid #00B9FF;}
.form-controls.type-address1 .text, .form-controls.type-address2 .text {width:auto;}

.tbl-write tbody tr th {padding:14px 16px; letter-spacing: -0.7px;}
.tbl-write tbody tr td {color:#212121; font-size: 14px; line-height: 21px; font-weight: 400;}

.mediation-top-box {padding-bottom: 32px; border-bottom: 1px dashed #BDBDBD}
.mediation-top-box + * {margin-top: 32px;}
.mediation-top-box .tbl {margin-top: 20px; text-align: center;}
.mediation-top-box .tbl tr:hover td a {text-decoration: underline;}
.mediation-top-box .tbl tr.on {background: #FFF3F6;}
.mediation-top-box .tbl .btn-tbl-box {display: flex; justify-content: center; align-items: center;}
.mediation-top-box .tbl .btn-tbl-box .btn-tbl {display: flex; justify-content: center; align-items: center; height:37px; padding:0 22px; border-radius: 6px; font-size:14px; line-height: 21px; font-weight: 400;}
.mediation-top-box .tbl .btn-tbl-box .btn-tbl.style1 {background: #EF9F30; color:#FFF;}
.mediation-top-box .tbl .btn-tbl-box .btn-tbl.style2 {background: #2D75EE; color:#FFF;}
.mediation-top-box .tbl .btn-tbl-box .btn-tbl.style3 {background: #737373; color:#FFF;}
.mediation-top-box .tbl .btn-opt-box {display: flex; justify-content: center; align-items: center; gap:10px;}
.mediation-top-box .tbl .btn-opt-box .btn-opt {position: relative; font-size:14px; line-height: 21px; font-weight: 400; color:#212121;}
.mediation-top-box .tbl .btn-opt-box .btn-opt::after {content:''; position: absolute; left:0; bottom:-4px; width: 100%; height:1px; background: #212121;}
.mediation-top-box .tbl .btn-opt-box .btn-opt:disabled {color:#9E9E9E;}
.mediation-top-box .tbl .btn-opt-box .btn-opt:disabled::after {background: #9E9E9E;}

.mediation-accordion-box .accordion-box + .accordion-box {margin-top: 24px;}
.mediation-accordion-box .accordion-box .tit-box {position: relative; display: flex; align-items: center; height:62px; padding-left:24px; padding-right: 78px; border-radius: 8px; background: #F3F8FF; border:1px solid #C6C6C6; cursor: pointer;}
.mediation-accordion-box .accordion-box .tit-box::after {content:''; position: absolute; top:16px; right:24px; width: 30px; height: 30px; background: url(../imgs/common/ico_accordion_arrow_2.svg) no-repeat 0 0 /100%; transform: rotate(180deg); transition: all .3s ease;}
.mediation-accordion-box .accordion-box .tit-box .tit {color:#0065E8; font-size: 18px; line-height: 27px; font-weight: 700;}
.mediation-accordion-box .accordion-box .toggle-box {border: 1px solid #C6C6C6; border-radius: 0 0 8px 8px; padding:32px;}
.mediation-accordion-box .accordion-box .toggle-box .item-box > * {margin-bottom:0;}
.mediation-accordion-box .accordion-box .toggle-box .item-box {display: flex; flex-direction: column; gap:16px;}
.mediation-accordion-box .accordion-box .toggle-box .item-box .img-box .arrow {flex:none; display: block; width:40px; height:20px; background: url(../imgs/common/ico_arrow_blue.svg) no-repeat 0 0 /100%;}
.mediation-accordion-box .accordion-box .toggle-box .item-box .img-box {display: flex; justify-content: center; align-items: center; padding:32px 40px; border-radius: 16px; background: #F8F8F8; border:1px solid #E8E8E8; gap:30px;}
.mediation-accordion-box .accordion-box .toggle-box .item-box .img-box img {flex:1;}
.mediation-accordion-box .accordion-box .toggle-box .item-box .img-box .img-txt {display: flex; align-self: flex-end; align-items: center; flex-direction: column; flex:210px 0 0; height:100%;}
.mediation-accordion-box .accordion-box .toggle-box .item-box .img-box .img-txt .txt {width:100%; margin-top: 16px; display: flex; justify-content: center; align-items: center; height:32px; gap:8px; border: 1px solid #CFD8DC; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.08); border-radius: 20px; font-size: 16px; line-height: 24px; font-weight: 700; color:#002352; background: #FFF;}
.mediation-accordion-box .accordion-box .toggle-box .item-box .img-box .img-txt .txt::before {content:''; display: block; width: 6px; height: 6px; border-radius: 6px; background: #CFD8DC;}
.mediation-accordion-box .accordion-box .toggle-box .item-box .img-box .img-txt .txt::after {content:''; display: block; width: 6px; height: 6px; border-radius: 6px; background: #CFD8DC;}

.mediation-accordion-box .accordion-box .toggle-box .item-box + .item-box {margin-top: 24px; padding-top: 24px; border-top: 1px dashed #C6C6C6;}
.mediation-accordion-box .accordion-box .toggle-box .pc {display: block;}
.mediation-accordion-box .accordion-box .toggle-box .m {display: none;}
.mediation-accordion-box .accordion-box .toggle-box {display: none;}

.mediation-accordion-box .accordion-box.active .toggle-box {display: block;}
.mediation-accordion-box .accordion-box.active .tit-box {background: linear-gradient(0deg, #00B9FF, #00B9FF), linear-gradient(92.06deg, #0065E8 -13.39%, #0099DB 92.18%); border:none; border-radius: 8px 8px 0 0;}
.mediation-accordion-box .accordion-box.active .tit-box::after {transform: rotate(0);}
.mediation-accordion-box .accordion-box.active .tit-box .tit {color:#FFF;}



.list-txt li + li {margin-top: 16px;}
.list-txt li {display: flex; gap:8px; flex-wrap:wrap;}
.list-txt li .num {flex:none; display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; background: #FCD7E2; border-radius: 10px; font-size: 13px; line-height: 20px; font-weight: 400;}
.list-txt li .txt-list {flex:calc(100% - 30px); font-size: 18px; line-height: 26px; font-weight: 400;}
.list-txt li .txt-secondary4 {flex:100% 0 0; font-size: 16px; line-height: 24px;}

.dh02 > span {white-space: nowrap;}
.mobile_scroll {width: 100%;}

@media screen and (max-width: 1389px) {
  .tbl-write .br {display: none;}
  .tbl-write tbody tr th {border-left: none !important; }
  .tbl-write tbody tr th + th {border-top: 1px solid #CFD8DC;}
  .tbl-write tr.line-top th {border-top: 1px solid #CFD8DC;}
  .tbl-write tr.line-top th:first-child {border-top:2px solid #00B9FF;}
  .tbl-write tr.line-top td {border-top:1px solid #CFD8DC;}
}

@media (max-width: 1024px) {
  .mediation-accordion-box .accordion-box .toggle-box .item-box {align-items: center;}
  .mediation-accordion-box .accordion-box .toggle-box .item-box .img-box {flex-direction: column; gap:24px;}
  .mediation-accordion-box .accordion-box .toggle-box .item-box .img-box .arrow {transform: rotate(90deg);}
}

@media (max-width: 765px) {
  
  .mediation-box .step-box {flex-direction: column; gap:12px;}
  .mediation-box .step-box .arrow {transform: rotate(90deg);}
  .mediation-box .tbl td > .text {width: 100%;}
  .mediation-box .tit-box {flex-wrap:wrap; gap:4px;}
  .mediation-box .tit-box .dh01 {flex:100% 0 0;}
  .mediation-box .tit-box .txt-notice {margin-left: 32px;}
  .mediation-box .dh01 {margin:0; padding-left:32px;}
  .mediation-box .dh01 + .cont-box-txt {margin-top: 4px; margin-left: 32px !important;}
  .mediation-box .dh01 + .cont-box-txt p {margin:0;}

  
  .tbl-write .text {flex:1;}
  .tbl-write .select {flex:1; width:100%;}
  .tbl-write .type-birthday {width: 100%;}
  .tbl-write .form-controls.type-bizNo {display: flex;}
  .tbl-write .form-controls.type-bizNo .text {flex:1;}
  .tbl-write .file {flex:1;}
  .tbl-write .file > input[type="text"][readonly] {flex:1; width:100%;} 
  .tbl-write .file-box .row {display: flex; flex-wrap:wrap;}
  .tbl-write .file-box .row .file {width:100%; flex:100% 0 0; display: flex; flex-wrap:wrap; gap:8px 4px;}
  .tbl-write .file-box .row .file * {margin:0;}
  .tbl-write .file-box .row .file .text {flex:100% 0 0; width:100%; max-width:100%;}

  .form-controls.type-email3 {display: flex; flex-wrap:wrap; gap:8px 4px;}
  .form-controls.type-email3 * {margin:0;}
  .form-controls.type-email3 .select {flex:100% 0 0; margin-left:0;}

  .file-section .txt-file-box {flex-wrap:wrap;}
  .file-section .txt-file-box .txt {flex:100% 0 0;}
  .adjust-obj .row {flex-wrap:wrap;}
  .adjust-obj .row .text {order:3; flex:100% 0 0;}
  

  .tbl-write .type-bizNo {width:100%;}
  .tbl-write .type-telNo {width:100%;}
  .tbl-write .type-email3 {width: 100%;}
  .tbl-write .type-address1 {width:100%;}

  .mediation-accordion-box .accordion-box .tit-box {height:56px; padding:0 56px 0 16px;}
  .mediation-accordion-box .accordion-box .tit-box::after {right:16px; width: 24px; height: 24px;}
  .mediation-accordion-box .accordion-box .toggle-box .pc {display: none;}
  .mediation-accordion-box .accordion-box .toggle-box .m {display: block;}
  .mediation-accordion-box .accordion-box.active .toggle-box {padding:16px;}
  .mediation-accordion-box .accordion-box .tit-box .tit {font-size: 16px; line-height: 24px;}
  .mediation-accordion-box .accordion-box + .accordion-box {margin-top: 16px;}
  .mediation-accordion-box .accordion-box .toggle-box .item-box .img-box .img-txt {width:100%;}

  .list-txt li .txt-list {font-size: 14px; line-height: 20px; font-weight: 400;}

  .mediation-box .button-box {display: flex; justify-content: center; align-items: center;}
  .mediation-box .button-box .btn {flex:1;}
  .tbl-write td > .select {width: 100%;}
  .form-controls.type-address1 .text, .form-controls.type-address2 .text {width:100%;}
  .tbl.st01 td {padding:16px;}

  .mediation-box .agree-box .agree-txt-box {align-items: flex-start; flex-direction: column; gap:16px;}
  
  
}