/*================ 怨듯넻�궗�슜 ================*/
html, body {
	position: relative;
	overflow-x: hidden;
}

.cen {
	width: 100%;
	max-width: 1550px;
	box-sizing: border-box;
	padding: 0 25px;
	position: relative;
	height: auto;
	margin: 0 auto;
}

.half_div_wrap {
	width: 100%;
	display: table;
	min-height: 275px;
}

.half_div {
	width: 50%;
	display: table-cell;
	vertical-align: top;
	position: relative;
}

.half_div_ab {
	width: calc(100% - 20px);
	height: 100%;
	left: 20px;
	top: 0;
	position: absolute;
}

.half_div:nth-child(1) {
	padding-right: 20px;
}

.half_div:nth-child(2) {
	padding-left: 20px;
}

.black_bg {
	width: 100%;
	height: 100%;
	position: Absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: 10;
}

.mobile_newline {
	display: none;
}

/*====== �꽌釉뚭났�넻 ======*/
.sub_tit_wrap {
	width: 100%;
	background: #ddd;
}

.sub_tit_wrap .cen {
	position: relative;
	height: 278px;
	padding-bottom: 30px;
	margin-bottom: 50px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	letter-spacing: -.1em;
}

.sub_tit_en {
	font-weight: 400;
	font-size: 30px;
	color: #fff;
}

.sub_tit_kor {
	font-weight: 500;
	font-size: 50px;
	color: #fff;
}

.sub_tab {
	width: calc(100% - 50px);
	position: absolute;
	top: calc(100% - 30px);
	left: 25px;
	display: flex;
	align-items: flex-start
}

.sub_tab_btn {
	padding: 18px 0;
	text-align: center;
	background: #CCCCCC;
	cursor: pointer;
}

.sub_tab_btn.now {
	background: #39A1FF;
	color: #fff;
	cursor: default;
}

.sub_tab_btn:not(:last-child) {
	margin-right: 5px;
}

.sub_tab_btn br {
	display: none;
}

/*====== �럹�씠吏� ���씠�� ======*/
.sub_container {
	width: 100%;
	position: relative;
}

.page_tit_wrap {
	width: 100%;
	padding: 40px 0 10px 0;
	margin-bottom: 20px;
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	border-bottom: #CCCCCC 1px solid;
}

.page_tit {
	padding-left: 35px;
	font-size: 25px;
	font-weight: 500;
	line-height: 150%;
	position: relative;
}

.page_tit:after {
	content: '';
	width: 20px;
	height: 20px;
	background: #00569D;
	position: absolute;
	left: 0;
	top: 5px;
}

.page_tit:before {
	content: '';
	width: 20px;
	height: 20px;
	background: #39A1FF;
	position: absolute;
	left: 7px;
	top: 12px;
}

.breadcrumb {
	margin-left: auto;
	display: flex;
	font-weight: 400;
	align-items: baseline;
	justify-content: right;
	font-size: 14px;
	color: #aaa;
}

.breadcrumb>div:first-child {
	cursor: pointer;
}

.breadcrumb>div:not(:last-child):after {
	content: ">";
	padding: 0 5px;
	font-family: 'Dotum';
	font-weight: 300;
}

.breadcrumb_d1 {
	
}

.breadcrumb_d2 {
	color: #333;
}

.con_section {
	margin: 50px 0;
	line-height: 2em;
}

.section_title {
	width: 100%;
	border-bottom: #ccc 2px solid;
}

.section_title>div {
	margin-bottom: 5px;
	display: inline-block;
	position: relative;
	font-size: 25px;
	font-weight: 500;
}

.section_title>div:after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 5px;
	left: 0;
	border-bottom: #39A1FF 2px solid;
}

.section_contents {
	padding: 30px 0;
}

/*================ 怨듯넻�궗�슜 �걹 ================*/

/*================ GNV ================*/
.gnv_wrap {
	width: 100%;
}

.gnv_top {
	width: 100%;
	height: 28px;
	background: #FAFAFA;
	position: relative;
}

.gnv_top_btn {
	float: left;
	border: none;
	line-height: 28px;
	font-size: 13px;
	color: #888;
	height: 28px;
	display: flex;
	align-items: center;
	padding: 0 15px;
	position: relative;
	cursor: pointer;
	transition: all .3s;
}

.gnv_top_btn:hover {
	color: #39A1FF;
}


.gnv_top_btn:not(:last-child):after {
	content: "";
	width: 1px;
	height: 40%;
	background: #aaa;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	cursor:default;
}

.gnv_login_wrap {
	float: left;
}

.gnv_link_wrap {
	float: right;
}

.gnv_mid {
	width: 100%;
	position: relative;
}

.gnv_mobile_menu_btn {
	width: 40px;
	height: 39px;
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
	overflow: hidden;
	display: none;
	z-index: 1000;
}

.gnv_mobile_menu_bar {
	width: 100%;
	height: 100%;
	position: relative;
}

.gnv_mobile_menu_bar>div {
	width: 40px;
	height: 3px;
	border-radius: 5px;
	position: absolute;
	background: #333;
	z-index: 11;
	transition: all .3s;
}

.gnv_mobile_menu_bar>div:nth-child(1) {
	top: 0px;
	left: 0px;
}

.gnv_mobile_menu_bar>div:nth-child(2) {
	top: 17px;
	left: 0px;
}

.gnv_mobile_menu_bar>div:nth-child(3) {
	top: 35px;
	left: 0px;
}

.gnv_mobile_menu_btn.on .gnv_mobile_menu_bar>div:nth-child(1) {
	top: 17px;
	transform: rotate(45deg);
	background: #fff;
}

.gnv_mobile_menu_btn.on .gnv_mobile_menu_bar>div:nth-child(2) {
	left: 40px;
	background: #fff;
}

.gnv_mobile_menu_btn.on .gnv_mobile_menu_bar>div:nth-child(3) {
	top: 17px;
	transform: rotate(-45deg);
	background: #fff;
}

.gnv_mobile_menu_click_point {
	width: 100%;
	height: 100%;
	position: absolute;
	cursor: pointer;
	z-index: 1001;
	left: 0;
	top: 0;
}

