@charset "utf-8";

/*반응형*/
@media(max-width: 1800px){
	.inner{max-width: 1400px;}
	.tab.app_section{flex-direction: column;text-align: center;}
	.tab .app_device{order: -1;}
	.tab2 .app_device.right .app_wrap{margin: 0 auto;}
	.tab .app_txt,
	.tab2 .app_device.right + .app_txt{margin-top: 80px;padding: 0;justify-content: center;}
	.tab2 .app_device, .tab2 .app_txt{width: 100%;transition-delay: 0s;}
}

@media(max-width: 1600px){
	.inner, .inner_1400{max-width: 1200px;}
	.main1 .tit .nbsp{display: block;}
	.main3{padding-bottom: 0;}
	.main3 .bg{position: relative !important;text-align: center;left: auto;}
}

@media(max-width: 1400px){
	.inner, .inner_1400, .inner_1200, .inner_1140, .main8_chat{max-width: 1000px;}

	.top{font-size: 28px;}
	.tit, .main1 .d_flex{font-size: 40px;}

	.main1 > .inner_1400{justify-content: space-between;}
	.main1 .logo{width: 120px;}
	.main1 .txt_wrap{width: auto;}
	.main1 .tit{margin-bottom: 40px;}
	.main1 .imgs{max-width: 500px;width: auto;}
	.main1 .box_btn{}
	.main1 .box_btn .thum{}
	.main1 .sns_box > a + a{margin-left: 15px;}
	.app_section2 .bubble{left: 235px;}
	.main8_chat .chat{width: 380px;font-size: 20px;}

	.ft_btm > .inner_1400{flex-direction: column;align-items: flex-start;}
	.footer .sns_box{order: -1;display: flex;align-items: center;margin-bottom: 30px;}
	.footer .sns_box > a + a{margin-top: 0;margin-left: 10px;}
}

@media(max-width: 1200px){
	.w50 > div{display: flex;flex-direction: column;align-items: center;}
	.main1 .txt_wrap{align-items: flex-start;}
}

