@charset "utf-8";
 /*공통*/
@media screen and (max-width:1400px){
	.visual ul li p strong, .visual ul li p span, .visual ul li p a {z-index: 1; position: relative;}
	.visual ul li p::after {content: ''; position: absolute; left: 0; top: 0; background: #000; opacity: 0.3; width: 100%; height: 100%; z-index: 0;}
}

@media screen and (max-width:1350px){
	h1.top_section {padding-left: 60px;}
	.sms .inr_con {margin: 0 auto; width: 630px;}
	.sms .inr_con > div {margin-bottom: 50px;}
	.sms .inr_con .div_3rd {clear: both;}
}

@media screen and (max-width:1280px){
	.section_1 ul li {border: none;}
}

@media screen and (max-width:1200px){
	.inner_header, .visual ul li p, .cnt {width: 100%;}
	.quick_menu {display: none;}
	.section_1 ul li {border: 1px solid #ccc;}
	.join .seq {padding-right: 20px;}
	.table_1200 {overflow-x: scroll; -webkit-overflow-scrolling: touch;}
	.table_1200 table {width: 1200px;}
	.fulsz_img_area img {width: 100%;}
}

@media screen and (max-width:1080px){
	.footer_bottom address div {float: none; width: 100%;}
	.footer_bottom address div:first-child dl {margin-bottom: 0;}
	.join_form form .inp input {width: 140px;}
	.address_request form textarea {width: 90%;}
	.inr_con.info_sms {width: 100%;}
	.inr_con.info_sms .info_sms_img li img {width: 100%;}
	.info_sms_img.sender {padding: 30px;}
	.inr_con.info_sms .info_sms_txt {padding: 30px;}
	.inr_con.info_sms .info_sms_txt.sender, .info_sms_img.sender h5 {margin-bottom: 2vw;}
}

@media screen and (max-width:980px){
	.section_2 ul li:first-child figure img {display: none;}
	.inr_con.info_sms .info_sms_txt.rule .title_txt {width: 100%;}
}

@media screen and (max-width:960px){
	h1.top_section {padding-left: 6vw;}
	.visual ul li.slide1, .visual ul li.slide2, .visual ul li.slide3 {background-size: contain;}
	.visual ul li p {margin: 5vw; font-size: 5vw;}
	.visual ul li p strong, .visual ul li p span {font-size: 5vw;}
	.visual ul li p a {margin-top: 5vw;}
	.visual ul li p::after {opacity: 0;}
	.section_1 ul li, .section_2 ul li {border: none; width: 50%; margin: auto;}
	.section_1 ul li::before, .section_1 ul li::after {display: none;}
	.section_1 ul li:first-child {background: #c4e5f7;}
	.section_1 ul li:last-child {background: #d5ebf7;}
	.section_2 ul li h2 {margin-bottom: 30px;}
	.section_2 ul li:first-child {background: #bdf7e5;}
	.section_2 ul li:last-child {background: #cdf7ea;}
	.section_2 ul li figure img {width: 42px;}
	.join_form form dt {font-family: unset; font-size: 17px;}
	.savetxt {width: 100%;}
	.loadtxt ul li {width: 50%;}
	.customer .inr_con, .customer .list {width: 90%;}
	.inr_con.info_sms .info_sms_txt.rule_2 .title_txt.img > div {float: none;}
	.inr_con.info_sms .info_sms_txt.rule_2 .title_txt.img > div:first-child, .inr_con.info_sms .info_sms_txt.rule_2 .title_txt.img > div:last-child {width: 100%;}
}

@media screen and (max-width:880px){
	.content .tab.inner, .mypage .loadtxt, .mypage.member {width: 100%;}

}

@media screen and (max-width:860px){
	.join_form form dt, .join_form form select, .join_form form input[type="checkbox"] + label, .join_form form dd span {font-size: 14px;}
	.join_form form .inp input {width: 124px;}
	.left_dvs, .right_dvs {float: none; width: 100%;}
	.left_dvs input[type="text"] {width: 99.4%;}
	.table_1200.tb_840 {width: 100%;}
}

@media screen and (max-width:810px){
	.section_1 ul li h2, .section_2 ul li h2, .section_3 ul li h2, .section_3 ul li:first-child strong, .section_3 ul li + li span {font-size: 20px;}
	.section_1 ul li p, .section_2 ul li figure {font-size: 15px;}
	.section_2 ul li h2::after {top: 62px;}
	.sub_title_wrap {margin-bottom: 3.5vw;}
	.join .seq {font-size: 14px; margin-bottom: 5vw;}
	.join .seq ul li {margin-right: 30px;}
	.join .seq ul li::after {right: -20px;}
	.join form, .join.cpt h3 {padding: 0 20px;}
	.join.cpt h3::before {left: 20px;}
	.join form div {margin-bottom: 10vw;}
	.join form h3, .join.cpt h3 {font-size: 17px; margin-bottom: 5vw;}
	.join form label {font-size: 17px;}
	.join form pre {font-size: 15px;}
	.footer_middle a {margin-right: 10px;}
}

@media screen and (max-width:740px){
	.join_form form {padding: 0 5%;}
	.join_form form div:nth-child(2) h3 > span {font-size: 14px;}
	.join_form form .inp dl {background: #f5f5f5; padding: 10px;}
	.join_form form .inp dt {top: 0; width: 100%; text-align: center; margin-bottom: 10px;}
	.join_form form dt {text-indent: unset;}
	.join_form form dt::before {display: none;}
	.join_form form .inp dd select, .join_form form .inp .mail_fm select {width: 98%;}
	.join_form form .mail_fm dd:nth-child(3) {margin-left: 0;}
	.join_form form .mail_fm dd:nth-child(3)::before {left: 20px;}
	.join_form form .inp input {width: 98%; box-sizing: border-box; float: none; margin: 0 auto;}
	.join_form form .inp dd, .join_form form .ctat select {width: 100%;}
	.join_form form .ctat dd:nth-child(3) {margin: auto;}
	.join_form form .ctat dd:nth-child(3)::after, .join_form form .ctat dd:nth-child(3)::before {display: none;}
	.join_form form .inp button {width: 98%; margin: auto;}
	.address_request form .file_load {margin-bottom: 10vw;}
	.address_request form .file_load label {position: absolute; left: 8px;}
	.address_request form .file_load input[type="file"] {width: 238px;}
	.write form .inp input {width: 92%;}
	.inr_con.info_sms .info_sms_txt.rule .inner_txt.ex > div {float: none;}
	.inr_con.info_sms .info_sms_txt.rule .inner_txt.ex > div:nth-last-child(2) img {display: block; margin: 0 auto;}
	.inr_con.cash_bill {padding: 20px;}
	.inr_con.cash_bill > div {float: none;}
	.inr_con.cash_bill > div:first-child, .inr_con.cash_bill > div:last-child {width: 100%;}
	.mypage .loadtxt ul li {float: none; width: 95%; margin: 0 auto; margin-bottom: 20px;}
	.mypage.member .inp input {width: 98%;}
	.mypage.member div:first-child dt {width: 100%; margin-right: 0;}
}

@media screen and (max-width:680px){
	.section_1 ul li, .section_2 ul li {float: none; width: 100%; padding: 5vw 0;}
	.section_2 ul li:first-child figure img {display: inline-block;}
	.sub_title, .sub_title.address_book_title, .sub_title.customer_title, .sub_title.info_sms_title, .sub_title.cash_bill_title {padding: 5vw 0;}
	.content .tab ul li {font-size: 15px;}
	.loadtxt ul li {float: none; width: 99%;}
	.sms .inr_con {width: 300px;}
	.sms .inr_con .div_1st > div {margin: 0 auto;}
	.send_tp > button img {display: none;}
	.content .tab {margin-bottom: 5vw;}
}

@media screen and (max-width:650px){
	.visual ul li {padding-right: 10vw;}
	.visual ul li p a {font-size: 2.5vw;}
	.visual ul li a::after {width: 10vw;}
	.join.cpt button.bod, .join.cpt .grd {width: 90%; margin: auto auto 20px auto;}
	.join.cpt p {font-size: 20px; margin-bottom: 10vw;}
}

@media screen and (max-width:580px){
	.section_3 ul li + li span::before {width: 110px; top: 30px; right: -30px;}
	.section_3 ul li + li span::after {top: 18px; right: -35px;}
	.section_3 ul li + li:hover span::before {right: -30px;}
	.section_3 ul li + li:hover span::after {right: -35px;}
	.help_img, .help_img p img {width: 100%;}
	.address_book.export select {width: 90%; margin-bottom: 10px; margin-right: 0;}
	.address_book.export a {display: block; margin: 0 5%;}
}

@media screen and (max-width:520px){
	.sub_title h2 {font-size: 5vw;}
	.sub_title p {font-size: 3vw;}
	.content .tab ul li {font-size: 12px; font-family: unset;}
	.content .tab.inner ul li {font-size: 12px;}
	.footer_top {font-size: 17px;}
	.footer_top span {margin-right: 10px;}
	.footer_middle a {font-size: 12px;}
	.footer_bottom address {width: 90%;}
	.footer_bottom h2 {display: none;}
	.footer_bottom {padding: 4.5vw 5%;}
}

@media screen and (max-width:480px){
	.inner_header {padding: 2vw 0;}
	.inner_header > ul {padding-right: 10px;}
	.inner_header > ul > li {float: none; margin-top: 7px; margin-bottom: 10px;}
	.inner_header > ul > li:last-child {margin: auto;}
	.inner_header > ul > li a {font-size: 14px;}
	.inner_header > ul > li:first-child a, .inner_header > ul > li:last-child a, .inner_header > ul > li:nth-last-child(2) a {border-radius: 15px; border: 1px solid #000; padding: 0 20px;}
	.inner_header > ul > li:first-child a {border: 1px solid #222;}
	.inner_header > ul > li:last-child a {border: 1px solid #02a2f8;}
	h1.top_section a > span {line-height: 20px;}
	h1.top_section a > span:first-child img {width: 50px;}
	h1.top_section a > span > span {font-size: 13px;}
	h1.top_section a > span > span > span {font-size: 20px;}
	.section_3 ul li + li span::before {width: 50px; top: 30px; right: -22px;}
	.section_3 ul li + li span::after {width: 20px; top: 23px; right: -25px;}
	.sub_title h2 {margin-bottom: 10px;}
	.sub_title h2::after {display: none;}
	.footer_middle {display: none;}
	.inr_con.info_sms .info_sms_txt.rule .inner_txt.ex {font-size: 13px;}
	.inr_con.info_sms .info_sms_txt.rule_2 .title_txt.img > div img {width: 100%;}
	.inner_header > ul.login li:first-child {margin-right: 0;}
}

@media screen and (max-width:450px){
	.excel_load {width: 100%;}
	.content .tab.four_dvs ul li {font-size: 10px;}
	.inr_con.send_log button {padding: 5px;}
	.inr_con.address .count {float: none;}
	.customer .inr_con > div:last-child {width: 90%;}
	.customer .list {font-size: 13px;}
	.customer .list dd li {margin-right: 10px;}
	.customer .list dd li::after {right: -7px; color: #ccc;}
	.customer .list dt, .customer .list dd {padding: 10px;}
}

@media screen and (max-width:410px){
	.section_2 ul li figure {padding: 0 2.4vw;}
	.section_3 {padding: 5vw 0 0;}
	.section_3 ul li {width: 100%;}
	.section_3 ul li + li h2 {margin-bottom: 0;}
	.section_3 ul li:first-child {float: none; margin: auto auto 10px auto;}
	.section_3 ul li:first-child h2 {margin-bottom: 5px;}
	.section_3 ul li:first-child h2::after, .section_3 ul li + li span, .section_3 ul li + li span::before, .section_3 ul li + li span::after {display: none;}
	.section_3 ul li + li {padding: 5vw 0; background: #dedede;}
	.section_3 ul li + li + li {background: #eaeaea;}
	.join .seq {display: none;}
	.join_form form div:first-child dt {display: none;}
	.footer_top span + span {margin-right: 5px;}
	.send_tp > button {width: 100%; margin-right: 0;}
	.address_book.import .right_dvs select {width: 100%;}
	.customer .list .question .lock_active::after {top: 5px;}
	.customer .list .answer dt::after {top: 8px;}
	.write form div:first-child dt {display: block;}
	.inr_con.info_sms .info_sms_img li {width: 100%;}
	.mypage.member div:first-child dt {display: block;}
}

@media screen and (max-width:375px){
	.visual ul li a {margin-right: 20px;}
	.visual ul li a::before {bottom: -9px; right: -13px; height: 20px;}
	.visual ul li a::after {bottom: -7px; right: -20px;}
	.section_1 ul li h2, .section_2 ul li h2 {margin-bottom: 10px;}
	.section_1 ul li h2::after, .section_2 ul li h2::after {display: none;}
	.section_1 ul li h2, .section_2 ul li h2 {font-size: 18px;}
	.section_1 ul li p, .section_2 ul li figure {font-size: 14px;}
	.join.cpt p {font-size: 17px; line-height: 24px;}
	.content .tab ul li {font-size: 12px;}
	.footer_top {font-size: 15px;}
}

@media screen and (max-width:340px){
	.footer_top {font-size: 14px;}
}