@charset "UTF-8";

/* sub page layout */
#sub_wrap .sub_visual{
	width: 100%;
	background-color: #ddd;
	height: 16rem;
  	background: url('/front/_img/sub_visual.png') no-repeat center 62% / cover;

}
#sub_wrap .sub_container{
	width: 100%;
	padding: 0 2rem;
	margin: 8rem 0;
}

/* sub layout */
.sub_inner {
	margin: 0 auto;
	display: flex;
	gap: 12rem;
	width: 100%;
	max-width: 156rem;
}
.sub_lnb {
	width: 30rem;
	flex-shrink: 0;

}
.sub_lnb h2{
	font-size: 2.8rem;
	width: 100%;
	padding: 4.1rem 0;
	text-align: center;
	background-color: #004665;
	color: #fff;
	font-weight: 800;
}
.sub_lnb ul{
	width: 100%;
}
.sub_lnb ul li{
	width: 100%;
	border: 1px solid #f1f1f1;
}

.sub_lnb ul li + li{
	border-top: 0
}

.sub_lnb ul li a{
	display: inline-block;
	font-size: 1.8rem;
	width: 100%;
	padding: 2rem 4rem;
	color: #333;
	background-color: #fff;
}

.sub_lnb ul li a:hover{
	background-color: #E9F2F0;
}
.sub_content {
	flex: 0 1 114rem;
}

.sub_content .content_title{
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding-bottom: 2.4rem;
}

.sub_content .content_title h3{
	font-size: 4rem;
	font-weight: 700;
}

.breadcrumb {
	display: flex;
	align-items: center;
	gap: 0.8rem;
	background-color: #fff;
}
.breadcrumb li {
	position: relative;
}
.breadcrumb li:first-of-type {
	font-size: 0;
    display: block;
    height: 21px;
    position: relative;
    top: -1px;
	line-height: 1;
}
.breadcrumb li a{
	font-size: 1.8rem;
	color: #222;
}
.breadcrumb li + li{
	margin-left: 0.8rem;
}
.breadcrumb li + li::before {
	content: ">";
    margin-right: 0.8rem;
    font-size: 1.6rem;
    color: #888;
    position: absolute;
    top: 0.5rem;
    left: -1.2rem;
    height: 100%;
    line-height: 1;
}

.content_section {
	width: 100%;
}

.content_section_inner{
	width: 100%;
	border-top: 2px solid #222;
	padding-top: 6rem;
}

.content_section_inner.type_board{
	padding-top: 0;
}


.form-select {
	background-position: right 2rem center !important;
}

/* 무역위원장 인사말 about/greeting.php */

