@charset "UTF-8";

.sub-vis-wrap .inner {padding:60px 20px; height:173px; display:flex; align-items:center; position:relative;} 
.sub-vis-wrap .inner:after {content:""; position:absolute; bottom:0; right:0; z-index:0; width:100%; height:100%; background:url('../img/common/header_dav.png') 100% 100% no-repeat; z-index:0;}
.sub-vis-wrap h2 {font-size:50px; line-height:1.4em;font-weight:700; position:relative; z-index:2;}
.sub-vis {position:relative; width:100%; height:313px; overflow:hidden;}
.sub-vis .background {
	position:absolute; 
	top:0; 
	left:0;
	width:100%; height:100%;	
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	transform:scale(1.09);
    -ms-transform:scale(1.09); /* IE 9 */
    -moz-transform:scale(1.09); /* Firefox */
    -webkit-transform:scale(1.09); /* Safari and Chrome */
    -o-transform:scale(1.09); /* Opera */
	transition: all 2s ease-out 0s;
	transition-delay: 0.1s;
	z-index:0;
}
.sub-vis.load .background {
	transform:scale(1);
    -ms-transform:scale(1); /* IE 9 */
    -moz-transform:scale(1); /* Firefox */
    -webkit-transform:scale(1); /* Safari and Chrome */
    -o-transform:scale(1); /* Opera */
}