.gnv_logo {
	width: 297px;
	height: 44px;
	margin: 27px auto;
	background-image: url('/images/global/mainlogo.svg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.gnv_menu_wrap {
	background: #39A1FF;
	color: #fff;
}

.gnv_menu {
	width: calc(100%/ 7);
	text-align: center;
	position: relative;
	float: left;
}

.gnv_d1 {
	cursor: pointer;
	font-weight: 500;
	font-size: 18px;
	padding: 15px 0;
}

.gnv_menu .gnv_d2_wrap {
	width: 100%;
	color: rgb(30, 30, 29);
	max-height: 0px;
	position: absolute;
	left: 0;
	top: 100%;
	overflow: hidden;
	transition: all .3s;
	z-index: 11;
	background: #f0f0f0;
}

.gnv_menu:hover .gnv_d2_wrap {
	width: 100%;
	color: rgb(30, 30, 29);
	max-height: 500px;
	position: absolute;
	overflow: hidden;
	transition: all .3s;
	z-index: 11;
	background: #f0f0f0;
}

.gnv_menu .gnv_d2_wrap>div {
	padding: 10px 10px;
	cursor: pointer;
	border-top: #fff 1px solid;
	border-bottom: #ddd 1px solid;
}

.gnv_menu .gnv_d2_wrap>div:hover {
	background: #39A1FF;
	color: #fff;
	box-shadow: inset rgba(0, 0, 0, 0.2) 1px 1px 2px;
	border-top: #39A1FF 1px solid;
	border-bottom: #39A1FF 1px solid;
}

.gnv_menu .gnv_d2_wrap>div:first-child {
	margin-top: 1px;
}

.gnv_menu .gnv_d2_wrap>div:last-child {
	margin-bottom: 1px;
}

/*================ GNV �걹 ================*/

/*================ �뒳�씪�씠�뜑 ================*/
.main_slider {
	width: 100%;
	position: relative;
	background: #39A1FF;
}

.slider_box {
	width: 100%;
	padding-bottom: 480px;
	position: relative;
}

.slider_ab {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1000;
}

.slider_rel {
	width: 100%;
	max-width: 1550px;
	padding: 0 25px;
	margin: 0 auto;
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.visual {
	background-size: 28%;
	background-position: right 5% bottom 36%;
	background-repeat: no-repeat;
	font-size: 60px;
}

.visual_main_copy {
	font-weight: 700;
	line-height: 100%;
	letter-spacing: -2px;
	font-size: 60px;
}

.visual_main_copy>div:nth-child(2) {
	color: #FFD503;
	font-weight: 500;
	font-size: .9em;
}

.visual_main_con_wrap {
	
}

.visual_main_con_tit {
	font-weight: 600;
	font-size: 20px;
	color: #fff;
	margin-top: .5em;
	margin-bottom: .3em;
}

.visual_main_con {
	max-width: 50%;
	display: flex;
	align-items: flex-end;
	justify-content: baseline;
}

.visual_main_con_txt {
	font-size: 16px;
	width: 100%;
	max-width: 350px;
	color: #fff;
}

.visual_main_con_btn {
	width: 110px;
	height: 54px;
	font-size: 18px;
	background-image: url('/images/slider/slider_01_btn.svg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 15px;
	padding-right: 15px;
	margin-left: .5vw;
	color: #fff;
	cursor: pointer;
}

.visual_main_con_btn:hover{
	color: #fff;
}

/*================ �뒳�씪�씠�뜑 �걹 ================*/

/*================ �뫖�꽣 ================*/
.footer_banner_wrap {
	width: 100%;
	margin: 30px auto 50px auto;
}

.footer_banner {
	width: 60%;
	height: 300px;
	float: left;
}

.slick-slide.footer_banner_slider {
	border: #39A1FF 1px solid;
	background: #f0f0f0;
	height: 300px;
}

.fbs_con {
	width: 100%;
	height: 300px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	
}

.footer_callcenter {
	width: 38%;
	height: 300px;
	padding-bottom: 18.1%;
	color: #fff;
	background-color: #39A1FF;
	background-image: url('/images/footer/callcenter.svg');
	background-position: right 20px bottom 20px;
	background-repeat: no-repeat;
	position: relative;
	float: right;
}

.footer_callcenter>div {
	width: 100%;
	height: 100%;
	padding: 5%;
	position: absolute;
	left: 0;
	top: 0;
}

.footer_callcenter>div>div:nth-child(1) {
	font-size: 20px;
	font-weight: 600;
}

.footer_callcenter>div>div:nth-child(2) {
	font-size: 3vw;
	margin: 10px 0;
	line-height: 100%;
	letter-spacing: -2;
	font-weight: 700;
}

.footer_callcenter>div>div:nth-child(2) a {
	color: #fff;
}

.footer_callcenter>div>div:nth-child(3) {
	letter-spacing: 1;
}

.footer_wrap {
	border-top: #707070 1px solid;
}

.footer_rel {
	
}

.footer_partners {
	padding: 40px 0;
}

.footer_partners .footer_partner_logo.slick-slide {
	height: 59px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer_site_map_wrap {
	width: 100%;
	background: #f0f0f0;
	position: relative;
}

.footer_site_map_wrap:after {
	content: '';
	width: 100%;
	height: 54px;
	position: absolute;
	left: 0;
	top: 0;
	background: #00569D;
	z-index: 1;
}

.footer_site_map_wrap .cen {
	width: 100%;
	display: table;
	align-items: center;
	justify-content: space-between;
}

.footer_site_map {
	height: 55px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: calc(100%/ 7);
	text-align: Center;
	color: #fff;
	vertical-align: top;
}

.footer_site_map:not(:last-child) {
	border-right: #fff 1px solid;
}

.footer_site_map .gnv_d1 {
	font-size: 16px;
	position: relative;
	cursor: pointer;
	z-index: 10;
}

.footer_site_map:not(:last-child) .gnv_d1 {
	border-right: #fff 1px solid;
}

.footer_site_map .foot_d2_wrap {
	color: rgba(30, 30, 29);
	font-size: 14px;
	padding: 10px 0;
	position: relative;
	max-height: 500px;
	font-weight: 400;
}

.footer_site_map .foot_d2_wrap>div {
	padding: 10px 10px;
	cursor: pointer;
}

.footer_info_wrap {
	width: 100%;
	padding: 40px 0;
	color: rgb(30, 30, 29);
	border-top: #f0f0f0 1px solid;
	font-size: 14px;
}

.footer_info_wrap .cen {
	display: table;
}

.footer_info {
	display: table-cell;
	vertical-align: top;
}

.footer_logo {
	width: 185px;
	height: 28px;
	background: url('/images/global/mainlogo.svg');
	background-size: contain;
	background-repeat: no-repeat;
	margin-bottom: 30px;
}

.footer_link {
	display: flex;
	margin-bottom: 15px;
	align-items: center;
	justify-content: left;
}

.footer_link>div {
	line-height: 100%;
	padding: 0 15px;
	cursor: pointer;
}

.footer_link>div:not(:last-child) {
	border-right: #aaa 1px solid;
}

.footer_link>div:first-child {
	padding-left: 0px;
}

.footer_detail {
	
}

.copyright {
	color: #888;
}

.footer_sns_wrap {
	width: 260px;
	display: table-cell;
	vertical-align: bottom;
	text-align: right;
}

.footer_sns_wrap>div {
	width: 45px;
	height: 45px;
	border-radius: 5px;
	display: inline-block;
	cursor: pointer;
}

.footer_sns_wrap>div:not(:first-child) {
	margin-left: 20px;
}

.footer_sns_wrap>div:nth-child(1) {
	background: url('/images/sns/sns_youtube.png');
	background-position: center;
	background-size: cover;
}

.footer_sns_wrap>div:nth-child(2) {
	background: url('/images/sns/sns_facebook.png');
	background-position: center;
	background-size: cover;
}

.footer_sns_wrap>div:nth-child(3) {
	background: url('/images/sns/sns_instagram.png');
	background-position: center;
	background-size: cover;
}

.footer_sns_wrap>div:nth-child(4) {
	background: url('/images/sns/sns_navercafe.png');
	background-position: center;
	background-size: cover;
}

/*================ �뫖�꽣 �걹 ================*/

/*================ 硫붿씤�솕硫� ================*/
.main_board_wrap {
	width: 100%;
}

.main_board_tit {
	width: 100%;
	padding-bottom: 10px;
	border-bottom: #707070 1px solid;
}

.main_board_tit>div:nth-child(1) {
	float: left;
}

.main_board_tab_wrap {
	float: right;
}

.main_board_tab {
	background: #C4C4C4;
	color: #fff;
	padding: 5px 10px;
	float: left;
	cursor: pointer;
}

.main_board_tab:not(:nth-child(1)) {
	margin-left: 5px;
}

.main_board_tab.on {
	background: #1971C1;
	cursor: default;
}

.main_board_list_wrap {
	width: 100%;
	display : none;
}
.main_board_list_wrap.on {
	display:block;
}

.main_board_list {
	width: 100%;
	padding: 10px 0;
	display: table;
}

.main_board_list_sta {
	width: 85px;
	display: table-cell;
	vertical-align: middle;
}

.main_board_list_sta>div {
	width: 77px;
	height: 35px;
	border-radius: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: #C4C4C4;
}

.main_board_list_sta.ing>div {
	background: #FF0000;
}

.main_board_list_tit {
	padding: 0 10px 0 5px;
	display: table-cell;
	vertical-align: middle;
}

.main_board_list_date {
	width: 65px;
	display: table-cell;
	vertical-align: middle;
	color: #888;
	font-size: .8em;
}

.main_quickmenu_wrap {
	width: 100%;
	height: 100%;
}

.main_quickmenu_wrap>div {
	width: 33.3%;
	padding-left: 8%;
	height: 50%;
	float: left;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	cursor: pointer;
}

.main_quickmenu_wrap>div img {
	margin-right: 10px;
}

.main_service_wrap {
	width: 100%;
	margin: 50px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.main_service {
	padding: 30px 10px;
	padding-bottom: 15%;
	text-align: center;
	width: 19%;
	letter-spacing: -1px;
}

.main_service:nth-child(1) {
	background: #39A1FF;
	color: #fff;
	background-image: url('/images/main/bg_01.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center bottom;
}

.main_service:nth-child(2) {
	background: #00569D;
	color: #fff;
	background-image: url('/images/main/bg_02.png');
	background-size: 65%;
	background-repeat: no-repeat;
	background-position: center bottom 3%;
}

.main_service:nth-child(3) {
	background: #FAFAFA;
	background-image: url('/images/main/bg_03.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center bottom;
}

.main_service:nth-child(4) {
	background: #FFD503;
	background-image: url('/images/main/bg_04.png');
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: center bottom;
}

.main_service:nth-child(5) {
	background: #A1A1A1;
	background-image: url('/images/main/bg_05.png');
	background-size: 45%;
	background-repeat: no-repeat;
	background-position: center bottom 9%;
}

.main_service_tit {
	font-size: .7em;
}

.main_service_tit>div:nth-child(2) {
	font-size: 1.4em;
	font-weight: 600;
}

.main_service_btn {
	width: 87px;
	height: 23px;
	font-size: 12px;
	margin: 15px auto;
	display: flex;
	align-items: center;
	justify-content: center;
	border: #000 1px solid;
	border-radius: 23px;
	cursor: pointer;
}

.main_service:nth-child(1) .main_service_btn, .main_service:nth-child(2) .main_service_btn
	{
	border-color: #fff;
}

.main_greeting_wrap {
	width: 100%;
	background-color: #FAFAFA;
	background-image: url('/images/main/director.png');
	background-repeat: no-repeat;
	background-size: 28%;
	background-position: right 5% bottom;
	padding: 30px 40px;
	letter-spacing: -1px;
}

.main_greeting_tit {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: .8em;
	font-weight: 600;
}

.main_greeting_tit>div:nth-child(2) {
	padding: 2px 10px;
	margin-left: 15px;
	font-size: 12px;
	font-weight: 400;
	border: #000 1px solid;
	border-radius: 15px;
}

.main_greeting_content {
	margin-bottom: 1.5em;
}

.main_greeting_content>div:nth-child(1) {
	margin: .5em 0 .2em 0;
	font-size: 1.5em;
	font-weight: 700;
	color: #00569D;
}

.main_greeting_content>div:nth-child(1) span {
	color: #39A1FF;
}

.main_greeting_content>div:nth-child(2) {
	font-size: .8em;
	line-height: 1.5em;
}

.main_greeting_sign {
	font-size: .8em;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.main_greeting_sign>div:nth-child(2) {
	width: 120px;
	height: 60px;
	margin-left: 10px;
	background: url('/images/main/signature.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.main_intro_wrap {
	width: 100%;
	height: 100%;
	padding: 30px 30px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	background-image: url('/images/main/amb.svg');
	background-position: right 20px bottom 30px;
	background-size: 30%;
	background-repeat: no-repeat;
}

.main_intro_btn {
	width: 60%;
	height: 60px;
	padding: 10px 20px;
	border-radius: 60px;
	background: #00569D;
	color: #fff;
	font-weight: 600;
	font-size: 18px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
}

.main_intro_btn:not(:last-child) {
	margin-bottom: 15px;
}

.main_intro_btn>div:nth-child(1) {
	
}

.main_intro_btn>div:nth-child(2) {
	width: 30px;
	height: 30px;
	background: #fff;
	border-radius: 50%;
	color: #00569D;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	font-weight: bold;
	font-family: 'dotum';
	line-height: 0px;
	right: 20px;
}

/*================ 硫붿씤�솕硫� �걹 ================*/

/*================ �꽌釉뚰럹�씠吏� ================*/

/*============= 湲곌��옣 �씤�궗留� =============*/
.greeting_content {
	width: 100%;
}

.greeting_content .image {
	float: right;
	width: 18%;
}

.greeting_content .image>div:nth-child(1) {
	width: 100%;
	padding-bottom: 110%;
	background: url('/images/main/director.png');
	background-size: contain;
	position: relative;
	background-repeat: no-repeat;
	background-position: top center;
}

.greeting_content .image>div:nth-child(2) {
	padding: 10px 0;
	font-size: 14px;
	text-align: center;
	position: relative;
}

.greeting_content .image>div:nth-child(3) {
	content: '';
	width: 100%;
	height: 60px;
	background: url('/images/main/signature.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.greeting_content .text {
	width: 80%;
	float: left;
}

/*============= 鍮꾩쟾 諛� 紐⑺몴 =============*/
.vision_info_tit {
	width: 100%;
	border: #39A1FF 5px solid;
	border-radius: 20px;
	box-sizing: border-box;
	padding: 10px;
}

.vision_info_tit>div {
	padding: 30px 10px;
	background: #EEF7FF;
	border-radius: 15px;
	text-align: center;
	font-size: 2em;
	font-weight: 700;
	line-height: 180%;
}

.vision_info_tit>div span {
	color: #39A1FF;
}

.vision_info_equal {
	width: 50px;
	height: 60px;
	margin: 50px auto;
	position: relative;
}

.vision_info_equal:before {
	content: '';
	width: 30%;
	height: 100%;
	background: #CCCCCC;
	position: absolute;
	left: 0;
	top: 0;
}

.vision_info_equal:after {
	content: '';
	width: 30%;
	height: 100%;
	background: #CCCCCC;
	position: absolute;
	right: 0;
	top: 0;
}

.vision_info_contents {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.vision_info_round {
	width: 30%;
	padding-bottom: 30%;
	background: url('/images/sub/sub01_02/border.svg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}

.vision_info_round>div {
	width: 90%;
	height: 90%;
	left: 5%;
	top: 5%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: 500;
}

.vision_plan_t {
	display: table;
}

.vision_plan_r {
	display: table-row;
}

.vision_plan_r:not(:last-child)>div {
	padding-bottom: 50px;
}

.vision_plan_tit {
	min-width: 280px;
	padding-right: 10%;
	font-size: 25px;
	font-weight: 500;
	display: table-cell;
	vertical-align: top;
}

.vision_plan_con {
	display: table-cell;
	vertical-align: top;
}

/*============= �뿰�쁺 =============*/
.history_wrap {
	width: 100%;
}

.history_intro {
	margin-bottom: 50px;
	width: 100%;
}

.history_graph {
	
}

.history_year {
	width: 350px;
	letter-spacing: -2px;
	margin-right: 50px;
	font-size: 60px;
	color: #39A1FF;
	font-weight: 700;
	float: left;
}

.history_detail {
	width: calc(100% - 400px);
	display: table;
	float: left;
}

.history_detail_r {
	display: table-row;
}

.history_detail_c {
	display: table-cell;
	vertical-align: top;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 18px;
	position: relative;
	vertical-align: top;
}

.history_detail_c:nth-child(1) {
	width: 110px;
	padding-left: 30px;
	border-left: #ccc 1px solid;
}

.history_detail_c:nth-child(1):after {
	content: '';
	width: 24px;
	height: 24px;
	background: #39A1FF;
	position: absolute;
	left: -12px;
	top: 25px;
	border-radius: 50%;
}

.history_detail_c:nth-child(2) {
	padding-left: 50px;;
}

/*============= �씠�궗吏� =============*/
.directors_wrap {
	width: 100%;
}

.director_box {
	width: calc(33% - 20px);
	padding: 20px;
	margin-right: 30px;
	margin-bottom: 30px;
	border: #CCCCCC 1px solid;
	float: left;
}

.director_box:nth-child(3n) {
	margin-right: 0px;
}

.director_name {
	margin-bottom: 15px;
	font-size: 23px;
	font-weight: 500;
	color: #656565;
}

.director_info {
	width: 100%;
	display: table;
}

.director_img {
	width: 140px;
	height: 180px;
	background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	background-color: #f0f0f0;
	display: table-cell;
}

.director_detail {
	padding-left: 15px;
	display: table-cell;
	position: relative;
}

.director_position {
	line-height: 120%;
}

.director_link {
	width: 120px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #39A1FF;
	color: #fff;
	position: absolute;
	left: 15px;
	bottom: 0px;
	cursor: pointer;
}

/*============= �쑄由ш꼍�쁺 =============*/
.ethics {
	font-size: 30px;
	line-height: 1.2em;
}

.ethics div:nth-child(1) {
	font-weight: 500;
}

.ethics div:nth-child(2) {
	margin-top: 0.5em;
	font-size: 0.8em;
}

.ethics_contents {
	margin: 30px 0;
	padding: 50px;
	max-height: 600px;
	overflow-y: scroll;
	border-top: #39A1FF 3px solid;
	border-bottom: #CCCCCC 1px solid;
}

.ethics_contents::-webkit-scrollbar {
	width: 5px;
	height: 50px;
	background-color: #f9f9f9;
}

.ethics_contents::-webkit-scrollbar-thumb {
	background-color: #656565;
	border-radius: 20px;
}

.ethics_contents_title {
	text-align: center;
	font-weight: 500;
	font-size: 20px;
}

.ethics_contents_date {
	margin: 15px 0;
	text-align: right;
}

.ethics_down_load {
	width: 100%;
}

.ethics_down_load>div:nth-child(1) {
	float: left;
}

.ethics_down_btn {
	background: #39A1FF;
	color: #fff;
	padding: 10px 30px;
	cursor: pointer;
	float: right;
}

/*============= �삤�떆�뒗湲� =============*/
.map_wrap {
	width: 100%;
	height: 450px;
	margin-bottom: 100px;
	position: relative;
}

.map_img {
	
}

.map_info_wrap {
	width: 80%;
	padding: 30px;
	max-width: 975px;
	position: absolute;
	top: 100%;
	transform: translate3d(-50%, -50%, 0);
	background: #39A1FF;
	color: #fff;
	left: 50%;
	display: table;
}

.map_tit {
	width: 250px;
	border-right: #fff 1px solid;
	font-size: 30px;
	font-weight: 500;
	display: table-cell;
	vertical-align: top;
}

.map_tit>div:nth-child(2) {
	margin-top: 1em;
	margin-left: .2em;
	font-size: .5em;
	line-height: 1.2em;
	font-weight: 400;
}

.map_info {
	padding-left: 15px;
	display: table-cell;
	vertical-align: top;
}

/*============= CI�냼媛� =============*/
.ci_wrap {
	width: 100%;
	position: relative;
}

.ci_wrap>div {
	width: 50%;
	padding-bottom: 20%;
	float: left;
}

.ci_wrap>div:nth-child(1) {
	border: #CCCCCC 1px solid;
	background-image: url('/images/sub/sub01_08/ci_c.svg');
	background-size: 80%;
	background-position: center;
	background-repeat: no-repeat;
}

.ci_wrap>div:nth-child(2) {
	border: #39A1FF 1px solid;
	background-color: #39A1FF;
	background-image: url('/images/sub/sub01_08/ci_w.svg');
	background-size: 80%;
	background-position: center;
	background-repeat: no-repeat;
}

.ci_text {
	width: 100%;
	max-width: 600px;
	margin: 30px auto;
	position: relative;
	text-align: center;
	display: table;
}

.ci_text>div {
	font-size: 23px;
	padding: 10px 0;
	display: table-cell;
}

.ci_text>div:nth-child(1) {
	width: 40px;
	background: url('/images/sub/sub01_08/quo_01.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top left;
}

.ci_text>div:nth-child(2)>div:nth-child(1) {
	font-weight: 500;
	margin-bottom: .8em;
}

.ci_text>div:nth-child(2)>div:nth-child(2) {
	font-weight: 600;
	font-size: 1.7em;
	color: #00569D;
}

.ci_text>div:nth-child(3) {
	width: 40px;
	background: url('/images/sub/sub01_08/quo_02.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right bottom;
}

.ci_type_wrap {
	margin-top: 50px;
}

.ci_type_box {
	width: calc(25% - 10px);
	margin-right: 13.33px;
	margin-bottom: 20px;
	float: left;
	border: #CCCCCC 1px solid;
}

.ci_type_box:nth-child(4n) {
	margin-right: 0;
}

.ci_type_box:nth-child(1) .ci_type_img {
	background-image : url('/images/sub/sub01_08/type_01.svg');
	background-size: 60%;
	background-position: center;
	background-repeat: no-repeat;
}

.ci_type_box:nth-child(2) .ci_type_img {
	background-image : url('/images/sub/sub01_08/type_02.svg');
	background-size: 60%;
	background-position: center;
	background-repeat: no-repeat;
}

.ci_type_box:nth-child(3) .ci_type_img {
	background-image : url('/images/sub/sub01_08/type_03.svg');
	background-size: 30%;
	background-position: center;
	background-repeat: no-repeat;
}

.ci_type_box:nth-child(4) .ci_type_img {
	background-image : url('/images/sub/sub01_08/type_04.svg');
	background-size: 60%;
	background-position: center;
	background-repeat: no-repeat;
}

.ci_type_img {
	width: 100%;
	padding-bottom: 40%;
}

.ci_type_down {
	width: 100%;
	height: 40px;
}

.down_btn {
	width: 50%;
	height: 40px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	float: left;
	cursor: pointer;
}

.down_btn img {
	margin-left: 5px;
}

.down_btn:nth-child(1) {
	background: #656565;
	color: #fff;
}

.down_btn:nth-child(2) {
	background: #989898;
	color: #fff;
}

/*================ 寃뚯떆�뙋 ================*/
.board_wrap {
	width: 100%;
}

.board_box {
	width: 100%;
	display: table;
}

.board_r {
	display: table-row
}

.board_r:hover {
	background: #f9f9f9;
	cursor: pointer;
}

.board_header {
	font-weight: 600;
	text-align: center;
	background: #39A1FF;
	color: #fff;
}

.board_body {
	
}

.board_c {
	padding: 10px 5px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	border-bottom: #ccc 1px solid;
}

.board_header .board_c:not(:last-child) {
	border-right: rgba(255, 255, 255, 0.2) 1px solid;
}

.board_c.num {
	
}

.board_c.type {
	
}

.board_header .board_c.title {
	text-align: center;
}

.board_c.title {
	text-align: left;
}

.board_c.file {
	
}

.board_c.file.hasFile {
	background: url('/images/board/download.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
	cursor: pointer;
}

.board_c.writer {
	
}

.board_c.date {
	
}

.board_c.view {
	
}

.thumb_wrap {
	
}

.thumb_box {
	display: inline-block;
	cursor: pointer;
	width: calc(25% - 25px);
	margin : 0 10px 20px 10px; 
}

.thumb_img {
	max-width: 100%;
	height: 300px;
	background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.thumb_info {
	width: 100%;
	height: 40px;
	padding: 0 5px;
	display: table;
}

.thumb_title {
	display: table-cell;
	width: 70%;
	text-align: left;
}

.thumb_date {
	display: table-cell;
	width: 30%;
	text-align: right;
	color: #aaa;
}

.book_thumb {
    background-size: cover;	
    text-align: left;
}

span.book_type{
	display: inline-block;
	margin: 15px;
	padding: 0 10px;
	color: #fff;
	font-weight: bold;
	border-radius: 5px;
}

span.book_type_1{
	background-color:cornflowerblue;
}

span.book_type_2{
	background-color:lightcoral;
}

/*================ �럹�씠吏��꽕�씠�뀡 ================*/
.pagenation_wrap {
	margin: 30px auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pagenation_wrap>div {
	width: 28px;
	height: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.pagenation_wrap>div:not(:last-child) {
	border-right: #fff 1px solid;
}

.front {
	background: url('/images/board/arr_double.svg');
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: center;
}

.prev {
	background: url('/images/board/arr_single.svg');
	background-size: 7px;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-position: center;
}

.num {
	
}

.num:hover {
	background: #39A1FF;
	color: #fff;
}

.num.on {
	background: #39A1FF;
	color: #fff;
	cursor: default;
}

.next {
	background: url('/images/board/arr_single.svg');
	background-size: 7px;
	margin-left: 10px;
	background-repeat: no-repeat;
	background-position: center;
	transform: rotate(180deg);
}

.end {
	background: url('/images/board/arr_double.svg');
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: center;
	transform: rotate(180deg);
}

/*================ 寃뚯떆�뙋 寃��깋 ================*/
.board_search_wrap {
	width: 100%;
	max-width: 600px;
	height: 50px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.board_search_select {
	width: 28%;
	height: 100%;
	margin-right: 2%;
	padding: 10px;
	border: #ccc 1px solid;
}

.board_search_text {
	width: 45%;
	height: 100%;
	padding: 10px;
	font-size: 16px;
	box-sizing: border-box;
	margin-right: 2%;
	border: #ccc 1px solid;
}

.board_search_btn {
	width: 23%;
	height: 100%;
	background: #39A1FF;
	border: #39A1FF 1px solid;
	color: #fff;
	cursor: pointer;
}

/*================ 寃뚯떆�뙋 �긽�꽭蹂닿린 ================*/
.board_view_wrap {
	width: 100%;
	border-bottom: #CCCCCC 1px solid;
}

.board_view_title {
	font-weight: 500;
	font-size: 1.1em;
	background: #F1F1F1;
	padding: 15px;
}

.board_view_info {
	padding: 15px;
	border-bottom: #CCCCCC 1px solid;
}

.board_view_writer {
	float: left;
}

.board_mini_t {
	display: table;
}

.board_mini_c {
	display: table-cell;
	vertical-align: middle;
}

.board_mini_c:nth-child(1) {
	color: #888;
}

.board_mini_c:nth-child(2) {
	padding-left: 15px;
}

.board_view_other div:not(:last-child) .board_mini_c:nth-child(2) {
	padding-right: 30px;
}

.board_view_other {
	float: right;
	display: flex;
}

.board_view_file {
	padding: 15px;
	border-bottom: #CCCCCC 1px solid;
	display: flex;
	align-items: flex-start;
}

.board_view_file>div:nth-child(1) {
	width: 80px;
	color: #888;
	padding-right: 15px;
}

.board_view_file_list {
	position: relative;
	padding-left: 1.5em;
}

.board_view_file_list:not(:last-child) {
	margin-bottom: .5em;
}

.board_view_file_list:hover {
	text-decoration: underline;
	cursor: pointer;
}

.board_view_file_list:after {
	content: '';
	width: 1em;
	height: 1em;
	position: absolute;
	left: 0;
	top: .5em;
	background: url("/images/board/download.svg");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.board_view_contents {
	padding: 15px;
	min-height: 300px;
}

.board_btns_wrap {
	display: block;
	margin: 20px 0;
	text-align: right;
}

.board_btns_wrap input[type="button"] {
	background: #888888;
	color: #fff;
	padding: 10px 15px;
	border: none;
	cursor: pointer;
}

.board_btns_wrap input[type="submit"] {
	background: #39A1FF;
	color: #fff;
	padding: 10px 15px;
	border: none;
	cursor: pointer;
}

.board_btns_wrap input[type="button"].bluebtn {
	background: #39A1FF;
}

/*================ 寃뚯떆�뙋 �옉�꽦 ================*/
.board_edit_title {
	padding: 15px;
	font-size: 14px;
}

.board_edit_title>div {
	float: left;
}

.board_edit_title>div:nth-child(1) {
	width: 100px;
	color: #888;
}

.board_edit_title>div:nth-child(2) {
	width: calc(100% - 100px);
}

.board_edit_title .pl_wrap {
	width: 100%;
	border: #ccc 1px solid;
}

.board_edit_wrap .board_view_wrap {
	
}

.board_edit_wrap .board_view_info {
	padding: 5px 15px;
	font-size: 14px;
	color: #888;
	border-top: #ccc 1px solid;
}

.board_edit_file {
	width: 100%;
	padding: 15px;
	border-bottom: #ccc 1px solid;
	display: flex;
}

.board_edit_file>div:nth-child(1) {
	width: 60px;
	font-size: 14px;
	color: #888;
}

.edit_file_list_wrap {
	width: calc(100% - 60px);
	padding-left: 15px;
}

.edit_file_add {
	display: flex;
}

.edit_file_add .filebox {
	margin-bottom: 10px;
}

.edit_file_add .filebox label {
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
	font-size: .8em;
	line-height: normal;
	vertical-align: middle;
	background-color: #39A1FF;
	color: #fff;
	cursor: pointer;
	border: 1px solid #ebebeb;
	border-bottom-color: #e2e2e2;
	box-sizing: border-box;
	border-radius: .25em;
}

.edit_file_add .filebox input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.edit_file_list_added {
	width: 100%;
	border: #ccc 1px solid;
	padding: 15px;
}

.edit_file_list_added .filebox {
	width: 100%;
	display: flex;
	align-items: center;
}

.edit_file_list_added .filebox input {
	width: 100%;
}

.edit_file_list_added .filebox:not(:last-child) {
	margin-bottom: 5px;
}

.edit_file_list_added .filebox label {
	display: none;
}

.edit_file_list_added .filebox .delThisFile {
	width: 18px;
	height: 18px;
	margin-left: 10px;
	border: #888888 2px solid;
	font-size: 20px;
	font-weight: 500;
	color: #888888;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.edit_file_list_added .filebox .delThisFile:hover {
	border: #39A1FF 2px solid;
	color: #39A1FF;
}
.main_board_list {
	cursor:pointer;
}
.main_board_list:hover {
	background:#f3f3f3;
}


      /* 회원가입 관련 */
      .join_wrap {
        width:100%;
        height:100%;
        background:#F1F1F1;
        position:fixed;
        z-index:-1;
        left:0;
        top:0;
      }
      .join_box {
      	z-index:+9999;
        width:100%;
        height:auto;
        min-height:100%;
        max-width:700px;
        margin: 0 auto;
        background:#fff;
        box-sizing:border-box;
        position:relative;
        padding:3%;
        padding-bottom:150px;
        position:absolute;
        left:50%;
        top:0;
        transform:translateX(-50%);
      }
      .join_logo {
        width:100%;
        max-width:330px;
        margin: 0 auto;
        padding-bottom:30%;
        background:url('/images/global/mainlogo.svg');
        background-size:contain;
        background-position:center;
        background-repeat:no-repeat;
        cursor:pointer;
      }

    .join_title_wrap {
        width:100%;
        padding:2% 0;
        border-top:#CCCCCC 1px solid;
        border-bottom:#CCCCCC 1px dotted;
    }
    .join_title_wrap > div:after {
        content:'';
        font-size:0;
        line-height:0;
        display:block;
        clear:both;
        visibility:hidden;
        position:relative;
    }
        .join_title_box{
            width:77%;
            float:left;
        }
            .join_title {
                margin:10px 0;
                font-size:20px;
                font-weight:700;
                color:#6C6C70;
            }
            .join_title_text {
                margin-bottom:10px;
            }
            .join_title_icon {
                float:right;
                width:23%;
                padding-bottom:23%;
                background:url('/images/member/icon.png');
                background-size:contain;
                background-repeat:no-repeat;
                background-position:center;
            }
            .join_title_text_add {
              font-size:.9em;
              margin-bottom:20px;
              font-weight:500;
            }
            .join_title_text_add span {
              color:#00569D;
            }
    .join_con_wrap {
        margin-top:30px;
        height:auto;
    }
    .join_footer {
      width:100%;
      font-size:14px;
      position:absolute;
      bottom:4%;
      left:0;
    }
    .join_footer_btn_wrap {
      margin-bottom:15px;
      display:flex;
      align-items: center;
      justify-content: center;
    }
    .join_footer_btn_wrap div {
      padding:0 15px;
      position:relative;
      cursor:pointer;
    }
    .join_footer_btn_wrap div:first-child::before {
      content:'';
      width:1px;
      height:70%;
      background:#ccc;
      position:absolute;
      right:0;
      top:20%;
    }
    .join_copy {
      width:100%;
      text-align:center;
    }


    .join_tab_wrap {
      width:100%;
    }
      
    .join_tab {
      width:50%;
      padding:7px 0;
      margin-bottom:30px;
      color:#CCCCCC;
      border-bottom:#CCCCCC 1px solid;
      text-align:center;
      cursor:pointer;
      float:left;
    }
    .join_tab.on {
      color:#00569D;
      cursor:default;
      border-bottom:#00569D 1px solid;
    }
    .find_input_wrap {
      width:100%;
      box-sizing:border-box;
      border:#EEEEEE 1px solid;
      display:none;
    }
    .find_input_wrap.on {
      display:block;
    }
      .find_input_title {
        width:100%;
        padding:15px 0;
        margin: 0 auto;
        text-align:center;
        background:#eee;
      }
      .find_input_box {
        width: calc(100% - 60px);
        padding:15px 0;
        margin: 30px auto;
        border-bottom:#eee 1px solid;
        box-sizing:border-box;
      }
      .join_btn {
        padding:10px 30px;
        margin: 0 auto 30px auto;
        background:#00569D;
        border:none;
        color:#fff;
      }
      .join_btn.small{
        max-width:100px;
        margin: 20px auto;
        display:flex;
        align-items:center;
        justify-content: center;
      }

      /* 회원가입 proc 바 */

      
      .join_proc_wrap {
        width:100%;
        display:flex;
        font-size:14px;
        align-items: center;
        justify-content: space-between;
      }
      .join_proc {
        width: calc(25% - 10px);
        height:40px;
        box-sizing:border-box;
        position:relative;
        display:flex;
        justify-content: center;
        align-items: center;
        background:#F1F1F1;
      }
      .join_proc.on {
        background:#00569D;
        color:#fff;
      }
      .join_proc:after {
        content:'';
        width:0px;
        height:0px;
        border-right:#F1F1F1 10px solid;
        border-left:transparent 10px solid;
        border-bottom:#F1F1F1 20px solid;
        border-top:#F1F1F1 20px solid;
        position:absolute;
        left:-10px;
      }
      .join_proc:first-child:after {
        display:none;
      }
      .join_proc.on:after {
        border-right:#00569D 10px solid;
        border-left:transparent 10px solid;
        border-bottom:#00569D 20px solid;
        border-top:#00569D 20px solid;
      }
      .join_proc:before {
        content:'';
        width:0px;
        height:0px;
        border-right:transparent 10px solid;
        border-left:#F1F1F1 10px solid;
        border-bottom:transparent 20px solid;
        border-top:transparent 20px solid;
        position:absolute;
        left:100%;
      }
      .join_proc:last-child:before {
        display:none;
      }
      .join_proc.on:before {
        border-left:#00569D 10px solid;
      }

      /* 회원유형 선택 */

      
      .join_type_select_wrap {
        width:100%;
        display:flex;
        align-items: center;
        justify-content:space-between;
      }
      .join_type_box {
        width:49%;
        cursor:pointer;
        box-sizing:border-box;
      }
      .join_type_title {
        width:100%;
        height:42px;
        display:flex;
        align-items:center;
        justify-content: center;
        background:#00569D;
        color:#fff;
      }
      .join_type_title img {
        margin-right:8px;
      }
      .join_type_text {
        width:100%;
        height:140px;
        padding:15px;
        font-size:14px;
        letter-spacing:-1px;
        box-sizing:border-box;
        border:#CCCCCC 1px solid;
      }
      .dotted_text {
        margin-bottom:.5em;
        position:relative;
        box-sizing:border-box;
        padding-left:.7em;
      }
      .dotted_text:after {
        content:'';
        width:2px;
        height:2px;
        border-radius:50%;
        background:#000;
        position:absolute;
        left:0;
        top:.7em;
      }
      .join_add_exp {
          margin-top:20px;
          font-size:14px;
          letter-spacing:-1px;
      }
      .join_add_exp span {
          font-weight:600;
      }

      /* 약관동의 */
      
      .join_agreement_box {
        margin:25px 0 0 0;
      }
      .join_agreement_title {
        font-weight:700;
        font-size:25px;
        width:100%;
      }
      .join_agreement_content {
        margin-top:15px;
        margin-bottom:15px;
        font-size:15px;
        width:100%;
        height:200px;
        box-sizing:border-box;
        border:#F1F1F1 1px solid;
        padding:15px;
        overflow-y:scroll;
      }

      .join_btn_wrap {
        width:100%;
        margin-top:30px;
        display:flex;
        justify-content:space-between;
      }
      .join_btn_discard {
        padding:10px 20px;
        box-sizing:border-box;
        background:#676767;
        color:#fff;
        border:none;
      }
      .join_btn_confirm {
        padding:10px 20px;
        box-sizing:border-box;
        background:#00569D;
        color:#fff;
        border:none;
      }


      
      .certi_type_text {
        width:100%;
        height:130px;
        padding:15px;
        font-size:14px;
        letter-spacing:-1px;
        box-sizing:border-box;
        background:#F1F1F1;
      }
      .certi_type_text > img {
        width:20px;
        margin-right:10px;
        float:left;
      }
      .certi_type_text > div {
        width:calc(100% - 30px);
        float:left;
      }

    /* 회원가입 폼 */

      .join_user_info_box {        
        margin:25px 0 0 0;
      }
      .join_user_info_table {
        width:100%;
        margin:30px 0 0 0;
        border-top:#CCCCCC 2px solid;
        display:table;
      }
      .join_user_info_row {
        display:table-row;
      }
          .join_user_info_cell {
            display:table-cell;
            border-bottom:#eee 1px solid;
            position:relative;
            vertical-align:top;
            padding:5px;
          }
          .join_user_info_cell:nth-child(1) {
            width:130px;
            padding-left:20px;
            padding-top:10px;
            background:#FFF6F6;
          }
          .req:after {
            content:"*";
            color:red;
            position:absolute;
            left:10px;
            top:8px;

          }

          .join_input {
            height:35px;
            border:#F1F1F1 1px solid;
            float:left;
          }
          .find_input {
            width:100%;
            height:52px;
            margin-bottom:15px;
            border:#F1F1F1 1px solid;
            box-sizing:border-box;
            float:none;
            clear:both;
          }
          .join_input_btn{
            height:35px;
            font-size:14px;
            padding:0 10px;
            margin-left:10px;
            background:#F1F1F1;
            color:#707070;
            border:none;
            cursor:pointer;
            float:left;
          }
          .join_input.short {
          }
          .pl_wrap.join_input.half {
            width:calc(100% - 100px);
          }
          .join_input.long {
          }
          .join_input.mail {
            width:30%;
          }
          .join_input.zip {
            max-width:150px;
            width:calc(100% - 86px);
          }
          .join_input.full {
            width:100%;
          }
          .address_form_wrap .join_input.full {
            margin-top:5px;
          }
          
          .join_input .pl_txt{
            font-size:13px;
          }

          .join_pw_check {
            clear:both;
            margin:5px 0 0 0;
            font-size:14px;
            display:none;
          }
          .join_pw_check.yes {
            display:block;
            color:blue;
          }
          .join_pw_check.no {
            display:block;
            color:red;
          }

          .join_radio_wrap {
            display:flex;
            padding:5px 0;
            align-items:center;
            float:left;
          }
          .join_radio_wrap:not(last-child) {
            margin-right:10px;
          }
          .join_radio_wrap input,
          .join_radio_wrap label{ 
            cursor:pointer;}


            
            .email_form_wrap {}
            .mail_at {
                width:8%;
                display:flex;
                align-items:center;
                justify-content: center;
                float:left;
            }
            .join_select {
                width:30%;
                height:35px;
                padding:0 2px;
                margin-left:2%;
                border:#F1F1F1 1px solid;
                box-sizing:border-box;
                float:left;
            }


            .join_final_con_wrap {
              width:100%;
              text-align:center;
              margin:10% 0;
            }
            .join_final_icon {
              width:80px;
              height:80px;
              margin: 10px auto;
              background:url('/images/member/finish.png');
              background-position:center;
              background-size:contain;
              background-repeat:no-repeat;
            }
            .join_final_text {
              font-size:20px;
            }
            .join_final_text > div:nth-child(1){
              font-weight:600;
              margin-bottom:5px;
            }

        .join_final_btn_wrap {}
        .join_final_btn_wrap div{
          width:100%;
          display:block;
          height:52px;
          font-size:16px;
          box-sizing:border-box;
          border:none;
          background:none;
          margin-top:10px;
          color:#fff;
          display:flex;
          align-items: center;
          justify-content: center;
          cursor:pointer;
        }
        .join_final_btn_wrap div.join_final_btn_login {
          background-color:#00569D;
        } 
        .join_final_btn_wrap div.join_final_btn_home {
          background-color:#656565;
        }

        .find_btn_wrap {
            display:flex;
            margin-bottom:20px;
            align-items:center;
            justify-content:space-between;
        }
        .find_result_btn {
            display:flex;
            color:#fff;
            align-items:center;
            justify-content:center;
            width:49%;
        }
        .find_result_btn.b {
            height:52px;
            background-color:#00569D;
        }
        .find_result_btn.g {
            height:52px;
            background-color:#656565;
        }
        .find_result_wrap {
            width:100%;
            display:flex;
            padding-bottom:5px;
            margin-bottom:50px;
            border-bottom:#eee 1px solid;
            align-items: center;
            justify-content: space-between;
        }
            .find_result_id {
                font-size:18px;
                font-weight:600;
            }
            .find_result_joinDate {
                color:#565656;
            }
            .login_wrap {
            	background:#f2f2f2;
            	width:100%;
            	height:100%;
            	position:absolute;
            	top:0px;
            	left:0px;
            	z-index:+9999;
            }