@charset "utf-8";

/* 측량학회  */

.inner {max-width: 1470px; margin: 0 auto; padding: 0 35px; box-sizing: border-box;}
.flex {display: flex; align-items: center;}
.flexCenter {display: flex; align-items: center; justify-content: center;}
.flexbetween {display: flex; align-items: center; justify-content: space-between;}
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); border: 0; clip: rect(0 0 0 0);}


#wrap {min-width: 1400px; background-image: url(../images/common/bg_main.png); min-height: 100vh; }
.mainWrap {
	display: flex;
	gap: 80px;
	flex-direction: column;
	justify-content: space-between;
}

/* header */
#header {background: #fff; border-bottom: 1px solid #c6c6c6;}
#header .header_top {border-top: 4px solid #f17400;}
#header .category {display: flex;}
#header .category > a {width: 126px; height: 33px; font-size: 14px; font-weight: 500; color: #1d1d1d; border: 1px solid #C6C6C6; border-top: 0; box-sizing: border-box; border-radius: 0 0 12px 12px;}
#header .category > a.on {border: 1px solid #f17400; background: #f17400; color: #fff;}

#header .header_cont {padding: 16px 0;}
#header .serviceList {gap: 16px;}
#header .serviceList > a {height: 20px; font-size: 16px; font-weight: 500; padding-left: 24px; background-position: left center; background-repeat: no-repeat;}
#header .serviceList .payment-history {background-image: url(../images/common/ico_payment-history.svg);}
#header .serviceList .membership-fee-pay {background-image: url(../images/common/ico_membership-fee-pay.svg);}
#header .serviceList .certificate {background-image: url(../images/common/ico_certificate.svg);}


/* main */
#main {}
#main .inner {
	max-width: 1310px;
	margin: 0 auto;
}
#main .flex > .left {width: calc(100% - 500px);}

.loginMain {
	display: flex;
	align-items: flex-start;
	gap: 50px;
	align-self: stretch;
}

