@charset "utf-8";

.only_mo{display:none;}
.head_area{display:none;width:100%;text-align: center;border-bottom:1px solid #ddd;background: #fff;}
.head_area .main_logo{margin: 30px 0;}
.head_area .main_logo img{width:160px;}

.section_area{}

.font_big{font-size:18px;font-weight:bold;}
.font_big2{font-size:30px;padding:20px 0;}
.font_basic{padding:10px 0;}
.text_personal_point{color:#ff8328}
.text_corporate_point{color:#783fcd}
.btn_page_link{text-align:left;background: #000;display:inline-block;color:#fff;padding:20px; width:200px;margin:0 auto;position:relative;}
.btn_page_link img{width:20px !important;position:absolute;top:18px;right:15px;}


.main_area{width:100%;background: url(../img/img_main_bg.png) center bottom;background-size:cover;min-height: 640px;}
.main_area .desc_area{width:calc(100%-20px);max-width:800px;margin:0 auto;color:#fff;}
.main_area .desc_area .txt{text-align:center;padding:100px 10px;border-bottom: 1px solid #fff;width:100%;}
.main_area .desc_area .txt p:first-child{font-size:34px;margin:10px 0;}
.main_area .desc_area .btn{text-align: center;padding:20px 0;}
.main_area .desc_area .btn a{display:inline-block;}
.main_area .desc_area .btn .btn_one{padding:50px;display:inline-block;width:300px;text-align: center;}
.main_area .desc_area .btn .btn_one:hover{border:1px solid #666;background: rgba(0,0,0,0.2);}
.main_area .desc_area .btn .btn_one p{color:#fff;font-size:20px}
.main_area .desc_area .btn .btn_one p span{font-size:18px}
.main_area .desc_area .btn .btn_one .icon{display:inline-block;background: #000;padding:5px 8px;margin-top: 10px;}
.main_area .desc_area .btn .btn_one .icon img{width:20px;}


.footer_area{padding:20px 10px;color:#666;text-align: center;}
.footer_area p:first-child{color:#000;font-size:20px;margin:20px 0;}

.top_menu{background: #000;width:100%;padding:5px;text-align: center;color:#666;}
.top_menu a{padding:5px 10px;display:inline-block;color:#fff;font-weight:bold;}
.top_menu .active_p{color:#ff8328}
.top_menu .active_c{color:#783fcd}

.menu_area {padding:20px;}
.menu_area .logo{display:inline-block;}
.menu_area .logo img{width:200px;}
.menu_area .main_menu{display:inline-block;float: right;padding:20px 10px;}
.menu_area .main_menu a{display:inline-block;padding: 10px;margin-left: 10px;}

.top_img{background-size:cover;width:100%;height:500px;text-align: center;padding:0 10px;}
.top_img.bg_personal{background: url(/theme/basic/img/bg_personal.png) center center;}
.top_img.bg_corporate{background: url(/theme/basic/img/bg_corporate.png) center center;}
.top_img.bg_contact{background: url(/theme/basic/img/bg_contact.png) center center;}
.top_img p:first-child{font-size:30px;padding:100px 10px 10px 10px;}
.top_img p{color:#fff;}

.page_area{padding:40px;width:calc(100% - 40px);max-width:940px;margin:-250px auto 0;background: #fff;box-shadow:2px 10px 10px rgba(0,0,0,0.1);}
.page_area .page_tit{font-size:26px;color:#000;font-weight:bold;text-align: center;margin-bottom: 30px;}
.page_area img{width:100%}
.page_area .desc{text-align: center;padding: 80px 0 50px 0;}
.page_area .desc p{margin-bottom:5px;}
.page_area .desc_list{margin-bottom:20px;display:inline-block;text-align: center;width:100%;}
.page_area .desc_list .do_one{width:calc(50% - 4px);position:relative;background: #f5f5f5;height: 350px;display: inline-block;margin-right: 2px;margin-bottom: 2px;float: left;}
.page_area .desc_list .do_one img{width:100%;}
.page_area .desc_list .do_one p{padding: 20px;text-align: left;}
.page_area .desc_list .do_one .do_tit{position: absolute;top:0;left:0;color:#fff;font-size:24px;}
.page_area .desc_list .add_one{display:inline-block;padding: 40px 0;}
.page_area .desc_list .add_one p:first-child{margin-bottom:10px;}
.page_area .desc_list .content .contact_con{padding: 20px 0;}
.page_area .page_link{text-align:center;}
.page_area .page_line{width:160px;margin: 50px 0;}

.board_wrap{margin-top:100px;}


.search_area{margin: 20px 0;}
.search_area input{border:1px solid #ddd;padding:8px;font-size:16px;width:200px;border-radius: 5px;}
.search_area a{display:inline-block;background: #000;border-radius: 5px;color:#fff;padding:8px 10px;}
.member_ready{background: #f5f5f5;width:100%;padding:150px 40px;font-size:20px;}
.member_na{background: #f5f5f5;width:100%;padding:50px 20px;}
.member_na .profile{position:relative;width:calc(100% - 80px);display:inline-block;background:#333;padding-bottom:50px;text-align: center;}
.member_na .profile img{width:160px;border-radius: 100px;display:inline-block;position:relative;top:20px;}
.member_na .profile .text{display:inline-block;padding:20px;position:relative;top:50px;}
.member_na .profile .text p{display:inline-block;color:#fff;}
.member_na .profile .text p:first-child{font-size:20px;color:#999;}
.member_na .profile .text p:nth-child(3){font-size:30px;font-weight:bold;}
.member_na .desc_profile{text-align: left;padding:20px;width:calc(100% - 80px);border: 1px solid #ddd;margin:0 auto;}

.member_none{background: #f5f5f5;width:100%;padding:150px 40px;font-size:20px;}

.root_daum_roughmap {width:100% !important;}

.page_area {
    opacity: 1; /* 처음 투명 */
    transform: translateY(50px); /* 아래로 20px 이동 */
    transition: opacity 2s ease, transform 3s ease; /* 애니메이션 효과 */
}

.page_area.show {
    opacity: 1; /* 불투명 */
    transform: translateY(0); /* 원래 위치로 이동 */
}

@media screen and (max-width: 880px){
	
	.only_mo{display:block;}
	.only_pc{display:none;}
	
	.head_area .main_logo{margin:10px 0;}
	.main_area .desc_area .txt{padding: 50px 0;}
	.main_area{min-height: 400px;}
	
	.top_menu a{font-size:12px;}
	.menu_area{padding: 10px;}
	.menu_area .logo img{width:150px;}
	.menu_area .main_menu{float: none;padding:0;}
	.menu_area .main_menu a{margin-left: 0;padding: 8px;font-size:12px;}
	.page_area{padding: 40px 20px;}
	.page_area .desc{padding: 40px 0 30px 0;}
	.page_area .page_line{width:100px;margin:30px 0;}
	.font_big2{font-size:24px;}
	.top_img p:first-child{font-size:24px;}
	
	.page_area .desc_list .do_one{width:100%;    margin-right: 0;height: auto;}
	
	.member_na{padding:20px;}
	.member_na .profile{width:calc(100% - 20px);}
	.member_na .desc_profile{width:calc(100% - 20px);}
	
	.main_area .desc_area .btn{line-height: 30px;}
	.main_area .desc_area .btn .btn_one{width:100%;padding:10px;}
	.main_area .desc_area .btn .btn_one p span{font-size:14px;}
	.main_area .desc_area .btn .btn_one p{font-size:18px;}
	
	.page_area .desc_list .do_one .do_tit{font-size:18px;}
	 
	
}