/*****************header****************/

@media all and (min-width:320px) and (max-width:768px) {	
	#header .main_top .top_blue, #header .main_top .sales {font-size:38px;}
    
    #header .nav h1 a {background-size: 60% auto;}

	#wrap {width:100%;}

	#header .nav {height:55px; position:static; }
	
	#header .nav_contents {display:block;}

	#header .menu_mobile h1 {padding-top:6px;padding-left:10px;}

	#header .menu_mobile .menu_button a {display:block;width:27px;height:21px;float:right;margin-top:10px;margin-right:12px;}

	#main_header {background-position:center;height:376px;background:url("../../images/home/fingersales_main_bg.png?vs=211006") no-repeat;}

	#header .main_top .top_ptag {display:none;}
	
	#header h1 {padding-left:10px;}
	
	#header ul.lnb {top:11px;}
	
	#header .nav.sticky h1 a {background-size:50%;}

	#header .scroll_button {display:none;}

	#header .top_join_text {display:none;}

	#header .top_join_text p {padding:5px;line-height:17px;}

	#header video {display:none !important;}
	
	.sub_top p {font-size:36px;}
	
	.sub_top span {font-size:15px;line-height:20px;}
	
	.sub_title {font-size:27px;padding:34px 0;}
	
	.price_list_text {font-size:17px;line-height:21px;padding-bottom:29px;}
	
	.app_area .app_qr {display: none;}
	
	.only_pc {display:none !important;}
	
	
	/* 20180724 mobile �˾������̵� */
	#m_banner {display:block; box-shadow:1px 1px 5px rgba(0,0,0,0.3);}
	.popup_area.only_m {position:fixed; top:0; left:0; width:100%; height:auto;}
	
	.gallery {background:#fff;}
	.gallery-cell {width:100%; height:auto; max-height:150px; margin-right:10px;}
	.gallery-cell > a {display:inline-block;}
	.flickity-page-dots {bottom:3px !important;}
	.flickity-page-dots .dot {margin:0 3px !important;}
	.flickity-prev-next-button.previous, .flickity-prev-next-button.next {display:none;}
	
	.vedeo_area{display:none}
	
}


@media all and (min-width:768px) and (max-width:1024px){
	
	#header h1 {padding-left:10px;}

	#header .main_top .top_blue, #header .main_top .sales{font-size:55px;}

	#header .main_top .top_ptag {font-size:26px;line-height:30px;margin-top:12px;font-weight:100;}

	#main_header {background-position:center;height:505px;background:url("../../images/home/fingersales_main_bg.png?vs=211006") no-repeat;background-size:100%;}
		
	#header .scroll_button {display:none;}

	#header .top_join_text {font-size:12px;}

}

/**************contents*************/

@media all and (min-width:320px) and (max-width:768px){

	#contents .top_join_information {font-size:12px;letter-spacing:-1px;}
	
	#contents .price_list .price_list_a {padding:15px 29px;}

	#contents .title {font-size:25px;padding-bottom:16px;}

	#contents .main_text {font-size:14px;line-height:19px;}

	#contents .section_text {padding:46px 10px 30px 10px;}

	#contents .section_image {padding-bottom:37px;}

	#contents .section_text02 {padding:57px 10px 40px 10px;}

	#contents .fingersales_start a {font-size:18px;}

	#section_top img {padding:0 20px;}

	.contents_top {font-size:25px;padding:19px 0;}

	#contents .fingersales_function img {width:76px;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}

	#contents .mobile_table_price_list {padding:0 13px;padding-bottom:57px;}
	
	#contents .price_list .mobile_price_list_img ul li a {left:50%;}
	
	#contents .price_list .mobile_price_list_img ul li {padding-right:0;float:left;z-index:1;margin:0 auto;width:100%;padding-bottom:11px;}
	
	.mobile_price_list_img img {max-width:100%;}

	#contents .mobile_table_price_list table {border:1px solid #c8c8c8;margin-bottom:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}

	#contents .mobile_table_price_list table tr th, #contents .mobile_table_price_list table tr td {border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;padding:10px;vertical-align:middle;line-height:18px;}

	#contents .mobile_table_price_list table tr th {color:#fff;}

	#contents .mobile_table_price_list table tr td.ivory {background-color:#fbfaf3;}

	#contents .fingersales_sing_up_button {padding:0 10px 57px 10px;}

	#contents .fingersales_sing_up_button p {line-height:17px;}

	#contents .table_price_p {font-size:12px;font-weight:bold;text-align:right;color:red;}

	#contents .mobile_scoll_button {display:block;position:fixed;right:10px;padding:0;bottom:8px;z-index:2;}

	#contents .mobile_join {display:block;text-align:center;}

	#contents .mobile_join_title {padding:25px 10px;}

	#contents .mobile_join_title p {font-size:21px;font-weight:bold;letter-spacing:-2px;}

	#contents .mobile_join_title span {font-size:15px;display:block;line-height:19px;padding:7px 8px 0px 8px;}
	
	#contents .mobile_join .mobile_join_button .mobile_lnb_join a {margin-bottom:30px;}

	#contents .mobile_join ul.mobile_join_input input {width:90%;height:34px;}

	#contents .mobile_join .mobile_join_button {display:inline-block;zoom:1;width:90%;}

	#contents .mobile_join .mobile_join_button li {margin-left:-1;z-index:1;}

	#contents .mobile_join .mobile_join_button li a {display:block;padding:14px 0;color:#fff;}
	
	#header ul.lnb li.lnb_login {display:none;}

	#contents .mobile_join .mobile_join_button .mobile_lnb_login a {background-color:#cc3636;font-size:16px;font-weight:800;}

	#contents .mobile_join .mobile_join_button .mobile_lnb_join a {background-color:#7e8f9c;}
	
	.price_list_dot {padding-bottom:57px;}
	
	.price_list_dot span {display:inline-block;width:13px;height:13px;border-radius:30px;}
	
	.price_list_dot .dot_active {background-color:#278bdf;}
	
	.price_list_dot .dot {background-color:#ccc;}
	
	#contents .price_list .mobile_price_list_img {padding-bottom:20px;display:block;text-align:center;}
	
	#contents .price_list .price_list_ul{display:inline-block;zoom:1;}
	
	#contents .price_list .pc_price_list_img {display:none;}
	
	.agree_button {font-size:14px;font-weight:bold;padding:30px 0;}

	.agree_button .agree {padding:17px 10px;}

	.agree_button .cancle {padding:17px 20px;}
	
	.title_number img {max-width:64%;}
	
	#contents .price_list {background-size:664%;}
	
	/*20170314*/
	
	.mobile_image {display:block;}
	
	.pc_customer_image {display:none;}
	
	/*20170316*/
	
	.pc_sales_activities_image {display:none;}
	
	/*20170321*/
	
	.activities_mobile {display:block;}
	
	#contents .sales_activities {height:100%;}
	
	.mobile_image02 {display:block;margin:0 auto;}
	
	/*20170410*/
	
	.contents_container {padding-top:51px;	}
	
	.paddingtop {padding-top:18px;	}
	
	.box {padding:0;height:100%;}
	
	.last_box {padding-bottom:50px;}
	
	.section_text03 {padding-top:37px;}
		
	.sales_index_rolling {display:none;}
	
	.sales_index_rolling_button {display:none;}
	
	.m_sales_index_rolling {display:inline-block;padding-top:20px;}
	
	.m_sales_index_rolling_button {display:block;text-align:center;padding-top:20px;}
	
	.m_sales_index_rolling_button ul li a {display:block;width:84px;height:83px;}
	
	.phone {margin:0 auto;position:relative;}
	
	.phone img {padding:0;}
	
	.m_sales_index_rolling_button ul {overflow:hidden;display:inline-block;zoom:1;}
	
	.m_sales_index_rolling_button ul:last-child {padding-top:10px;}
	
	.m_sales_index_rolling_button ul li {float:left;z-index:1;margin-right:10px;}
	
	.m_sales_index_rolling_button ul li:last-child {margin-right:0;}
	
	.arrow_l {top:40%;left:2%;}
	
	.arrow_r {top:40%;right:2%;}
	
	.arrow_r img, .arrow_l img{max-width:80%;}
	
	.opportunity .main_text {display:none;}
	
	.mobile_main_text {display:block;font-size:14px;line-height:19px;}
	
	
	
}

@media all and (min-width:768px) and (max-width:1024px) {
	
	.price_list_dot {padding-bottom:57px;}
	
	.price_list_dot span {display:inline-block;width:13px;height:13px;border-radius:30px;}
	
	.price_list_dot .dot_active {background-color:#278bdf;}
	
	.price_list_dot .dot {background-color:#ccc;}

	#contents .price_list .pc_price_list_img {display:none;}
	
	
	#contents .price_list .mobile_price_list_img ul li a {left:50%;}
	
	
	#contents .price_list .mobile_price_list_img ul li {padding-right:0;float:left;z-index:1;margin:0 auto;width:100%;}
	
	#contents .price_list .mobile_price_list_img {display:none;}
	
	#contents .price_list .price_list_ul{display:inline-block;zoom:1;}
	
    #contents .top_join_information {font-size:16px;letter-spacing:-1px;}

	#contents .title {font-size:30px;}

	.contents_top {font-size:35px;}

	#contents .fingersales_function img {left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}

	#contents .main_text {padding:0 17px;}

	#contents .section_image {padding-bottom:88px;}
	
	#contents .price_list .mobile_price_list_img ul li a {left:50%;}
	
	#contents .price_list .mobile_price_list_img ul li {padding-right:0;}
	
	#contents .price_list .pc_price_list_img img {}
	
	.mobile_image {display:block;}
	
	.pc_customer_image {display:none;}
	
	/*20170321*/
	
	.activities_mobile {display:block;}
	
	.pc_sales_activities_image {display:none;}
	
	#contents .sales_activities {height:100%;}
	
	.mobile_image02 {display:block;margin:0 auto;}
	
	/*0410*/
	
	.arrow_l {left:2%;}
	
	.arrow_r {right:2%;}
	
	#contents .price_list .pc_price_list_img {display:block;}
}

/***********footer************/

@media all and (min-width:320px) and (max-width:768px) {
	#footer .footer_text {padding:42px 5px;}

	#footer .company_text {line-height:20px;font-size:13px;padding-bottom:20px;}

	#footer .copyright {font-size:12px;color:#c3c3c3;}

	#footer .company_phone ul li {padding:0 12px;}

	#footer .company_phone ul li span {font-size:18px;}

	#footer .company_phone ul li p {font-size:15px;}
	
	.list_refer {margin: 40px 0;}
	.list_refer li {margin: 0 20px 10px;}
	
}

    
    
    
    
    
    
    
    
    
@media all and (max-width:1024px){
	.product_list ul.tabs, .product_list .tab_contents {width: 96%;}
	.product_list ul.tabs li {width: 160px;}
	.db_mb {display: block;}
	.db_pc {display: none;}	
	.product_list .tab_contents {height: auto;}
	.tab_title {margin: 10px 0 30px;}
	.tab_list li {padding:0;}
	.tab_list li ul li {width: 50%;padding-right: 10px;}
	.tab_list li ul li.li_title {font-size: 17px;letter-spacing: -0.03em;}
	.tab_list li ul li.li_title:before {top: 9px;height: 16px;}
	#two .tab_title {margin: 20px 0 40px;}
	#two .tab_list li ul li span {padding: 0 0 0 120px;font-size: 16px;}
	#two .tab_list li ul li img {width: 100px;height:100px;}
	#two .tab_list li ul li.li_title:before {top: 9px;}
	.product_list .tab_contents .tab_detail .txt {padding: 10px 0;}
    
    #footer .f_clear {padding:0 10px;}
}   
  
    
@media all and (max-width:1020px) {
	.gov_wrap {width: 100%;padding: 0 20px;}
	.sum_box ul li ul {margin-left: -100px;}
	.gov_wrap table th {width: 140px;}
	.gov_wrap table td ul li, .gov_wrap table td ul li:nth-child(3n) {width: 33%;}
	
	#footer .f_clear {max-width: 710px;margin: 0 auto;}
	#footer .footer_text .f_right {float: none;margin-bottom:20px;padding: 20px 0px;}
	#footer .footer_text .f_right p {border:none;padding:0;margin:0;text-align:center;width:49%;}
	#footer .footer_text .f_right p.f_line {padding:0;margin:0;}
	#footer .footer_text .f_left {float: none;text-align:center;width:100%;}
	#footer .footer_text .f_right p b {font-size: 20px;}
	#footer .footer_text .f_right p b.mgb.gap {margin-bottom:14px;}
	#footer .footer_text .f_right p.f_line span {margin-bottom: 6px;}
	#footer .footer_text .f_right p.f_line b {padding-top: 12px;}
	#footer .footer_text .f_left a {margin: 0 5px;}
}
    
    
    
@media all and (max-width:1200px) {
	.fingersales_enterprise_img ul li.m_divide {display:block;}
	.fingersales_enterprise_img ul li {margin: 0 60px;display:inline-block;float:none;}
	.fingersales_enterprise_img ul li.link {width:100%;margin: 0;}
}

@media all and (max-width:980px) {
	.fingersales_enterprise_img ul li {margin: 0 30px;}
	.gov_wrap table td ul li, .gov_wrap table td ul li:nth-child(3n) {width: 50%;}
	.link_box {width: 100%;}
	.link_box div a {width: 276px;}
}

    
@media all and (max-width:860px) {
	.sum_box {padding-left: 0;text-align: center;}
  .sum_box img {position:relative;top:auto;left: auto;}
	.sum_box ul {margin-top: 40px;}
	.sum_box ul li {text-align: left;}
	.sum_box ul li ul {margin-left: 0;}	
}
    
@media all and (max-width:768px){
	.product_list ul.tabs li {width: 160px;}
	.product_list ul.tabs, .product_list .tab_contents {width: 100%;}
	.tab_title {font-size: 22px;margin: 0px 0 15px;}
	.tab_list li ul li {width: 100%;padding-right: 20px;line-height: 1.4;}
	.tab_list li ul li.li_title:before {top: 5px;}
	#two .tab_title {margin: 0px 0 15px;}
	#two .tab_list li {padding-right: 10px;}
	#two .db_mb {display: none;}
	#two .db_pc {display: block;}	
	#two .tab_list li ul li {min-height: auto;margin-bottom: 0;width: 100%;}
	#two .tab_list li ul li span {padding: 10px 0 0 0;width: 95%;}
	#two .tab_list li ul li img {width: 92%;height: auto; max-width: none;position:relative;}
	#two .tab_list li ul li.li_title:before {top: 6px;}
	.product_list .tab_contents .tab_detail .txt {font-size: 18px;}	
}
	
@media all and (max-width:767px) {	
	.gov_wrap {padding: 0 10px;margin: 40px auto 50px;}
	.gov_wrap h3 {margin: 10px 0 12px;}
	.link_box {    margin: 30px auto;padding: 30px 0 40px;}
	.link_box div {width: 100%;float:none;margin-bottom: 20px;}
	.link_box div.last_div {margin-bottom:0;}
}
@media all and (max-width:700px) {	
	.gov_wrap table th {width: 120px;}
	.gov_wrap table td ul li, .gov_wrap table td ul li:nth-child(3n) {width: 100%;line-height:1.3;font-size:15px;}
	.gov_wrap table td ul li:after {top: 7px;}
	
}
    
@media all and (max-width:660px) {	
    .fingersales_enterprise_img ul li {width: 50%;margin:0;float: left;}
	.fingersales_enterprise_img ul li.m_divide {display:none;}
    
	#footer .footer_text .f_right p.f_line b, #footer .footer_text .f_right p b {font-size: 20px;}
	#footer .footer_text .f_left p span {white-space: normal;display: block;}
	#footer .footer_text .f_right p.f_line, #footer .footer_text .f_right p {display:block;width:100%;border:none;}
	#footer .footer_text .f_right p.f_line {margin-bottom:20px;}
	#footer .footer_text .f_right p.f_line span {margin-bottom:4px;}
	#footer .footer_text .f_right p.f_line b {padding-top:2px;}
}
	
@media all and (max-width:560px) {	
	.sum_box ul li li {    width: 70px;
    height: 50px;    margin: 0 14px 10px 0;}
    .sum_box ul li li:after {right: -11px;}
    .sum_box ul li li i {margin-top: 5px;}
    .sum_box ul li li span {font-size: 13px;}	
    
    .product_list .tab_contents .tab_detail {padding: 20px;}
	.product_list ul.tabs li {width: 100px;}	
	#footer .company_phone ul li {border:none;display:block;margin-bottom: 25px;}
	#footer .company_phone ul li p {font-size: 16px;}
	#footer .company_phone ul li span {font-size: 22px;}
}
    
    

    
@media all and (max-width:520px){
	.popup_area {left:0;}
	.popup_box {float: none;width: 95% !important;margin: 0 auto 20px;}
	
	.popup_box.edu {padding: 37px 20px 47px;}
	.popup_box.edu .pop_title {font-size: 28px;margin: 0 0 30px;}
	.popup_box.edu .pop_title span {font-size: 20px;}
	.popup_box.edu .pop_txt {font-size: 15px;}
	.popup_box.edu .pop_box_bl dl dt, .popup_box.edu .pop_box_bl dl dd {font-size: 14px;}
	.popup_box.edu .pop_link {margin-top: 26px;}
	.popup_box.edu .pop_link img {width: 80%;}
	
	.popup_box.gov {padding: 40px 10px 50px;}
	.popup_box.gov .gov_img {width: 100%;}
	.popup_box.gov .pop_link img {width: 90%;}
	
}
    
@media all and (max-width:460px) {	
	.sum_box ul li li:nth-child(3) {clear: left;}
	.c_black {text-align: center;}
}

@media all and (max-width:450px) {	
}

@media all and (max-width:425px){
    #header ul.lnb li a {padding: 0 8px;}
    .tab_title {font-size: 20px;margin: 10px 0 20px;}
    .tab_list li {width: 100%;}
    .tab_list li ul li {padding-right: 0;}
    #two .tab_title {font-size: 20px;margin: 10px 0 20px;}	
    #two .tab_list li ul li span {width: 100%;}
    #two .tab_list li ul li img {width: 100%;}
    #three {padding: 20px;}
    .app_area a {width:100%;float:none;}
    .app_area a:last-child {margin-top:10px;}
}

@media all and (max-width:420px) {	
	.fingersales_enterprise_img ul li img {width:70%;}
	.list_refer {margin: 20px 0;}
	.list_refer li {margin: 0 0 10px;width: 50%;float:left;}
	.list_refer li img {width: auto;max-width:60%;min-width:80px;}
	.gov_contact p strong {display: block;}
}

@media all and (max-width:414px){
	.modal-box ul {padding: 0 20px;}
	.modal-box .agree_ct {padding: 0 20px;}
	.modal-box p.modal_title.v02 {margin: 20px 0;font-size: 17px;}
	.modal-box .btns_bottom button {font-size: 15px;padding: 8px 0;width: 140px;}
	.modal-box .btns_bottom div:first-child {border: none;margin-bottom: 16px;}
	.gov_wrap {margin: 30px auto;}
	.gov_top {height: 130px;    font-size: 23px;padding-top: 33px;}
	.gov_top strong {font-size: 26px;}
	.sum_box ul {margin-top: 20px;}
	.sum_box img {width: 300px;}
	
}

@media all and (max-width:413px){
	.modal-box .btns_bottom div {float: none;width:100%;}
	.modal-box .btns_bottom button {padding: 9px 0;width: 210px;}
}

@media all and (max-width:410px){
	#header ul.lnb {top: 3px;right: 4px;}
	#header ul.lnb li {display:block;}
	#header ul.lnb li.lnb_login {display:none;}
	#header ul.lnb li a {padding: 3px 15px; height: auto;line-height: normal;margin: 0px 0 3px;}
	.app_area {top: 57px;right: 6px;}
	
	.popup_box.edu .pop_box_bl dl dt {width: 18%;padding-right: 10px;line-height: 1.2;font-size:13px;letter-spacing:-0.03em;}
	.popup_box.edu .pop_box_bl dl dd {width: 82%;padding-left: 10px;padding-right: 10px;line-height: 1.2;font-size:13px;letter-spacing:-0.03em;}
	.popup_box.edu .pop_box_bl dl dt:after {top: 4px;}
}

@media all and (max-width:320px){	
	
	.modal-box {padding: 10px;}
	.modal-box p.modal_title {margin: 0 0 10px;}
	.modal-box ul {padding: 0 10px;margin-bottom: 10px;}
	.modal-box .agree_ct {padding: 0 10px;}
	.modal-box p.modal_title {font-size: 20px;}
	.modal-box p.modal_title.v02 {margin: 10px 0;font-size: 16px;}
	.modal-box .btn_save {margin: 10px 0;}
	.gov_wrap table th {width: 100px;}	
	.app_area .app_qr {display: none;}	
	.popup_box.edu .pop_box_bl dl {padding: 0 10px;}	
}