.mainTitle {}
.mainTitle .subtit {color: #1D1D1D; font-size: 24px; font-weight: 500; letter-spacing: -1.2px; margin-bottom: 12px; line-height: 29px;}
.mainTitle .tit {color: #172D9D; font-size: 50px; font-weight: 700; letter-spacing: -2.5px; line-height: 60px;}
.mainTitle .sub { color: #1D1D1D; font-size: 18px; font-weight: 500; line-height: 28px; letter-spacing: -0.9px; margin-top: 10px;}

.slideView {
	margin-top: 46px; 
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
	width: 690px;
	height: 190px;
	flex-shrink: 0;
	border-radius: 16px;
	overflow: hidden;
}
.slideView .swiper {  position: relative;}
.slideView .swiper .swiper-wrapper {width: 690px;}
.slideView .swiper .swiper-slide .slideImg {position: relative; height: 190px;}
.slideView .swiper .swiper-slide .slideImg > .img {position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-repeat: no-repeat; background-position: center;}
.slideView .swiper .swiepr-controller {position: absolute; bottom: 20px; right: 20px; width: 112px; height: 24px; z-index: 1; background: rgba(29, 29, 29, 0.76); border-radius: 100px; padding: 6px 10px; gap: 6px;}
.slideView .swiper .swiepr-controller > * {position: relative; top: initial; right: initial; left: initial; bottom: initial; margin: 0;}
.slideView .swiper .swiper-button-prev {background-image: url(../images/common/ico_prev_white.svg); width: 20px; height: 20px;}
.slideView .swiper .swiper-button-next {background-image: url(../images/common/ico_next_white.svg); width: 20px; height: 20px;}
.slideView .swiper .swiper-autoplay.stop {background-image: url(../images/common/ico_stop_white.svg); width: 24px; height: 24px;}
.slideView .swiper .swiper-autoplay.play {background-image: url(../images/common/ico_play_white.svg); width: 24px; height: 24px;}
.slideView .swiper .swiper-pagination {color: rgba(255, 255, 255, 0.50); width: auto; font-size: 16px; font-weight: 400; letter-spacing: -0.8px; line-height: 20px; top: 1px;}
.slideView .swiper .swiper-pagination-current {color: #fff; font-weight: 700;}

.login {   background-color: #fff; border-radius: 16px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);}
.login .loginOff {padding: 40px; width: 420px; height: 295px;}
.login .loginOn {width: 500px; height: 375px;}
.login .login_input{ 
	display: flex;
	align-items: center;
	gap: 12px;
	align-self: stretch;
}
.login .login_input .left_box {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	flex: 1 0 0;
}
.login .login_input .left_box .input_box {position: relative;}
.login .login_input .left_box .input_box input {width: 238px; height: 24px; line-height:33px; border:1px solid #c6c6c6; background:#fff; font-size:16px; border-radius: 8px; padding: 12px 16px 12px 40px; }
.login .login_input .left_box .input_box label {display: inline-block; position: absolute; width: 20px; height: 20px; top: 50%; left: 16px; transform: translateY(-50%); background-repeat: no-repeat; background-position: center;}
.login .login_input .left_box .input_box label[for="userId"]{background-image: url(../images/common/ico_id_gray.svg);}
.login .login_input .left_box .input_box label[for="userPw"] {background-image: url(../images/common/ico_pw_gray.svg);}

.login .login_input .login_info .login_btn_area{ position:relative; margin-top:10px;}
.login .login_input .login_info .login_btn_area .change_btn{color:#fff; border:1px solid #7e7e7e; line-height:29px; border-radius:2px; width:100px; margin-bottom:2px; background:#414141; display:inline-block;}
.login .login_input .login_info .login_btn_area .change_btn:hover{text-decoration:underline;}
.login .login_input .login_info .login_btn_area .logout_btn{ color:#fff;   border:1px solid #7e7e7e; line-height:29px; border-radius:2px; width:100px; margin-bottom:2px; background:#ae6593; display:inline-block;}
.login .login_input .login_info .login_btn_area .logout_btn:hover{ text-decoration:underline;}


.login .btn_login {
	display: flex;
	height: 106px;
	padding: 10px 32px;
	justify-content: center;
	align-items: center;
	gap: 10px;  
	border-radius: 8px;
	background: linear-gradient(165deg, #3C78EE -4.69%, #244CB8 47.22%, #0D2185 97.11%), #172D9D;
	overflow: hidden;
	color: #FFF;
	text-overflow: ellipsis;
	font-family: Pretendard;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: -0.9px;
} 
.login .fnc{ 
	display: flex;
	align-items: center;
	gap: 134px;
	align-self: stretch;
	margin-top: 16px;
}
.login .fnc .remember_id {
	display: flex;
	align-items: center;
	gap: 6px;
}
.login .fnc .remember_id input{ 
	width: 16px;
	height: 16px;
	border-radius: 2px;
	border: 1px solid #C6C6C6;
	background: #FFF;
}
.login .fnc .remember_id label {
	overflow: hidden;
	color: #1C1C1C;
	text-overflow: ellipsis;
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 150% */
	letter-spacing: -0.8px;
}

.login .login_find{
	border-top:2px solid #D8D8D8; 
	padding-top: 16px;
	margin-top: 20px;
}
.login .login_find .find_area{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
}
.login .login_find .find_area li { 
	display: flex;
	align-items: center;
	gap: 16px;
	justify-content: space-between;
	align-self: stretch;
}
.login .login_find .find_area li > p {
	display: flex;
	align-items: center;
	gap: 4px;
	flex: 1 0 0;
}
.login .login_find .find_area li > p > span {
	overflow: hidden;
	color: #555;
	text-overflow: ellipsis;
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 150% */
	letter-spacing: -0.8px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	flex: 1 0 0;
}
.login .login_find .find_area li > p i {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("../images/common/ico_help_blue.svg");
}
.login .login_find .find_area li > a {
	width: 76px;
	height: 24px;
	border-radius: 4px;
	border: 1px solid #F0F0F0;
	background: #F0F0F0;
	display: flex;
	padding: 4px 10px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	overflow: hidden;
	color: #555;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: Pretendard;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px; /* 171.429% */
	letter-spacing: -0.7px;
}
.login .login_find .find_btn_area{  display:inline-block; position:relative; float:right; }
.login .login_find .find_btn_area .find_btn{ color:#555;   border:1px solid #7e7e7e; line-height:29px; border-radius:2px; width:100px; margin-bottom:2px; background:#fff;}
.login .login_find .find_btn_area .find_btn:hover{color:#ae6593; text-decoration:underline;}

.login .login_input .login_info{
	font-size:14px;text-align:center;line-height:20px;color:#797979;background:#fff;border:1px solid #7e7e7e;padding:15px 0;margin-bottom:15px;
}
.login .login_input .login_info span{ font-weight:600;}

.login .login_view {
	width: 500px;
	height: 375px;
	flex-shrink: 0;
	background-image: url("../images/common/bg_login_view.png");
	background-repeat: no-repeat;
	background-position: bottom right;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.login .login_view .login_user {
	display: flex;
	width: 420px;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	margin: 0 auto;
	margin-top: 32px;
}
.login .login_view .login_user > img {
	width: 57px;
	height: 60px;
}
.login .login_view .login_user > p {
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: #1D1D1D;
	text-overflow: ellipsis;
	font-family: Pretendard;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: -1px;
	text-align: center;
}
.login .login_view .login_user > p > span {
	overflow: hidden;
	color: #1D1D1D;
	text-align: center;
	text-overflow: ellipsis;
	font-family: Pretendard;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px; /* 120% */
	letter-spacing: -1px;
}
.login .login_view .login_user .login_btn_area {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}
.login .login_view .login_user .login_btn_area > a {
	display: flex;
	padding: 8px 46px;
	justify-content: center;
	align-items: center;
	gap: 10px;
}
.login .login_view .login_user .login_btn_area > a.change_btn {
	border-radius: 8px;
	border: 1px solid #172D9D;
	background: #FFF;
	overflow: hidden;
	color: #172D9D;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px; /* 150% */
	letter-spacing: -0.8px;
}
.login .login_view .login_user .login_btn_area > a.logout_btn {
	border-radius: 8px;
	border: 1px solid #172D9D;
	background: #FFF;
	overflow: hidden;
	color: #172D9D;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px; /* 150% */
	letter-spacing: -0.8px;
}
.login .login_view .login_user .login_btn_area > a:hover,
.login .login_view .login_user .login_btn_area > a:focus-visible {
	text-decoration: underline;
}
.login .login_view .login_service {
	border-radius: 0px 0px 16px 16px;
	background: linear-gradient(165deg, #3C78EE -4.69%, #244CB8 47.22%, #0D2185 97.11%), #172D9D;
}
.login .login_view .login_service > a {
	display: flex;
	height: 59px;
	padding: 24px 98px;
	justify-content: center;
	align-items: center;
	gap: 99px;
	flex-shrink: 0;
}
.login .login_view .login_service > a > span {
	display: inline-flex;
	color: #fff;
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -0.8px;
	background-image: url("../images/common/ico_infoChange_white.svg");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 46px;
	height: 40px;
	align-items: center;
}
	
.infoList {background: #fff; border-radius: 16px; padding: 24px 22px; margin-top: 50px;}
.infoList .infoList-item {padding: 0 38px;}
.infoList .infoList-item + .infoList-item {border-left: 1px dashed #c6c6c6;}
.infoList .infoList-item .infoBox {width: 117px; height: 90px; padding-left: 106px; background-repeat: no-repeat; background-position: left center; align-items: flex-start; justify-content: center; flex-direction: column;}
.infoList .infoList-item .journal {background-image:url("../images/common/img_journal.png");}
.infoList .infoList-item .conference {background-image:url("../images/common/img_conference.png");}
.infoList .infoList-item .user {background-image:url("../images/common/img_user.png");}
.infoList .infoList-item .thesis {background-image:url("../images/common/img_thesis.png");}
.infoList .infoList-item .tit {font-size: 18px; letter-spacing: -0.9px; font-weight: 700; line-height: 21px;}
.infoList .infoList-item .num {font-size: 20px; letter-spacing: -1px; color: #1D1D1D; font-weight: 700; line-height: 38px; margin-top: 4px;}
.infoList .infoList-item .num > span {color: #f17400; font-size: 32px; letter-spacing: -1.6px;}

/* footer */
#footer {padding-bottom: 40px;}
#footer .flexbetween {align-items: flex-end;}
#footer .f_info {font-size: 14px; color #717171; line-height: 20px;}
#footer .f_info p.copyright {color: #555;}
#footer .f_info p.info > span {position: relative;}
/*#footer .f_info p.info > span + span:before {content: '·'; display: inline-block; margin: 0 8px;}*/
#footer .f_info p.info > span + span:before {content: ''; display: inline-block; width: 1px; height: 10px; margin: 0 12px; background: #919191;}








/** welldying */
/*로그인*/
.gh_mainWrap .login .login_input {
	display: flex;
    align-items: center;
    flex-direction: column;
    gap: 0px;
    align-self: stretch;
}
.gh_mainWrap .login .login_input .left_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    /* flex: 1 0 0; */
    width: 100%;
}
.gh_mainWrap .login .login_input .left_box .input_box input {
	width: calc(100% - 56px);
    height: 24px;
    line-height: 33px;
    border: 1px solid #c6c6c6;
    background: #fff;
    font-size: 16px;
    border-radius: 8px;
    padding: 12px 16px 12px 40px;
}
.gh_mainWrap .login .login_input .left_box .input_box {
    position: relative;
    width: 100%;
}
.gh_mainWrap .login .btn_login {
	display: flex;
    height: 56px;
	width: 100%;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border-radius: 6px;
	background: linear-gradient(155deg, #3CD4CC -120.39%, var(--1-e-6-b-70, #1E6B70) 94.74%);
    overflow: hidden;
    color: #FFF;
    text-overflow: ellipsis;
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.9px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.gh_mainWrap .login .login_find .find_area {
    display: flex;
    flex-direction: unset;
    align-items: center;
	justify-content: center;
    gap: 24px;
    align-self: stretch;

	overflow: hidden;
	color: var(--1-d-1-d-1-d, #1D1D1D);
	text-overflow: ellipsis;
	font-family: "Pretendard";
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px; /* 150% */
	letter-spacing: -0.8px;
}

.gh_mainWrap .login .login_find {
	border-top: unset;
    padding-top: unset;
    margin-top: unset;
}

.gh_mainWrap .login .login_find .find_area li > a{
	width: unset;
    height: unset;
    border-radius: 4px;
    border: unset;
    background: unset;
    display: flex;
    padding: unset;
    justify-content: center;
    align-items: center;
    gap: 10px;
    overflow: hidden;
    color: #555;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.7px;
}

.gh_mainWrap .login .login_find .find_area li {
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: space-between;
    align-self: stretch;
    position: relative;
}

.gh_mainWrap .login .login_find .find_area li + li::before {
	content: '';
    display: block;
    width: 1px;
    height: 10px;
    margin: 0 12px;
    background: #919191;
	position: absolute;
    top: 7px;
    left: -23px;
}

.gh_mainWrap .login .fnc {
	display: flex;
    align-items: center;
    gap: 134px;
    align-self: stretch;
	margin-top: 16px;
}
.gh_mainWrap .login .fnc .remember_id label {
	overflow: hidden;
	color: var(--1-d-1-d-1-d, #1D1D1D);
	text-overflow: ellipsis;
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 150% */
	letter-spacing: -0.8px;
}


.gh_mainWrap .mainTitle .tit {
    color: #97C33D;
    font-size: 48px;
    font-weight: 700;
    letter-spacing: -2.5px;
    line-height: 60px;
}


.gh_mainWrap .login .login_view .login_user .login_btn_area > a.change_btn {
	border-radius: 8px;
	border: 1px solid #0C5155;
	background: #FFF;
	overflow: hidden;
	color: #0C5155;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: "Pretendard";
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px; /* 150% */
	letter-spacing: -0.8px;
}
.gh_mainWrap .login .login_view .login_user .login_btn_area > a.logout_btn {
	border-radius: 8px;
    border: 1px solid #0C5155;
    background: #FFF;
    overflow: hidden;
    color: #0C5155;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "Pretendard";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.8px;
}
.gh_mainWrap .login .login_view .login_user .login_btn_area > a:hover,
.gh_mainWrap .login .login_view .login_user .login_btn_area > a:focus-visible {
	text-decoration: underline;
	background: #F4FAF9;
}
.gh_mainWrap .login .login_view .login_service {
    border-radius: 0px 0px 16px 16px;
	background: linear-gradient(155deg, #3CD4CC -120.39%, var(--1-e-6-b-70, #1E6B70) 94.74%), #F2F4F9;
}

.gh_mainWrap .login .login_view {
    width: 500px;
    height: 375px;
    flex-shrink: 0;
    background-image: url(../images/common/ico_payment-history.svg);
    background-repeat: no-repeat;
    background-position: bottom 107px right;
	background-size: contain;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/*로그인*/


/*헤더*/
.gh_mainWrap #header .header_top {
	border-top: 4px solid var(--CI_gra, #97C33D);
	background: var(--ffffff, #FFF);
	border-bottom: 1px solid #C6C6C6;
}
.gh_mainWrap #header .category > a.on {
    border: unset;
    background: linear-gradient(162deg, #97C33D 1.9%, #41AC48 99.75%);
    color: #fff;
}
.gh_mainWrap #header .category > a {
    width: 126px;
    height: 33px;
    font-size: 14px;
    font-weight: 500;
    color: #1d1d1d;
    border: unset;
	border-left: 1px solid #C6C6C6;
    border-top: 0;
    box-sizing: border-box;
    border-radius: 0;
}
.gh_mainWrap #header .category > a:last-child {
	border-right: 1px solid #C6C6C6;
}

.gh_mainWrap #header .serviceList .payment-history {background-image: unset}
.gh_mainWrap #header .serviceList .membership-fee-pay {background-image: unset;}
.gh_mainWrap #header .serviceList .certificate {background-image: unset;}
#header .serviceList > a {
	height: 20px;
    font-size: 16px;
    font-weight: 500;
    padding-left: 0px;
    background-position: left center;
    background-repeat: no-repeat;
}
/*헤더*/


/** welldying */