.greeting_title {
	min-height: 14rem;
	height: auto;
	width: 100%;
	border: 1px solid #eee;
	border-radius: 2rem;
	padding: 2rem 8rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: linear-gradient(to right, #ffffff, #E8F0F7);
}

.greeting_title h4{
	font-size: 2.2rem;
	font-weight: 600;
}
.greeting_title h4 span{
	color: #395999;
}

.greeting_title_img{
	width: 10rem;
	height: 10rem;
	background: url('/front/_img/sub/icon_greeting.png') no-repeat center center / contain;
	flex-shrink: 0;
}

.greeting_text{
	width: 100%;
	padding: 0 8rem;
	margin: 0 auto;
	position: relative;
}

.greeting_text p{
	font-size: 1.8rem;
	margin: 6rem 0;
}

.greeting_text_img{
	width: 100%;
	text-align: right;
}


/* 무역위원회 연혁 */

.history_wrap{
	display: flex;
	gap: 16rem;
	padding-right: 4rem;
}

.history_21{
	padding-bottom: 6rem;
}

.history_20{
	padding-top: 6rem;
	border-top: 1px solid #ddd;
}

.history_year{
	width: fit-content;
}
.history_year h4{
	font-size: 2.4rem;
	font-weight: 600;
	border-radius: 4rem;
	background-color: #395999;
	color: #fff;
	padding: 1.2rem 2.65rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 18rem;
	height: 5.8rem;
}

.history_list{
	padding: 2rem 0;
}
.history_list li{
	display: flex;
	margin-bottom: 4rem;
}
.history_list li:last-of-type{
	margin-bottom: 0;
}

.history_list li h5{
	margin-right: 4rem;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1;
	width: 8rem;
	flex-shrink: 0;
}

.history_month_wrap{
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.history_month{
	display: flex;
}

.history_month span{
	font-size: 2rem;
	font-weight: 700;
	color: #888;
	line-height: 1;
	width: 6rem;
	flex-shrink: 0;
}

.history_text{
	line-height: 1.4;
}
.history_text h6{
	font-size: 2rem;
	font-weight: 600;
	color: #395999;
}
.history_text p{
	font-size: 1.8rem;
}

/* 무역위원회 소개 about/committee.php*/

.committee_introduction {
	width: 100%;
}

.committee_list {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 3rem;
	padding: 0;
}

.committee_list > li {
	width: calc((100% - 6rem) / 3);
	background-color: #f5f5f5;
	padding: 2.8rem;
	display: flex;
	flex-direction: column;
	gap: 3.4rem;
}

.committee_list li h4{
	font-size: 2.4rem;
	font-weight: 700;
}

.committee_img{
	border-radius: 6rem;
	width: fit-content;
	margin: 0 auto;
}
.committee_img img{
	width: 100%;
	object-fit: cover;
	border-radius: 6rem;
}

.committee_info{
	
}
.committee_info li{
	font-size: 1.8rem;
}

.committee_info li::before{
	content: "•";
	margin: 0 1rem;
}

/* 무역구제제도 about/system.php*/

.trade_system_info {
	display: flex;
	gap: 20rem;
	justify-content: space-between;
	margin-bottom: 6rem;
	padding-bottom: 6rem;
    border-bottom: 1px solid #ddd;
}
.trade_system_info_title {
	flex-shrink: 0;
	width: 16.4rem;
}
.trade_system_info_title h4{
	font-size: 2.4rem;
	font-weight: 600;
}


.trade_system_info_item {
	flex: auto;
}
.trade_system_info_item p{
	font-size: 1.8rem;
}

.trade_system_type {
	margin-top: 6rem;
}
.trade_system_type h4{
	font-size: 2.4rem;
	font-weight: 600;
}
.trade_system_type h4 span{
	font-size: 2.8rem;
	font-weight: 700;
}

.trade_system_type_list {
	margin: 6rem 0;
	display: flex;
	flex-wrap: wrap;
	gap: 4rem;
	padding: 0 2rem;
	justify-content: center;
}

.trade_system_type_list li {
	padding: 4rem;
	display: flex;
	flex-direction: column;
	width: calc((100% - 8rem) / 3);
	border: 1px solid #ddd;
	border-radius: 2rem;
}

.trade_system_type_list li img {
	width: 16rem;
	height: 16rem;
	margin: 0 auto 2rem;
}
.trade_system_type_list li h5{
	font-size: 2.2rem;
	font-weight: 600;
}

.trade_system_type_list li p{
	font-size: 1.8rem;
}

.btn_resource {
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: 2rem;
	padding: 1.6rem 4rem;
	border: none;
	border-radius: 4rem;
	background-color: #395999;
	color: #fff;
	font-size: 2rem;
	font-weight: 600;
}

.btn_resource img {
	width: 2rem;
	height: 2rem;
}


/* 대회개요(소개) competition/overview.php */

.overview_organizer{
	width: 100%;
	background: linear-gradient(to right, #ffffff, #E8F0F7);
	border-radius: 2rem;
	border: 1px solid #eee;
}

.br_visible{
	display: none;
}

.organizer_list{
	display: flex;
	padding: 2.15rem 3rem;
}

.organizer_list li{
	width: calc(100% / 3);
	text-align: center;
}

.organizer_list li + li{
	border-left: 1px solid #000;
}

.organizer_list li p{
	font-size: 1.8rem;
}

.organizer_list li p span{
	font-weight: 700;
}

.overview_intro{
	width: 100%;
	text-align: center;
	margin: 6rem 0;	
}

.overview_intro h4{
	font-size: 2.4rem;
	font-weight: 600;
	color: #004665;
	margin-bottom: 4rem;
}

.overview_intro p{
	font-size: 1.8rem;
	line-height: 1.6;
}


.overview_purpose{
	width: 100%;
	text-align: center;
}

.overview_purpose h4{
	font-size: 2.4rem;
	font-weight: 600;
	color: #004665;
	margin-bottom: 4rem;
}

.purpose_list{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 3rem;
}

.purpose_list li{
	width: calc((100% - 6rem) / 3);
	padding: 4rem;
	border: 1px solid #ddd;
	border-radius: 2rem;
}

.purpose_img{
	width: 16rem;
	height: 16rem;
	margin: 0 auto 3.2rem;
	background-color: #E9F2F0;
	border-radius: 50%;
}

.purpose_img img{
	width: 100%;
}

.purpose_text h5{
	font-size: 2.4rem;
	font-weight: 700;
	margin-bottom: 2rem;
}

.purpose_text p{
	font-size: 1.8rem;
	line-height: 1.4;
}

/* 참가신청 competition/register.php */

.register_step_wrap{
	width: 100%;
	margin-bottom: 6rem;
}

.register_step{
	display: flex;
	gap: 2rem;
}

.register_step li{
	width: calc((100% - 4rem) / 3);
	border: 1px solid #eee;
	border-radius: 2rem;
	padding: 2.8rem 4rem;
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
	background-color: #fff;
	justify-content: center;
	align-items: center;
}

.step_check_img{
	width: 3.6rem;
	height: 3.6rem;
}
.step_check_img img{
	width: 100%;
}

.step_now{
	background: linear-gradient(to right, #ffffff, #E8F0F7);
}

.step_text{
	width: 100%;
	color: #888;
	text-align: center;
}

.step_text h5{
	font-size: 2.2rem;
	font-weight: 700;
}

.step_text p{
	font-size: 1.8rem;
}

.step_now .step_text{
	color: #000;
}


.register_notice_wrap{
	width: 100%;
}

.register_notice_wrap h4{
	font-size: 2.4rem;
	font-weight: 600;
	margin-bottom: 4rem;
}

.register_notice{
	width: 100%;
	height: 40rem;
	padding: 2rem 6rem 2rem 4rem;
	display: flex;
	flex-direction: column;
	border: 1px solid #ddd;
	border-radius: 1rem;
	overflow-y: scroll;
	scrollbar-width: 1.6rem;
	scrollbar-color: #E8F0F7;
}

.register_notice::-webkit-scrollbar {
	width: 1.6rem;
	height: 100%;
}

.register_notice::-webkit-scrollbar-thumb {
	background-color: #E8F0F7;
	border-radius: 2rem;
	width: 1.6rem;
	height: 8rem;
}

.register_notice li{
	width: 100%;
}
.register_notice li h5{
	font-size: 1.8rem;
	font-weight: 700;
}
.register_notice li p{
	font-size: 1.6rem;
	line-height: 1.4;
}

.register_notice_agree_wrap{
	display: flex;
	align-items: center;
	gap: 0.8rem;
	margin-top: 3.2rem;
}


#register_notice_agree{
	width: 2rem;
	height: 2rem;
	border-radius: 0.2rem;
}

#register_notice_agree + label{
	font-size: 1.6rem;
}

.register_notice_agree_btn{
	margin: 0 auto;
	display: flex;
	gap: 2rem;
	width: fit-content;
}

.register_notice_agree_btn button,
.register_notice_agree_btn a.btn_all_agree{
	display: inline-block;
	padding: 1.6rem	4rem;
	border: 0;
	font-size: 2rem;
	font-weight: 600;
	color: #fff;
	border-radius: 4rem;
	margin-top: 6rem;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
}

.register_notice_agree_btn .btn_all_agree{
	background-color: #395999;
}
.register_notice_agree_btn .btn_no_agree{
	background-color: #888;
}


.register_process_wrap{
	width: 100%;
	margin-bottom: 6rem;
}

.register_process_wrap h4{
	font-size: 2.4rem;
	font-weight: 600;
	margin-bottom: 3.2rem;
}

.register_process{
	width: 100%;
	padding: 4rem;
	border: 1px solid #ddd;
	border-radius: 1rem;	
	font-family: 'Noto Sans KR', sans-serif;
}

.register_process li{
	line-height: 1.4;
}
.register_process li h5{
	font-size: 1.8rem;
	font-weight: 500;
	/* word-break: break-all; */
	letter-spacing: -0.02em;
	line-height: 1.4;
}

.register_process_subject{
	width: 100%;
	padding: 2rem;
}

.register_process_subject p{
	font-size: 1.6rem;
	line-height: 1.5;
	font-weight: 400;
	max-width: 56rem;
	/* word-break: break-all; */
	letter-spacing: -0.02em;
}
.register_process_subject p span{
	font-weight: 500;
}

.register_confirm{
	width: 100%;
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
	justify-content: center;
	align-items: center;
}

.register_confirm img{
	width: 5rem;
	height: 5rem;
}

.register_confirm h4{
	font-size: 2.4rem;
	font-weight: 600;
}







.register_main_wrap{
	width: 100%;
	margin-bottom: 6rem;
	padding-top: 2.4rem;
	font-family: 'Noto Sans KR', sans-serif;
	border-top: 1px solid #000;
}

.register_main_wrap h4{
	font-size: 2.4rem;
	font-weight: 600;
	width: fit-content;
	margin-bottom: 2rem;
}

.register_main_form{
	width: 100%;
}
.register_main_list{
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
}
.register_main_form li{
	width: 100%;
	display: flex;
	align-items: stretch;
	gap: 2rem;
}

.register_main_form li label.input_title{
	padding: 2rem 5rem;
	font-size: 1.8rem;
	font-weight: 400;
	background-color: #E9F2F0;
	min-width: 20rem;
	flex-shrink: 0;
	align-self: stretch;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
}

.register_main_form li .field_content{
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.8rem 2rem;
}

.register_main_form li label.input_title::before,
.register_team_member_form li label.input_title::before,
.register_pwd_form li label.input_title::before{
	content: none;
}

.register_main_form li label.input_title .txt_input_title,
.register_team_member_form li label.input_title .txt_input_title,
.register_pwd_form li label.input_title .txt_input_title{
	position: relative;
	display: inline-block;
	line-height: 1;
}

.register_main_form li label.input_title .txt_input_title::before,
.register_team_member_form li label.input_title .txt_input_title::before,
.register_pwd_form li label.input_title .txt_input_title::before{
	content: "";
	position: absolute;
	top: 0;
	right: 100%;
	margin-right: 0.2rem;
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 50%;
	background-color: #FF5D5D;
}

.register_main_form li input{
	width: 100%;
	min-width: 0;
	border: 1px solid #ddd;
	border-radius: 0.4rem;
	outline: none;
	padding: 1.75rem 0;
}

.register_main_form li input.rd_btn{
	width: 1.6rem;
	height: 1.6rem;
}

.register_main_form li .xs{max-width: 8rem;}
.register_main_form li .sm{max-width: 10rem;}
.register_main_form li .md{max-width: 24.8rem;}
.register_main_form li .ml{max-width: 36rem;}
.register_main_form li .lg{max-width: 40rem;}
.register_main_form li .xl{max-width: 92rem;}

.register_main_form input.btn_submit{
	font-size: 2rem;
	font-weight: 600;
	padding: 1rem 4rem;
	border-radius: 4rem;
	background-color: #395999;
	color: #fff;
	margin: 2rem auto 0;
	outline: none;
	border: none;
	width: fit-content;
	display: block;
}

.register_main_list li .field_content.address_wrap{
	gap: 2rem;
}

.register_main_list li label.input_title.double{
	padding: 2rem 5rem;
}

.register_main_list li .btn_address_search{
	font-size: 1.8rem;
	color: #395999;
	letter-spacing: -0.02em;
	font-weight: 500;
	line-height: 1;
	padding: 1.9rem 0;
	border-radius: 0.4rem;
	border: 1px solid #395999;
	width: 13rem;
	text-align: center;
	flex-shrink: 0;
}

.register_main_list li select.email_domain{
	width: 20rem;
	padding: 1.35rem 1.9rem;
	font-size: 1.8rem;
	line-height: 1;
	letter-spacing: -0.02em;
	background-position: left center !important;
}

.register_main_list li .btn_email_check{
	font-size: 1.8rem;
	color: #395999;
	letter-spacing: -0.02em;
	font-weight: 500;
	line-height: 1;
	padding: 1.9rem 0;
	border-radius: 0.4rem;
	border: 1px solid #395999;
	text-align: center;
	width: 15rem;
	flex-shrink: 0;
}

.register_main_list li span{
	margin: 0;
}

.register_main_list li .phone_wrap,.register_main_list li .email_wrap{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.8rem;
}

.register_main_list li .field_content .email_wrap{
	flex: 1 1 auto;
	min-width: min(100%, 30rem);
}

.register_main_list li .school_type_wrap,
.register_main_list li .email_extra_wrap{
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	flex: 0 0 auto;
	width: fit-content;
	max-width: 100%;
	gap: 0.8rem;
}

.register_main_list li .email_extra_wrap{
	gap: 2rem;
}

.register_main_list li .phone_wrap input{
	flex: 1 1 0;
	min-width: 5rem;
}

.register_main_list li .email_wrap input{
	flex: 1 1 0;
	min-width: 6rem;
}

.register_main_list li .field_content > input:not(.rd_btn){
	flex: 1 1 auto;
}

.register_main_list li .field_content.address_wrap input.lg{
	flex: 1 1 auto;
	min-width: min(100%, 20rem);
}

.register_main_list li .field_content.address_wrap input.xl{
	flex: 1 1 100%;
}

.register_main_list li .area_summary{
	width: 100%;
	max-width: 92rem;
	height: 14rem;
	border: 1px solid #ddd;
	border-radius: 0.4rem;
	resize: none;
	overflow-y: scroll;
}


.register_team_member_wrap{
	width: 100%;
	margin-bottom: 6rem;
	padding-top: 2.4rem;
	font-family: 'Noto Sans KR', sans-serif;
	border-top: 1px solid #000;
}



.member_wrap_top{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 2rem;
}

.register_team_member_wrap h4{
	font-size: 2.4rem;
	font-weight: 600;
	width: fit-content;
}

.member_wrap_top .member_edit{
	display: flex;
	width: fit-content;
	gap: 0.8rem;
}
.member_wrap_top .member_edit a.btn_member_add{
	font-size: 1.6rem;
	font-weight: 600;
	color: #395999;
	border: 1px solid #395999;
	border-radius: 4rem;
	padding: 0.7rem 1.9rem;
	line-height: 1;
	letter-spacing: -0.02em;
}
.member_wrap_top .member_edit a.btn_member_delete{
	font-size: 1.6rem;
	font-weight: 600;
	color: #888;
	border: 1px solid #888;
	border-radius: 4rem;
	padding: 0.7rem 1.9rem;
	line-height: 1;
	letter-spacing: -0.02em;
}


.register_team_member_form{
	width: 100%;
}
.register_team_member_list{
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
}
.register_team_member_form li{
	width: 100%;
	display: flex;
	align-items: stretch;
	gap: 2rem;
}

.register_team_member_form li label.input_title{
	padding: 2rem 5rem;
	font-size: 1.8rem;
	font-weight: 400;
	background-color: #E9F2F0;
	min-width: 20rem;
	flex-shrink: 0;
	align-self: stretch;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
}

.register_team_member_form li .field_content{
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.8rem 2rem;
}

.register_team_member_form li input{
	width: 100%;
	min-width: 0;
	border: 1px solid #ddd;
	border-radius: 0.4rem;
	outline: none;
	padding: 1.75rem 0;
}

.register_team_member_form li input.rd_btn{
	width: 1.6rem;
	height: 1.6rem;
}

.register_team_member_form li .xs{max-width: 8rem;}
.register_team_member_form li .sm{max-width: 10rem;}
.register_team_member_form li .md{max-width: 24.8rem;}
.register_team_member_form li .lg{max-width: 40rem;}
.register_team_member_form li .xl{max-width: 92rem;}

.register_team_member_form input.btn_submit{
	font-size: 2rem;
	font-weight: 600;
	padding: 1rem 4rem;
	border-radius: 4rem;
	background-color: #395999;
	color: #fff;
	margin: 2rem auto 0;
	outline: none;
	border: none;
	width: fit-content;
	display: block;
}

.register_team_member_list li label.input_title.double{
	padding: 2rem 5rem;
}

.register_team_member_list li .btn_address_search{
	font-size: 1.8rem;
	color: #395999;
	letter-spacing: -0.02em;
	font-weight: 500;
	line-height: 1;
	padding: 1.9rem 1.6rem;
	border-radius: 0.4rem;
	border: 1px solid #395999;
}

.register_team_member_list li select.email_domain{
	width: 20rem;
	padding: 1.35rem 1.9rem;
	font-size: 1.8rem;
	line-height: 1;
	letter-spacing: -0.02em;
	background-position: left center !important;
}

.register_team_member_list li .btn_email_check{
	font-size: 1.8rem;
	color: #395999;
	letter-spacing: -0.02em;
	font-weight: 500;
	line-height: 1;
	padding: 1.9rem 0;
	border-radius: 0.4rem;
	border: 1px solid #395999;
	text-align: center;
	width: 15rem;
	flex-shrink: 0;
}

.register_team_member_list li span{
	margin: 0;
}

.register_team_member_list li .phone_wrap,.register_team_member_list li .email_wrap{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.8rem;
}

.register_team_member_list li .field_content .email_wrap{
	flex: 1 1 auto;
	min-width: min(100%, 30rem);
}

.register_team_member_list li .school_type_wrap,
.register_team_member_list li .email_extra_wrap{
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	flex: 0 0 auto;
	width: fit-content;
	max-width: 100%;
	gap: 0.8rem;
}

.register_team_member_list li .email_extra_wrap{
	gap: 2rem;
}

.register_team_member_list li .phone_wrap input{
	flex: 1 1 0;
	min-width: 5rem;
}

.register_team_member_list li .email_wrap input{
	flex: 1 1 0;
	min-width: 6rem;
}

.register_team_member_list li .field_content > input:not(.rd_btn){
	flex: 1 1 auto;
}

.register_team_member_list li .area_summary{
	width: 100%;
	max-width: 92rem;
	height: 14rem;
	border: 1px solid #ddd;
	border-radius: 0.4rem;
	resize: none;
	overflow-y: scroll;
}


.register_pwd_wrap{
	width: 100%;
	padding-top: 2.4rem;
	font-family: 'Noto Sans KR', sans-serif;
	border-top: 1px solid #000;
}

.register_pwd_wrap h4{
	font-size: 2.4rem;
	font-weight: 600;
	width: fit-content;
	margin-bottom: 2rem;
}

.register_pwd_form{
	width: 100%;
}

.register_pwd_list{
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
}

.register_pwd_form li{
	width: 100%;
	display: flex;
	align-items: stretch;
	gap: 2rem;
}

.register_pwd_form li label.input_title{
	padding: 2rem 5.9rem;
	font-size: 1.8rem;
	font-weight: 400;
	background-color: #E9F2F0;
	min-width: 20rem;
	flex-shrink: 0;
	align-self: stretch;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
}

.register_pwd_form li input{
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 0.4rem;
	outline: none;
	padding: 1.75rem 0;
}

.register_pwd_form li .lg{
	max-width: 40rem;
}

.register_pwd_list li .pwd_field_wrap{
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.8rem;
}

.register_pwd_list li .txt_pwd_guide{
	font-size: 1.6rem;
	font-weight: 400;
	color: #000;
	line-height: 1;
	letter-spacing: -0.02em;
	margin: 0;
}

.register_pwd_wrap .btn_submit{
	font-size: 2rem;
	font-weight: 600;
	padding: 1rem 4rem;
	border-radius: 4rem;
	background-color: #395999;
	color: #fff;
	margin: 145px auto 0;
	outline: none;
	border: none;
	width: fit-content;
	display: block;
	cursor: pointer;
}
.register_pwd_wrap .btn_submit:disabled{
	opacity: 0.7;
	cursor: wait;
}
.register_submit_guide{
	margin-top: 1.6rem;
	text-align: center;
	color: #666;
	font-size: 1.4rem;
}
.register_email_check_msg{
	margin-top: 0.8rem;
	font-size: 1.4rem;
}




.register_check_wrap{
	width: 100%;
	margin-bottom: 6rem;
	padding-top: 2.4rem;
}

.register_check_wrap h4{
	font-size: 2.4rem;
	font-weight: 600;
	width: fit-content;
	margin: 0 auto 2rem;
}

.register_check_form{
	width: 100%;
}
.register_check_list{
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
}
.register_check_form li{
	width: 100%;
	display: flex;
	align-items: center;
	gap: 2rem;
}

.register_check_form li label{
	padding: 1.55rem 6.7rem;
	font-size: 1.8rem;
	font-weight: 400;
	background-color: #E9F2F0;
	min-width: 20rem;
	text-align: center;
}

.register_check_form li input{
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 0.4rem;
	outline: none;
	padding: 1.75rem 0;
}

.register_check_form input.btn_submit{
	font-size: 2rem;
	font-weight: 600;
	padding: 1rem 4rem;
	border-radius: 4rem;
	background-color: #395999;
	color: #fff;
	margin: 2rem auto 0;
	outline: none;
	border: none;
	width: fit-content;
	display: block;
}


.email_submit{
	width: 100%;
	text-align: center;
	padding: 6rem 2rem;
	border: 1px solid #ddd;
	border-radius: 2rem;
}

.email_submit p{
	margin-bottom: 4rem;
	font-size: 1.8rem;
	line-height: 1.6;
}

.btn_email_submit{
	font-size: 1.6rem;
	font-weight: 600;
	color: #fff;
	background-color: #888;
	border-radius: 4rem;
	padding: 1.6rem 4rem;
	outline: none;
	border: none;
}

.guideline_wrap{
	width: 100%;
	margin-bottom: 6rem;
}

.guideline_wrap h4{
	font-size: 2.4rem;
	font-weight: 600;
	margin-bottom: 3.2rem;
}

.guideline_process_wrap{
	width: 100%;
	padding: 4rem;
	border: 1px solid #ddd;
	border-radius: 1rem;	
}

.guideline_process{
	width: 100%;	
	font-family: 'Noto Sans KR', sans-serif;
	line-height: 1.4;
	margin: 0;
	padding: 0;
    margin-block-start: 0;
    padding-inline-start: 0;
	transform: translateX(20px);
}

.guideline_process li{
	line-height: 1.4;
    font-weight: 500;
	font-size: 1.6rem;
	letter-spacing: -0.02em;
}
.guideline_process li h5{
	font-size: 1.8rem;
	font-weight: 500;
}
.guideline_process li h5 span{
	display: inline-block;
	width: 2rem;
}

.guideline_process_subject{
	width: 100%;
	padding: 2rem 2rem 2rem 0;
}

.guideline_process_subject p{
	font-size: 1.6rem;
	line-height: 1.5;
	font-weight: 400;
	letter-spacing: -0.02em;
}
.guideline_process_subject p span{
	font-weight: 500;
}





/* 게시판 */
.board_top{
	width: 100%;
	height: 4.9rem;
	display: flex;
	align-items: end;
	justify-content: space-between;
	margin-bottom: 3rem;
}

.board_top p{
	font-size: 1.6rem;
	font-weight: 500;
}
.board_top p span{
	font-weight: 600;
}

.board_search_bar{
	display: flex;
	align-items: center;
	gap: 0.5rem;
	height: 100%;
}

.board_search_select{
	border: 1px solid #ddd;
	font-size: 1.6rem;
	height: 4.9rem;
	padding: 1.5rem 1.1rem;
}

.board_search_input{
	border: 1px solid #ddd;
	font-size: 1.6rem;
	height: 4.9rem;
	padding: 1.5rem 2rem;
}

.board_search_bar button{
	border: none;
	outline: none;
	background-color: #395999;
	width: 4.9rem;
	height: 4.9rem;

}





.board_wrap{
	width: 100%;
}

.board_list{
	width: 100%;
	table-layout: fixed;
}

.board_list thead{
	font-weight: 700;
	font-size: 1.8rem;
	text-align: center;
}

.board_list tbody{
	text-align: center;
	font-size: 1.8rem;
	font-weight: 400;
}

.board_list tr{
	border-bottom: 1px solid #ddd;
}

.board_list thead tr{
	height: 6.2rem;
}

.board_list tbody tr{
	height: 6.7rem;
}

.board_list thead th,
.board_list tbody td{
	padding: 0 1.2rem;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.board_list tbody tr td a{
	color: #333;
	font-size: 1.8rem;
	font-weight: 400;
}
.board_list tbody tr td img{
	vertical-align: middle;
	width: 1.8rem;
	height: 1.8rem;
}

/* 공지 / Q&A 기본 5열: 번호·제목·글쓴이·작성일·조회수 */
.board_list col.col_num{
	width: 8rem;
}
.board_list col.col_title{
	width: auto;
}
.board_list col.col_author{
	width: 14rem;
}
.board_list col.col_date{
	width: 14rem;
}
.board_list col.col_view{
	width: 10rem;
}

.board_list thead th:nth-of-type(1),
.board_list tbody td:nth-of-type(1){
	width: 8rem;
	text-align: center;
}

.board_list thead th:nth-of-type(2),
.board_list tbody td:nth-of-type(2){
	width: auto;
	text-align: left;
}

.board_list thead th:nth-of-type(3),
.board_list tbody td:nth-of-type(3){
	width: 14rem;
	text-align: center;
}

.board_list thead th:nth-of-type(4),
.board_list tbody td:nth-of-type(4){
	width: 14rem;
	text-align: center;
}

.board_list thead th:nth-of-type(5),
.board_list tbody td:nth-of-type(5){
	width: 10rem;
	text-align: center;
}

/* 논문도서관 4열: 번호·제목·다운로드·작성일 */
.board_wrap.library_wrap .board_list col.col_num{
	width: 8rem;
}

.board_wrap.library_wrap .board_list col.col_title{
	width: auto;
}

.board_wrap.library_wrap .board_list col.col_download{
	width: 14rem;
}

.board_wrap.library_wrap .board_list col.col_date{
	width: 16rem;
}

.board_wrap.library_wrap .board_list thead th,
.board_wrap.library_wrap .board_list tbody td{
	padding: 0 1.6rem;
}

.board_wrap.library_wrap .board_list thead th:nth-of-type(1),
.board_wrap.library_wrap .board_list tbody td:nth-of-type(1){
	width: 8rem;
}

.board_wrap.library_wrap .board_list thead th:nth-of-type(2),
.board_wrap.library_wrap .board_list tbody td:nth-of-type(2){
	width: auto;
	text-align: left;
}

.board_wrap.library_wrap .board_list thead th:nth-of-type(3),
.board_wrap.library_wrap .board_list tbody td:nth-of-type(3){
	width: 14rem;
}

.board_wrap.library_wrap .board_list thead th:nth-of-type(4),
.board_wrap.library_wrap .board_list tbody td:nth-of-type(4){
	width: 16rem;
}

.board_wrap.library_wrap .board_list tbody tr td img{
	width: 2.4rem;
	height: 2.4rem;
}

.board_list tbody tr td:nth-of-type(2){
	text-align: left;
}

.board_pagination{
	width: 100%;
	margin-top: 10rem;
}

.board_pagination ul{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.7rem;
}


.board_pagination ul li a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 4.6rem;
	height: 4.6rem;
	border-radius: 50%;
	color: #777;
	font-size: 1.6rem;
	font-weight: 600;
}

.board_pagination ul li .page_num.on{
	background-color: #395999;
	color: #fff;
	font-weight: 700;
}

.faq_wrap{
	width: 100%;
}

.faq_wrap h4{
	font-size: 1.6rem;
	font-weight: 700;
	border-bottom: 1px solid #ddd;
	padding: 2rem 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.faq_list{
	width: 100%;
}

.faq_list li{
	width: 100%;
	border-bottom: 1px solid #e9e9e9;
}

.faq_q{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 2rem;
	gap: 2rem;
	font-size: 1.6rem;
	font-weight: 400;
}

.faq_q .icon_faq_arrow.on{
	transform: rotate(180deg);
}

.faq_q a {
	flex: 1 1 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	color: #222;
}
.faq_q a p{
	flex: 1 1 100%;
}

.faq_a {
	width: 100%;
	padding: 2rem 10rem;
	align-items: flex-start;
	justify-content: space-between;
	gap: 2rem;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.8;
	display: none;
}

.faq_a.on{
	display: flex;
}

.faq_a p{
	flex: 1 1 auto;
}


@media (max-width: 1600px) {

	.trade_system_info {
		gap: 10rem;
	}

	.trade_system_type_list li {
		width: calc((100% - 4rem) / 2);
	}
}

@media(max-width: 1440px) {
	#sub_wrap .sub_container {
		padding: 0 4rem;
	}

	.sub_inner {
		gap: 6rem;
	}

	.committee_list > li {
		width: calc((100% - 3rem) / 2);
	}

	.history_wrap {
		gap: 8rem;
		padding-right: 2rem;
	}

	.history_year h4 {
		padding: 1.2rem 2rem;
	}

	.purpose_list li {
		padding: 4rem 1.5rem;
	}

	.organizer_list{
		padding: 2.15rem 1.5rem;
	}

	.br_visible{
		display: block;
	}

	.faq_a {
		padding: 2rem 6rem;
	}
}

@media(max-width: 1200px) {
	.sub_inner {
		display: flex;
		flex-direction: column;
	}
	.sub_lnb {
		width: 100%;
		flex-shrink: 1;
		margin: 0 auto;
	}
	.sub_lnb h2{
		padding: 2.5rem 0;
		background-color: transparent;
		color: #004665;
		font-size: 4.8rem;
	}
	.sub_lnb ul{
		width: 100%;
		display: flex;
	}	
	.sub_lnb ul li{
		border-top: 1px solid #f1f1f1;
		width: 25%
	}
	.sub_lnb ul li + li{
		border-top: 1px solid #f1f1f1;
	}
	
	.sub_lnb ul li a{
		text-align: center;
        padding: 2rem 1rem;
        display: flex;
        justify-content: center;
        align-items: center;
	}

	.sub_content {
		flex: none;
		width: 100%;
	}

	.history_wrap {
		gap: 16rem;
	}

	.committee_list > li {
		width: calc((100% - 6rem) / 3);
	}

	.trade_system_info {
        gap: 5rem;
    }

	.organizer_list{
		padding: 2.15rem 3rem;
	}

	.br_visible{
		display: none;
	}
	
}
@media (max-width: 999.98px) {
	#sub_wrap{
		padding: 0 0  8rem !important;
	}
	#sub_wrap .sub_container{
		margin-bottom: 0;
	}

	.committee_list > li {
		width: calc((100% - 3rem) / 2);
	}

	.organizer_list{
		padding: 2.15rem 1.5rem;
	}

	.br_visible{
		display: block;
	}
}