#lnb {/*border-bottom:1px solid #dedede;*/}
#lnb .cateBox {border-top:0;} 
.lnb {border-bottom:1px solid #dedede;}
.lnb .swiper-container {overflow:visible;}
.lnb ul {display:flex;}
.lnb ul li {width:auto; margin-right:30px;}
.lnb ul li:last-child {margin-right:0;}
.lnb ul li a {display:flex; align-items:center; height:75px; position:relative; color:#151515; opacity:.80; font-size:20px; line-height:1.3em; letter-spacing:-.025em;}
.lnb ul li a:after {content:"";position:absolute; bottom:-1px; left:0; width:100%; height:2px; background:#155cc0; opacity:0;}
.lnb ul li.active a {font-weight:700; color:#155cc0; opacity:1;}
.lnb ul li.active a:after {opacity:1;}


/* content */

#contArea {position:relative; max-width:1440px; margin:100px auto 0; padding:0 20px; width:100%;}
#contArea.wide {max-width:100%; padding:0;}

.real-cont {padding-bottom:150px;}
.real-cont.none {padding-bottom:0;}


/* 협회소개 */
.doc-head-title {font-size:40px; line-height:1.35em; font-weight:700; margin-bottom:85px;}
.doc-head-title.form-mb {margin-bottom:20px;}

.association-inner .head {margin-bottom:90px;}
.association-inner .head .inner {display:flex;}
.association-inner .head .title {width:50%;}
.association-inner .head .title .doc-head-title {margin-bottom:0;}
.association-inner .head .info {width:50%;}
.association-inner .cnt {margin-bottom:40px; font-size:18px; line-height:1.89em; opacity:.80;}
.association-inner .cnt:last-child {margin-bottom:0;}
.association-inner .image-box {height:762px; color:#fff; display:flex; align-items:center; margin-bottom:80px; text-align:center; background:url('../img/sub/association_bg.jpg') 50% 50% no-repeat; background-size:cover;}
.association-inner .image-box .tit {font-size:40px; line-height:1.35em; font-weight:700; margin-bottom:40px;}
.association-inner .image-box p {font-size:18px; line-height:1.4em; opacity:.80;}

.org-inner {background:#f3f7fc; padding:110px 0; text-align:center;}

.history-box {color:#fff; background:url('../img/sub/history.jpg') 50% 50% no-repeat; height:492px; background-size:cover; display:flex; align-items:center; justify-content:center; text-align:center; margin-bottom:95px;}
.history-box .tit {font-size:70px; line-height:1.4em; font-weight:700; margin-bottom:10px;}
.history-box p {font-size:18px; line-height:1.4em; opacity:.80;}

.history .group {position:relative; display:flex; padding-bottom:120px;}
.history .group:last-child {padding-bottom:0;}
.history .group:after {content:""; position:absolute; top:23px; left:50%; width:1px; height:100%; background:#dedede; margin-left:-.5px; z-index:0;}
.history .group:before {content:"";position:absolute; top:23px; left:50%; margin-left:-11px;width:22px; height:22px; background:#155cc0; border-radius:100%; border:5px solid #b8ceec; z-index:1;}
.history .group:last-child:after {height:95%}
.history .group .year {width:50%; font-size:50px; line-height:1.4em;font-weight:700; text-align:right; padding-right:70px;}
.history .group .info {width:50%; padding-left:70px; padding-top:20px;}
.history .group .info ul li {margin-bottom:20px;}
.history .group .info ul li:last-child {margin-bottom:0;}
.history .group .info dl dt {font-size:22px;line-height:1.4em;font-weight:700; margin-bottom:10px;}
.history .group .info dl dd {font-size:18px;line-height:1.4em; opacity:.80;}
.history .group:nth-child(even) .year {order:2; text-align:left; padding-right:0; padding-left:70px;}
.history .group:nth-child(even) .info {order:1; text-align:right; padding-left:0; padding-right:70px;}


.doc-title {color:#151515; font-size:30px; line-height:1.4em; font-weight:700; margin-bottom:25px;}

.vision {background:#f3f7fc; padding:100px 0; margin-bottom:90px;}
.vision .img {text-align:center;}

.vision-inner ul {display:flex; flex-wrap:wrap; margin-left:-20px; margin-bottom:-20px; font-size:18px;line-height:1.4em;}
.vision-inner ul li {position:relative; width:calc(25% - 20px); height:240px; margin-left:20px; margin-bottom:20px; border:1px solid #dedede; background:#fff; padding:40px 30px; border-radius:15px; overflow:hidden; transition:.3s;}
.vision-inner ul li .num {color:#155cc0; font-weight:700; margin-bottom:10px; transition:.3s;}
.vision-inner ul li dl dt {font-size:20px; line-height:1.4em; font-weight:700; margin-bottom:10px; transition:.3s;}
.vision-inner ul li dl dd {line-height:1.67em; opacity:.8; transition:.3s;}
.vision-inner ul li .number {position:absolute; bottom:-30px; right:30px; text-align:right; font-size:76px; line-height:1.1em; color:#155cc0; opacity:.05; font-weight:700; transition:.3s;}
.vision-inner ul li:hover {background:#155cc0}
.vision-inner ul li:hover .num {color:#7adeff;}
.vision-inner ul li:hover dl dt,
.vision-inner ul li:hover dl dd,
.vision-inner ul li:hover .number {color:#fff}

.chairman-inner {background:#f3f7fc; padding:85px 0;}
.chairman-inner .inner {display:flex;}
.chairman-inner .info {flex:1 1 auto; min-width:0; width:1%; font-size:18px; line-height:1.67em;}
.chairman-inner .info .tit {font-size:20px; line-height:1.5em; font-weight:700; margin-bottom:30px;}
.chairman-inner .info .cnt {opacity:.80; margin-bottom:30px;}
.chairman-inner .info .cnt:last-child {margin-bottom:0;}
.chairman-inner .photo {width:515px; margin-left:187px; position:relative; margin-top:-280px;}
.chairman-inner .photo .name-box {position:relative; margin-top:-60px;background:#155cc0; padding:48px 30px; width:308px; font-weight:700;border-radius:0 40px 15px 15px; color:#fff; overflow:hidden;}
.chairman-inner .photo .name-box:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background: linear-gradient(114deg,  rgba(35,184,197,1) 0% ,rgba(40,74,148,1) 100%); opacity:.50; z-index:0;}
.chairman-inner .photo .name-box dl {position:relative; z-index:1;}
.chairman-inner .photo .name-box dl dt {font-size:30px; line-height:1.4em;}
.chairman-inner .photo .name-box dl dd {font-size:20px; line-height:1.4em;}

.guide-head {margin-bottom:100px;}
.guide-head .box {border:4px solid #e7eef9; border-radius:15px; display:flex; align-items:center; padding:32px 46px;}
.guide-head .box .info {flex:1 1 auto; min-width:0; width:1%;}
.guide-head .box .info dl {display:flex; align-items:center;}
.guide-head .box .info dl dt {font-size:20px;line-height:1.4em;font-weight:700; margin-right:30px;}
.guide-head .box .info dl dd {font-size:18px;line-height:1.4em; opacity:.8; flex:1 1 auto; min-width:0; width:1%;}
.guide-head .box .btns {width:148px; margin-left:20px; text-align:center;}
.guide-head .box .btns a {display:block; background:#155cc0; border-radius:5px; color:#fff; font-size:18px; line-height:45px; font-weight:700;}

.guide-type {background:#f3f7fc; padding:80px 0; margin-bottom:100px;}
.guide-type ul {display:flex; flex-wrap:wrap; margin-left:-48px;}
.guide-type ul li {width:calc(20% - 48px); margin-left:48px; position:relative; border:1px solid #155cc0; border-radius:15px 30px; background:#fff; text-align:center; padding:50px 20px;}
.guide-type ul li:after {content:""; position:absolute; top:50%; left:-32px; width:16px; height:11px; background:url('../img/sub/guide_arrow.png') 50% 50% no-repeat; background-size:contain;}
.guide-type ul li:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:15px 30px; background: linear-gradient(114deg,  rgba(35,184,197,1) 0% ,rgba(40,74,148,1) 100%); opacity:0; z-index:0;}
.guide-type ul li:first-child:after {display:none;}
.guide-type ul li .box {position:relative; z-index:1;}
.guide-type ul li .ico {width:84px; height:84px; border-radius:100%; background:#f3f7fc; margin:0 auto 30px;}
.guide-type ul li dl dt {font-size:16px; line-height:1.4em; font-weight:700; color:#155cc0; margin-bottom:8px;}
.guide-type ul li dl dd {font-size:20px; line-height:1.5em;font-weight:700;}
.guide-type ul li:last-child {background:#155cc0; border:0;}
.guide-type ul li:last-child  .ico {background:rgba(243,247,252,.10);}
.guide-type ul li:last-child dl dt {color:#fff; opacity:.50;}
.guide-type ul li:last-child dl dd {color:#fff;}
.guide-type ul li:last-child:before {opacity:.50;}
.guide-type.mb-none {margin-bottom:0;}

.guide-cnt {border-bottom:1px solid #dedede; padding-bottom:95px; margin-bottom:100px; font-size:18px; line-height:1.4em;}
.guide-cnt .cnt { opacity:.80;}

.plan-img-box {background:url('../img/sub/plan_bg.jpg') 50% 50% no-repeat; background-size:cover; height:590px; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff;}
.plan-img-box dl dt {font-size:40px; line-height:1.4em; font-weight:700; margin-bottom:15px;}
.plan-img-box dl dd {font-size:18px; line-height:1.6em; opacity:.80;}

.plan-inner-wrap {background:#f3f7fc; padding:100px 0;}
.plan-inner {border-top:1px solid #515151;}
.plan-inner .group {border-bottom:1px solid #dedede; padding:60px 0; display:flex;}
.plan-inner .title {width:50%; font-size:30px; line-height:1.4em; font-weight:700;}
.plan-inner .title span {opacity:.55; font-size:20px; padding-left:5px;}
.plan-inner .info {width:50%;}
.plan-inner .info ul li {margin-bottom:8px; position:relative; color:rgba(21,21,21,.80); padding-left:25px;}
.plan-inner .info ul li:before {content:"";position:absolute; top:8px; left:0; width:5px; height:5px; background:#155cc0; border-radius:100%;}
.plan-inner .info ul li:last-child {margin-bottom:0;}
.plan-inner .info ul li span {opacity:.80;}

.member-guide-inner {margin-bottom:100px;}
.member-guide-inner .box {border:4px solid #e7eef9; border-radius:15px; padding:32px 46px;}
.member-guide-inner .txt {font-size:18px ;line-height:1.4em; opacity:.80;}
.member-guide-inner .txt2 {font-size:30px ;line-height:1.4em; font-weight:700;}

.page-60 .subCommon--fc,
.page-61 .subCommon--fc,
.page-62 .subCommon--fc,
.page-63 .subCommon--fc,
.page-64 .subCommon--fc,
.page-101 .subCommon--fc,
.page-103 .subCommon--fc {display:none;}

.sub-wrap-conts .inner {padding:0;}

/* board */
/* 검색 */
.board-search {margin-bottom:45px; background:#e9f3fc; border-radius:10px; padding:34px;}
.board-search .search {max-width:1300px; margin:0 auto; width:100%; position:relative; display:flex; align-items:center;}
.board-search .search .input {height:48px; border-radius:10px; border:0; padding:0 15px; font-size:18px ;line-height:1.4em;}
.board-search .search select.input {width:190px; margin-right:20px;}
.board-search .search input.input {flex:1 1 auto; min-width:0; width:0; margin-right:20px;}
.board-search .search .bt-search {display:block; width:125px; height:48px; font-size:0; line-height:0; border-radius:48px; background:#155cc0 url('/html/_skin/img/bbs/btn_search.png') 50% 50% no-repeat; border:0;}

.board-list-search {margin-bottom:40px; background:#e9f3fc; border-radius:10px; padding:50px;}
.board-list-search h3 {font-size:20px; line-height:1.4em; font-weight:700; color:#151515; margin-bottom:10px;}
.board-list-search .group {margin-bottom:20px;}
.board-list-search .group:last-child {margin-bottom:0;}
.board-list-search .group.flex {display:flex; margin:0 -20px 20px;}
.board-list-search .group.flex .p-col {width:50%; padding:0 20px;}
.board-list-search .input {width:100%; height:48px; border-radius:10px; border:0;}
.board-list-search .btns {border-top:1px dashed #d3d9e0;text-align:center; padding-top:30px; margin-top:30px;}
.board-list-search .btns a {display:inline-block; width:177px; height:50px; border-radius:50px; text-align:center; font-size:18px; line-height:48px; border:1px solid #dedede; background:#fff; font-weight:700;}
.board-list-search .btns a.reset {color:rgba(21,21,21,.80); margin-right:10px;}
.board-list-search .btns a.reset:before {content:""; display:inline-block; vertical-align:top; height:100%; width:14px; background:url('../img/bbs/reset2.png') 50% 50% no-repeat; background-size:contain; margin-right:8px;}
.board-list-search .btns a.focus {background:#155cc0; border-color:#155cc0; color:#fff;}

.board-total {color:#151515; font-size:20px;line-height:1.4em; font-weight:700; margin-bottom:30px;}
.board-total .total {color:#155cc0}

.page-82 .board-wrap {display:none;}

.board-table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #151515; font-size:18px; line-height:1.5em; color:#151515}
.board-table table thead th {padding:18px 5px; text-align:center; font-weight:700; background:#fff; color:#151515;  border-bottom:1px solid #dedede;}
.board-table table tbody td {padding:18px 20px; vertical-align:middle; text-align:center; font-weight:400; border-bottom:1px solid #dfdfdf; border-top:0; opacity:.60;}
.board-table table tbody td a {display:inline-block; font-size:18px; line-height:1.5em; padding-right:10px;}
.board-table table tbody td img {vertical-align:middle; display:inline-block;}
.board-table table tbody td.board-subject--fc {color:#151515; opacity:1; text-align:left;}
.board-table table tbody tr.notice td.board-num--fc {opacity:1;}
.board-table table tbody tr.notice td.board-subject--fc {font-weight:700;}
.board-table table tbody tr .notice-txt {display:inline-block; padding:0 10px; border:1px solid #155cc0; color:#155cc0; font-weight:400;}
.board-table table tbody td.name {opacity:.80;}

.board-view {border-top:1px solid #151515;}
.board-view .head {border-bottom:1px solid #e0e0e0; padding:50px 20px; text-align:center;}
.board-view .head .title {font-size:26px ;line-height:1.4em; color:#1a1a1a; font-weight:700; margin-bottom:20px;}
.board-view .head .date {font-size:18px;line-height:1.4em; color:#1a1a1a; opacity:.80; display:flex; align-items:center; justify-content:center;}
.board-view .head .date p {padding:0 10px; position:relative;}
.board-view .head .date p:after {content:""; position:absolute; top:50%; left:0; width:1px; height:14px; background:#ddd; margin-top:-7px;}
.board-view .head .date p:first-child:after {display:none;}
.board-view .body {border-bottom:1px solid #e0e0e0; padding:50px 20px; font-size:18px; line-height:1.5em;}
.board-view .file {border-bottom:1px solid #e0e0e0;}
.board-view .file ul li {padding:20px 0; margin-bottom:10px;}
.board-view .file ul li:last-child {margin-bottom:0;}
.board-view .file ul li a {display:inline-block; color:#1a1a1a; font-size:18px;line-height:1.4em;}

.prev-next-inner {border-top:1px solid #151515; border-bottom:1px solid #151515;}
.prev-next-inner ul li {border-bottom:1px solid #e0e0e0; display:flex; align-items:center; font-size:18px; line-height:1.4em; padding:20px 0; color:#151515;}
.prev-next-inner ul li:last-child {margin-bottom:0;}
.prev-next-inner ul li .tit {width:100px; position:relative; text-align:right; font-weight:700; margin-right:50px;}
.prev-next-inner ul li .tit:before {content:""; position:absolute; top:50%; left:28px;  width:10px; height:10px; border-right:2px solid #000; border-bottom:2px solid #000;}
.prev-next-inner ul li.prev .tit:before{transform:translateY(-35%) rotate(-135deg);}
.prev-next-inner ul li.next .tit:before{transform:translateY(-75%) rotate(45deg);}
.prev-next-inner ul li .cnt {flex:1 1 auto; min-width:0; width:1%;}
.prev-next-inner ul li .cnt a {font-size:18px; line-height:1.4em; color:#151515; opacity:.80;}
.prev-next-inner ul li .date {opacity:.80; width:160px; text-align:center;}
.prev-next-inner ul li .hit {opacity:.80; width:80px; text-align:center;}




.faq-wrap--fc {border:0; border-top:1px solid #151515;}
.faq-wrap--fc .faq-list--fc {border:0;}
.faq-wrap--fc .f-wrap--fc {border-bottom:1px solid #dedede;}
.faq-list--fc .f-wrap--fc a {background:#fff; padding:30px 0 30px 110px; font-size:18px; line-height:1.5em; font-weight:500;}
.faq-list--fc .f-wrap--fc a:before {top:50%; margin-top:-25px;width:50px; height:50px; background:#000; border-radius:100%; font-size:22px; line-height:50px; color:#fff;font-weight:500; text-align:center;}
.faq-wrap--fc .f-wrap--fc a:after {content:""; position:absolute; top:50%; right:28px;  width:20px; height:20px;  transform:translateY(-75%) rotate(45deg);  border-right:1px solid #b5b5b5; border-bottom:1px solid #b5b5b5;}
.faq-wrap--fc .f-wrap--fc.on a:before {content:"Q";color:#fff;}
.faq-wrap--fc .f-wrap--fc.on a:after {content:""; transform:translateY(-35%) rotate(-135deg); border-color:#151515;}
.faq-wrap--fc .q-wrap--fc {position:relative; background:#f9f9f9; padding:50px 30px 50px 160px; font-size:18px; line-height:1.5em; border-bottom:1px solid #dedede;}
.faq-wrap--fc .q-wrap--fc:before {content:"A"; position:absolute; top:50px; left:82px; width:50px; height:50px; background:#155cc0; border-radius:100%; font-size:22px; line-height:50px; color:#fff;font-weight:500; text-align:center;}
.faq-wrap--fc .q-wrap--fc .tit {font-size:18px;line-height:1.4em; color:#151515; font-weight:500; margin-bottom:15px;}

.required {color:#df043e;}
.mailform-txt {text-align:right; margin-bottom:20px; font-size:18px ;line-height:1.4em; opacity:.80;}

.mailform {padding-top:40px; border-top:1px solid #151515;border-bottom:1px solid #dedede;}
.mailform .group {margin:0 0 40px;}
.mailform .group.flex {display:flex; margin:0 -25px 40px;}
.mailform .group.flex .p-col {width:50%; padding:0 25px;}
.mailform .tit {margin-bottom:10px; color:#000; font-weight:700; font-size:20px; line-height:1.4em;}
.mailform .input {width:100%; height:50px; border-radius:5px; font-size:18px; line-height:1.4em; color:#000;}
.mailform select.input {max-width:400px; width:100%;}
.mailform input.input:focus {border:1px solid #000;}
.mailform select.input:focus {border:1px solid #000;}
.mailform textarea.input {width:100%; height:181px; border:1px solid #dcdcdc; font-size:18px; line-height:1.4em; padding:20px;}
.mailform .privacy_box--fc {height:90px; background:#fff; border:1px solid #dcdcdc; padding:20px; border-radius:5px; overflow:auto; font-size:18px;line-height:1.3em; color:#000; margin-bottom:15px; }
.mailform .privacy_box--fc pre {font-family:'Pretendard',sans-serif;}
.mailform .captcha_box--fc {display:flex; align-items:center;}
.mailform .captcha_box--fc a {border:0; width:21px; height:21px; margin:0 20px; padding:0; background:url('../img/bbs/reset.png') 50% 50% no-repeat; background-size:contain;}
.mailform .captcha_box--fc a img {display:none;}
.mailform .captcha_box--fc input {border:1px solid #a3a3a3; font-size:18px; line-height:1.4em; height:50px; border:1px solid #dcdcdc; border-radius:5px; max-width:284px; width:100%;}

.privacy_txt--fc {display:inline-block; position:relative; vertical-align:middle; margin-top:-.2em;}
.privacy_txt--fc input {position:absolute; top:0; left:0; width:0; height:0; border:0; opacity:0; z-index:-1;}
.privacy_txt--fc label {display:inline-block;}
.privacy_txt--fc input[type="checkbox"] + label {color:#111; font-size:18px; line-height:1.4em; font-weight:600;}
.privacy_txt--fc input + label:before {content:""; display:inline-block; vertical-align:middle; margin:-.1em 8px 0 0; width:20px; height:20px; border-radius:100%; border:2px solid #dcdcdc; background-color:#fff; background-repeat:no-repeat; background-position:50% 50%;}
.privacy_txt--fc input:checked + label:before {margin:-.1em 8px 0 0;color:red; background:#fff;}

.form-btns {text-align:center; margin-top:40px;}
.form-btns a {display:inline-block; vertical-align:top; width:200px; height:60px; background:#155cc0; border-radius:60px; color:#fff; font-size:18px ;line-height:60px; padding:0 20px; font-weight:700;}

.board-paging {margin:40px 0;}

/* 버튼 */
.buttons {margin:30px 0;}
.buttons:after {content:" "; display:block; clear:both;}
.buttons .cen {text-align:center;}
.buttons .cen .btn-pack {margin:0 8px;}
.buttons .fr {float:right;}
.buttons .fl {float:left;}
.buttons a {text-decoration:none;}
.buttons a,.buttons input {vertical-align:top;}

.btn-pack {display:inline-block;overflow:visible;position:relative;margin:0;padding:0 10px;background:#f2f2f2;color:#000;border:1px solid #dcdcdc;text-align:center;text-decoration:none !important;vertical-align:top;white-space:nowrap;cursor:pointer;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.btn-pack.focus {background:#155cc0; border:1px solid #155cc0; color:#fff; }
.btn-pack.gray {background:#f8f8f8; color:#dcdcdc;}
.btn-pack.small {height:34px;padding:0 14px;line-height:32px;font-size:14px;}
.btn-pack.medium {height:40px;padding:0 20px;line-height:38px;font-size:16px;}
.btn-pack.xlarge {min-width:160px; height:52px;padding:0 35px;line-height:50px;font-size:18px; font-weight:700;}


/* member */
.member-title {text-align:center; margin-bottom:30px;}
.member-title h2 {color:#151515; font-size:30px; line-height:1.4em; font-weight:700; margin-bottom:15px;}
.member-title p {font-size:18px; line-height:1.4em; opacity:.8;}


.member-wrap--fc .form-table--fc .join-form-sectors--fc select {margin-right:0;}

.route-inner ul li {margin-bottom:10px;}
.route-inner ul li:last-child {margin-bottom:0;}