@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2022-03-14
******************************************************** */

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover,
.cm-scroll-drag-guide{display:none;}

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; height:80px; margin-bottom:5.6rem; }
.sub-tab-list-style ul{display:table; width:100%; height:100%; table-layout:fixed; background: #F2F2F2; border-radius: 5px; padding: 1rem; box-sizing: border-box;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{/* float:left; */ display:table-cell; vertical-align:middle; position:relative; width:20%;}
.sub-tab-list-style ul li:first-child{border-left:1px solid #e5e5e5;}
.sub-tab-list-style ul li a{display:table; height:60px; width:100%; }
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#000; font-size:18px; letter-spacing:-0.025em; text-align:center; font-weight: 600;}
.sub-tab-list-style ul li.selected{z-index:1; background-color:var(--sub-color); border-color:#333; border-radius: 5px;}
.sub-tab-list-style ul li.selected a em{color:#fff; }
/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:70px; left:0; width:100%; height:60px;}
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

@media all and (min-width:1025px){
	/* Tab Fixed Background */
	.sub-tab-list-style:before{position:absolute; top:0px; bottom:0px; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #e5e5e5; transition:all 0.5s}
	.sub-tab-list-style.top-fixed:before{width:100%; margin-left:-50%}
}

/* 공통 */
.cm-tit {font-size:5rem; color: #000; font-weight: 700; letter-spacing:-0.02em; line-height:1.4;}
.cm-txt {font-size:2rem; color: #666; font-weight: 500; letter-spacing:-0.02em; line-height:1.4; margin-top: 3rem;}

@media all and (max-width:800px){
	.cm-tit {font-size:3rem;}
}

/* ========================================================
 * 달력 스타일
 * 모든페이지 공통사용
======================================================== */
/* **** 달력 open input  **** */
.cm-custom-datepicker{display: inline-block; vertical-align: middle;}
.datepicker-item{display: inline-block; vertical-align: middle;}
.datepicker-open-input{position: relative; min-width: 10rem; padding: 0 1.5rem 0 4.5rem !important; border: 0.1rem solid #bbb; width: 100%; font-size: 1.5rem; height: 4rem; font-weight: 400; color: #222; appearance: none; border-radius: 0.5rem !important; box-sizing: border-box; text-align: left; transition: all 0.2s; background:url("../images/content/calender_icon.png") no-repeat 1.5rem center; background-color: #fff; }
.datepicker-open-input:focus{outline: none;}
.input-group.date .icon{position:absolute; top:0px; text-align:center; left:1.5rem; display: inline-block; line-height:4rem; color:#333; font-size:2rem;}

/* **** 달력 **** */
/* 달력 :: 날짜선택영역*/
.day-form-con{display:inline-block; margin-left:10px; padding:5px 0; vertical-align:middle;}
.day-form-con:first-child{margin-left:0;}
.date-select-con{position:relative; }
.date-select-con i{position:absolute; top:-1px; left:3px;}
.date-select-con .date-select-input{width:130px; height:30px; border:1px solid #d2d2d2; text-indent:34px; cursor:pointer;}
.day-form-con .hypen{margin:0 3px;}
/* 달력 ::  DATEPICKER CUSTOM */
/* datepicker box  */
.ui-datepicker{position: absolute; z-index: -99; background-color:#fff; border:0; padding:1rem; border-radius:0.5rem; box-shadow: 0 1rem 2rem 0 rgba(0,0,0,0.1);}
/* datepicker header  */
.ui-datepicker-header{position:relative;height:47px; line-height:47px; color:#333; text-align:center;}
.ui-datepicker-header a:hover{text-decoration:none;}
.ui-datepicker-prev,.ui-datepicker-next{position:absolute; top:0px; width:14.5%; text-align:center; cursor:pointer; font-size:18px; color:var(--sub-color1);}
.ui-datepicker-prev span,.ui-datepicker-next span{display:none;}
.ui-datepicker-prev{left:0; }
.ui-datepicker-prev:before{content:""; font-family:"xeicon"; content: "\e93c";}
.ui-datepicker-next{right:0; }
.ui-datepicker-next:before{content:""; font-family:"xeicon"; content: "\e93f";}
.ui-datepicker-title{font-size:16px; font-weight:600; letter-spacing:-0.3px;}
.ui-datepicker-title select{border:1px solid #eee; height:32px; border-radius:3px; padding:0 3rem 0 1rem; font-size:13px; margin:0 5px;}
/* datepicker calendar */
.ui-datepicker-calendar{width:100%; box-sizing:border-box;  }
/* datepicker calnedar :: 요일 */
.ui-datepicker-calendar thead th{width:14.25%; height:35px; text-align:center; font-size:14px; font-weight:bold; color:#333;}
.ui-datepicker-calendar thead th:first-child{width:14.5%}
.ui-datepicker-calendar thead .ui-datepicker-week-end{} /* SAT */
.ui-datepicker-calendar thead .ui-datepicker-week-end:first-child{} /* SUN*/
/* datepicker calnedar :: 날짜 */
.ui-datepicker-calendar td{height:30px;  text-align:center; vertical-align:top; font-size:14px;}
.ui-datepicker-calendar tr td:first-child{border-left:0;}
.ui-datepicker-calendar td a{display:block; position:relative;}
.ui-datepicker-calendar td a:hover{text-decoration:none;}
.ui-datepicker-calendar td.ui-datepicker-unselectable{color:#ccc}	/* 비활성화 */
.ui-datepicker-calendar td .ui-state-default{display:block; width:100%; height:100%; padding:10px; box-sizing:border-box; color:inherit; border-radius:3px;}
.ui-datepicker-calendar td .ui-state-hover{background:#eee;}		/* 마우스오버 */
.ui-datepicker-calendar td .ui-state-active{background-color:#0061f2; color:#fff;}	/*active */
.ui-datepicker-calendar td.ui-datepicker-today a:before{
	content: '';
	display: inline-block;
	border: solid transparent;
	border-width: 0 0 7px 7px;
	border-bottom-color: #0061f2;
	border-top-color: rgba(0, 0, 0, 0.2);
	position: absolute;
	bottom: 4px;
	right: 4px;
}
.ui-datepicker-calendar td a.ui-state-active:before{border-bottom-color:#fff;}
#ui-datepicker-div .ui-datepicker-calendar td .ui-state-active{background-color: var(--main-color) !important;}

/* ***********************
*	커스텀 셀렉트 스타일 추가css 
*********************** */
/*.gs-custom-selectbox {position: relative; display: inline-block; width: 100%;}
.gs-custom-selectbox select {display: none;}
.gs-custom-selectbox .select-style {padding-left: 2rem; width: 100%; text-align: left; vertical-align: middle; border:0; line-height: 6rem; font-size:1.5rem; color: #333; border: 1px solid #ddd; background-color: #fff; display: inline-block; box-sizing: border-box; cursor: pointer; border-radius:3rem;}
.gs-custom-selectbox .select-style span {display: inline-block;}
.gs-custom-selectbox .select-style:after {font-family: 'xeicon'; position: absolute; top: 50%; right: 2rem; transform: translateY(-50%); content: "\e942"; font-size: 2.4rem; color: #555859;}
.gs-custom-selectbox .select-options {position: absolute; z-index: 1; top: 100%; left: 0; display: none; width: 100%; margin-top: 0.5rem; padding: 0; list-style: none; background-color: #fff; border: 2px solid #ddd; border-radius: 1rem; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; max-height: 23rem;}
.gs-custom-selectbox .select-options li {padding: 1.2rem 1.5rem; font-size: 1.4rem; color: #666; cursor: pointer;}
.gs-custom-selectbox .select-options li:hover {background-color: #f5f5f5;}
/* open /
.gs-custom-selectbox.open .select-options {display: block;}
.gs-custom-selectbox.open .select-style:after{content: "\e945";}
/* 비활성화 /
.gs-custom-selectbox.is-disabled .select-style {background-color: #f5f5f5; cursor: auto; color: rgba(51,51,51,0.4);}
.gs-custom-selectbox.is-disabled .select-style span{text-decoration: line-through;}
.gs-custom-selectbox.is-disabled { pointer-events:none; }
/* 스크롤(사용 안해도됨.) /
html:not(.is-mobile) .gs-custom-selectbox .select-options::-webkit-scrollbar {width: 7px; border-radius: 7rem;}
html:not(.is-mobile) .gs-custom-selectbox .select-options::-webkit-scrollbar-track,
html:not(.is-mobile) .gs-custom-selectbox .select-options::-webkit-scrollbar-thumb{border-radius: 7rem;}*/

/* ******************  about ********************** */
/* about :: intro */
.about-intro-wrap{background:#f5f5f5; padding:12rem 0; box-sizing:border-box; margin-top:5.5rem;}
.about-intro-wrap .intro-item{display: flex; align-items:center; justify-content:space-between;}
.about-intro-wrap .intro-item + .intro-item{margin-top:8rem;}
.about-intro-wrap .intro-item .img-box{width:46.875%; box-shadow: 1rem 1rem 5rem rgba(0, 0, 0, 0.25); border-radius: 2rem; overflow:hidden;}
.about-intro-wrap .intro-item .img-box img{max-width:100%;}
.about-intro-wrap .intro-item .txt-box{width:46.875%;}
.about-intro-wrap .intro-item .txt-box .tit{font-size:4rem; line-height:1.4; letter-spacing:-0.02em; color:#000; font-weight:700; border-bottom:1px solid rgba(0,0,0,0.1); padding-bottom:3.5rem; margin-bottom:3.5rem;}
.about-intro-wrap .intro-item .txt-box .txt{font-size:2.2rem; line-height:1.4; letter-spacing:-0.02em; color:#666; font-weight:500;}

.about-intro-wrap .intro-item.reverse{flex-direction:row-reverse;}

@media all and (max-width:800px){
	.about-intro-wrap{padding:4rem 0; margin-top:3rem;}
	.about-intro-wrap .intro-item{display: block;}
	.about-intro-wrap .intro-item + .intro-item{margin-top:4rem;}
	.about-intro-wrap .intro-item .img-box{width:100%; margin-bottom:2rem;}
	.about-intro-wrap .intro-item .txt-box{width:100%;}
	.about-intro-wrap .intro-item .txt-box .tit{font-size:2.4rem; padding-bottom:1rem; margin-bottom:1rem;}
	.about-intro-wrap .intro-item .txt-box .txt{font-size:1.6rem;}
}

/* about :: ceo */
.ceo-top-box {background: #F5F5F5 url('/images/content/about_ceo_bg.png') no-repeat center / cover; margin-top: 7rem;}
.ceo-top-inner {position: relative; display: flex; align-items: center; justify-content: space-between; padding: 12.4rem 0;}
.ceo-top-inner .left-box {position: relative; z-index: 1;}
.ceo-tit01 {color: #000; font-size:3rem; letter-spacing:-0.02em; line-height:1.2; font-weight: 500;}
.ceo-tit02 {color: #000; font-size:4rem; letter-spacing:-0.02em; line-height:1.2; font-weight: 700; margin-top: 2rem;}
.ceo-tit02 > span {color: var(--main-color);}
.ceo-img-box {position: absolute; top:50%; right:17rem; transform:translateY(-50%); width: 19.5rem;}
/* .ceo-img-box:before {display: block; content:"BSNC"; position:absolute; left: calc(-100% - 4rem); bottom: -3rem; color: #fff; font-size:20rem; letter-spacing:-0.02em; font-weight: 700;} */
.ceo-img-box img {position: relative; z-index: 2; max-width:100%; filter: drop-shadow(20px 20px 13px rgba(0, 0, 0, 0.3));}
.ceo-bottom-box {margin-top: 8rem; margin-bottom: 13.4rem;}
.ceo-txt-box {margin-bottom: 8rem;}
.ceo-txt {font-size:2rem; letter-spacing:-0.02em; color: #666; font-weight: 500; line-height:1.4; margin-top: 2rem;}
.ceo-txt:first-of-type {margin-top: 0;}
.ceo-sign-box {position: relative; padding-top: 4rem; border-top:1px solid rgba(0,0,0,0.1);}
.ceo-sign-box:before {display: block; content:""; position:absolute; top: -1.5px; left: 0; height: 3px; background: #000; width: 20.8rem;}
.ceo-sign-box .name {font-size:2.4rem; letter-spacing:-0.02em; font-weight: 600; line-height:1.4; color: #000; margin-bottom: 2rem;}
.ceo-position {font-size:1.8rem; letter-spacing:-0.02em; font-weight: 500; line-height:1.4; color: #000;}
.ceo-position:last-of-type {font-size:1.6rem; color: #888; margin-top: 0.6rem;}

@media all and (max-width:1280px){
	.ceo-img-box:before {font-size:18rem;}
}

@media all and (max-width:800px){
	.ceo-top-box {margin-top: 3.5rem;}
	.ceo-img-box {position:static; margin: 6rem auto 8rem; transform:none;}
	.ceo-top-inner {flex-direction: column; padding: 6rem 0 0; align-items: flex-start;}
	.ceo-bottom-box {margin-top: 6rem;  margin-bottom: 8rem;}
	.ceo-txt-box {margin-bottom: 5rem;}
}

/* about :: program */
.program-list-box {position: relative; margin-top: 6rem;     padding-bottom: 12rem;}
.program-list-box:before {display: block; content:""; position:absolute; width: 100%; height:86.133%; background: #F5F5F5; left: 0; bottom: 0; z-index: -1;}
.program-banner img {border-radius:2rem; max-width: 100%;}
.program-list {margin-top: 6rem;}
.program-list li {display:flex; align-items:center; padding: 4rem 0; border-bottom:1px solid rgba(0,0,0,0.1); }
.program-list li:first-of-type {padding-top: 0;}
.program-list li .icon-box {display: flex; align-items: center; justify-content: center; background: #fff; border-radius:1rem; border:1px solid rgba(0,0,0,0.1); box-sizing:border-box; width: 12rem; height: 12rem; margin-right: 4rem; transition:var(--transition-custom);}
.program-list li .icon-box span {position: relative; display: inline-block; width: 6rem; height: 6rem;}
.program-list li .icon-box span svg{width:100%; height:100%;}
.program-list li .icon-box span svg *{transition:var(--transition-custom);}
.program-list li .icon-box span img {position: absolute; top: 0; left: 0; transition:var(--transition-custom); max-width: 100%;}
.program-list li .icon-box span img:last-of-type {opacity: 0;}
.program-list li.active .icon-box span img:first-of-type {opacity: 0;}
.program-list li.active .icon-box span img:last-of-type {opacity: 1;}
.program-list li:not(:nth-child(1)).active .icon-box span svg *{stroke:#fff;}
.program-list li:nth-child(1).active .icon-box span svg *{fill:#fff;}
.program-list li.active .icon-box {background: var(--sub-color); }
.program-list li .txt-box {width: calc(100% - 14rem);}
.program-tit {font-size:2.4rem; letter-spacing:-0.02em; color: #000; font-weight: 600; line-height:1.4; margin-bottom: 1.5rem;}
.program-txt {position: relative; font-size:1.8rem; letter-spacing:-0.02em; color: #666; line-height:1.4; padding-left: 1.5rem; margin-top: 0.5rem;}
.program-txt:before {display: block; content:""; position:absolute; left: 0; top: 1rem; width: 0.5rem; height:0.5rem; border-radius:100%; background: #aaa; }

/* about :: program :: history */
.history-page {
    padding-bottom: 19rem;
}

.history-top-con {
    background: url(/images/content/history_bg.jpg) no-repeat;
    background-size: cover;
    padding: 14.341rem 0;
}

.history-year-group-box {
    position: relative;
    z-index: 1;
    padding-top: 10rem;
    border-top:1px solid #000;
    margin-top: 7rem;
}

.history-year-group-box:before {
	display: block; 
	content:""; 
	position:absolute;
	right: 0;
	top: 10rem;
	background: url(../images/content/history_back_logo.png) no-repeat;
	background-size:contain;
	width: 35rem;
	height: 44.4rem;
}

.history-con {
    position: relative;
    margin-top: 14.5rem;
    margin-bottom: 18.7rem;
}

.history-big-txt {
    position: absolute;
    right: -2.4rem;
    top: 0;
    height: 100%;
    writing-mode: vertical-rl;
    font-size: 18rem;
    font-weight: 500;
    letter-spacing: -0.025em;
    color: #f6f6f6;
}

.history-con .history-year-list {
    position: relative;
}

.history-con .history-year-list:before {
    position: absolute;
    content: "";
    top: 1.5rem;
    bottom: 1.5rem;
    left: calc(26.05rem - 1px);
    width: 2px;
    height: 98%;
    background-color: rgba(0,0,0,0.08);
}

.history-year-item {
    display: flex;
    flex-wrap: wrap;
}

.history-year-item .history-year {
    position: relative;
    display: flex;
    justify-content: start;
    text-align: right;
    width: 26rem;
    padding-right: 10rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.history-year-item .history-year strong {
    display: inline-block;
    text-align: right;
    width: 19.3rem;
    transition: all 0.5s ease;
    font-size: 3.4rem;
    font-weight: 700;
    /* line-height: 2em; */
    line-height: 1.1;
    letter-spacing: -0.015em;
    color: #000000;
    /* font-family:var(--font-family2); */
}

.history-year-item .history-year .dots {
    position: absolute;
    display: block;
    top: 1.3rem;
    right: -0.5rem;
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 0.6rem;
    border: 0.2rem solid #000;
    background: rgba(22, 123, 210, 0.1);
    transition: all 0.3s;
    box-sizing: border-box;
    border-radius: 50%;
    z-index: 2;
    box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
}

.history-year-item .dots .inner-dots {
    position: absolute;
    display: block;
    width: 4.5rem;
    height: 4.5rem;
    /* background: rgba(12, 116, 189, 0.2); */
    border-radius: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    z-index: 3;
    transition: all 0.3s;
}

.history-year-item .dots .inner-dots:before {
    display: block;
    content: "";
    width: 2.5rem;
    height: 2.5rem;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100%;
    border: 0.4rem solid var(--main-color);
    animation: dots-ani 0.5s forwards ease;
    animation-delay: 0.02s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.history-year-item .dots .inner-dots:after {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 9.4rem;
    height: 9.4rem;
    z-index: -1;
    background: rgba(12, 116, 189, 0.15);
    border-radius: 100%;
    transition: all 0.5s;
    display:none;
}

.history-year-item .history-month-box {
    width: calc(100% - 32rem);
    padding-bottom: 8.3rem;
}

.history-year-item:last-of-type .history-month-box {padding-bottom:0;}

.history-year-item .history-month-box li {
    display: flex;
    padding-left: 7rem;
    /* margin-bottom: 3rem; */
}

.history-year-item .history-month-box li .history-detail-txt-con {
    width: calc(100% - 4.4rem);
}

.history-year-item .history-month-box li .history-detail-txt-con .history-detail-txt {
    position: relative;
    padding-bottom: 0.5rem;
    font-size: 1.8rem;
    line-height: 2em;
    letter-spacing: -0.025em;
    color: #666;
    font-weight: 500;
    padding-left: 1.5rem;
}

.history-year-item .history-month-box li .history-detail-txt-con .history-detail-txt:last-child {
    padding-bottom: 0;
}

.history-year-item .history-month-box li .history-detail-txt-con .history-detail-txt:before {
    display: block;
    content: "";
    width: 5px;
    height: 5px;
    border-radius:100%;
    position: absolute;
    left: 0;
    top: 1.5rem;
    background: #aaa;
}

.history-item {position: relative; padding-left: 9rem; margin-top: 1rem;}
.history-month {position: absolute; left: 0; top: 0px; font-size: 2rem; line-height: 1.3; letter-spacing: -0.025em; font-weight: 700; color: #000; }

.history-year-item.active .history-year strong {
    font-size: 5rem;
    line-height: 0.4em;
    color: var(--main-color);
    position: relative;
    top: 2rem;
}

.history-year-item.active .history-year .dots {
    width: 4.5rem;
    height: 4.5rem;
    border: 0.5rem solid var(--main-color);
    right: -2.25rem;
    top: 0.5rem;
    border:0;
}

.history-year-item.active .history-year .dots .inner-dots {
    transform: translate(-50%, -50%) scale(1);
    animation: dots-ani 0.5s forwards ease;
    animation-delay: 0.05s;
}

.history-year-item.active .history-year .dots .inner-dots:after {
    animation: dots-ani 0.5s forwards ease;
    animation-delay: 0.08s;
}
.history-year-item:last-of-type .history-month-box {position: relative;}
.history-year-item:last-of-type .history-month-box:after {display: block;
    content: "";
    position: absolute;
    left: -1px;
    width: 3px;
    background: #fff;
    height: 100%;
    top: 2rem;
    z-index: 0;}

@keyframes dots-ani {
    0% {
        transform: translate(-50%, -50%) scale(0);
    }

    100% {
        transform: translate(-50%, -50%) scale(1);
    }
}

/* .history-year-item:last-of-type .history-year:before { display: block; content: ""; position: absolute; width: 2px; height: 100%; background: #fff; top: 2rem; right: -2px; }
 */
@media all and (max-width:800px){
	.program-list li {flex-direction:column;}
	.program-list-box:before {height: 93%;}
	.program-list li {flex-direction: column; align-items: flex-start;}
	.program-list li .icon-box {width: 7rem; height: 7rem;  margin-bottom: 1rem; padding-right: 0;}
	.program-list li .icon-box span {width: 4rem; height: 4rem;}
	.program-list li .txt-box {width: 100%;}
	.history-con {margin-top: 7rem;}
	.history-item {padding-left: 6rem;}
	.history-year-group-box {margin-top: 3.5rem;}
	.history-year-group-box {padding-top: 7rem;}
	.history-year-item {flex-direction: column;}
	.history-year-item .history-year {width: 100%; padding-right: 0;}
	.history-year-item .history-year strong {font-size:2.8rem; text-align: left; width: 100%; padding-left: 6.5rem; box-sizing:border-box;}
	.history-year-item .history-month-box {width:100%; padding-top: 3rem;}
	.history-year-item .history-month-box li {padding-top: 2rem;}
	.history-year-item .history-year .dots {right: initial; left: 1.12rem;}
	.history-con .history-year-list:before {left: 1.5rem;}
	.history-year-item:last-of-type .history-month-box:after {left: 1.5rem; top: -1rem;}
	
	.history-year-item.active .history-year .dots {right: initial; left: -0.6rem; top: -1.5rem;}
	.history-year-item.active .history-year strong {font-size:3.8rem; position:static;}
}


/* ****************** Programs and Activities ********************** */
/* ****************** Programs and Activities :: workshop & symposium ********************** */
/* ***********************
*	커스텀 셀렉트 스타일 추가css 
*********************** */
.gs-custom-selectbox {position: relative; display: inline-block; width: 18rem;}
.gs-custom-selectbox select {display: none;}
.gs-custom-selectbox .select-style {position: relative; z-index: 2; padding-left: 2.4rem; width: 100%; text-align: left; vertical-align: middle; border:0; line-height: 5.6rem; font-size:1.6rem; color: #000; background-color: #f5f5f5; display: inline-block; box-sizing: border-box; cursor: pointer; border-radius:3rem; transition: all 0.2s ease-in-out; font-weight: 500;}
.gs-custom-selectbox .select-style span {display: inline-block;}
.gs-custom-selectbox .select-style:after {font-family: 'xeicon'; position: absolute; top: 50%; right: 2rem; transform: translateY(-50%); content: "\e936"; font-size: 2rem; color: #333;}
.gs-custom-selectbox .select-options {position: absolute; z-index: 1; top: 3.5rem; left: 0; display: none; width: 100%;/*  margin-top: 0.5rem; */ padding: 0; list-style: none; background-color: #f5f5f5; border-radius: 0 0 2.4rem 2.4rem; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; padding: 1.5rem 0 1rem; max-height: 23rem; }
.gs-custom-selectbox .select-options:after {display: block; content: ""; position: absolute; left: 0; bottom: 0; border-radius: 0 0 2.4rem 2.4rem; width: 100%; height: 100%; border: 1px solid #000; box-sizing: border-box; border-top: 0; z-index: -1;}
.gs-custom-selectbox .select-options li {padding: 1rem 2.4rem; font-size: 1.4rem; color: #333; cursor: pointer;}

/* open */
.gs-custom-selectbox.open .select-options {display: block;}
.gs-custom-selectbox.open .select-style {border-radius: 2.4rem 2.4rem 0 0; border-bottom: 0;}
.gs-custom-selectbox.open .select-style:after{content: "\e945";}
.gs-custom-selectbox.open .select-style:before {display: block; content: ""; position: absolute; width: 100%; /* height: 1px; background: #000; */ bottom: 0; left: 0; border-radius: 2.4rem 2.4rem 0 0; border: 1px solid #000; height: 100%; border-bottom: 0; box-sizing: border-box;}

/* 비활성화 */
.gs-custom-selectbox.is-disabled .select-style {background-color: #f5f5f5; cursor: auto; color: rgba(51,51,51,0.4);}
.gs-custom-selectbox.is-disabled .select-style span{text-decoration: line-through;}
.gs-custom-selectbox.is-disabled { pointer-events:none; }
/* 스크롤(사용 안해도됨.) */
html:not(.is-mobile) .gs-custom-selectbox .select-options::-webkit-scrollbar {width: 7px; border-radius: 7rem;}
html:not(.is-mobile) .gs-custom-selectbox .select-options::-webkit-scrollbar-track,
html:not(.is-mobile) .gs-custom-selectbox .select-options::-webkit-scrollbar-thumb{border-radius: 7rem;}

.sub-page.faq .gs-custom-selectbox {width: 30rem;}
.sub-page.faq .gs-custom-selectbox .select-style {line-height: 1.3em; height: 5.6rem;}
.sub-page.faq .gs-custom-selectbox .select-style span {display: flex; height: 100%; align-items: center;}

@media all and (max-width:800px){
	.gs-custom-selectbox .select-style {line-height: 40px; font-size: 13px;}
}

/* ******************  members ********************** */
/* members :: overview */
.overview-con.type {background: #F5F5F5; margin-top: 8rem; padding: 12rem 0;}
.overview-con.type .type-list {display:flex; justify-content: space-around;}
.overview-con.type .type-list li {position: relative; width: 33.334%;}
.overview-con.type .type-list li .line {position:absolute; left: 0; width: 100%; height: 3px; background: #ddd; top: calc(50% - 3rem); transform:translateY(-50%);}
.overview-con.type .type-list li .line:before {display: block; content:""; position:absolute; left: 0; top: 50%; transform:translateY(-50%); width: 1.5rem; height: 1.5rem; border-radius:100%; background: #fff; border:3px solid #ddd; box-sizing:border-box;}
.overview-con.type .type-list li:last-of-type .line:after {
	display: block; content:""; position:absolute; right: 0; top: 50%; transform:translateY(-50%); width: 1.5rem; height: 1.5rem; border-radius:100%; background: #fff; border:3px solid #ddd; box-sizing:border-box;
}
.overview-con.type .type-list li .icon-box {position: relative; width: 18rem; height: 18rem; border-radius:100%; background: #fff; border:6px solid var(--main-color); box-sizing:border-box; display:flex; align-items:center; justify-content:center; box-shadow: 20px 20px 60px 0px rgba(8, 41, 85, 0.15); margin: 0 auto;}
.overview-con.type .type-list li .icon-box span {display:inline-block; width: 10rem; height: 10rem;}
.overview-con.type .type-list li .icon-box span img {max-width: 100%;}
.overview-con.type .type-tit {font-size:2.4rem; letter-spacing:-0.02em; color: #000; font-weight: 600; line-height:1.4; text-align:center; margin-top:3rem;}
.overview-con.current {margin: 12rem 0 0;}
.number-box {display:flex; align-items:center; justify-content: space-between; margin-top: 7rem;}
.number-box .left-con, .number-box .right-con {background: #f5f5f5; border-radius:2rem; width: calc(50% - 1rem); padding: 6rem 6rem 7rem; box-sizing: border-box; transition:var(--transition-custom);}

.number-box .left-con > a, .number-box .right-con > a {display: block; font-size:1.8rem; color: #000; font-weight: 600; margin-top: 17rem; transition:var(--transition-custom);}
.number-box .left-con > a i, .number-box .right-con > a i {position: relative; top: 2px; margin-left: 0.5rem;}
.number-box .left-con .figures{background:var(--sub-color);}
.number-box .right-con {text-align:right;}
.number-box .tit-box strong {font-size:3rem; color: #000; font-weight: 700; letter-spacing:-0.02em; line-height:1.4; transition:var(--transition-custom);}
.number-box .tit-box p {font-size:1.8rem; color: #666; font-weight: 500; letter-spacing:-0.02em; line-height:1.4; margin-top: 2rem; transition:var(--transition-custom);}
.number-box .figures {display: inline-block; border-radius:3rem; color: #fff; font-size:2.4rem; font-weight: 700; letter-spacing:-0.02em; line-height:1.4; background: var(--main-color); margin-top: 6rem; padding: 0.7212rem 2.438rem; transition:var(--transition-custom);}
.number-box .center-con {position:absolute; left: 50%; transform:translateX(-50%); width: 42rem; height: 42rem; border-radius:100%; background: #fff; display: flex; align-items: center; justify-content: center;}
.number-box .center-con .inner-box {position: relative; width: 35rem; height: 35rem; border-radius: 50%;
background: conic-gradient( #167BD2 0deg 140deg, #082955 120deg 360deg );
padding: 2.8rem; box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.30);
display: flex; align-items: center; justify-content: center; box-sizing: border-box;}

.number-box .center-con .inner-box::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 50%;
}

.center-txt {
  position: absolute;
  text-align: center;
  font-family: sans-serif;
}

.center-txt .label {
  
  font-size: 2rem;
  font-weight: 700;
  color: #000;
  letter-spacing:-0.02em;
  font-family:'Wanted Sans Variable', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;
}

.center-txt .value {
 
  font-size: 9rem;
  font-weight: 700;
  color: #000;
  line-height: 1;
  letter-spacing:-0.02em;
  font-family:'Wanted Sans Variable', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;
}
.number-box .center-con .inner-box:after {display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 38.5rem;
    height: 38.5rem;
    border: dotted 2px rgba(0, 0, 0, 0.2);
    border-radius: inherit;
    transform: translate(-50%, -50%);}

.number-box .left-con:hover {background: var(--sub-color);}
.number-box .right-con:hover {background: var(--main-color);}
.number-box .left-con:hover .figures {background: #fff; color: var(--sub-color);}
.number-box .right-con:hover .figures {background: #fff; color: var(--main-color);}
.number-box .left-con:hover .tit-box strong,
.number-box .right-con:hover .tit-box strong {color: #fff;}
.number-box .left-con:hover .tit-box p,
.number-box .right-con:hover .tit-box p {color: rgba(255,255,255,0.5);}
.number-box .left-con:hover > a,
.number-box .right-con:hover > a {color: #fff;}


.overview-con.field {display:flex; align-items:stretch; margin-top: 12rem;}
.overview-con.field .left-box {width: 50.607%;}
.overview-con.field .left-box img {max-width:100%; width: 100%; height: 100%;}
.overview-con.field .right-box {display: flex; align-items: center; width: calc(100% - 50.607%); background: #F5F5F5; padding: 8rem 0;}
.overview-con.field .right-box .txt-box {margin-left: 10rem;}
.field-tit {font-size:2.4rem; letter-spacing:-0.02em; color: #000; font-weight: 700; line-height:1.4; margin-top: 5.6rem;}
.field-txt {font-size:1.8rem; letter-spacing:-0.02em; color: #666; font-weight: 500; line-height:1.4; margin-top: 2.8rem;}
.fields-list {display:flex; margin-top: 13.7rem;}
.fields-list li {width: 22rem; height: 22rem; border-radius:100%; display:flex; align-items:center; justify-content:center; backdrop-filter: blur(8px);}
.fields-list li p {font-size:2rem; letter-spacing:-0.02em; font-weight: 700; line-height:1.4; text-align:center;}
.fields-list li:nth-child(1) {background: #fff; border:2px solid var(--main-color); color:var(--main-color);}
.fields-list li:nth-child(2) {background: rgba(22,123,210,0.8); color: #fff; margin-left: -2rem;}
.fields-list li:nth-child(3) {background: rgba(8,41,85,0.8); color: #fff; margin-left: -2rem;}


.overview-con.process {margin: 12rem 0; }
.process-box {display:flex; align-items:center; background: #f5f5f5; border-radius:2rem; padding: 6rem; margin-top: 7rem;}
.process-box .left-con {width: 63.621%; margin-right: 7.6rem;}
.process-box .right-con {position: relative; margin-top: -7rem; width: calc(100% - (63.621% + 7.6rem)); text-align:center;}
.process-box .right-con > span {position: relative; z-index: 1; display:inline-block; background: #EDF5FB; border-radius:3rem; height: 3.8rem; color: #000; font-weight: 600; font-size:1.4rem; letter-spacing:-0.02em; line-height:1.4; text-align:center; border:1px dashed var(--main-color); box-sizing:border-box; padding: 0 1.95rem; line-height:3.8rem; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.10);}
.process-box .right-con .result-box {position: relative; background: var(--sub-color); border-radius:0.5rem; text-align:center; margin-top: 3rem; padding: 1.901rem 0; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.20);}
.process-box .right-con .result-box:before {display: block; content: ""; width: 1px; height: 60%; position: absolute; top: -60%; background: #ccc; left: 50%; transform: translateX(calc(-50% + 0.5px));}
.process-box .right-con .result-box p {font-size:1.6rem; color: #fff; font-weight: 600; letter-spacing:-0.02em; line-height:1.4;}
.process-box .right-con .result-box em {font-size:1.4rem; color: rgba(255,255,255,0.5); font-weight: 500; letter-spacing:-0.02em; line-height:1.4;}
.process-list li {display:flex; margin-top: 1rem;}
.process-list li:first-of-type {margin-top: 0;}
.process-list li:nth-child(2) .num,
.process-list li:nth-child(3) .num,
.process-list li:nth-child(4) .num {background: var(--main-color); border-color: var(--main-color); color: #fff;}
.process-list li:nth-child(2) .num:after,
.process-list li:nth-child(3) .num:after,
.process-list li:nth-child(4) .num:after {color: rgba(255,255,255,0.5);}
.process-list li:nth-child(2) .process-txt,
.process-list li:nth-child(3) .process-txt,
.process-list li:nth-child(4) .process-txt {background: #EDF5FB; border:1px dashed var(--main-color);}
.process-list li:nth-of-type(2), .process-list li:nth-of-type(3) {position: relative;}
.process-list li:nth-of-type(2):after {display: block; content: ""; width: 3.8rem; height: 17.9rem; border: 1px solid #ccc; position: absolute; right: -3.8rem; top: 4rem; border-left: 0;}
.process-list li:nth-of-type(3):after {max-width: 27rem; display: block; content: ""; width: 100%; height: 1px; background: #ccc; position: absolute; right: -30%; top: 50%; transform: translateY(calc(-50% - 0.5px));}

.process-list .num {position: relative; display:flex; align-items:center; justify-content:center;  width:8rem; height:8rem; background: #fff; border-radius:0.5rem; border:1px solid #ddd; box-sizing:border-box; margin-right: 1rem; font-size:1.8rem; letter-spacing:-0.02em; color: #000; font-weight: 700; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);}
.process-list .num:after {display: block; content:"\e936"; position:absolute; bottom: 1rem; left: 50%; transform:translateX(-50%); color: #aaa; font-family:'xeicon'; font-size:1.6rem;}
.process-txt {position: relative;
    z-index: 1; display:flex; flex-direction:column; justify-content:center; width: calc(100% - (8rem + 1rem)); background: #fff; border-radius:0.5rem; border:1px solid #ddd; box-sizing:border-box; padding: 1.75rem 2.4rem; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);}
.process-txt p {font-size:1.8rem; letter-spacing:-0.02em; color: #000; font-weight: 600;}
.process-txt em {font-size:1.4rem; letter-spacing:-0.02em; color: #666; font-weight: 500; line-height:1.4; margin-top: 0.5rem;}

.overview-con.member{position: relative; padding-bottom:12rem; margin-top:6.6rem;}
.overview-con.member:before{position: absolute; content:''; width:100%; height:calc(100% - 28.5rem); top:28.5rem; left:0; background:#f5f5f5; z-index:-1;}
.overview-member-tab-style{margin-bottom:7rem;}
.overview-member-tab{}
.overview-member-tab ul{display: flex; margin:0 -1.2rem;}
.overview-member-tab ul li{position: relative; width:calc(33.33% - 2.4rem); margin:0 1.2rem}
.overview-member-tab ul li:before{position: absolute; content:''; bottom:0; left:50%; transform:translate(-50%, 0); width: 0; height: 0; border-left: 1.5rem solid transparent; border-right: 1.5rem solid transparent; border-top: 2rem solid var(--sub-color); pointer-events:none; transition:var(--transition-custom);}
.overview-member-tab ul li:after{position: absolute; content:''; inset:0; width:100%; height:100%; border:2px solid var(--sub-color); box-sizing:border-box; pointer-events:none; border-radius:2rem; opacity:0; box-shadow: 1rem 1rem 4rem rgba(0, 0, 0, 0.1); transition:var(--transition-custom);}
.overview-member-tab ul li a{position: relative; display: flex; flex-direction:column; justify-content: space-between; width:100%; height:100%; border:2px solid #eee; box-sizing:border-box; border-radius:2rem; padding:3rem; background:#fff;}
.overview-member-tab ul li a .img-box{border-radius:1rem; overflow:hidden;}
.overview-member-tab ul li a .img-box img{width:100%;}
.overview-member-tab ul li a .txt-box{text-align:center; margin-top:2.6rem;}
.overview-member-tab ul li a .txt-box .tit{font-size:2.4rem; line-height:1.4; letter-spacing:-0.02em; color:#000; font-weight:700;}
.overview-member-tab ul li a .txt-box .txt{font-size:1.8rem; line-height:1.4; letter-spacing:-0.02em; color:#666; font-weight:500; margin-top:1rem;}
.overview-member-tab ul li a .btn-box{margin-top:6rem;}
.overview-member-tab ul li a .btn-box span{display: flex; align-items:center; justify-content:space-between; width:100%; height:6rem; padding:0 2.5rem; box-sizing:border-box; color:#000; background:#f5f5f5; border-radius:1rem; transition:var(--transition-custom);}
.overview-member-tab ul li a .btn-box span em{font-size:1.8rem; line-height:1.4; letter-spacing:-0.02em; font-weight:500;}
.overview-member-tab ul li a .btn-box span i{font-size:2rem;}

.overview-member-tab ul li.selected:before{transform:translate(-50%, 80%);}
.overview-member-tab ul li.selected:after{opacity:1; }
.overview-member-tab ul li.selected a .btn-box span{background:var(--sub-color); color:#fff;}

.overview-member-list{display: flex; flex-wrap:wrap; margin:-0.5rem;}
.overview-member-list .list-item{display: flex; align-items:center; width:calc(50% - 1rem); height:8rem; margin:0.5rem; border:1px solid rgba(0,0,0,0.1); border-radius:0.5rem; padding:1rem 3rem; box-sizing:border-box;  line-height:1.4; letter-spacing:-0.02em; color:#000; transition:var(--transition-custom);}
.overview-member-list .list-item i{width:2.6rem; font-size:2rem;}
.overview-member-list .list-item .name{width:calc(100% - 2.6rem); font-size:1.8rem; font-weight:500;}
.overview-member-list .list-item:hover{background:var(--sub-color); color:#fff;}


.overview-process-list{display: flex; width:100%; background:#f5f5f5; border-radius:2rem; margin-top:8rem;}
.overview-process-list .process-item{position: relative; width:25%; text-align:center; border-right: 1px solid rgba(0,0,0,0.1); padding:6.5rem 3rem 4.5rem; box-sizing:border-box;}
.overview-process-list .process-item:before{position: absolute; content:'\ea3e'; font-family:'xeicon'; top:50%; right:0; transform:translate(50%, -50%); width:5rem; height:5rem; background:#fff; border-radius:50%; display: flex; align-items:center; justify-content:center; box-shadow: 0px 0.4rem 2rem rgba(0, 0, 0, 0.1); font-size:1.6rem; color:var(--main-color); padding-left: 3px; box-sizing: border-box;}
.overview-process-list .process-item:last-child{border-right:none;}
.overview-process-list .process-item:last-child:before{display: none;}
.overview-process-list .process-item .step{display: flex; align-items:center; justify-content:center; font-size:1.4rem; line-height:1.4; letter-spacing:-0.02em; color:#fff; font-weight:500; width:7rem; height:2.4rem; border-radius:2.4rem; background:var(--main-color); margin:auto;}
.overview-process-list .process-item .txt{font-size:2rem; line-height:1.4; letter-spacing:-0.02em; color:#000; font-weight:600; margin-top:2rem;}
.overview-process-list .process-item .txt em{display: block; font-size:0.7em; color:#666; font-weight:500;}

@media all and (max-width:1280px){
	.process-box .right-con {margin-top: -3rem;}
	.number-box .left-con .tit-box {padding-right: 20%;}
	.number-box .right-con .tit-box {padding-left: 20%;}
	.number-box .figures {font-size:1.9rem;}
	.number-box .center-con {width: 34rem; height: 34rem;}
	.number-box .center-con .inner-box {width: 27rem; height: 27rem;}	
	.number-box .center-con .inner-box:after {width: 30.5rem; height: 30.5rem;}
	.center-txt .label {font-size:1.6rem;}
	.center-txt .value {font-size:7rem;}
	.overview-con.field .right-box .txt-box {margin-left: 5rem; padding-right: 5rem;}
	.fields-list {margin-top: 6rem;}
	.fields-list li {width: 17rem; height: 17rem;}
}

@media all and (max-width:800px){
	.overview-con.type {padding: 7rem 0;}
	.overview-con.type .type-list li .icon-box {width: 12rem; height: 12rem;}
	.overview-con.type .type-list li .icon-box span {width: 6rem; height: 6rem;}
	.overview-con.type .type-list li .line:before { width: 1.2rem; height: 1.2rem;}
	.overview-con.type .type-list li:last-of-type .line:after {width: 1.2rem; height: 1.2rem;}
	.overview-con.type .type-tit {font-size:1.8rem;}
	
	.number-box {flex-direction:column; position: relative;}
	.number-box .left-con, .number-box .right-con {width: 100%; height: calc(50% - 1rem);}
	.number-box .left-con { padding: 6rem 6rem 20rem;}
	.number-box .right-con { padding: 20rem 6rem 6rem; text-align:left;}
	.number-box .center-con {top: 50%; transform: translate(-50%, -50%);}
	.number-box .figures {margin-top: 3rem;}
	.number-box .left-con > a, .number-box .right-con > a {margin-top: 5rem;}
	.number-box .left-con .tit-box {padding-right: 0;}
	.number-box .right-con .tit-box {padding-left: 0;}
	
	.overview-con.current {margin: 6rem 0 0;}
	
	.overview-con.field {flex-direction:column; margin-top: 6rem;}
	.overview-con.field .left-box {width: 100%;}	 
	.overview-con.field .right-box {width: 100%;}
	.overview-con.field .right-box .txt-box {padding: 0 var(--area-padding);  margin-left: 0;}
	.field-tit {margin-top: 2.5rem;}
	.fields-list {justify-content: center;}
	.fields-list li {height: 0; width: 33.3334%; padding-top: 33.3334%;}
	.fields-list li p { display: flex; align-items: center; justify-content: center;     width: 100%; position: absolute; height: 100%; top: 50%; transform: translateY(-50%);     font-size: 1.6rem;}
	.fields-list li:nth-child(2) {margin-left: -1rem;}
	.fields-list li:nth-child(3) {margin-left: -1rem;}
	
	.overview-con.process {margin: 6rem 0 ;}
	.process-box {padding: 4rem 2rem; flex-direction: column;}
	.process-box .left-con {width: calc(100% - 1rem); margin-right: 1rem;}
	.process-box .right-con {width: 100%; margin-top: 4rem;}
	.process-list .num {width: 5rem; height: 5rem; }
	.process-list .num:after {bottom: 0.3rem; font-size:1.2rem;}
	.process-txt {width:calc(100% - (5rem + 1rem));}
	.process-list li:nth-of-type(2):after {width: 1.6rem; height: 17rem; top: 4.5rem; right: -1rem;}
	.process-list li:nth-of-type(3):after {right: -2rem;}
	.process-list li:nth-of-type(3):before {width: 1px; position: absolute; content: ""; display: block; background: #ccc; right: -2rem; height: 482%; transform: rotate(180deg); top: 50%;}
	.process-box .right-con > span:after {display: block; content: ""; position: absolute; left: 100%; height: 1px; background: #ccc; width:26.4rem; top: 50%; transform: translateY(calc(-50% - 0.5px));}

	.overview-con.member{padding-bottom:6rem; margin-top:3rem;}
	.overview-con.member:before{height:calc(100% - 15rem); top:15rem;}
	.overview-member-tab-style{margin-bottom:4rem;}
	.overview-member-tab{overflow: scroll; padding: 3rem var(--area-padding); width: calc(100% + (2 * var(--area-padding))); margin-left: calc(-1 * var(--area-padding)); box-sizing: border-box;}
	.overview-member-tab ul{width:calc(900px + 1.2rem);}
	.overview-member-tab ul li{width:300px;}
	.overview-member-tab ul li a{padding:3rem 1.5rem;}
	.overview-member-tab ul li a .txt-box{margin-top:2rem;}
	.overview-member-tab ul li a .txt-box .tit{font-size:2rem;}
	.overview-member-tab ul li a .txt-box .txt{font-size:1.5rem;}
	.overview-member-tab ul li a .btn-box{margin-top:3rem;}
	.overview-member-tab ul li a .btn-box span{height:4rem; padding:0 1.5rem;}
	.overview-member-tab ul li a .btn-box span em{font-size:1.5rem;}
	.overview-member-tab ul li a .btn-box span i{font-size:1.6rem;}

	.overview-member-list .list-item{width:calc(100% - 1rem); height:6rem; padding:1rem 1.5rem; }
	.overview-member-list .list-item i{font-size:1.8rem;}
	.overview-member-list .list-item .name{font-size:1.6rem;}


.overview-process-list{display: block; margin-top:4rem;}
.overview-process-list .process-item{width:100%; padding:4.5rem 1.5rem; border-right:0; border-bottom:1px solid rgba(0,0,0,0.1);}
.overview-process-list .process-item:before{top:100%; right:50%; transform:translate(50%, -50%) rotate(90deg); width:3.5rem; height:3.5rem; padding-left: 1px;}
.overview-process-list .process-item:last-child{border-bottom:none;}
.overview-process-list .process-item .txt{font-size:1.8rem; margin-top:1rem;}
}

@media all and (max-width:640px){
	.process-box .right-con > span:after {width:19.8rem ;}
}

@media all and (max-width:480px){
	.number-box {margin-top: 3.5rem;}
	.number-box .left-con {padding: 3rem 3rem 20rem;}
	.number-box .right-con {padding: 20rem 3rem 3rem;}
	.process-list li:nth-of-type(2):after {height: 19rem;}
	.process-list li:nth-of-type(3):before {height: 420%;}
	.process-box {margin-top: 3.5rem;} 
	.process-box .right-con > span:after {width: 14.2rem;}
	.overview-con.type .type-list li .icon-box {width: 8rem; height: 8rem;}
	.overview-con.type .type-list li .icon-box span {width: 3rem; height: 3rem;}
	.overview-con.type .type-list li .line {top: calc(50% - 4rem);}
	.overview-con.type .type-list li .line:before {left: -0.5rem; width: 1rem; height: 1rem; border:2px solid #ddd;}
	.overview-con.type .type-list li:last-of-type .line:after {width: 1rem; height: 1rem; border:2px solid #ddd;}
	.overview-con.field .right-box {padding: 4rem 0;}
	
}

@media all and (max-width:412px){
	.process-box .right-con > span:after {width: 12.2rem;}
	.process-list li:nth-of-type(3):before {height: 475%;}
}

@media all and (max-width:390px){
	.process-box .right-con > span:after {width: 15.2rem;}
	.process-list li:nth-of-type(3):before {height: 482%;}
}


/* members :: leading scientsist */
/* .leading-box {margin-top: 8rem;} */
.scientist-list {display:flex; flex-wrap:wrap; margin:-1rem;}
.scientist-list li {width: calc(50% - 2rem); margin:1rem; }
.scientist-list li a {display:flex; align-items:center; border-radius:2rem; background: #F5F5F5; padding: 3rem; box-sizing:border-box; width: 100%; height: 100%;
border:2px solid #f5f5f5; transition:var(--transition-custom);}
.scientist-list li .img-box {margin-right: 4rem; width: 35.338%;}
.scientist-list li .img-box img {border-radius:1rem; max-width:100%;}
.scientist-list li .txt-box {width: calc(100% - (35.338% + 4rem));}
.scientist-list li .category {font-size:1.6rem; letter-spacing:-0.02em; color: var(--main-color); font-weight: 500; line-height:1.1;}
.scientist-list li .name {display: block; font-size:3rem; letter-spacing:-0.02em; color: #000; font-weight: 700; line-height:1.1; margin-top: 1.5rem;}
.position-box {margin-top: 3rem; padding-top: 3rem; border-top:1px solid rgba(0,0,0,0.1); }
.position-box p {display:inline-block; margin-top: 0.9rem; background: #fff; border-radius:2rem; padding: 1rem 1.5rem; font-size:1.4rem; color: #666; letter-spacing:-0.02em; line-height:1.1; font-weight: 500;}
.position-box p:first-of-type {margin-top: 0;}
.scientist-list li a:hover {box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15); border-color:var(--main-color);}

@media all and (max-width:800px){
	.scientist-list li a {flex-wrap:wrap; padding: 2rem;}
	.scientist-list li .img-box {width: 100%; margin-right: 0; text-align: center;}
	.scientist-list li .txt-box {width: 100%; margin-top: 2.5rem;} 
	.scientist-list li .name {font-size:2.2rem;}
	.scientist-list .position-box p {border-radius:1rem; font-size:1.2rem; padding: 0.7rem 1.2rem;}
	.scientist-list .position-box {margin-top: 2rem; padding-top: 2rem;}
}
/* 뷰페이지 */
.view-wrapper {background: #f5f5f5; padding-top: 18rem; padding-bottom:12rem;}
.view-top-box {display:flex; border-top:1px solid #000; padding-top: 7rem; margin-top: 7rem;}
.view-top-box .left-con {position:relative; top: 0; width: 35.9375%; margin-right: 9.4rem; align-self: flex-start;}
.view-top-box .left-con .inner-box {background: #fff; border-radius:2rem; box-shadow: 20px 20px 60px 0px rgba(0, 0, 0, 0.10);}
.view-top-box .top {padding: 4rem;}
.view-top-box .top .img-box {width: 100%;}
.view-top-box .top .img-box span {display: block; position: relative; width: 100%; height: 0; padding-top: 127.106%;}
.view-top-box .right-con {width: calc(100% - (35.9375% + 9.4rem));}
.view-top-box .img-box img {border-radius:1rem; max-width:100%;}
.view-top-box .tit-box {margin-top: 4rem;}
.view-top-box .category {font-size:2rem; letter-spacing:-0.02em; color: var(--main-color); font-weight: 500; }
.view-top-box .name {display: block; font-size:3.6rem; letter-spacing:-0.02em; color: #000; font-weight: 700; margin-top: 2rem;}
.view-top-box .position-box p {background: #f2f2f2;}
.view-top-box .bottom {display:flex; border-top:1px solid rgba(0,0,0,0.1);}
.view-top-box .bottom a {display:flex; align-items: center; width: 50%; justify-content:space-between; height: 8rem; box-sizing:border-box; padding: 0 3.45rem; border-right:1px solid rgba(0,0,0,0.1);}
.view-top-box .bottom a:last-of-type {border-right:0;}
.view-top-box .bottom a em {color: #000; font-size:1.8rem; letter-spacing:-0.02em; line-height:1.4; font-weight: 500; transition:var(--transition-custom);}
.view-top-box .bottom a i {color: #000; font-size:2rem;  transition:var(--transition-custom);}
.view-top-box .bottom a:hover em, .view-top-box .bottom a:hover i {color: var(--main-color);}
.view-top-box .right-con .inner-txt-con {border-top:1px solid rgba(0,0,0,0.1); padding: 7rem 0;}
.view-top-box .right-con .inner-txt-con:first-of-type {padding-top: 0; border-top:0;}
.view-top-box .right-con .inner-txt-con:last-of-type {border-bottom:1px solid rgba(0,0,0,0.1);}
.view-top-box .right-con .sub-tit {font-size:2.4rem; letter-spacing:-0.02em; color: #000; font-weight: 600; line-height:1.4;}
.view-top-box .right-con .inner-list {margin-top: 2rem;}
.view-top-box .right-con .inner-list li {position: relative; font-size:1.8rem; letter-spacing:-0.02em; color: #666; line-height:1.4; padding-left: 1.5rem; margin-top: 0.7rem;}
.view-top-box .right-con .inner-list li:before {display: block; content:""; position:absolute; left: 0; top: 0; width: 5px; height: 5px; border-radius:100%; background: #aaa; left: 0; top: 1rem;}
.view-top-box .right-con .inner-list li:first-of-type {margin-top: 0;}

.view-bottom-box {margin-top: 12rem; margin-bottom: 7rem; overflow:hidden;}
.view-bottom-box .cm-tit {font-size:4rem;}
.view-bottom-box .flex {display: flex; justify-content: space-between; align-items: center;}
.other-scientists-container {/* width: calc(100% - ((100% - 1280px) / 2)); */ /* margin-left: 32rem !important;  margin-top: 4rem;*/ margin: 0 0 0 auto !important;  padding: 4rem 0 !important; overflow:visible !important;}
.other-scientists-container .swiper-slide {width:63rem !important;}
.other-scientists-container .swiper-slide a {display:flex; align-items:center; background: #f5f5f5; padding: 3rem; box-sizing:border-box; border-radius:2rem;
border:2px solid #f5f5f5; transition:var(--transition-custom);}
.other-scientists-container .swiper-slide .img-box {}
.other-scientists-container .category {font-size:1.6rem; letter-spacing:-0.02em; color: var(--main-color); font-weight: 500; line-height:1.1;}
.other-scientists-container .name {font-size:3rem; letter-spacing:-0.02em; color: #000; font-weight: 700; line-height:1.1; margin-top: 2rem;}
.other-scientists-container .img-box {width: 35.088%;}
.other-scientists-container .img-box img {max-width:100%; border-radius:1rem;}
.other-scientists-container .tit-box {margin-left: 4rem; width: calc(100% - (35.088% + 4rem));}
.other-scientists-container .swiper-slide a:hover {border-color:var(--main-color); box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);}

@media all and (max-width:1340px){
	.other-scientists-container {width: 100%; margin: 4rem 0 0 var(--area-padding) !important;}
}

@media all and (max-width:800px){
	.view-wrapper {padding-top: 10rem; padding-bottom:10rem;}
	.view-top-box {flex-wrap:wrap;}
	.view-top-box .left-con {position: static; width: 100%; margin-right: 0;}
	.view-top-box .right-con {width: 100%; margin-top: 5rem;}
	.view-top-box {padding-top: 4rem; margin-top: 4rem;}
	.view-top-box .top .img-box {text-align:center;}
	.view-top-box .right-con .inner-txt-con {padding: 3.5rem 0;}
	
	.view-bottom-box {margin-top: 6rem;}
	.view-bottom-box .flex {flex-wrap:wrap;}
	.other-scientists-arrow-box .swiper-button-container .area {padding: 0;}
	.other-scientists-arrow-box {width: 100%; margin-top: 3rem;}
	.other-scientists-container {padding:0 !important;}
	.other-scientists-container .swiper-slide {width: 40rem !important;}
	.other-scientists-container .swiper-slide a {flex-wrap:wrap;}
	.other-scientists-container .img-box {width: 100%; max-width: 70%; margin: 0 auto;}
	.other-scientists-container .tit-box {width: 100%; margin-left: 0; margin-top: 2.5rem;}
}

/* program :: nobel */
.sub-page.nobel .con {padding: 12rem 0;}
.sub-page.nobel .con:nth-of-type(1) {padding-top: 0;}
.sub-page.nobel .con:nth-of-type(even) {background: #F5F5F5;}
.nobel-top-box .banner-box {text-align:center;}
.nobel-top-box .banner-box img {border-radius:2rem 2rem 0 0; max-width:100%;}
.nobel-top-box .txt-box{padding:6rem; box-sizing:border-box; background:#f5f5f5; border-radius:0 0 2rem 2rem;}
.nobel-top-box {margin-top: 8rem;}
/* .nobel-top-box .txt-box {margin-top: 5rem;} */
.nobel-top-tit {font-size:3rem; color: #000; font-weight: 700; letter-spacing:-0.02em; line-height:1.4em; margin-bottom: 2.5rem;}
.nobel-top-txt {font-size:1.8rem; color: #666; font-weight: 500; letter-spacing:-0.02em; line-height:1.4em; margin-top: 2rem;}
.nobel-top-txt:nth-of-type(2) {margin-top: 0;}
.nobel-partner-list {display:flex; flex-wrap:wrap; margin: 5rem -1.25rem 0;}
.nobel-partner-list li {background: #F5F5F5; border-radius:1rem; text-align:center; width: calc(33.334% - 2.5rem); margin: 1.25rem;}
.nobel-partner-list li a {display:inline-block; width: 100%; height: 100%; padding: 4.5rem 0; box-sizing:border-box;}
.nobel-partner-list li a .logo-box {width: 15.7rem; height: 0; padding-top: 14.635%; position: relative; display: block; margin: 0 auto;}
.nobel-partner-list li a .logo-box img {position:absolute; top: 0; right: 0; left: 0; bottom: 0; max-width:100%; max-height:100%;}

/* program :: 비디오 영역 Start */
.video-iframe-wrapper{position:relative; max-width:1280px; margin:0px auto; overflow:hidden; border-radius: 2rem; margin-top: 5rem;}
.video-iframe-box{position:relative; padding-top:49.88%; height:0; background-color:#000}
.video-iframe-box iframe{position:absolute; top:0px; left:0px; width:100%; height:100%;}
.video-cover-box{position:absolute; top:0px; left:0px; width:100%; height:100%; cursor:pointer ;  }
.video-cover-box:after{position:absolute; top:0px; left:0px; width:100%; height:100%; cursor:pointer ; background-color:rgba(0,0,0,0.4); content:"";}
.video-cover-box .thumb{display:block; width:100%; height:100%;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.video-cover-box .thumb img{width:100%; height:100%;}
.video-cover-box:hover .thumb{
	-ms-transform: scale(1.1) rotate(0.002deg);
	  -o-transform: scale(1.1) rotate(0.002deg);
	  -moz-transform: scale(1.1) rotate(0.002deg);
	  -webkit-transform: scale(1.1) rotate(0.002deg);
	  transform: scale(1.1) rotate(0.002deg);
}
.video-cover-box .icon{position:absolute; top:50%; left:50%;  z-index:1; -ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.video-cover-box .icon span {position: relative; display:flex; align-items:center; justify-content:center; width: 12rem; height: 12rem; border-radius:100%; background: rgba(255,255,255,0.1);}
.video-cover-box .icon span:before {    display: block;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(160deg, rgb(255 255 255 / 80%), transparent, rgb(255 255 255 / 80%));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;}
    
    
@media all and (max-width:800px){
	.sub-page.nobel .con {padding: 6rem 0;}
	.nobel-top-box {margin-top: 4rem;}
	.video-cover-box .icon span {width: 8rem; height: 8rem;}
	.nobel-partner-list {flex-wrap:wrap; margin: 5rem 0 0;}
	.nobel-partner-list li {width: 100%; margin: 1.5rem 0 0;}
	.nobel-partner-list li:first-of-type {margin-top:0;}
}
    
/* fellow program */    
.sub-page.fellowship .bbs-list-con {margin-top: 8rem;}


/* applications */
.sub-page.applications .bbs-list-style08 .bbs-item .inner-box {display: flex; align-items: center; justify-content: space-between; position: relative; padding: 0 3rem; height: 9rem; line-height: 9rem; box-sizing: border-box; border-bottom: 1px solid #f1f1f1; border-radius: 1rem; background-color: #f5f5f5; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}
.sub-page.applications .bbs-list-style08 .bbs-item .inner-box:hover {background-color:var(--sub-color);}
.sub-page.applications .bbs-list-style08 .bbs-item .inner-box:hover .bbs-subject-txt {color: #fff;}
.sub-page.applications .bbs-list-style08 .bbs-item .inner-box:hover .bbs-list-date {color: rgba(255,255,255,0.5);}
.sub-page.applications .bbs-list-style08 .bbs-item .bbs-list-info-con {width: calc(100% - (42rem)); margin-left: 2rem; padding-right: 2rem; box-sizing: border-box;}
.sub-page.applications .bbs-list-style08 .bbs-item .bbs-list-date {width: 28rem; padding-right: 17rem; line-height: 1.2;}
.sub-page.applications .bbs-list-style08 .bbs-item .category {border-radius:2rem; background: #aaa; color: #fff; width: 7rem; text-align:center; height: 2.6rem; line-height:2.6rem; font-size:1.4rem; font-weight: 600;}
.sub-page.applications .bbs-list-style08 .bbs-item .category.on {background:var(--main-color);}
.sub-page.applications .bbs-list-style08 .bbs-item .bbs-right-info-con {display:flex;}
.sub-page.applications .bbs-list-style08 .bbs-item .bbs-right-info-con .inquiry-btn {display: flex; align-items: center; justify-content: center; width: 6rem; height: 6rem; border-radius:5px; margin-right: 1rem; transition: all 0.3s;}
.sub-page.applications .bbs-list-style08 .bbs-item .bbs-right-info-con .inquiry-btn i,
.sub-page.applications .bbs-list-style08 .bbs-item .bbs-right-info-con .bbs-more-btn i {font-size:2.4rem; color: #aaa; transition:var(--transition-custom);}   
.sub-page.applications .bbs-list-style08 .bbs-item .bbs-right-info-con .bbs-more-btn {display: flex; align-items: center; justify-content: center; width: 6rem; height: 6rem; border-radius:5px;}

.sub-page.applications .bbs-list-style08 .bbs-item .inner-box:hover .inquiry-btn {background: rgba(255,255,255,0.1);}
.sub-page.applications .bbs-list-style08 .bbs-item .inner-box:hover .bbs-more-btn {background: rgba(255,255,255,0.1);}
.sub-page.applications .bbs-list-style08 .bbs-item .inner-box .inquiry-btn:hover i {color: #fff;}
.sub-page.applications .bbs-list-style08 .bbs-item .inner-box .bbs-more-btn:hover i {color: #fff;}

@media all and (max-width:800px){
	.sub-page.applications .bbs-list-style08 .bbs-item .inner-box {flex-wrap:wrap; height: auto; line-height:1.2; padding: 3rem;}
	.sub-page.applications .bbs-list-style08 .bbs-item .bbs-list-info-con {margin: 1.5rem 0; width: 100%;}
	.sub-page.applications .bbs-list-style08 .bbs-item .bbs-list-date {width: auto;}
	.sub-page.applications .bbs-list-style08 .bbs-item .bbs-right-info-con {position:static; margin-top: 2rem;}
	.sub-page.applications .bbs-list-style08 .bbs-item .bbs-right-info-con .inquiry-btn {width: 4rem; height: 4rem;}
	.sub-page.applications .bbs-list-style08 .bbs-item .bbs-right-info-con .bbs-more-btn {width: 4rem; height: 4rem;}
	.sub-page.applications .bbs-list-style08 .bbs-item .bbs-right-info-con .inquiry-btn i, 
	.sub-page.applications .bbs-list-style08 .bbs-item .bbs-right-info-con .bbs-more-btn i {font-size:1.9rem;}
}

@media all and (max-width:480px){
	.sub-page.applications .bbs-list-style08 .bbs-item .bbs-right-info-con {margin-top: 0;}
}

/* news :: publications */
.publications-wrapper {margin-top: 7rem;}
.sub-publications-list li {margin-top: 4rem;}
.sub-publications-list li:first-of-type {margin-top: 0;}
.sub-publications-list li a {background: #f5f5f5; border-radius:2rem; display: flex; align-items: center; position: relative; padding: 4rem; overflow: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}
.sub-publications-list li:first-of-type { margin-top: 0; }
.sub-publications-list .info-wrapper {display: flex; justify-content: space-between; align-items: center; width: calc(100% - 21.25%); padding-left: 5rem; box-sizing: border-box;}
.sub-publications-list li .publications-img {width: 21.25%; display: inline-block; vertical-align: top;}
.sub-publications-list li .publications-img span {display: block; position: relative; height: 0; padding-top: 127.451%;}
.sub-publications-list li .publications-img img {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border-radius: 1rem;}
.publications-info-con {overflow: hidden; display: inline-block; vertical-align: top; /* width:calc(100% - (21.25% + 7.5rem)); */ height: 100%; /* padding-left: 5rem;*/width: calc(100% - 7.5rem); margin-right: 3.5rem;  box-sizing:border-box;}
.publications-info-con h3 {font-size:3rem; font-weight: 700; color: #000; letter-spacing:-0.02em; line-height:1.4; transition:var(--transition-custom);}
.publications-info-con .bbs-detail-txt {overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; font-size:1.8rem; font-weight: 500; color: #666; line-height:1.4; margin-top: 2rem; transition:var(--transition-custom);}
.publications-info-con .date {font-size:1.6rem; font-weight: 500; color: #888; line-height:1.6;  margin-top: 10rem;}
.sub-publications-list i {font-size:4rem; color:rgba(0,0,0,0.2); transition:var(--transition-custom);}
.sub-publications-list li a:hover {background: var(--sub-color);}
.sub-publications-list li a:hover .publications-info-con h3 {color: #fff;}
.sub-publications-list li a:hover .publications-info-con .bbs-detail-txt {color: rgba(255,255,255,0.5);}
.sub-publications-list li a:hover i {color: rgba(255,255,255,0.4);}

@media all and (max-width:800px){
	.sub-publications-list li .publications-img {width: 35%;}
	.sub-publications-list .info-wrapper {width: calc(100% - 35%); padding-left: 3rem;}
	.publications-info-con {width: calc(100% - 4.5rem);  margin-right: 1.5rem;}
	.publications-info-con h3 {font-size:2.5rem;}
	.publications-info-con .bbs-detail-txt {font-size:1.5rem;}
	.publications-info-con .date {font-size:1.5rem; margin-top: 5rem;}
	.sub-publications-list i {font-size:3rem;}
}

@media all and (max-width:480px){
	.sub-publications-list li .publications-img {width: 70%; margin: 0 auto;}
	.sub-publications-list li a {flex-wrap:wrap; padding: 3rem;}
	.sub-publications-list .info-wrapper {width: 100%; padding-left: 0; margin-top: 3rem;}
}


/* my account :: application 뷰 페이지 */
.app-view .view-top-con .tit-box {display:flex; justify-content:space-between; align-items:center; background: #f5f5f5; border-radius:1rem; padding: 1.7rem 2rem 2rem; box-sizing:border-box;}
.app-view .view-top-con .title {font-size:2.4rem; color: #000; font-weight: 600; line-height:1.2; margin-bottom: 0.7rem;}
.app-view .view-top-con .date {font-size:1.6rem; color: #888; font-weight: 500; line-height:1.1;}
.app-view .inner-view-box {display:flex; flex-wrap:wrap; margin: 2.8rem -0.5rem 0;}
.app-view .inner-view-box dl {width: calc(50% - 1rem); margin: 2.7rem 0.5rem 0;}
.app-view .inner-view-box dl.w100 {width: 100%;}
.app-view .inner-view-box dt {color: #000; font-size:1.8rem; letter-spacing:-0.045em; font-weight: 600; line-height:1.2;}
.app-view .inner-view-box dd {background: #f5f5f5; border-radius:5px; height: 5rem; color: #000; font-size:1.6rem; letter-spacing:-0.045em; font-weight: 500; margin-top: 1.5rem;     line-height: 5rem; padding: 0 2.5rem; box-sizing: border-box;}
.app-view .inner-view-box dl.w100 dd {height: auto; padding: 2rem;}
.app-view .file-item:first-of-type {margin-top: 0;}
.app-view .file-item {padding: 1rem 1.2rem; height: 5.2rem; margin-top: 1rem; background: #fff; border-radius:6px; border:1px solid #DCE1E6; box-sizing:border-box; display: flex; align-items: center;}
.app-view .file-item > span {display:inline-block; width: 3rem; height: 3rem; border:1px solid #DCE1E6; box-sizing:border-box; border-radius:5px; text-align: center; line-height: 2.5rem; margin-right: 1rem;}
.app-view .file-item > p {font-size:1.2rem; font-weight: 600; color: #343B43; line-height:1.3;}

/* communication */
.communication {margin-top: 7.3rem;}
.comment-top {display: flex; align-items: center; justify-content: space-between; background: #F4F6F8; height: 7.2rem; border-radius:10px; padding: 2rem; box-sizing:border-box;}
.comment-top > p {font-size:2.1rem; letter-spacing:-0.063px; font-weight: 700; color: #252B33;} 
.comment-total {display:flex; align-items: center;}
.comment-total span {font-size:1.2rem; color: #7D8792; line-height:1.1; margin-right: 8px;}
.comment-total strong {display:inline-block; background: #1A4379; color: #fff; font-weight: 700; font-size:1.5rem; text-align:center; border-radius:16px; padding: 0.85rem 1.45rem;}
.online-comment-compose { width: 100%; margin-bottom: 1.3rem; padding: 24px; background: #fff; border: 1px solid #d9dee4; border-radius: 10px; box-shadow: 0 4px 14px rgba(30, 40, 50, 0.05); margin-top: 1.2rem; box-sizing:border-box; }
.online-comment-field-label { display: block; margin: 0 0 8px; color: #4d5661; font-size: 12px; font-weight: 700; line-height: 1.4; }
.online-comment-list {/* border-radius:9px; border:1px solid #D9DEE4; overflow: hidden; */}
.online-comment-list .online-comment-card {border-radius:9px; border:1px solid #D9DEE4; overflow: hidden; margin-top: 1.4rem; box-shadow: 0 4px 14px rgba(30, 40, 50, 0.05);}

/* |---------------------------- | 텍스트 입력 |---------------------------- */
.communication .online-comment-textarea.form-control { display: block; width: 100%; min-height: 110px; margin: 0 0 18px; padding: 14px 15px; color: #30363d; font-size: 1.4rem; line-height: 1.7; resize: vertical; background: #fafbfc; border: 1px solid #ced4db; border-radius: 7px; box-shadow: none; outline: none; transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; }
.communication .online-comment-textarea.form-control::placeholder { color: #a4abb3; }
.communication .online-comment-textarea.form-control:focus { background: #fff; border-color: #697786; box-shadow: 0 0 0 3px rgba(79, 94, 111, 0.08); } 
.communication .online-comment-upload-row { display: grid; grid-template-columns: minmax(0, 1fr) 12.4rem; align-items: stretch; gap: 10px; width: 100%; }
.communication .online-comment-upload-row input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; display: block; width: 0; height: 0; overflow: hidden; }
.communication .online-comment-upload-row .upload-name {width: 100%; height: 4.2rem; background: #FAFBFC; text-indent: 8rem; font-size: 1.2rem; border: 1px solid #CED4DB; border-radius: 7px; box-sizing:border-box;}
.communication .online-comment-upload-row .file-custom-box {position: relative; width: 100%;}
.communication .online-comment-upload-row .file-custom-box label {position: absolute; top: 0.9rem; left: 1.1rem; width: 5.9rem; height: 2.2rem; line-height: 2.2rem; background:#f0f0f0; font-size: 1.2rem; color: #000; font-weight: 500; border:1px solid #000; text-align:center;}
.communication .online-comment-file-input.form-control { display: block; width: 100%; height: 42px; min-height: 42px; margin: 0; padding: 6px 10px; color: #555e68; font-size: 12px; line-height: 28px; background: #fafbfc; border: 1px solid #ced4db; border-radius: 7px; box-shadow: none; cursor: pointer; }
.communication .online-comment-file-input.form-control:focus { background: #fff; border-color: #697786; box-shadow: none; outline: none; }
.communication .online-comment-submit-button { display: inline-flex; align-items: center; justify-content: center; width: 12.4rem; height: 4.2rem; margin: 0; padding: 0 16px; color: #fff; font-size: 1.3rem; font-weight: 700; line-height: 1; white-space: nowrap; background: #1A4379; border: 1px solid #1A4379; border-radius: 7px; cursor: pointer; transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease; }
.communication .online-comment-submit-button.complete {width: 16rem;}
.communication .online-comment-submit-button:hover, .online-comment-submit-button:focus { color: #fff; background: #20262d; border-color: #20262d; outline: none; }
.communication .online-comment-help { margin: 7px 0 0; color: #929aa3; font-size: 11px; line-height: 1.5; }

/* |---------------------------- | 댓글목록 |---------------------------- */
.communication .online-comment-section button, .communication .online-comment-section input, .online-comment-section textarea { font-family: inherit; }
.communication .online-comment-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-top: 18px; padding-top: 14px; border-top: 1px solid #e8ebee; }
.communication .online-comment-delete-form { display: inline-flex; margin: 0; padding: 0; }
.communication .online-comment-action-button { display: inline-flex; align-items: center; justify-content: center; height: 30px; margin: 0; padding: 0 11px; color: #59636e; font-size: 11px; font-weight: 600; line-height: 1; background: #fff; border: 1px solid #c8ced5; border-radius: 5px; cursor: pointer; transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease; }
.communication .online-comment-action-button:hover, .communication .online-comment-action-button:focus { color: #fff; background: #39424e; border-color: #39424e; outline: none; }
.communication .online-comment-delete-button { color: #6f7780; background: #f3f4f6; }
.communication .online-comment-delete-button:hover, .communication .online-comment-delete-button:focus { color: #fff; background: #2d333a; border-color: #2d333a; }
.communication .online-comment-card-header {height: 6.4rem; box-sizing: border-box; display: flex; align-items: center; min-height: 60px; padding: 13px 17px 13px 20px; background: #f8f9fa; border-bottom: 1px solid #e4e8ec; }
.communication .online-comment-card-body {padding: 1.8rem 2rem;}
.communication .online-comment-profile { display: flex; align-items: center; gap: 10px; min-width: 0; }
.communication .online-comment-avatar { display: flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 34px; height: 34px; color: #fff; font-size: 12px; font-weight: 700; border-radius: 50%; }
.communication .online-comment-admin .online-comment-avatar { background: #337ab7; }
.communication .online-comment-user .online-comment-avatar { background: #89939e; }
.communication .online-comment-author-info { min-width: 0; }
.communication .online-comment-author-row { display: flex; align-items: center; gap: 7px; min-width: 0; }
.communication .online-comment-author { display: block; max-width: 280px; color: #252b33; font-size: 13px; font-weight: 700; line-height: 1.4; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.communication .online-comment-role { display: inline-flex; align-items: center; justify-content: center; height: 20px; padding: 0 8px; color: #fff; font-size: 10px; font-weight: 700; line-height: 1; border-radius: 10px; }
.communication .online-comment-admin .online-comment-role { background: #337ab7; }
.communication .online-comment-user .online-comment-role { background: #89939e; }
.communication .online-comment-date { margin-top: 3px; color: #929aa3; font-size: 11px; line-height: 1.4; }
.communication .online-comment-edited { display: inline-block; margin-left: 5px; color: #6f7882; }

/* |---------------------------- | 답글 및 수정 폼 |---------------------------- */
.communication .online-comment-subform { display: none; width: 100%; margin-top: 16px; padding: 17px; background: #f5f7f9; border: 1px solid #d9dee4; border-radius: 7px; box-sizing:border-box;}
.communication .online-comment-subform.is-active { display: block; }
.communication .online-comment-subform .online-comment-textarea { min-height: 96px; margin-bottom: 16px; background: #fff; }
.communication .online-comment-subform .online-comment-submit-button { background: #39424e; border-color: #39424e; }
.communication .online-comment-subform .online-comment-submit-button:hover, .online-comment-subform .online-comment-submit-button:focus { background: #20262d; border-color: #20262d; }
.communication .online-comment-edit-row { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 4px; }
.communication .online-comment-edit-row .online-comment-help { margin: 0;}
.communication .online-comment-edit-upload .online-comment-upload-row {grid-template-columns: auto;}

/* |---------------------------- | depth 간격 |---------------------------- */
.communication .online-comment-depth-0 { margin-left: 0; }
.communication .online-comment-depth-1 { margin-left: 2.6rem; }
.communication .online-comment-depth-2 { margin-left: 5.2rem; }
.communication .online-comment-depth-3 { margin-left: 7.8rem; }
.communication .online-comment-depth-4 { margin-left: 10.4rem; }
.communication .online-comment-depth-5 { margin-left: 13rem; }

/* |---------------------------- | 댓글 첨부파일 |---------------------------- */
@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../gsadmin/fonts/glyphicons-halflings-regular.eot');
  src: url('../gsadmin/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../gsadmin/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../gsadmin/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../gsadmin/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-paperclip:before {content: "\e142";}

.communication .online-comment-attachment { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; align-items: center; gap: 10px; width: 100%; margin-top: 16px; padding: 10px 12px; color: #343b43; text-decoration: none; background: #f6f7f9; border: 1px solid #dce1e6; border-radius: 6px; transition: background-color 0.2s ease, border-color 0.2s ease; }
.communication .online-comment-attachment:hover, .communication .online-comment-attachment:focus { color: #252b33; text-decoration: none; background: #eef1f4; border-color: #bec6cf; }
.communication .online-comment-attachment-icon { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; color: #56616d; background: #fff; border: 1px solid #d5dae0; border-radius: 5px; }
.communication .online-comment-attachment-name { display: block; min-width: 0; font-size: 12px; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height:1.1;}
.communication .online-comment-download {display:none; color: #7f8892; font-size: 10px; }
.communication .online-comment-current-file-info a {color: #337ab7; font-size: 1.4rem; margin-left: 4px;}
.communication .online-comment-current-file-info span {color: #2f343b;}
.communication .online-comment-remove-file {display: inline-block; max-width: 100%; margin: 5px 0; font-weight: 700;}
.communication .online-comment-remove-file span {position: relative; top: 2px; font-weight: 700; color: #2f343b; font-size: 1.4rem;}
.communication .online-comment-remove-file input {margin-left: 0;}


@media all and (max-width:800px){
	.app-view .view-top-con .tit-box {flex-direction: column; align-items: center;}		
	.app-view .inner-view-box {margin: 2.8rem 0 0;}
	.app-view .inner-view-box dl {width: 100%; margin: 2.7rem 0 0;}
	.communication {margin-top: 3.5rem;}
}

@media all and (max-width:480px){
	.communication .online-comment-upload-row {display: flex; flex-direction: column;}
	.communication .online-comment-submit-button {align-self: flex-end;}
}


/* 문의하기 */

.inquiry-data-tit {display: block; color: #000; font-weight: 600; font-size:1.8rem; letter-spacing:-0.045em; margin-bottom: 1.5rem;}
.sub-page.inquiry .inquiry-style08 {margin-top: 8rem;}
.sub-page.inquiry .inquiry-style08 .inquiry-form input {width: 100%; background: #f5f5f5; height: 5rem; border: 0; border-radius: 5px; text-indent: 15px; font-size: 1.6rem;}
.sub-page.inquiry .inquiry-style08 .inquiry-form select {width: 100%; background-color: #f5f5f5; height: 5rem; border: 0; border-radius: 5px; text-indent: 15px; font-size: 1.6rem; outline:none; display: none;}
/* .sub-page.inquiry .inquiry-style08 .inquiry-form {width: calc(50% - 1rem);} */
.sub-page.inquiry .inquiry-style08 .inquiry-form > ul > li {margin-top: 3.4rem;}
/* .sub-page.inquiry .inquiry-style08 .inquiry-form > ul > li input {position: relative;} */
/* 	.sub-page.inquiry .inquiry-style08 .inquiry-form > ul > li input:before { display: block; content: ""; position: absolute; top: 0; left: 0; height: 100%; border: 1px solid var(--main-color); width: 100%; z-index: -1; border-radius: inherit; opacity: 0; box-sizing: border-box; transition: var(--transition-custom);} */
.sub-page.inquiry .inquiry-style08 .inquiry-form > ul > li input.on {border: 1px solid var(--main-color); outline:0; background-color: #fff;}
.sub-page.inquiry .inquiry-style08 .inquiry-form02 li input.on {border: 1px solid var(--main-color); outline:0; background: #fff;}
.sub-page.inquiry .inquiry-style08 .inquiry-form > ul > li textarea.on {border: 1px solid var(--main-color); outline:0; background: #fff;}
.sub-page.inquiry .inquiry-style08 .inquiry-form.w100 {/* width: 100%; float: left; */ margin-top: 6rem;}
.sub-page.inquiry .inquiry-style08 .cm-form-fieldset-box {max-width:none;}

.inquiry-style08 .bbs-inquiry-agree-con{margin-bottom:5rem; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 3.5rem 0;}
.inquiry-style08 .bbs-write-tbl-box + .bbs-inquiry-agree-con{margin-top:5rem;}
.inquiry-style08 .inquiry-agreement-con{height:220px; overflow-y:auto; overflow-x:hidden; padding:4rem 2rem; background-color:#f6f6f6; box-sizing:border-box; margin-bottom:4rem;}
.inquiry-style08 .bbs-inquiry-agree-con .agree-txt{display: flex; align-items: center; justify-content: space-between; position: relative; padding-top: 0; margin-top:0;}
.inquiry-style08 .bbs-inquiry-agree-con .agree-txt .more {position: relative; align-items: center; line-height: 1em; letter-spacing: -0.05em; color: var(--main-color); cursor: pointer;}
.inquiry-style08 .bbs-inquiry-agree-con .agree-txt .more:after {display: block; content:""; position:absolute; bottom:-0.5rem; left: 0; width: 100%; height: 2px; background: var(--main-color);}
.inquiry-style08 .bbs-inquiry-agree-con .agree-txt .more i {font-size: 1.8rem; padding-left: 0.7rem; width: 1.8rem; height: 1.8rem; display: inline-block;}
.inquiry-style08 .bbs-inquiry-agree-con .agree-txt .more i::before {width: 1.8rem; height: 1.8rem; display: inline-block;}
.inquiry-style08 .bbs-inquiry-agree-con .agree-inner {margin-top: 3rem;}
.inquiry-style08 .bbs-inquiry-agree-con .agree-txt:first-child{margin-top:0}
.inquiry-style08 .bbs-inquiry-agree-con .agree-txt input{display:none;}
.inquiry-style08 .bbs-inquiry-agree-con .agree-txt label{position:relative; padding-left:4rem; font-size: 1.8rem; font-weight: 700; line-height: 1.5em; letter-spacing: -0.05em; color: #121212; display: block;}
.inquiry-style08 .bbs-inquiry-agree-con .agree-txt > i {position: absolute; top: 0.5rem; right: 0; font-size: 1.8rem; color: #222;}
.inquiry-style08 .bbs-inquiry-agree-con .agree-txt label i{position:absolute; top: 0.2rem; left:0px; font-size:2.4rem; color:#ddd;}
.inquiry-style08 .bbs-inquiry-agree-con .agree-txt .more i.rotate::before {content: "\e932";}
.inquiry-style08 .bbs-inquiry-agree-con .agree-txt input:checked + label i{color:var(--main-color);}
.inquiry-style08 .bbs-inquiry-agree-con .submit-btn {text-align:center; line-height:6rem; background: #082955; border-radius:5rem; color: #fff; font-size:1.7rem; letter-spacing:-0.045em; font-weight: 700; height: 6rem; width: 19.7rem;}
.inquiry-style08 .bbs-inquiry-agree-con .submit-btn.btn-style01{background:#fff; border:2px solid #082955; box-sizing:border-box; color:#082955;}
.inquiry-style08 .bbs-inquiry-agree-con .inner-agree-btn-box{display: flex; gap:2rem;}
.file-custom-wrapper {width: 100%;}
.file-data-tit {display:flex; align-items: center;}
.file-add-btn {display: inline-block; padding: 0.3rem 0.899rem; background: #000; border-radius:5rem; color: #fff; font-size:1.2rem; letter-spacing:-0.045em; font-weight: 500; margin-left: 1rem;}
.file-custom-item {margin-top: 1rem;}
.file-custom-item:not(:first-of-type) {display: flex; align-items: center;}
.file-delete-btn {display: flex; padding: 0.3rem 1rem; background: #000; border-radius:5rem; color: #fff; font-size:1.2rem; letter-spacing:-0.045em; font-weight: 500; margin-left: 1rem;}
.file-delete-btn i {margin-right: 1rem;}
.sub-page.inquiry .inquiry-style08 .file-custom-box {position: relative; width: 100%; padding-right: 0;}
.sub-page.inquiry .inquiry-style08 .file-custom-box .upload-name {width: 100%; text-indent:8.5rem;}
.sub-page.inquiry .inquiry-style08 input[type="file"] {    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.sub-page.inquiry .inquiry-style08 .file-custom-box label {position: absolute; left: 1.5rem; top: 50%; transform:translateY(-50%); width: 6rem; height: 2.6rem; line-height: 2.6rem; border-radius: 2rem; background: #f5f5f5; border: 1px solid #c4c4c4; box-sizing: border-box; text-align: center; font-size: 1.2rem; color: #6b6b6b; font-weight: 500;}
.sub-page.inquiry .inquiry-style08 .security-code-box {position: relative; height: auto; padding: 0; border: none; border-radius: 0; justify-content: flex-start;}
.sub-page.inquiry .inquiry-style08 .security-code-box .security-code {position: absolute; left: 2rem; width: 10rem; font-size: 1.6rem; letter-spacing: -0.015em; color: var(--main-color); z-index: 10; top: 50%; transform: translateY(-50%);}
.sub-page.inquiry .inquiry-style08 .security-code-box .security-num {display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; font-size: 1.4rem; font-weight: 700; letter-spacing: -0.045em; color: var(--main-color); background-color: rgba(22, 123, 210, 0.1); border-radius: 0.5rem;}
.sub-page.inquiry .inquiry-style08 .security-code-box input {text-indent:12rem;}

/* 추가 */
.sub-page.inquiry .inquiry-style08 textarea {font-size:1.6rem; background: #f2f2f2; border-radius:5px; border:0; width: 100%; max-height: 12rem; padding: 2rem; box-sizing:border-box;}
.sub-page.inquiry .inquiry-style08 textarea.middle-higher{max-height:15rem;}
.sub-page.inquiry .inquiry-style08 textarea.higher{max-height:20rem;}
.sub-page.inquiry .inquiry-style08 .inquiry-form02 li {margin-top: 1rem;}
.sub-page.inquiry .inquiry-style08 .inquiry-form02 li:first-of-type {margin-top: 0;}
.sub-page.inquiry .inquiry-style08 .inquiry-form .inner-list {position: relative; }
.sub-page.inquiry .inquiry-style08 .inquiry-form .inner-list.w50 {width: 50%;}
.sub-page.inquiry .inquiry-style08 .inquiry-form .inner-list dt {position: absolute; top: 0; left: 2rem; width: 8rem; font-size: 1.6rem; line-height: 5rem; font-size:1.6rem; color: #000; font-weight: 600; z-index: 10;}
.sub-page.inquiry .inquiry-style08 .inquiry-form .inner-list dt:after {display: block; content:""; position:absolute; width: 1px; height: 1.2rem; background:rgba(0,0,0,0.1); right: 0; top: 50%; transform:translateY(-50%);}
.sub-page.inquiry .inquiry-style08 .inquiry-form .inner-list dd input {padding-left: 10rem;}
.sub-page.inquiry .inquiry-style08 .inquiry-form .inner-flex {display:flex; align-items:center; margin: 1rem -0.5rem 0;}
.sub-page.inquiry .inquiry-style08 .inquiry-form .inner-flex .inner-list {margin: 0 0.5rem;}

.ds-list-box {display:flex; align-items:center; border:1px solid #ddd; border-radius:5px; box-sizing:border-box; margin-top: 1rem;}
.ds-list-box:first-of-type {margin-top: 0;}
.ds-list-box .tit-box {display: flex; align-self: stretch; align-items: center; flex-direction: column; justify-content: center; background: #f2f2f2; width: 18rem; /* min-height: 27rem; */}
.ds-list-box .tit-box p {font-size:1.8rem; letter-spacing:-0.045em; color: #000; font-weight: 600; text-align:center; line-height:1.2;}
.ds-list-box .tit-box p.sm-txt{font-size:1.4rem; letter-spacing:-0.045em; color: #999; font-weight: 500; text-align:center; line-height:1.2; margin-top:1rem;}
.ds-list-box .contents-box {width: calc(100% - 18rem); background: #fff; padding: 2rem; box-sizing:border-box; border-radius:0 5px 5px 0}
.ds-list-box li > input.first {max-width:20.2rem; margin-right: 1rem;}
.ds-list-box li > input.second {max-width:43rem;}
.add-btn {background: #000; color: #fff; font-size:1.2rem; letter-spacing:-0.045em; font-weight: 500; text-align:center; border-radius:50px; width: 5.3rem; height: 2rem; margin-top: 0.7rem;}
.dl-list li {display:flex; align-items:center; margin-top: 1rem;}
.dl-list li:first-of-type {margin-top: 0;}
.dl-list .custom-checkbox-item {margin-right: 1rem;}
.dl-list .custom-checkbox-item label::before {content:"\e92b"; font-weight: 400; color: rgba(0,0,0,0.2); top: -2px;}
.dl-list .custom-checkbox-item input[type="checkbox"]:checked + label::before {content:"\e92b"; color: #167BD2;}
.dl-list .custom-checkbox-item label {font-weight: 600; color: #000; font-size:1.6rem; margin-left: 0.8rem; padding-left: 2.5rem; line-height: 1.25; white-space:nowrap;}
.dl-member-box {display:flex; align-items:center; width: calc(100% - (20.2rem + 44rem));}
.dl-member-box input[type="text"] { max-width:27rem; display:none; }

.cm-remove-btn{font-size:1.9rem; color:#000; margin-left:1rem; height:1.9rem;}

.app-view .view-top-con .ds-list-box .tit-box{justify-content:center; border-radius:5px 0 0 5px;}

.sub-page.inquiry .inquiry-style08 .ps-box {border:1px solid #ddd; border-radius:5px; margin-top: 5rem; padding: 4rem;}
.sub-page.inquiry .inquiry-style08 .ps-box strong.tit {display:inline-block; font-size:2.4rem; letter-spacing:-0.045em; font-weight: 600; line-height:1.2; margin-bottom: 1.5rem; color: #000;}
.sub-page.inquiry .inquiry-style08 .ps-box p {font-size:1.8rem; letter-spacing:-0.045em; font-weight: 600; line-height:1.6; color: #000;}

@media all and (max-width:1280px){
	.ds-list-box li > input:first-of-type {max-width: 17rem;}
	.ds-list-box li > input:last-of-type {max-width: 25rem;}
	.dl-member-box {width: calc(100% - (18rem + 25rem));}
}

@media all and (max-width:800px){
	.sub-page.inquiry .inquiry-style08 .inquiry-form {width: 100%;}
	.sub-page.inquiry .inquiry-style08 .cm-form-fieldset-box {max-width:none;}
	.ds-list-box {flex-direction:column;}
	.ds-list-box li > input:first-of-type {width: calc(50% - 1rem) !important; margin: 0 0.5rem; max-width:initial;}
	.ds-list-box li > input:last-of-type {width: calc(50% - 1rem) !important; margin: 0 0.5rem; max-width:initial;}
	.ds-list-box .tit-box {width: 100%; min-height: initial; padding: 2rem 0;}
	.ds-list-box .contents-box {width: 100%;}
	.dl-list {width: 100%;}
	.dl-list li {flex-wrap:wrap; margin:2rem -0.5rem 0;}
	.dl-member-box {width: 100%; margin-top: 1rem;}
	.sub-page.inquiry .inquiry-style08 .inquiry-form .inner-flex {flex-wrap:wrap;}
	.sub-page.inquiry .inquiry-style08 .inquiry-form .inner-flex .inner-list {margin: 1rem 0.5rem 0;}
	.sub-page.inquiry .inquiry-style08 .inquiry-form .inner-flex .inner-list:first-of-type {margin-top: 0;}
	.sub-page.inquiry .inquiry-style08 .inquiry-form .inner-list.w50 {width: 100%;}
	.sub-page.inquiry .inquiry-style08 .inquiry-form .inner-list dt {width: 6rem;}
	.sub-page.inquiry .inquiry-style08 .inquiry-form .inner-list dd input {padding-left: 8rem;}
	.sub-page.inquiry .inquiry-style08 .ps-box {padding: 3rem;}
	.sub-page.inquiry .inquiry-style08 .ps-box strong.tit {font-size:2rem;}
	.sub-page.inquiry .inquiry-style08 .ps-box p {font-size:1.5rem;}
	
	.inquiry-style08 .bbs-inquiry-agree-con .inner-agree-btn-box{gap:1rem;}
	.inquiry-style08 .bbs-inquiry-agree-con .submit-btn {line-height:4.5rem; font-size:1.5rem; height: 4.5rem; width: 14rem;}
}

@media all and (max-width:480px){
	.inquiry-style08 .bbs-inquiry-agree-con .agree-txt:first-child {flex-direction: column; align-items: flex-start;}
	.inquiry-style08 .bbs-inquiry-agree-con .inner-agree-btn-box{width:100%;}
	.inquiry-style08 .bbs-inquiry-agree-con .submit-btn {margin: 2rem auto 0; width:calc(50% - 0.5rem);}
}

.date-box {width: 100%;}
.date-box .cm-custom-datepicker {width: 100%; display: flex; align-items: center;}	
.date-box .datepicker-item {width: calc((100% - 20px) / 2) !important;}
.sub-page.inquiry .inquiry-style08 .inquiry-form .datepicker-open-input {background: url(/images/content/calender_icon.png) no-repeat 1.5rem center;
background-color: #f5f5f5;}

/* 마이페이지 정보 출력창 */
.cm-input-txt{display: flex; align-items:center; width: 100%; background: #f5f5f5; min-height: 5rem; border: 0; border-radius: 5px; padding:5px 15px; font-size: 1.6rem; line-height:1.5; letter-spacing:-0.045em; box-sizing:border-box; color:#000 !important;}
.cm-input-txt.textarea-input{min-height:12rem; align-items:flex-start; padding-block:15px;}

.ds-list-box .tit-box:not(:has(button)){justify-content: center !important;}
.ds-list-box li > .cm-input-txt:first-of-type {max-width:20.2rem; margin-right: 1rem;}
.ds-list-box li > .cm-input-txt:last-of-type {max-width:43rem;}

.dl-member-box .cm-input-txt{margin-left:1rem;}

.sub-page.inquiry .inquiry-style08 .inquiry-form .inner-list dd .cm-input-txt {padding-left: 12rem;}

.file-custom-wrapper:has(.file-attachment-item){background:#f2f2f2; border-radius:0.5rem; padding:2rem; box-sizing:border-box; max-width:1220px}
.file-attachment-item{display: flex; align-items:center; width:100%; padding:1rem 1.2rem; box-sizing:border-box; border-radius:0.6rem; background:#fff; border:1px solid #DCE1E6;}
.file-attachment-item + .file-attachment-item{margin-top:1rem;}
.file-attachment-item .file-icon-box{display: flex; align-items:center; justify-content:center; width:3rem; height:3rem; border-radius:0.5rem; background:#fff; border:1px solid #d5dae0; box-sizing:border-box;}
.file-attachment-item .file-txt{font-size:1.2rem; color:#343b43; font-weight:600; margin-left:1rem; width:calc(100% - 4rem);}
.file-attachment-item .file-txt a{display: block; color:inherit; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:100%; }

@media all and (max-width:1580px){
	.file-custom-wrapper:has(.file-attachment-item){max-width:calc(100vw - 30rem - (2 * var(--area-padding)));}
}
@media all and (max-width:1280px){
	.ds-list-box li > .cm-input-txt:first-of-type {max-width: 17rem;}
	.ds-list-box li > .cm-input-txt:last-of-type {max-width: 25rem;}
	.file-custom-wrapper:has(.file-attachment-item){max-width:calc(100vw - (2 * var(--area-padding)));}
}
@media all and (max-width:800px){
	.ds-list-box li > .cm-input-txt:first-of-type {width: calc(50% - 1rem) !important; margin: 0 0.5rem; max-width:initial;}
	.ds-list-box li > .cm-input-txt:last-of-type {width: calc(50% - 1rem) !important; margin: 0 0.5rem; max-width:initial;}
	.sub-page.inquiry .inquiry-style08 .inquiry-form .inner-list dd .cm-input-txt {padding-left: 10rem;}
}



.inquiry-data-tit {display: block; color: #000; font-weight: 600; font-size:1.8rem; letter-spacing:-0.045em; margin-bottom: 1.5rem;}
.sub-page.inquiry .inquiry-style08 {margin-top: 8rem;}
.sub-page.inquiry .inquiry-style08 .inquiry-form input {width: 100%; background: #f5f5f5; height: 5rem; border: 0; border-radius: 5px; text-indent: 15px;}
.sub-page.inquiry .inquiry-style08 .inquiry-form {width: calc(50% - 1rem);}
.sub-page.inquiry .inquiry-style08 .inquiry-form > ul > li {margin-top: 3.4rem;}
.sub-page.inquiry .inquiry-style08 .inquiry-form.w100 {width: 100%; float: left; margin-top: 6rem;}
/* .sub-page.inquiry .inquiry-style08 .cm-form-fieldset-box {max-width:629px;} */

.inquiry-style08 .bbs-inquiry-agree-con{margin-bottom:5rem; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 3.5rem 0;}
.inquiry-style08 .bbs-write-tbl-box + .bbs-inquiry-agree-con{margin-top:5rem;}
.inquiry-style08 .inquiry-agreement-con{height:220px; overflow-y:auto; overflow-x:hidden; padding:4rem 2rem; background-color:#f6f6f6; box-sizing:border-box; margin-bottom:4rem;}
.inquiry-style08 .bbs-inquiry-agree-con .agree-txt{display: flex; align-items: center; justify-content: space-between; position: relative; padding-top: 0; margin-top:0;}
.inquiry-style08 .bbs-inquiry-agree-con .agree-txt .more {position: relative; align-items: center; line-height: 1em; letter-spacing: -0.05em; color: var(--main-color); cursor: pointer;}
.inquiry-style08 .bbs-inquiry-agree-con .agree-txt .more:after {display: block; content:""; position:absolute; bottom:-0.5rem; left: 0; width: 100%; height: 2px; background: var(--main-color);}
.inquiry-style08 .bbs-inquiry-agree-con .agree-txt .more i {font-size: 1.8rem; padding-left: 0.7rem; width: 1.8rem; height: 1.8rem; display: inline-block;}
.inquiry-style08 .bbs-inquiry-agree-con .agree-txt .more i::before {width: 1.8rem; height: 1.8rem; display: inline-block;}
.inquiry-style08 .bbs-inquiry-agree-con .agree-inner {margin-top: 3rem;}
.inquiry-style08 .bbs-inquiry-agree-con .agree-txt:first-child{margin-top:0}
.inquiry-style08 .bbs-inquiry-agree-con .agree-txt input{display:none;}
.inquiry-style08 .bbs-inquiry-agree-con .agree-txt label{position:relative; padding-left:4rem; font-size: 1.8rem; font-weight: 700; line-height: 1.5em; letter-spacing: -0.05em; color: #121212; display: block;}
.inquiry-style08 .bbs-inquiry-agree-con .agree-txt > i {position: absolute; top: 0.5rem; right: 0; font-size: 1.8rem; color: #222;}
.inquiry-style08 .bbs-inquiry-agree-con .agree-txt label i{position:absolute; top: 0.2rem; left:0px; font-size:2.4rem; color:#ddd;}
.inquiry-style08 .bbs-inquiry-agree-con .agree-txt .more i.rotate::before {content: "\e932";}
.inquiry-style08 .bbs-inquiry-agree-con .agree-txt input:checked + label i{color:var(--main-color);}
.inquiry-style08 .bbs-inquiry-agree-con .submit-btn {text-align:center; line-height:6rem; background: #082955; border-radius:5rem; color: #fff; font-size:1.7rem; letter-spacing:-0.045em; font-weight: 700; height: 6rem; width: 19.7rem;}
.file-custom-wrapper {width: 100%;}
.file-data-tit {display:flex; align-items: center;}
.file-add-btn {display: inline-block; padding: 0.3rem 0.899rem; background: #000; border-radius:5rem; color: #fff; font-size:1.2rem; letter-spacing:-0.045em; font-weight: 500; margin-left: 1rem;}
.file-custom-item {margin-top: 1rem;}
.file-custom-item:not(:first-of-type) {display: flex; align-items: center;}
.file-delete-btn {display: flex; padding: 0.3rem 1rem; background: #000; border-radius:5rem; color: #fff; font-size:1.2rem; letter-spacing:-0.045em; font-weight: 500; margin-left: 1rem;}
.file-delete-btn i {margin-right: 1rem;}
.sub-page.inquiry .inquiry-style08 .file-custom-box {position: relative; width: 100%; padding-right: 0;}
.sub-page.inquiry .inquiry-style08 .file-custom-box .upload-name {width: 100%; text-indent:8.5rem;}
.sub-page.inquiry .inquiry-style08 input[type="file"] {    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.sub-page.inquiry .inquiry-style08 .file-custom-box label {position: absolute; left: 1.5rem; top: 50%; transform:translateY(-50%); width: 6rem; height: 2.6rem; line-height: 2.6rem; border-radius: 2rem; background: #f5f5f5; border: 1px solid #c4c4c4; box-sizing: border-box; text-align: center; font-size: 1.2rem; color: #6b6b6b; font-weight: 500;}
.sub-page.inquiry .inquiry-style08 .security-code-box {position: relative; height: auto; padding: 0; border: none; border-radius: 0; justify-content: flex-start;}
.sub-page.inquiry .inquiry-style08 .security-code-box .security-code {position: absolute; left: 2rem; width: 10rem; font-size: 1.6rem; letter-spacing: -0.015em; color: var(--main-color);}
.sub-page.inquiry .inquiry-style08 .security-code-box .security-num {display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; font-size: 1.4rem; font-weight: 700; letter-spacing: -0.045em; color: var(--main-color); background-color: rgba(22, 123, 210, 0.1); border-radius: 0.5rem;}
.sub-page.inquiry .inquiry-style08 .security-code-box input {text-indent:12rem;}


.name-fieldset{display: flex; justify-content:space-between;}
.name-fieldset input,
.name-fieldset .cm-input-txt{width:calc(50% - 0.5rem) !important;}

.input-plus-txt{position: relative; padding-left:1em; font-size:1.6rem; letter-spacing:-0.045em; line-height:1.4; color:rgba(0,0,0,0.4); font-weight:600; margin-top:0.7em;}
.input-plus-txt:before{position: absolute; content:'※'; top:0; left:0;}

@media all and (max-width:800px){
	.sub-page.inquiry .inquiry-style08 .inquiry-form {width: 100%;}
	.sub-page.inquiry .inquiry-style08 .cm-form-fieldset-box {max-width:none;}
	
	.input-plus-txt{font-size:1.4rem;}
	
	.inquiry-style08 .bbs-inquiry-agree-con .agree-txt {flex-direction: column; align-items: flex-start;}
	.inquiry-style08 .bbs-inquiry-agree-con .submit-btn {margin: 2rem auto 0;}
}


/* 2026-08-24 문의하기폼 3 추가 */
.inquiry-form-tit-box{border-bottom:1px solid #000; padding-bottom:3rem; margin-bottom:3rem;}
.inquiry-form-tit-box .inquiry-tit{font-size:3rem; line-height:1; letter-spacing:-0.045em; color:#000; font-weight:600;}

.dl-list.style02 li{position: relative; flex-wrap:wrap; margin:-1rem; padding-bottom:2rem;}
.dl-list.style02 li:not(:last-child){padding-bottom:3rem; margin-bottom:3rem;}
.dl-list.style02 li:not(:last-child):before{position: absolute; content:''; bottom:0; left:1rem; width:calc(100% - 2rem); height:1px; background:rgba(0,0,0,0.1);}
.dl-list.style02 li .inner-inquiry-box{width:calc(25% - 2rem); margin:1rem;}
.dl-list.style02 li .inner-inquiry-box.half{width:calc(50% - 2rem);}
.dl-list.style02 li .inner-inquiry-box.wide{width:calc(75% - 2rem);}
.dl-list.style02 li .inner-inquiry-box.full{width:calc(100% - 2rem);}

.inner-inquiry-box .inner-tit{font-size:1.6rem; letter-spacing:-0.045em; line-height:1.5; font-weight:600; color:#000; margin-bottom:1rem;}

.dl-plus-txt-box{border-top:1px solid rgba(0,0,0,0.1); box-sizing:border-box; padding-top:3rem; margin-top:2rem;}
.dl-plus-txt-box .plus-tit{font-size:1.6rem; line-height:1.4; letter-spacing:-0.045em; color:rgba(0,0,0,0.4); font-weight:600;}
.dl-plus-txt-box .plus-txt{position: relative; padding-left:0.8em; font-size:1.6rem; line-height:1.4; letter-spacing:-0.045em; color:rgba(0,0,0,0.4); font-weight:600; box-sizing:border-box;}
.dl-plus-txt-box .plus-txt:before{position: absolute; content:'-'; top:0; left:0;}
.dl-plus-txt-box .plus-txt.caution{padding-left:1.2em;}
.dl-plus-txt-box .plus-txt.caution:before{position: absolute; content:'※'; top:0; left:0;}

@media all and (max-width:800px){
	.inquiry-form-tit-box{padding-bottom:2rem; margin-bottom:2rem;}
	.inquiry-form-tit-box .inquiry-tit{font-size:2rem;}

	.dl-list.style02 li{}
	.dl-list.style02 li:not(:last-child){padding-bottom:2rem; margin-bottom:2rem;}
	.dl-list.style02 li:not(:last-child):before{position: absolute; content:''; bottom:0; left:1rem; width:calc(100% - 2rem); height:1px; background:rgba(0,0,0,0.1);}
	.dl-list.style02 li .inner-inquiry-box{width:calc(100% - 2rem) !important;}

	.inner-inquiry-box .inner-tit{font-size:1.4rem; margin-bottom:0.7rem;}

	.dl-plus-txt-box{padding-top:2rem; margin-top:1.5rem;}
	.dl-plus-txt-box .plus-tit{font-size:1.4rem;}
	.dl-plus-txt-box .plus-txt{font-size:1.4rem;}
}


.privacy-txt{font-size:1.6rem; line-height:1.5; letter-spacing:-0.035em; color:#000; font-weight:500; margin-bottom:2rem;}
.privacy-txt:last-child{margin-bottom:0;}

.privacy-tbl{width:100%; border:1px solid #ddd; margin-bottom:2rem;}
.privacy-tbl:last-child{margin-bottom:0;}

.privacy-tbl tr th,
.privacy-tbl tr td{padding:1rem; box-sizing:border-box; font-size:1.6rem; line-height:1.5; letter-spacing:-0.035em; color:#000; font-weight:500;}
.privacy-tbl thead tr th{background:#f2f2f2; border-right:1px solid #ddd;}
.privacy-tbl thead tr th:last-child{border-right:0;}
.privacy-tbl tbody tr td{border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.privacy-tbl tbody tr td:last-child{border-right:0;}
.privacy-tbl tbody tr:last-child td{border-bottom:0;}