@media(max-width: 767px){
	#sub_wrap .sub_container {
        padding: 0 4rem;
    }

	.sub_content .content_title {
		display: flex;
		flex-direction: column;
		gap: 2rem;
		margin-bottom: 4rem;
	}
	.sub_content .content_title h3{
		text-align: center;
	}
	.breadcrumb {
		margin: 0 auto 2rem;
	}

	.greeting_title {
		padding: 2rem 4rem;
	}
	.greeting_text{
		padding: 0 4rem;
	}

	.history_wrap {
		flex-direction: column;
		gap: 4rem;
	}

	.history_year{
		margin: 0 auto;
	}

	.trade_system_info {
		flex-direction: column;
		gap: 4rem;
		margin-bottom: 4rem;
		padding-bottom: 4rem;
	}
	.trade_system_type_list {
		margin: 4rem 0;
	}

	.trade_system_type_list li {
        width: 100%;
		padding: 0 2rem;
		flex-direction: row;
    }
	.trade_system_type_list li img {
		margin: 0;
	}
	.trade_system_type_item{
		padding: 5rem 0;
	}
	.trade_system_type h4 {
		text-align: center;
	}
	.trade_system_type {
		margin-top: 4rem;
	}

	.purpose_list li {
		width: 100%;
	}

	.organizer_list{
		display: flex;
		flex-direction: column;
		gap: 1rem;
		width: fit-content;
		margin: 0 auto;
	}
	
	.organizer_list li{
		width: 100%;
		text-align: left;
	}
	
	.organizer_list li + li{
		border: none;
	}

	.br_visible{
		display: none;
	}

	.register_step li {
		padding: 2.8rem 2rem;
	}

	.faq_a {
		padding: 2rem;
	}

	.faq_a img:first-of-type{
		display: none;
	}

	.board_wrap.library_wrap .board_list thead th:nth-of-type(1),
	.board_wrap.library_wrap .board_list tbody td:nth-of-type(1),
	.board_wrap.library_wrap .board_list col.col_num{
		width: 5.6rem;
	}

	.board_wrap.library_wrap .board_list thead th:nth-of-type(3),
	.board_wrap.library_wrap .board_list tbody td:nth-of-type(3),
	.board_wrap.library_wrap .board_list col.col_download{
		width: 8rem;
	}

	.board_wrap.library_wrap .board_list thead th:nth-of-type(4),
	.board_wrap.library_wrap .board_list tbody td:nth-of-type(4),
	.board_wrap.library_wrap .board_list col.col_date{
		width: 11rem;
	}

	.board_wrap.library_wrap .board_list thead th,
	.board_wrap.library_wrap .board_list tbody td{
		padding: 0 0.8rem;
		font-size: 1.4rem;
	}

	.board_list col.col_num,
	.board_list thead th:nth-of-type(1),
	.board_list tbody td:nth-of-type(1){
		width: 5.6rem;
	}

	.board_list col.col_author,
	.board_list thead th:nth-of-type(3),
	.board_list tbody td:nth-of-type(3){
		width: 9rem;
	}

	.board_list col.col_date,
	.board_list thead th:nth-of-type(4),
	.board_list tbody td:nth-of-type(4){
		width: 11rem;
	}

	.board_list col.col_view,
	.board_list thead th:nth-of-type(5),
	.board_list tbody td:nth-of-type(5){
		width: 7rem;
	}

	.board_list thead th,
	.board_list tbody td{
		padding: 0 0.8rem;
		font-size: 1.4rem;
	}
}