@media(max-width: 1100px){
	.inner, .inner_1400, .inner_1200, .inner_1140, .inner_1000, .main8_chat{max-width: 100%;padding-left: 50px;padding-right: 50px;}
	.main10_chat{margin-top: 40px;}
	.main10_chat .chat_wrap{width: 200px;}
	.main10_chat .chat{font-size: 20px;width: 240px;height: 74px;}
	.main10_chat .left .chat{top: 0;left: 100%;}
	.main10_chat .right .chat{bottom: 70px;}

	.tab2 .app_device{min-width: auto;max-width: 896px;height: 0;padding-bottom: 59.7098%;position: relative;}
	.tab2 .app_wrap{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
	.tab2 .app_txt{transition-delay: 0s;}
	
	.ft_info{grid-template-columns: 1fr;}
	.ft_info .name{min-width: auto;margin-right: 20px;}
}

@media(max-width: 991px){
	/*hover 제거*/
	.sns_btn:hover{border-color: #676767;}

	.main1 > .inner_1400{flex-direction: column;}
	.main1 .bg{height: 82%;}
	.main1 .imgs{width: 500px;max-width: 95%;margin: 0 auto;}
	.main1 .txt_wrap{text-align: center;display: flex;flex-direction: column;align-items: center;margin-bottom: 20px;}
	.main1 .d_flex .moon{display: none;}
	.moon.vw_mob{display: inline-block;margin-left: 10px;}
	.main1 .top{order: -2;margin-top: 0;transition-delay: 0s;}
	.main1 .tit{order: -1;margin-bottom: 20px;transition-delay: .1s;}
	.main1 .tit .nbsp{display: none;}
	.main1 .logo{margin-bottom: 30px;width: 100px;transition-delay: .2s;}
	.app_section{flex-direction: column;text-align: center;}
	.app_section.w50 > div{width: auto;}
	.app_device{order: -1;}
	.app_txt{margin-top: 80px;transition-delay: 0s;}
	.app_section1 .app_device{padding-bottom: 40px;}
	.app_section2 .bubble{left: auto;right: -10px;}
	.ab_obj{height: auto;}
	.main3 .ab_obj{left: 0;right: 0;margin: auto;bottom: -36%;width: 200px;}
	.main3 .app_txt{margin-top: 100px;}
	.main8_chat .chat{width: 330px;font-size: 18px;}
	.tab:not(.tab2) .app_device{width: 100%;min-width: auto;max-width: 776px;height: 0;padding-bottom: 68.9432%;position: relative;}
	.tab:not(.tab2) .app_wrap{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
	.main9 .ab_obj{left: 0;right: 0;bottom: -40%;width: 200px;margin: auto;}
	.main9 .app_txt{margin-top: 100px;}
	.main11 .ab_obj{top: auto;left: 0;right: 0;bottom: -54%;width: 180px;margin: auto;}

	#bo_list .td_num2, #bo_list .td_num{width: 130px;}
	#bo_list .td_subject{width: 600px;}
	#bo_list .td_name{width: 170px;}
	#bo_list .td_datetime{width: 250px;}
	.bo_tit .title{max-width: 70%;}
	.board_search{position: relative;margin-bottom: 50px;}
}

@media(max-width: 768px){
	.inner, .inner_1400, .inner_1200, .inner_1140, .inner_1000, .main8_chat{max-width: 100%;padding-left: 20px;padding-right: 20px;}
	.top{font-size: 22px;}
	.tit, .bo_top_tit, .main1 .d_flex{font-size: 30px;}
	.app_txt .c_gy{font-size: 16px;}
	.app_txt .desc{font-size: 18px;}
	.main1{padding-top: 60px;padding-bottom: 50px;}
	.main1 .video_wrap{margin-top: 50px;}
	.main1 .sns_box > a + a{margin-left: 10px;}
	.main1 .box_btn {height: 50px;}
	.app_section2 .bubble{width: 120px;right: 47px;top: -15px;}
	.main8_chat .chat{width: 270px;font-size: 16px;}
	.main10_chat{flex-direction: column;align-items: flex-start;}
	.main10_chat .chat_wrap{width: 120px;}
	.main10_chat .chat {font-size: 16px;width: 200px;height: 65px;}
	.main10_chat .left .chat{top: 40px;left: calc(100% + 10px);transition-delay: 0s;}
	.main10_chat .right{margin-left: auto;}
	.main10_chat .right .chat{bottom: auto;top: 40px;transition-delay: 0s;}

	.tbl_head01 thead th{height: auto;font-size: 14px;}
	.tbl_head01 td{height: auto;font-size: 13px;padding: 5px 3px;}
	#bo_list .td_num2, #bo_list .td_num{width: 100px;}
	#bo_list .td_subject{width: 500px;}
	#bo_list .td_name{width: 270px;}
	#bo_list .td_datetime{width: 360px;}
	#bo_v_title .bo_v_tit{font-size: 18px;}
	#bo_v_con{font-size: 15px;}
	.bo_v_nb{font-size: 14px;}
}

@media(max-width: 500px){
	.top{font-size: 20px;}
	.tit, .bo_top_tit, .main1 .d_flex{font-size: 26px;}
	.app_txt .top{font-size: 18px;}
	.app_txt .c_gy{font-size: 14px;}
	.app_txt .desc{font-size: 16px;}
	.main1 .bg{height: 85%;}
	.main1 .box_btn {width: 70px;}
	.main8_chat .chat_wrap{flex-direction: column;align-items: flex-start;}
	.main8_chat .right{align-items: flex-end;}
	.main8_chat .left .chat{order: -1;}
	.main8_chat .chat{height: 48px;}
	.main8_chat .left .chat{position: relative;margin-left: 60px;top: 20px;}
	.main8_chat .right .chat{position: relative;margin-right: 60px;top: 20px;}
	#bo_v_title .bo_v_tit{font-size: 16px;}
	#bo_v_con{font-size: 14px;}
	.bo_v_nb{font-size: 13px;}

	.footer{font-size: 12px;}
	.ft_top{padding: 20px 0;}
	.ft_btm{padding: 30px 0 40px;}
	.ft_btm .left > b{font-size: 14px;}
	.sns_btn .thum img {transform: scale(0.7);}

	.app_section6 .app_hand .cir{border-width: 3px;}
}

@media(max-width: 400px){
	.term_ul > li + li:before{margin: 0 7px;}
}