@media(max-width: 575px){

	.sub_lnb h2 {
		font-size: 3rem;
	}
	.sub_lnb ul{
		flex-wrap: wrap;
	}	
	.sub_lnb ul li{
		width: 50%
	}
	.sub_lnb ul li a {
        font-size: 1.4rem;
    }
	.sub_content .content_title h3 {
		font-size: 2.5rem;
	}

	.greeting_title h4 {
		font-size: 2rem;
	}

	.greeting_title_img{
		width: 7rem;
		height: 7rem;
	}

	.greeting_text p {
		font-size: 1.5rem;
	}

	.committee_list > li {
		width: 100%;
	}


	.trade_system_info_title h4 {
		font-size: 2.2rem;
	}

	.trade_system_type h4 {
		font-size: 2rem;
	}
	.trade_system_type h4 span {
		font-size: 2.4rem;
	}
	.trade_system_type_list li h5 {
		font-size: 1.7rem;
	}
	.trade_system_type_list li p {
		font-size: 1.4rem;
	}
	.trade_system_type_list li {
		flex-direction: column;
	}

	.trade_system_type_list li img {
		width: 10rem;
		height: 10rem;
		margin: 0 auto;
	}

	.trade_system_type_item {
        padding: 2rem 0;
		margin: 0 auto;
    }
	
	.btn_resource {
		font-size: 1.4rem;
	}

	.register_check_form li label{
		min-width: 16rem;
		padding: 1.55rem 4rem;
	}

	.register_main_form li label.input_title,
	.register_team_member_form li label.input_title,
	.register_pwd_form li label.input_title,
	.register_main_list li label.input_title.double {
		min-width: 12rem;
		padding: 2rem;
	}
	
}

@media(max-width: 480px){
	#sub_wrap .sub_container {
        padding: 0 2rem;
    }	

	.greeting_title {
        padding: 2rem;
    }

	.greeting_text {
        padding: 0 2rem;
    }

	.register_step{
		flex-direction: column;
		gap: 1rem;
	}
	
	.register_step li{
		width: 100%;
		padding: 2.8rem 4rem;		
		flex-direction: row;
	}
	
}