@charset "utf-8";
/*
 * File       : responsive.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.1.0
 * Guideline  : http://codex.studio-jt.co.kr/?p=114
 *
 * Dependency :
 *
 *
 * SUMMARY:
 * 1)  MEDIA
 */



/* **************************************** *
 * MEDIA
 * **************************************** */
@media (max-width:1685px){
    /* 회사소개 - CEO 인사말 */
    .sub_part_ceo_01_content.sub_part_content p br {display: none;}
    .sub_part_ceo_01_content.sub_part_content p:first-child + p strong {display: block;}
}

@media (max-width:1650px){
    /* jumbo */
    #tabs_01.extra_service_asp .jumbo_content p br,
    .sub_part_msp .jumbo_content p br,
    .sub_part_salt .jumbo_content p br,
    .terminal .jumbo_content p br,
    .pos .jumbo_content p br {display: none;}

    /* 사업영역 - BIZZLE */
    .bizzle_section_03 .bizzle_pad {left: 0;}
}

@media (max-width: 1560px) {
    /* 제품상세 */
    .products_detail_slider {height: auto;}
}

@media (max-width:1540px){
    /* ANIMATION */
    div.layer_stairs_bubble { font-size: 16px;width: 270px; padding: 15px 0;}

    #layer_stairs_bubble_03 {margin-left: 20px;}
    #layer_stairs_bubble_04 { top: 705px;margin-left: 95px; }
    #layer_stairs_bubble_05 {top: 1130px;}

    #layer_stairs_info_01 {font-size: 16px;}

    #layer_start_bubble_01 {top: 63px;margin-left: -473px;width: 225px;}

    div.layer_bubble {font-size: 15px;width: 260px;}
    #layer_end_bubble_01 {margin-left: -970px;}
    #layer_end_bubble_03 {margin-left: -441px;}
    #layer_end_bubble_04 {margin-left: -280px;}

    /* TAB MENU */
    .tabs_menu {padding-top: 3%;padding-bottom: 3%;font-size: 24px;}
    .tabs_menu .active a span:after {height: 3px;bottom: -3px;}
	
	/* PLATFORM SERVICE */
    .square.square_3x2 span {line-height: 100px;}
}

@media (max-width:1470px){
    /* FOOTER */
    .footer_inner.wrap {max-width: 100%;padding: 0 10%;}

    /* jumbo */
    .jumbo_content p br {display: none;}

    /* 사업영역 - BIZZLE */
	.bizzle_section_02 .bizzle_easy_point {max-width: 1303px;padding: 110px 30px 0;}
	.bizzle_section_02 .pic_service_list_container_02 {padding-bottom: 137px;}
	
    .bizzle_section_03 {height: 500px;}
    .bizzle_section_03 .bizzle_pad {width: 70%;top: -11%;}
	.bizzle_section_03 .bizzle_mobile {bottom: 50%;-webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%);}
	
	.bizzle_section_04 {padding-top: 140px;}

    /* 회사소개 - 연혁 */
    .history_01a_inner {width: 50%;left: 25%;}
    .history_01a_inner p {padding-left: 27%;}
    .history_line {height: 2px;margin-top: -2%;}
    .history .history_year {width: 15%;}
    .history .history_list {width: 85%;}
    .history .history_list li p span {padding-left: 8%;}

    /* 회사소개 - 오시는길 */
    .sub_part_location { padding: 40px 5%; }
    .sub_part_location_info li > span {padding-left: 25px;}
	
    /* 인재채용 - 인사제도/복리후생 */
	.sub_hr_02_content01 ul {margin: 3.7% 0 3.4%;}
    .sub_hr_02_content01 ul li {float: left;width: 20%;margin-bottom:3.8%;}
    .sub_hr_02_content01 ul li p:after {left: -25px;}
}

@media (max-width:1400px){
    body {padding-top: 130px;}

    /* HEADER */
    #header {height: 130px;}
    .menu_container {top: 75px;left: 0;width: 100%;margin-left: 0;border-top: #ddd 1px solid;}
    ul#menu{ text-align:center}
    ul#menu > li {float: left;width: 16.667%;}
    ul#menu > li > a {padding: 15px 0;width: 100%;text-align: center;}
    ul#menu > li > a:before {top: 20px;}
    ul#menu > li > a:after{bottom: 7px;}
    ul#menu > li > ul {top: 54px;}
    ul#menu > li:first-child > ul {left: 60%;}
    ul#menu > li:last-child > ul {left: 50%;}

    /* SUBPAGE */
    .sub_menu_container {top: 130px;}

	/* 사업영역 - PG */
	.pg_section_02 p.device_wrap_text span.context01 {left:-12.5%;}
	.pg_section_02 p.device_wrap_text span.context02 {right:-24%;}
}

@media (max-width:1370px){
    /* FOOTER */
    #footer {padding: 4% 0;text-align: center;}
    .footer_inner.wrap nav {margin-right: 0;float: none;display: block;margin: auto;}
    .footer_address {float: none;clear: both;display: block;padding-top: 2.5%;}
    .footer_ca ul {margin: auto;}
}

@media (max-width:1300px){
    /* TAB MENU */
    .tabs_menu {font-size: 22px;}
    .tabs_menu a {padding: 10px;letter-spacing: .3em;}

    /* 회사소개 - 오시는길 */
    .sub_part_location_info li > span > em {display: block;padding-top: 15px;}

    /* 사업영역 - PG */
    .pg_section_02 p.device_wrap_text {font-size: 18px;}

    /* 사업영역 - MSP */
    .msp_section_03 td.text_td, .msp_section_03 td.text_td.align_right {width: 140px;padding-right: 0;text-align: center;}

    /* 사업영역 -BIZZLE */
    .bizzle_section_03 {height: 480px;}
    .bizzle_section_03 .bizzle_mobile {max-width: 530px;}

    .bizzle_section_04 {padding-top: 111px;}
}

@media (max-width:1250px){
    /* 회사소개 - 회사개요 */
    ul.introduce_info_list {width: 90%;}
	.introduce_comment.pic_grid_list strong {font-size:22px;}

    /* 회사소개 - 사업영역 */
    .sub_part_content.sub_part_area_content {width: 90%;}

    /* 사업영역 */
    .pic_grid_list {width: 90%;}
    ul.pic_service_list, ul.pic_service_sub_list {width: 90%;}
    ul.pic_service_list .service_pic span {font-size: 1.3em;}
    ul.pic_service_list .service_text p br {display: none;}

    /* 사업영역 - VAN */
    .van_section_04 ul.partner_info_list {width: 90%;}
    .van_section_06 .smile_pos_list {width: 90%;}
	.van_section_08 ul.payment_info_list {width: 90%;}

    .van_section_07 {padding: 2% 0 4%;}
    .van_section_07 p {padding: 1.5% 2% 0;}
    .van_section_07 a.smartro_btn_basic {margin: 2.3% auto 3.3%;}

    /* 사업영역 - PG */
    .pg_section_04 ul.smilepay_info_list {width: 90%;}

    /* 사업영역 - MSP */
    .msp_section_02 .section_inner {width: 90%;min-width: 0;}

    /* 사업영역 - BIZZLE */
	.bizzle_section_02 .pic_service_list_container {width:90%;padding-bottom:100px;}
	.bizzle_section_02 .pic_service_list_container_02 {padding-top:100px;}
	.bizzle_section_02 .bizzle_service_txt h3 {font-size: 32px;margin-bottom: 24px;}
	.bizzle_section_02 .bizzle_service_txt_list li {margin-top: 12px;}
	.bizzle_section_02 .bizzle_service_txt {width: 54%;}
	.bizzle_section_02 .bizzle_service_img {width: 46%;}
	.bizzle_section_02 .bizzle_waiting_service .bizzle_service_txt {width: 40%;}
	.bizzle_section_02 .bizzle_waiting_service .bizzle_service_img {width: 60%;}
	.bizzle_section_02 .bizzle_easy_point {padding-top:90px;}
	.bizzle_section_02 .bizzle_easy_point_img {padding-top: 65px;}
	.bizzle_section_02 .bizzle_easy_point h4 {font-size: 30px;}

    .bizzle_section_04 > div {width: 90%;}

    .bizzle_section_05 .interview_wrap {width: 90%;}
    .bizzle_section_05 blockquote p {text-align: justify;}
    .bizzle_section_05 blockquote p br {display: none;}
    .bizzle_section_05 .tel_wrap {width: 90%;}

    /* 사업영역 - 부가서비스 */
    .dcc_service_process {width: 90%;}
    .dcc_service_process li {float: none;display: inline-block;vertical-align: top;min-height: 230px;margin-right: 57px;}
    .dcc_service_process li:nth-child(4n) {margin-right: 57px;}
    .dcc_service_process li:nth-child(4n):after {background: url('../images/sub/dcc-arrow.png') no-repeat center center;}
    .dcc_service_process li:nth-child(3n), .dcc_service_process li:last-child {margin-right: 0;}
    .dcc_service_process li:nth-child(3n):after, .dcc_service_process li:last-child:after {background: none;}

    /* 인재채용 - 인사제도/복리후생 */
    .sub_hr_03_content01 {width: 90%;}
    .hr_grid {width: 32%;}
    .hr_grid.grid01, .hr_grid.grid02 {margin-right: 1.5%;}

    /* 고객센터 */
    .customer .sub_part_customer_inner {width: 90%;}
    .sub_part_customer_01 > .sub_part_customer_inner > ul > li {background: 38% bottom no-repeat;}

    /* 제품소개  */
    .products_gear_list {width: 90%;}

    /* 제품상세 */
    .products_detail_inner {width: 90%;margin: 0 5%;}

    .products_detail_feature {padding: 5% 0 10%;}
    .products_detail_pic {margin-top: 5%;}
    .products_detail_pic_caption br {display: none;}

    .products_detail_first {padding-right: 10px;}
    .products_detail_second {padding-left: 10px;}
    .products_detail_msg .products_detail_inner_title br, .products_detail_msg .products_detail_inner_title_desc br {display: none;}

    .products_detail_spec {padding: 13% 0;}

	.product_smt_m264 .products_detail_award {padding-top:150px;}

    /* 개인정보취급방침 */
    .privacy {padding-bottom: 15%;}
    .privacy_part {width: 90%;}
    .privacy table th {padding: 15px 10px;}
    .privacy table td, .privacy table.two_colume td.left, .privacy table td:first-child {padding: 26px 10px;}
    .privacy p br, .privacy li br, .privacy table td br {display: none;}

    .privacy h1 {padding: 50px 0 24px;font-size: 35px;}
    .privacy .before_privacy_download {top: 58px;}

    /* 통신과금 서비스 */
    .service_user_agreements {padding-bottom: 15%;}
    .service_user_agreements_part {width: 90%;}
    .service_user_agreements p br, .service_user_agreements_list li br {display: none;}

    /* notice */
    .jt_notice_list {width: 90%;}

    /* single */
    .jt_single {width: 90%;margin-top: 0;}
    .jt_single_inner {padding: 7% 7% 10%;}
}

@media (max-width:1200px){
    /* 사업영역 -BIZZLE */
    .bizzle_section_03 .mobile_br {display: block;}
    .bizzle_section_03 .position_left {left: 10%;}

    .bizzle_section_05 .interview_left figure.post_03 {margin: 5.5% 0 0;position: static;}
    .bizzle_section_05 .interview_left figure.post_03 img {width: 100%;}

    /* 고객센터 */
    ul.customer_contact_info_01 {width: 100%;}
    ul.customer_contact_info_02 {padding-left: 0;}

    /* 사업영역 - PG */
    .pg_section_02 p.device_wrap_text {font-size: 15px;}
}

@media (max-width:1150px){
    /* SUBPAGE */
    .sub_menu li a {padding: 13px 0;}

    /* 사업영역 */
    .extra_slide_wrap .pre_btn {left: 20px;}
    .extra_slide_wrap .next_btn {right: 20px;}

    /* 사업영역 - BIZZLE */
    .bizzle_section_05 .bizzle_tel_btn {padding: 0;}

    /* 사업영역 - MSP */
    .msp_section_03 td img, .msp_section_03 td p.tel {width: 85%;}
	
	/* 사업영역 - VAN */
	.van_section_08 .pic_grid_list p br{ display: none; }
}

@media (max-width:1105px){
    /* 사업영역 */
    .extra_slide_wrap {width: 90%;height: auto;margin: 0 5%;padding-top: 35px;background-size: 97%;}
    .extra_slide_wrap .extra_slide {width: 90%; position: relative;}
    .extra_slide_wrap .extra_slide li img {margin-top: 0;}
    .extra_slide_wrap .arrow {top: inherit;left: inherit;right: inherit;margin-top: 0;bottom: 5px;}
    .extra_slide_wrap .pre_btn {right: 65px;}
    .extra_slide_wrap .next_btn {right: 20px;}
}

@media (max-width:1100px){
    /* 회사소개 - CEO 인사말 */
	.sub_part_ceo_01_profil { width:42%;}
	.sub_part_ceo_01_profil_inner { right:0;}
	.sub_part_ceo_01_content { width:58%;}
	.en_us .ceo_sign img {max-width:20%;}
	.en_us .ceo_sign .en_name {margin-left:10px;}

    /* 회사소개 - 사업영역 */
    .sub_part_area_cell p br {display: none;}

    /* 사업영역 -BIZZLE */
    .bizzle_section_03 {height: 430px;}
    .bizzle_section_03 .position_right {right: 4.5%;}
    .bizzle_section_03 .position_left {bottom: 9.8%;left: 8.5%;}
    .bizzle_section_03 .bizzle_mobile {right: 3.5%;max-width: 470px;}

    .bizzle_section_05 .interview_left > p br {display: none;}

    /* 인재채용 */
    .careers h2.sub_part_title {margin: 3% 0;}

    /* 인재채용 - 인재상*/
    .sub_talent_content p {font-size: 0.5em;}
}

@media (max-width:1024px){ /* before max-width:1000px */
    div#global_container,.header_wrap,.sub_menu.wrap {padding: 0 5%;}

    /* FOOTER */
    #footer {margin-bottom: 5%;}

    /* 사업영역 */
    .business h2.sub_part_title {margin: 3% 0;}
    .business h2.sub_part_title.pic_grid_header{margin: 3% 0 0;}
	
	/* 사업영역 - VAN */
	.van_section_08 .business h2.sub_part_title.pic_grid_header { margin: 3% 0 0.7%; }

    /* 제품소개 */
    .sub_part_products_inner h2,
    .pos .sub_part_products_inner h2 {padding: 50px 0 35px;}
}

@media (max-width: 1023px) {
	/* 회사소개 - 회사개요 */
	.introduce_comment.pic_grid_list strong {font-size:20px;}
	
    /* 제품상세 */
    .products_detail_slider_control {height: 55px;margin-top: -27.5px;}
    .products_detail_slider_btn {width: 55px;}

    .products_detail_inner_title {font-size: 26px;}
    .products_detail_inner_title_desc {padding-top: 5%;}

    .products_detail_pic_item,
    .products_detail_pic_type2 .products_detail_pic_item {width: 33.3333%;}
    .products_detail_pic_caption {padding-top: 8%;}
    .products_detail_award {padding-top: 110px;padding-left: 75px;}
    .products_detail_award img {width: 60px;}

	.product_smt_m264 .products_detail_award {padding-top:35%;}

	/* 사업영역 - PG */
    .pg_section_02 p.device_wrap_text span {display: block;width: 170px;}
	.pg_section_02 p.device_wrap_text span.context01 {left:-11.5%;}
    .pg_section_02 p.device_wrap_text span.context02 {right: -11.5%;}

	/* 제품소개 */
	.products_list > li .jt_product_view_btn { display:block;}
	.products_list > li > div { float:left;}
	.products_list > li > div .jt_product_content_inner { display:block;}
	.products_list > li .jt_product_img { width:40%;}
	.products_list > li .jt_product_content { width:60%;}
	.products_list > li .jt_product_view_btn { margin-top:15px; margin-left:25px;}
	.products_list > li .jt_product_view_btn a { float:left;}
}

@media (max-width:940px){
    /* MENU */
    #logo {top: 19px;left: 50%;margin-left: -60px;}
    a.header_lang, a.header_inquiry, a.header_blog {top: 20px;}
    a.header_blog {width: 34px;padding: 9px 0;}
    a.header_blog svg {width: 8px;}
    a.header_blog .header_blog_pc {display: none;}
    a.header_blog .header_blog_small {display: block;}

    /* TML STYLE */
    .tml-lostpassword input[type=text] { width: 170px;}

    /* SUBPAGE */
    .sub_menu_container {top: 130px;}

    /* 회사소개 - CEO 인사말 */
	.sub_part_ceo_01_profil {width: 100%; height: auto; padding-top:0;}
	.sub_part_ceo_01_profil_inner {position:static; margin:auto; padding:4.5% 4.5% 0;}
	.sub_part_ceo_01_profil img { max-width:100%;}
    .sub_part_ceo_01_content {width: 100%;}
	.sub_part_ceo_01_profil_inner{ }

    /* 회사소개 - 오시는길 */
    .sub_part_location {padding: 30px 2.5%;}
    .sub_part_location_info li > b {width: 10%;}
    .sub_part_location_info li > span {padding-left: 20px;}
    .sub_part_location_info strong {font-size: 22px;}

    /* 회사소개 - 연혁 */
    .sub_part_history_01a {float: left;width: 100%;height: 300px;position: relative;}
    .history_01a_inner { height: 70%; top: 15%; }
    .history_01a_inner p { font-size: 14px; padding-left: 50%; margin-left: -54px; }
    .sub_part_content.sub_part_history_01b { width: 100%; position: relative; }

    /* 사업영역 - VAN */
    .van_section_07 {padding: 4% 2%;}
    .van_section_07 p {padding: 2.5% 2% 0;}
    .van_section_07 a.smartro_btn_basic {margin: 3.3% auto 6%;}
    /*
    .van_area_info {width: 100%;margin: auto;padding: 0;}
    .van_area_info > div {float: left;width: 25%;margin: 0;padding: 0 10px;}
    */

    /* 사업영역 - PG */
    .pg_section_04 ul.smilepay_info_list li {min-height: 176px;}
    .pg_section_04 .partner_network > div {width: 400px;height: 120px;margin: 8% auto;}
    .pg_section_04 .partner_network p {left: 79px;}
    .pg_section_04 .partner_network b {width: 637px;top: -4px;left: -133px;font-size: 42px;line-height: 120px;}

    /* 사업영역 - BIZZLE */
    .bizzle_section_05 .bizzle_tel_text {width: 60%;}
    .bizzle_section_05 .bizzle_tel_text p {font-size: 2.8em;}
    .bizzle_section_05 .bizzle_tel_text strong {font-size: .7em;}
    .bizzle_section_05 .bizzle_tel_btn {width: 40%;padding-left: 0;}
    .bizzle_section_05 .bizzle_tel_btn a.smartro_btn_basic {width: 180px;margin: 2% auto;padding: 12px 0 12px 15px;font-size: 13px;background-position: 136px center;}

    /* 사업영역 - MSP */
    .msp_grid {width: 48%;height: 500px;}
    .msp_grid:nth-child(3n-1), .msp_grid:nth-child(3n-2) {margin-right: 0;}
    .msp_grid:nth-child(2n-1) {margin-right: 4%;}
    .msp_section_02 h3 {padding: 7% 0 5%;}

    /* 사업영역 - 부가서비스 */
    .dcc_service_process li {margin-right: 60px;}
    .dcc_service_process li:nth-child(3n) {margin-right: 60px;}
    .dcc_service_process li:nth-child(3n):after {background: url('../images/sub/dcc-arrow.png') no-repeat center center;}
    .dcc_service_process li:nth-child(2n) {margin-right: 0;}
    .dcc_service_process li:nth-child(2n):after {background: none;}

}

@media (max-width:900px){
    .body_container { position: relative;min-height: calc(100% - 597px);}

    /* 회사소개 - 회사개요 */
    .introduce_about_inner {width: 80%;padding: 0 5%;}

    /* 회사소개 - 사업영역 */
    .sub_part_area_header_content {width: 100%;}

    /* 사업영역 */
    .pic_grid_list li {width: 31%;}
    .pic_grid_list li:first-child, .pic_grid_list li:first-child + li {margin-right: 3.5%;}
    .pic_grid_list strong {font-size: 16px;}
    .pic_grid_list p {font-size: 13px;}

    .business_banner_wrap {height: 450px;padding: 0 5%;}

    /* 사업영역 - PG */
    .pg_section_05 .section_05_inner {width: 80%;padding: 0 5%;}

    /* 사업영역 -BIZZLE */
	.bizzle_section_02 .bizzle_service_slide_inner {max-width:66%;}
	.bizzle_section_02 .pic_service_free_pay .bizzle_service_img img {max-width:66%;}
	.bizzle_section_02 .bizzle_waiting_service .bizzle_service_txt {width: 50%;}
	.bizzle_section_02 .bizzle_waiting_service .bizzle_service_img {width: 50%;}
	.bizzle_section_02 .bizzle_service_img {width: 42%;padding-top:40px;vertical-align:bottom;}
	.bizzle_section_02 .bizzle_service_txt {width: 58%;padding: 43px 0 50px;}
	.bizzle_section_02 .bizzle_service_txt h3 {font-size: 28px;margin-bottom: 18px;}
	.bizzle_section_02 .bizzle_service_slide_control {bottom: calc(50% - 65px * 1);}
	.bizzle_section_02 .bizzle_easy_point {padding-top: 65px;}
	.bizzle_section_02 .bizzle_easy_point h4 {font-size: 28px;}
	.bizzle_section_02 .bizzle_easy_point_img {padding-top: 55px;}
	
    .bizzle_section_03 {height: auto;background: #dc372b;}
	.bizzle_section_03 .bizzle_mobile_link {max-width: 600px;margin: 0 auto;}
    .bizzle_section_03 .bizzle_pad {position: static;width: 75%;padding: 3% 0 0;margin: 0 12.5%;}
    .bizzle_section_03 .position_right {position: static;width: 100%;padding: 3%;text-align: center;}
    .bizzle_section_03 .bizzle_mobile {position: static;width: 75%;max-width: none;padding: 8% 5% 5%;margin: 0 12.5%;-webkit-transform: none; -ms-transform: none; transform: none;}
    .bizzle_section_03 .position_left {position: static;width: 100%;padding: 0 0 8% 0;text-align: center;}
    .bizzle_section_03 .position_right .smartro_btn_basic {float: none;display: inline-block;margin: 24px 0 0;padding: 12px 0 12px 15px;}
    .bizzle_section_03 .position_right a.smartro_btn_basic {font-size: 12px;}
    .bizzle_section_03 .position_left .smartro_btn_basic {display: inline-block;font-size: 12px;padding: 12px 0 12px 15px;}

    .bizzle_section_04 {padding-top: 8%;}
	.bizzle_section_05 {padding-top:8%;}

    /* 제품소개  */
    .products_gear_list li {width: 25%;}
    .products_gear_list > li:nth-child(6n+1) {clear: none;border-left: none;}
    .products_gear_list > li:nth-child(4n+1) {clear: both;border-left: 1px solid #e4e4e4;}
    .products_gear_list li:first-child + li  + li  + li  + li ,
    .products_gear_list li:first-child + li + li  + li  + li  + li {border-top: none;}
    .products_gear_list li.products_gear_list_blank {display: none;}
}

@media (max-width:885px){
    /* 사업영역 */
    .pic_grid_list p {padding-bottom: 10px;}
    .pic_grid_list p br.mobile_br {display: block;}

    /* 인재채용 - 인사제도/복리후생 */
    .hr_grid.grid01, .hr_grid.grid02 {margin-right: auto;}
    .hr_grid {width: 70%;min-height: 0;margin: 1% 15%;}
    .hr_grid > ul {margin-top: 0;padding-bottom: 3%;}
    .hr_grid img {margin: 5% auto 4%;}
    .sub_hr_03_content01 h3 {padding-bottom: 3%;border-width: 0 0 2px 0;}
    .sub_hr_03_content01 p {padding: 1% 0;}
	.sub_hr_03_content01 p.sub:before {top:4px;}
	
	/* 사업영역 - VAN */
	.van_section_08 .pic_grid_list li:first-child + li span { background-size: contain; }
	.van_section_08 .pic_grid_list p br.mobile_br { display: none; }
}

@media (max-width:820px){
	/* 회사소개 - 회사개요 */
	.introduce_comment.pic_grid_list p {padding-bottom:0; word-break:keep-all;}
	.introduce_comment.pic_grid_list li:first-child + li p br {display: none;}
}

@media (max-width:768px){
    /* MENU */
    ul#menu > li:first-child > ul {left: 72%;}

    /* SUBPAGE */
    .jumbo {background-position: 200% center;}
    .motion_bar {display: none;}

    /* content-footer margin-bottom */
    .sub_part_area.sub_part_area_04 {padding-bottom: 70px;}
    .pg_section_06 {padding-bottom: 5%;}
    .bizzle_section_05 {padding: 8% 0 10%;}
    .sub_part_products_inner, .pos .sub_part_products_inner {padding-bottom: 3%;}
    .pos .sub_part_products_inner.gear {padding-bottom: 10%;}
    .sub_part_hr_03, .sub_part_jobs_02 {padding: 7% 0;}

    /* 회사소개 - 오시는길 */
    .location .sub_part {padding: 5% 0;}
    .sub_part_location {padding: 30px 5%;position: relative;}
    .sub_part_location_info {width: 100%;}
    .sub_part_location_map {width: 90%;position: absolute;left: 5%;top: 100px;}
    .location_info_list {height: auto;}
    .sub_part_location_info ul {margin-top: 405px;}
    .sub_part_location_03 .sub_part_location_info ul {width: 100%;}

    /* 사업영역 */
    ul.pic_service_list > li {height: 270px;position: relative;}
    ul.pic_service_list .service_pic {width: 100%;padding-top: 30px;}
    ul.pic_service_list .service_pic span {display: inline-block;font-size: 24px;}
    ul.pic_service_list .service_pic span br.mobile_br {display: none;}
    ul.pic_service_list .service_text {width: 58%;height: auto;padding-top: 0;position: absolute;top: 80px;left: 0;}
    ul.pic_service_list .service_text p {font-size: 13px;}
    ul.pic_service_list .service_text ul > li > p:before {top: 1px;}
    ul.pic_service_list .service_text p span {white-space: pre;}

    .bizzle ul.pic_service_list li .service_pic,
    .bizzle ul.pic_service_list li:first-child + li .service_pic,
    .bizzle ul.pic_service_list li:first-child + li + li .service_pic,
    .bizzle ul.pic_service_list li:first-child + li + li + li .service_pic,
    .asp_section_02 ul.pic_service_list li:first-child .service_pic,
    .asp_section_02 ul.pic_service_list li:first-child + li .service_pic,
    .asp_section_02 ul.pic_service_list li:first-child + li + li .service_pic,
    .combine_asp_section_02 ul.pic_service_list li:first-child .service_pic,
    .combine_asp_section_02 ul.pic_service_list li:first-child + li .service_pic,
    .combine_asp_section_02 ul.pic_service_list li:first-child + li + li .service_pic,
    .combine_asp_section_02 ul.pic_service_list li:first-child + li + li + li .service_pic,
    .combine_asp_section_02 ul.pic_service_list li:first-child + li + li + li + li .service_pic,
    .dcc_section_02 ul.pic_service_list li .service_pic,
    .dcc_section_02 ul.pic_service_list li:first-child + li .service_pic,
    .dcc_section_02 ul.pic_service_list li:first-child + li + li .service_pic {background-position: right bottom;}

    /* 사업영역 - MSP */
    .msp_section_03 table {margin: 5% auto;}
    .msp_section_03 td img {display: none;}
    .msp_section_03 td p.tel {width: 90%;}
    .msp_section_03 td p.title {margin-bottom: 10%;}
    .msp_section_03 td p.title span {font-size: 15px;}
    .msp_section_03 td p {margin-bottom: 5%;font-size: 13px;}
    .msp_section_03 td span {font-size: 13px;}
    .msp_section_03 td ul li {height: 120px;margin-bottom: 15%;}

    /* 사업영역 - BIZZLE */
	.bizzle_section_02 .pic_service_list_container {padding-bottom:15%;}
	.bizzle_section_02 .pic_service_list_container_02 {padding-top:15%;}
	.bizzle_section_02 .bizzle_service_img {width: 100%;padding-top:10%;}
	.bizzle_section_02 .bizzle_service_txt {width: 100%;padding-bottom:0;padding-top:10%;}
	.bizzle_section_02 .bizzle_service_txt h3 {font-size: 28px;margin-bottom: 14px;}
	.bizzle_section_02 .bizzle_service_txt h3 br {display: none;}
	.bizzle_section_02 .bizzle_service_txt i {font-size: 15px;line-height: 1.55;}
	html.android .bizzle_section_02 .bizzle_service_txt i {padding-bottom:4px;}
	.bizzle_section_02 .bizzle_waiting_service .bizzle_service_img {width: 100%;}
	.bizzle_section_02 .bizzle_waiting_service .bizzle_service_txt {width:100%; padding-top:0;}
	.bizzle_section_02 .bizzle_service_txt_list {margin-top: 16px;}
	.bizzle_section_02 .bizzle_service_txt_list li {width: 50%;display: inline-block;word-break: keep-all;margin-top:8px;padding-right:30px;vertical-align: top;}
	.bizzle_section_02 .bizzle_service_txt_list li:nth-child(1),
	.bizzle_section_02 .bizzle_service_txt_list li:nth-child(2) {margin-top:0;}
	.bizzle_section_02 .bizzle_video_popup_list {padding-top: 30px;}
	.bizzle_section_02 .pic_service_free_pay {padding-bottom: 0;border: 0;}
	.bizzle_section_02 .pic_service_list.pic_service_waiting_service {border-top:0;margin-top: -1%;}
	
	.bizzle_section_02 .bizzle_service_slide_inner {max-width: 38%;}
	.bizzle_section_02 .bizzle_service_slide_control {bottom: calc(45% - 25px * 1);}
	.bizzle_section_02 .pic_service_free_pay .bizzle_service_img {display: none;}
	.bizzle_section_02 .bizzle_easy_point_img figure {width: 29.7%;}
	.bizzle_section_02 .bizzle_easy_point_img figure:nth-child(2) {display:none;}
	.bizzle_section_02 .bizzle_easy_point_img figure:last-child {width: 67.9%;}
	.bizzle_section_02 .bizzle_easy_point_img figure img {margin-bottom:-1px;}
	
	.bizzle_section_02 .bizzle_easy_point {padding-top: 9%;}
	.bizzle_section_02 .bizzle_easy_point_img {padding-top: 7%;}
	.bizzle_section_02 .bizzle_easy_point h4 {font-size: 24px;}
	.bizzle_section_02 .bizzle_easy_point h4 span:after {margin-left: 8px;}
	
	.bizzle_youtube_popup {width:calc(100vw - 10% * 1);}
	
    .bizzle_section_05 .interview_left p {font-size: 22px;}

    /* 사업영역 - 부가서비스 */
    .dcc_section_03 {padding: 20px 0 10%;}

    /* 인재채용 */
    .careers_full_grid {width: 100%; height: 400px;}
    .careers_full_grid h2 {font-size: 24px;}

    /* 인재채용 - 채용안내 */
    .sub_jobs_02_content01 ul li {margin: 2% 0;}
    .sub_jobs_02_content01 ul li figcaption {padding-top: 5%;}
    .sub_jobs_02_content01 ul li figcaption p {font-size: 15px;}

    /* 고객센터 */
    .sub_part_customer {padding: 7% 0 5%;}
    .customer h2 {padding:12% 0 6%;}
    .customer h2 span {position: static;display: block;width: 100%;text-align: right;padding-top: 1%;}
    .customer_contact_cell.customer_contact_phone {width: 100%;}
    .customer_contact_cell.customer_contact_info {width: 100%;padding-left: 0;padding-top: 3%;}
    .sub_part_customer_01 > .sub_part_customer_inner > ul > li {padding: 20px 0 80px;background: right bottom no-repeat;}
    .customer .customer_contact_phone h3 {font-size: 22px;}
    .customer_contact_cell.customer_contact_phone a {font-size: 32px;}

    /* 제품소개 */
	.products_list { padding:0 5%;}
    .products_list > li:nth-child(3n+1) {clear: none;}
    .products_list > li:nth-child(odd) {clear: both;}


    /* 제품상세 */
    .products_detail_slider_btn:hover {background-color: #ddd;}

    .products_detail_pic_caption, .products_detail_inner_title_desc {line-height: 1.6;}

    .products_detail_spec_table thead th, .products_detail_spec_table tbody th, .products_detail_spec_table tbody td {font-size: 16px;}

    .single_pagination {height: 70px;border-top-width: 2px;}
    .single_pagination_list {width: 70px;height: 100%;border-width: 0 1px;top: 0;margin-top: 0;margin-left: -35px;background-size: 15px auto;}
    .single_pagination_link b {font-size: 15px;}
    .single_pagination_link span {display: none;}

    .single_pagination_next, .single_pagination_title_next {padding-left: 35px;}
    .single_pagination_prev, .single_pagination_title_prev {padding-right: 35px;}
    .single_pagination_link b:after {display: none;}
    .single_pagination_link:hover b {padding: 0;color: #222;}

    /* 개인정보취급방침 */
    .privacy_header {margin: 5% 0;}
    .privacy_part_inner .table_support {padding-bottom: 10px;}
    .privacy .before_privacy_download {top: 38px;right: 0;width: auto;height: 32px;padding: 0 20px 0 7px;line-height: 32px;font-size: 12px;border-width: 1px;background-position: 96% center;}
    .privacy h1 {margin-bottom: 30px;padding: 40px 0 15px;font-size: 24px;border-width: 0 0 2px 0;}
    .privacy h2 {font-size: 17px;}
    .privacy h2 span:after {bottom: 2px;}
    .privacy p {font-size: 13px;}
    .privacy em {font-size: 11px;}
    .privacy b {font-size: 13px;}
    .privacy b:before {top: 5px;}
    .privacy b a, .privacy li b a {font-size: 13px;}
    .privacy li {font-size: 13px;}
    .privacy li a {font-size: 13px;}
    .privacy_list_1depth {margin: 2% 0 2% 8px;}
    .privacy_list_1depth li {padding-bottom: 1%;}
    .privacy_list_1depth li:before {font-size: 13px;}
	.privacy_list_1depth li ul {margin-top:1%;}
    .privacy table th {font-size: 12px;}
    .privacy table td {font-size: 12px;}
    .privacy .privacy_part table.two_colume th, .privacy .privacy_part table.two_colume td {width: 60%;}
    .privacy .privacy_part table.two_colume th:first-child, .privacy .privacy_part table.two_colume td:first-child {width: 40%;}

    /* 통신과금 서비스 */
    .service_user_agreements_header {margin: 5% 0;}
    .service_user_agreements h1 {margin-bottom: 30px;padding: 40px 0 15px;font-size: 24px;border-width: 0 0 2px 0;}
    .service_user_agreements h2 {font-size: 17px;}
    .service_user_agreements h2 span:after {bottom: 2px;}
    .service_user_agreements p {font-size: 13px;}
    .service_user_agreements p.paragraph {margin-bottom: 3%;}
    .service_user_agreements em {font-size: 11px;}
    .service_user_agreements strong {font-size: 13px;}
    .service_user_agreements b {font-size: 13px;}
    .service_user_agreements b:before {top: 5px;}
    .service_user_agreements b a, .service_user_agreements_list li b a {font-size: 13px;}
    .service_user_agreements_list li {font-size: 13px;}
    .service_user_agreements_list li a {font-size: 13px;}
    .service_user_agreements_list_1depth {margin: 2% 0 2% 8px;}
    .service_user_agreements_list_1depth li {padding-bottom: 1%;}
    .service_user_agreements_list_1depth li:before {font-size: 13px;}

    /* list */
    .jt_board_list, .jt_board_list tbody, .jt_board_list tr, .jt_board_list td {display: block;}
    .jt_board_list thead, .jt_board_list .num, .jt_board_list .view {display: none;}
    .jt_board_list tr {position: relative;}
    .jt_board_list td.title {width: 100%;padding: 15px 12px 36px 12px;}
    .jt_board_list .date  {width: auto;height: 20px;line-height: 20px;padding: 0;position: absolute;left: 12px;bottom: 12px;border: none;font-size: 13px;}
    /*.jt_board_list .view {left: 85px;}*/
    /*.jt_board_list .view:before {content:'';display:block;width:1px;height:10px;position:absolute;top:50%;left: -11px;margin-top:-5px;background:#ccc;}*/

    /* notice */
    .sub_part_notice_single {padding-bottom: 12%;}

    /* pagination */
    .jt_pagination {margin-top: 8%;}
    .jt_pagination .page-numbers {min-width:28px; height:28px; font-size:15px; margin-left:2px; margin-right:2px;}
	.jt_pagination .page-numbers.first {background-position:-12px center;}
	.jt_pagination .page-numbers.prev {background-position:-59px center; margin-right:4px;}
	.jt_pagination .page-numbers.next {background-position:-101px center;}
	.jt_pagination .page-numbers.last {background-position:-148px center; margin-left:4px;}

    /* single  */
	.jt_single_title h2 {font-size:18px;}
	.jt_single_content {padding-bottom: 5%;}
	.jt_single_content p {padding: 0;font-size:14px;}
	.jt_single_content li {font-size:14px; padding-left:11px;}
	.jt_single_content li:before {top:14px;}
    .jt_single_content .single_info {margin-bottom: 10px;padding: 0 15px;min-height: inherit;}
	.jt_single_content .single_info span, .jt_single_content .single_info time, .jt_single_content .single_info span.download_file a {font-size: 13px;}
    .jt_single_content .single_info span, .jt_single_content .single_info time {line-height: 1.6;background-size: 13px auto;}
    .jt_single_content .single_info time,
    .jt_single_content .single_info span.author,
    .jt_single_content .single_info span.post_views {padding: 9px 20px;}
    .jt_single_content .single_info span.post_views {background-size: 18px auto;}
    .jt_single_content .single_info span.download_file {padding: 9px 20px 9px 64px;}
    .jt_single_content .single_info span.download_file_title {position: absolute;left: 0;}

    /* single pagination */
    .jt_single_pagination {margin: 5% auto;}
}

@media (max-width:720px){

    /* SMALL SCREEN USE DEFAULT FONT */
    body{font-family: sans-serif;padding-top: 60px;}

    /* REMOVE ADMIN BAR  */
    #wpadminbar{ display:none;}
    html[lang="ko"] {margin-top: 0px !important;}
    .admin-bar #header { top: 0;}

    /* MENU */
    #logo {top: 10px;}
    .menu_container { position: fixed; top: 0; left: 0; bottom: 0; z-index: 555; width: 320px; background: #414141; margin-left: 0; -webkit-transform: translateX(-100%);transform: translateX(-100%);}
    ul#menu > li { display: block; float: none; clear: both; width: 100%; padding:0; }
    ul#menu > li > a { position:relative; text-align: left; color: #fff;border-bottom: 1px solid #545453;padding-left: 25px;}
    .single-notice ul#menu > li:first-child > a,
    .single-product ul#menu > li:first-child + li + li > a {color: #fff;}
    ul#menu > li > a:before{width: 7px; height:5px; content:""; background: url(../images/sub/mini_arrow_down.png) no-repeat center center; position:absolute;top: 24px;bottom: auto;right:30px;position: absolute;left: auto;}
    ul#menu li.active > a:before{transform:rotate(180deg);top: 28px}
    ul#menu li:hover > a, ul#menu a:hover, ul#menu li.active > a { color: #ADABA5;}
    ul#menu > li:hover > a:after { display: none; }
    ul#menu > li > ul, ul#menu > li:hover > ul { position: inherit;display: none; margin: 0; left: 0; box-shadow: none; top: 0; width: 100%; clear: both; background: #676663;}
    ul#menu > li > ul a, ul#menu > li:hover > ul a { background: none; border: none; color: #eee;padding-left: 45px;font-size: 15px; }
    ul#menu > li > ul > li:first-child > a,ul#menu > li > ul > li:first-child > a:hover { border-top: none; }
    ul#menu > li > ul a:hover{background: #7D7D7A;}
    #menu > li:last-child > ul, ul#menu > li:last-child > ul { left: 0; }
    ul#menu { height: 100%; position: absolute; width: 100%; overflow: auto; padding-left:35px }
    ul#menu > li > ul{visibility: visible; opacity: 1;}
    ul#menu > li:nth-child(3) > ul > li:nth-child(4) a,
    ul#menu > li:nth-child(5) > ul > li:nth-child(2) a,
    ul#menu > li:nth-child(5) > ul > li:nth-child(3) a {background-image: url(../images/icon-blank-hover.png);background-position: 225px center;background-size: 13px auto;}
    header#header { height: 60px; }
    #small_menu_btn { cursor:pointer; width: 40px; height: 40px; position: absolute;top: 50%; left: 5%;margin-top: -20px;}
    #small_menu_btn span, #small_menu_btn:before, #small_menu_btn:after {border-radius: 2px; width: 23px; height: 3px; content: "";width: 23px;height: 3px; background: #414141;left: 8px;position: absolute;}
    #small_menu_btn span{top: 13px;}
    #small_menu_btn:before{top: 19px;}
    #small_menu_btn:after {top: 25px;}
    #small_menu_overlay { z-index: 444; position: fixed; top: 0;  left: 0; bottom: 0; right: 0;  background: rgba(255, 255, 255, 0.85); display:none;}
    #small_menu_close { border-radius:2px; display:block; cursor:pointer; z-index: 450;position: fixed; width: 30px; height: 30px; line-height: 30px; text-align: center;     background: #333 url(../images/menu_close_btn.png) no-repeat center center; background-size: 12px auto; color: #fff; font-size: 24px; left: -30px;top: 20px;}

    /* FOOTER */
    .copyright {padding-top: 5%;}
    .footer_ca {display: none;}

    /* MAIN */
    nav.main_bottom_link_nav li a:before {display: none;}
    .main_visual_txt_inner { opacity: 0; transition: 900ms;}
    .cycle-slide-active .main_visual_txt_inner { opacity:1}
    .main_visual_txt_container a,
    p.main_visual_txt b{transition-delay: 0ms;}

    /* jumbo */
    .jumbo {height: 400px;padding-bottom: 800px;background-position: center top;}
    .jumbo_content_wrap {width: 100%;height: 400px;top: 400px;/*background: rgba(220, 55, 43, 0.9);*/}
    .jumbo_content_inner {padding: 0 8%;}
    .product_tabs .jumbo {padding-bottom: 0;}

    /* SUBPAGE */
    .sub_menu_container {display: none;}

    .sub_title_container {padding: 8% 0px 5%;}
    .sub_title {font-size: 30px;}
    .sub_title_desc {font-size: 13px;}

    /* 회사소개 - 회사개요 */
    .introduce_about {height: 350px;}
    .introduce_about:before {display: none;}
    .introduce_about_inner {width: 90%;height: 90%;top: 5%;}

    /* 회사소개 - 연혁 */
    .sub_part_history_01a:before {display: none;}
    .history_01a_inner { width: 80%; height: 80%; top: 10%; left: 10%; }
    .history_01a_inner p { padding-left: 50%; margin-left: -54px; }

    /* 회사소개 - 사업영역 */
    .sub_part_area_header {}
    .sub_part_area_header {height: 350px;margin-bottom: 0;}
    .sub_part_area_header_content p {padding-left: 9%;font-size: 40px;}
    .sub_part_area {padding-bottom: 5%;}
    .sub_part_content.sub_part_area_content h2 {font-size: 22px; padding: 12% 0 6%;}
    .sub_part_area_cell {padding-left: 15px;}
    .sub_part_area_cell:first-child {padding-right: 15px;}

    /* 사업영역 */
    .business h2.sub_part_title {margin: 12% 0 6%; font-size:22px; }
    .business h2.sub_part_title.pic_grid_header{margin: 16% 0 0; font-size:22px; }

    .business_banner_wrap {height: 400px;}
    .business_banner_wrap:before {display: none;}

    /* 사업영역 - VAN */
    .van_section_02 p.line_middle_text {font-size: 18px;}
    .van_section_02 p.line_middle_text span {font-size: 35px;}

    .van_section_04 ul.partner_info_list b:first-child, .van_section_04 ul.partner_info_list strong {width: 100px;text-align: left;}
    .van_section_04 ul.partner_info_list b, ul.partner_info_list strong, ul.partner_info_list span {padding: 15px 0 15px 15px;}

    .van_section_06 .smile_pos_list > li {clear: both;float: none;width: 75%;margin: 0 12.5%;}
    .van_section_06 .smile_pos_list > li:first-child,
    .van_section_06 .smile_pos_list > li:first-child + li,
    .van_section_06 .smile_pos_list > li:first-child + li + li,
    .van_section_06 .smile_pos_list > li:first-child + li + li + li {margin-right: 0;margin-top: 3%;margin-bottom: 0;}

    .van_section_07 p br {display: none;}
    .van_section_07 a.smartro_btn_basic {margin: 7% auto 9%;padding: 10px 0 12px 20px;font-size: 13px;}
	
	.business .van_section_08 h2.sub_part_title.pic_grid_header { margin: 5.2% 0 1.3%; ont-size: 22px; }
	.van_section_08 .sub_part_title .br_small { display:block; }
	.van_section_08 ul.payment_info_list b:first-child, .van_section_08 ul.payment_info_list strong {width: 100px;text-align: left;}
    .van_section_08 ul.payment_info_list b, ul.payment_info_list strong, ul.payment_info_list span {padding: 15px 0 15px 15px;}
	ul.payment_info_list strong {padding-right:15px;}

    /* 사업영역 - PG */
    .pg_section_02 .device {width: 75%;}

    .pg_section_04 .partner_network > div {width: 90%;height: auto;padding: 3% 3% 2.5%;}
    .pg_section_04 .partner_network p {top: -15px;left: 50%;margin-left: -124px;font-size: 17px;}
    .pg_section_04 .partner_network b {position: static;width: 100%;font-size: 32px;line-height: 1.6;text-align: center;}
    .pg_section_04 .partner_network b span {display: inline-block;padding: 0 2%;}
    .pg_section_04 .partner_network_text01, .pg_section_04 .partner_network_text02 {padding-right: 0;}

    .pg_section_05 {height: 350px;}
    .pg_section_05:before {display: none;}
    .pg_section_05 .section_05_inner {width: 90%;height: 90%;top: 5%;}
	
	/* 사업영역 - BIZZLE */
	.extra_service .sub_header {padding-top: calc(133% + 62px * 1)}
	.bizzle_visual_btn_container {position:absolute;bottom: calc(3.9% + -8px * 1);left:0;width:100%;margin:0;}
	.bizzle_visual_btn_container .bizzle_visual_btn {font-size: 16px;padding: 3% 6%;}
	.bizzle_section_02 .bizzle_service_txt_list li:before {top: 7px;}
	html.ios .bizzle_section_02 .bizzle_service_txt_list li:before {top: 6px;}
	.bizzle_section_02 .bizzle_easy_point_container p {line-height:1.8;}

    /* 인재채용 */
	.sub_part_hr_02 {padding-top: 7%;padding-bottom: calc(14% + 42px * 1 );}
	.sub_hr_02_content01 ul li {margin-bottom: 0;padding-bottom: 0;}
	.careers .sub_hr_03_content01 h2.sub_part_title {margin: 10% 0 4%;}
    .careers h2.sub_part_title {margin: 3.8% 0 6%; font-size:22px;}

    /* 인재채용 - 인재상*/
    .sub_part_talent:before {display: none;}
    .sub_talent_content {width: 100%;padding: 23% 2.5%;}

    /* 제품소개 */
    .sub_part_products_inner h2,
    .pos .sub_part_products_inner h2 {padding: 12% 0 6%;font-size:22px;}

    /* 제품상세 */
    .products_detail_slider_control {height: 50px;margin-top: -25px;}
    .products_detail_slider_btn {width: 50px;}

    .products_detail_inner_title {font-size: 22px;font-weight: 600;}
    .products_detail_inner_title_desc {font-size: 13px;}

    .products_detail_feature {padding: 10% 0;}
    .products_detail_pic_item {margin: 2% 0;}
    .products_detail_pic_figure {transform: scale(0.8);}
    .products_detail_pic_caption {padding-top: 5%;font-size: 13px;}

    .products_detail_msg, .products_detail_msg_row, .products_detail_msg_cell {display: block;}
    .products_detail_msg_cell {width: 100%;padding: 0;text-align: center;}
    .products_detail_first {padding-top: 0;}
    .products_detail_msg_productimg {max-width: 70%;padding: 20px 0 0;}
    .products_detail_msg .products_detail_inner_title br {display: block;}

    .products_detail_award, .product_smt_m264 .products_detail_award {display: inline-block;padding-top: 5%;padding-left: 0;}
    .products_detail_award img {width: 50px;position: static;}
    .products_detail_award p {padding-top: 10px;font-size: 13px;}
    .products_detail_award p br {display: none;}

    .products_detail_spec {padding: 10% 0;}
    .products_detail_spec_title {margin-bottom: 4%;font-size: 22px;}

    .product_apexa_g .products_detail_first_type2 {padding:0;}
    .product_apexa_g .products_detail_award {padding-top: 5%;}

    /* TML STYLE */
    .login_form .cols-01 input { width: 100%; }
    .login_form .rows-01 > .cols-01 { width: 100%; padding-right: 140px; margin-right: 0; }
    .login_form .rows-01 { width: 100%; position: relative; }
    .cols.cols-02.login-submit { position: absolute; right: 0; top: 0; }
    .login_form { padding-left: 5%; padding-right: 5%; overflow: inherit; float: left; width: 90%; }
    .login_form .login_form_inner { width: 100%; }

    .login_form .rows-02 > .cols-01 { width: auto; }
    .login_form .rows-02 > .cols-02 { float: right; width: auto; }
    .login_form .rows-02 { width: 100%;}
    .tml-lostpassword p { display: block;}
    .tml-lostpassword { padding: 83px 10%;}
    .tml-lostpassword label {padding-bottom: 10px;}
    .tml-lostpassword input[type=text] { width: 100%; margin: 0; margin-bottom: 10px;}

    a.header_inquiry {display: none;}
    a.header_lang{color: #DC372B;}
    a.header_lang:before {background: transparent;}

    /* sub_header */
    h1#sub_header_title span:after {top: 50%;margin-top: -2px;right: -110px;}
    .square_pg span:nth-child(8) {letter-spacing: .2em;}

    /* error 404 */
    #error_404 .square_container{top: inherit;left: inherit;}

    /* notice */
    .sub_part_notice {padding-top: 15px;}
}

@media (max-width:700px){
    /* 회사소개 - 회사개요 */
    .introduce_about strong br, .introduce_about p br {display: none;}

    /* 사업영역 - VAN */
    .van_area_info {width: 100%;margin: auto;padding: 0;}
    .van_area_info > div {float: left;width: 100%;margin: 0 0 6% 0;padding: 0 10px;}

    /* 사업영역 - PG */
    .pg_section_05 strong br, .pg_section_05 p br {display: none;}

    /* 인재채용 - 인사제도/복리후생 */
    .sub_hr_03_content01 p.sub:before {top: 1px;}

    /* 개인정보취급방침 */
    #privacy_popup {width: 80%;height: auto;left: 10% !important;}
    #privacy_popup .privacy_popup_inner {padding: 5%;}
    #privacy_popup .pop_up_close {width: 35px;height: 35px;background-size: 55%;top: 4.5%;right: 5%;} 
    #privacy_popup h2 {font-size: 17px;line-height: 20px;}
	#privacy_popup .pop_up_content {margin-top: 5.5%;}
    #company_popup {width: 80%;height: auto;left: 10% !important;}
    #company_popup .company_popup_inner {padding: 5%;}
    #company_popup .company_list_close {width: 35px;height: 35px;background-size: 55%;top: 4.5%;right: 5%;}
    #company_popup h2 {font-size: 17px;line-height: 20px;}
    #company_popup .pop_up_content ul li {width: 50%;font-size: 12px;}
}

@media (max-width:620px){
    /* 회사소개 - CEO 인사말 */
	.ceo_sign img { margin-left:10px;}
	.ceo_sign .en_name { margin-left:10px;}
	
	/* 회사소개 - 회사개요 */
	.introduce_comment.pic_grid_list {width: 90%;margin-right: 5%;margin-left: 5%;margin-bottom: 62px;}
	.introduce_comment.pic_grid_list li {float: left;width:45%;margin:0;margin-right:10%;}
	.introduce_comment.pic_grid_list li:first-child {margin-right:10%;}
	.introduce_comment.pic_grid_list li:first-child + li, 
	.introduce_comment.pic_grid_list li:nth-child(2n) {margin-right:0}
	.introduce_comment.pic_grid_list strong {font-size:16px; margin:4% 0;}

    /* 사업영역  */
    .business_banner_wrap p br {display: none;}

    .pic_grid_list li {float: none;width: 80%;margin: 0 10%;padding-bottom: 0;}
    .pic_grid_list li:first-child, .pic_grid_list li:first-child + li {margin-right: 0;}
    .pic_grid_list li:last-child {padding-bottom: 0;}
    .pic_grid_list strong {margin: 4% 0;}

    /* 사업영역 - VAN */
    .line_img {display: none;}
    .van_section_02 .line img.mobile_line_img {display: block;width: auto;margin: auto;}
    .van_section_02 .device {width: 80%;}

    .van_section_06 .smile_pos_list > li {width: 85%;height: 215px;margin: 0 7.5%;}
    .van_section_06 .smile_pos_list figcaption {height: 77px;}
    .van_section_06 .smile_pos_list p {padding-top: 4%;font-size: 16px;}
    .van_section_06 .smile_pos_list p span:after {bottom: -2px;}
    .van_section_06 .smile_pos_list > li:first-child + li img,
    .van_section_06 .smile_pos_list > li:first-child + li + li img {margin-top: 4px;}
	
	.van_section_08 > p { padding: 0 3%; word-break:keep-all; }
	.van_section_08 > p br { display:none; } 
	.van_section_08 .pic_grid_list li:first-child + li span { background-size: inherit; height: 100px; }
	.van_section_08 .pic_grid_list p br { display: block; }
	.van_section_08 .pic_grid_list p br.mobile_br { display: none; }

    /* 사업영역 - PG */
    .device_wrap_text {display: none;}
    .pg_section_02 .device {width: 100%;padding-top: 5%;}
    .device_img {display: none;}
    .pg_section_02 .device img.device_img_mobile {display: block;width: auto;margin: auto;}

    .pg_section_04 ul.smilepay_info_list li {width: 50%;}
    .pg_section_04 ul.smilepay_info_list li:nth-child(3n) {border-right: 1px solid #ddd;}
    .pg_section_04 ul.smilepay_info_list li:nth-child(2n) {border-right: none;}
    .pg_section_04 ul.smilepay_info_list li:first-child + li + li + li {border-bottom: none;}

    body .pg_section_02 .device{height:auto}
    .pg_section_02 #device_line,
    .pg_section_02 .device_phone,
    .pg_section_02 .device_shadow,
    .pg_section_02 .device_hand { display: none;}

    /* 사업영역 - BIZZLE */
	.bizzle_section_02 .bizzle_service_slide_inner {max-width: 100%;}
	.bizzle_section_02 .bizzle_service_txt h3 {font-size: 24px;}
	.bizzle_section_02 .bizzle_service_txt h3 br {display: block;}
	
    .bizzle_section_05 .tel_wrap {height: auto;}
    .bizzle_section_05 .tel_wrap > div {display: block;}
    .bizzle_section_05 .bizzle_tel_text {display: block;width: 100%;padding: 11% 0 2%;margin: auto;text-align: center;}
    .bizzle_section_05 .bizzle_tel_text strong {font-size: 13px;}
    .bizzle_section_05 .bizzle_tel_text p {font-size: 50px;}
    .bizzle_section_05 .bizzle_tel_btn {display: block;width: 100%;padding-bottom: 9%;}

    /* 사업영역 - MSP */
    .msp_section_02 .section_inner {padding-top: 0;}
    .msp_grid {width: 80%;margin: 0 10% 20px;padding: 0 8%;height: auto;}
    .msp_grid:nth-child(2n-1) {margin-right: 0;}
    .msp_grid > ul {margin-bottom: 4%;}
    .msp_section_02 h3 {margin-bottom: 1%;padding: 6% 0 4%;border-width: 0 0 2px 0;}

    .msp_section_03 table {padding: 0;}
    .msp_section_03 td.img_td {display: none;}
    .msp_section_03 td.text_td, .msp_section_03 td.text_td.align_right {width: 50%;}
    .msp_section_03 td p {margin-bottom: 1%;}
    .msp_section_03 td p.title {margin-bottom: 5%;}
    .msp_section_03 td ul {margin-top: 5%;}
    .msp_section_03 td ul li {height: 110px;margin-bottom: 8%;}

    /* 사업영역 - 부가서비스 */
    .dcc_service_process li {float: left;width: 100%;min-height: 0;margin-bottom: 6%;margin-right: 0;text-align: center;}
    .dcc_service_process figcaption {width: 210px;margin: auto;}
    .dcc_service_process li:after {background: none;}
    .dcc_service_process li:nth-child(3n) {margin-right: 0;}
    .dcc_service_process li:nth-child(3n):after {background: none;}

    /* 제품소개  */
	.products_list > li { float:none; max-width:297px; margin:auto auto 30px;}
	.products_list > li ul { margin:0;}
	.products_list > li li { margin-bottom:0;}
	.products_list > li li:first-child { margin-bottom:5px; margin-top:10px;}
	.products_list > li li:last-child {padding-bottom:0;}
	.products_list > li .jt_product_img { width:100%; max-width:297px}
	.products_list > li .jt_product_content { width:100%;}
	.products_list > li .jt_product_view_btn { margin-left:0px;}
	.products_list > li .jt_product_view_btn a { width:100%;}
}

@media (max-width: 600px) {
    /* list */
    .jt_board_total_found {display: none;}
    .jt_search_field {width: calc(100% - 118px);}
    .jt_search_input {width: 100%;}
}

@media (max-width:540px){
    div#global_container, .header_wrap {padding: 0;}

    /* FOOTER */
    #footer {margin-bottom: 0;}
    .footer_address {padding-top: 5%;}
    .footer_menu li, .footer_menu a {display: block;width: 210px;margin: auto;}
    .footer_menu a {margin-bottom: 5px;margin-right: 0;}

    /* BACKGROUND COLOR */
    /*.sub_part_ceo_01 {background: #fff;}
    .sub_part_history_01 {background: #fff;}
    .sub_part_area, .area .sub_part_even {background: #fff;}

    .van_section_02, .van_section_04, .van_section_06 {background: #fff;}
    .pg_section_02, .pg_section_04, .pg_section_06, .pg_section_04 .partner_network p, .pg_section_04 .partner_network b span {background: #fff;}
    .msp_section_02 {background: #fff;}
    .salt_section_02, .salt_section_04, .salt_section_05 {background: #fff;}
    .asp_section_02, .asp_section_03, .combine_asp_section_02, .combine_asp_section_03, .dcc_section_02, .dcc_section_03 {background: #fff;}

    .sub_part_hr_03 {background: #fff;}
    .sub_part_jobs_02 {background: #fff;}

    .sub_part_products_inner {background: #fff;}
    .sub_part_customer_odd {background: #fff;}*/

    /* TML STYLE */
    .login_form .rows-01 > .cols-01 { padding-right: 0; }
    .cols.cols-02.login-submit { position: inherit; width: 100%; margin-top: 10px; }
    .login_form input[type=submit] { width: 100%; height: 45px; text-align: center; }
    .login_form .rows-02 > .cols-01 { width: 100%; text-align: center; }
    .login_form .rows-02 > .cols li:last-child { display: inline-block; font-size:12px }
    .login_form a { width: 100%; float: none; margin: 0; display: block; }
    .login_form .rows-02 > .cols.lost_box_right li:last-child{ width:100%}
    .login_form .rows-02 > .cols-02 { width: 100%;}
    .tml-lostpassword input[type=submit] { width: 100%;}

    /* MAIN - BUSINESS AREA */
    .main_business_nav_inner .main_business_item_01 a {border-bottom-width: 0px; border-right-width: 0px;}
    .main_business_nav_inner .main_business_item_02 a {border-bottom-width: 0px;}
    .main_business_nav_inner .main_business_item_03 a {border-right-width: 0px;}

    /* jumbo */
    .jumbo {height: 250px;padding-bottom: 500px;}
    .jumbo_content_wrap {height: 250px;top: 250px;font-size: 24px;}
    .jumbo_content p {font-size: 14px;text-align: justify;}
    .product_tabs .jumbo {height: 275px;}

    .extra_service_asp .jumbo {height: 320px;padding-bottom: 640px;}
    .extra_service_asp .jumbo_content_wrap {height: 320px;top: 320px;}

    /* SUBPAGE */
    .sub_title {font-size: 18px;padding-bottom: 0; padding-left: 0;}
    .sub_title_desc {display: none;}
    .tabs_menu {padding: 8% 4%; font-size: 16px;}
    .tabs_menu .active a span:after {height: 2px;bottom: -2px;}
    .sub_tab_nav a {padding: 5px 10px;}

    /* 회사소개 - CEO 인사말 */
    .sub_part_ceo_01_profil b {  margin-top:20px;}
	.sub_part_ceo_01_profil b br {display:none;}
    .sub_part_ceo_01_content {padding: 4% 4.5% 11%;}
    .sub_part_ceo_01_content.sub_part_content p {margin-bottom: 0; margin-top:0;}
    .sub_part_ceo_01_content b {display: block;padding-bottom: 1%;font-size: 18px;}
    .sub_part_ceo_01_content strong { margin: 0 0 15px ;}
    .sub_part_ceo_01_content.sub_part_content .ceo_sign { margin-top:23px; display: block;margin-left: 0;}
	.ceo_sign img { max-width:30%;}

	/* 회사소개 - 회사개요 */
    .introduce_info.sub_part_content {padding-top: 10%;padding-bottom: 15%;background: #fafafa;}
    .introduce_about {height: 300px;}
    .introduce_about strong {font-size: 18px;}
    .introduce_about.sub_part_content p {font-size: 14px;}
	
	.introduce_comment.pic_grid_list {width: 80%;margin-right: 10%;margin-left: 10%;margin-bottom:12%;}
	.introduce_comment.pic_grid_list li {width:100%;float: none;margin:0;}
	.introduce_comment.pic_grid_list p {padding:0 5%;margin-bottom:25px;}
	
    ul.introduce_info_list b {width: 65px;padding-left: 15px;}
    ul.introduce_info_list li > span br.mobile_br {display: block;}

    /* 회사소개 - 연혁 */
    .sub_part_history_01a {height: 250px;}
    .history .history_year {width: 20%;}
    .history .history_list {width: 80%;}
    .history .history_list li p span {padding-left: 14%;}
    .sub_part_content.sub_part_history_01b {max-height: none;}

    /* 회사소개 - 사업영역 */
    .sub_part_area_header {height: 250px;}
    .sub_part_area_header_content p {padding-left: 7%;font-size: 30px;}
    .sub_part_area_cell {display: block; width: 100%; padding-left: 0;}
    .sub_part_area_cell:first-child {padding-right: 0;}
    .area_more_btn {width: 180px;padding-left: 20px;margin: 0 auto 20px;background-position: 120px center;}

    /* 회사소개 - 오시는길 */
    .location h2 {font-size: 18px;}
    .sub_part_location_info strong {font-size: 18px;}
    .sub_part_location_info li > span > em {padding-top: 10px;}
    .sub_part_location_map {top: 90px;}
    .sub_part_location_info ul {margin-top: 390px;}

    /* 사업영역 */
    .business_banner_wrap {height: 290px;padding: 0 7%;}
    .pic_grid_list p {font-size: 14px;}

    /* 사업영역  - VAN */
    .van_section_06 .smile_pos_list > li {width: 90%;margin: 0 5%;}
    .van_section_02 p.line_middle_text {font-size: 14px;}
    .van_section_02 p.line_middle_text span {font-size: 26px;}

    /* 사업영역 - PG */
	.square_pg span:nth-child(8) {letter-spacing:.5em;}
    .pg_section_04 ul.smilepay_info_list li {width: 100%;min-height: 0;}
    .pg_section_04 ul.smilepay_info_list li {border-right: none;}
    .pg_section_04 ul.smilepay_info_list li:nth-child(3n) {border-right: none;}
    .pg_section_04 ul.smilepay_info_list li:first-child + li + li + li + li {border-bottom: none;}
    .pg_section_04 ul.smilepay_info_list strong {margin-bottom: 5%;}
    .pg_section_04 ul.smilepay_info_list p:last-child {margin-bottom: 5%;}
    .pg_section_04 .partner_network b {font-size: 27px;}

    .pg_section_05 {height: 300px;}
    .pg_section_05 strong {font-size: 18px;}
    .pg_section_05.sub_part_content p {font-size: 14px;}

    /* 사업영역 - BIZZLE */
	.extra_service .square_container {height:55%;}
	.bizzle_visual_btn_container {bottom: 7.6%}
	.bizzle_visual_btn_container .bizzle_visual_btn {font-size: 14px;padding: calc(3.4% + 1px * 1) 7% calc(3.4% - 1px * 1);}
	
	.bizzle_section_02 .bizzle_service_img {padding-top:12%;}
	.bizzle_section_02 .bizzle_service_txt {padding-top:12%;}
	.bizzle_section_02 .bizzle_service_txt_list li {width:100%; padding-right:0;}
	.bizzle_section_02 .bizzle_service_txt_list li:nth-child(2) {margin-top:8px;}
	.bizzle_section_02 .bizzle_service_slide_inner {max-width: calc(100% - 120px * 1);}
	.bizzle_section_02 .bizzle_service_slide_prev {left: -6px;}
	.bizzle_section_02 .bizzle_service_slide_next {right:-6px;}
	.bizzle_section_02 .bizzle_service_txt h3 {line-height: 1.25;}
	.bizzle_section_02 .bizzle_service_slide_control {bottom: calc(45% - 20px * 1);bottom: calc(45% - 25px * 1);}
	
	.bizzle_section_02 .bizzle_easy_point {padding-top: 12%;}
	.bizzle_section_02 .bizzle_easy_point_img {padding-top: 10%;}
	.bizzle_section_02 .bizzle_easy_point h4 {line-height: 1;}
	.bizzle_section_02 .bizzle_easy_point h4 br {display: block;}
	.bizzle_section_02 .bizzle_easy_point h4 span:after {background-size: cover;width: 15px; height: 26px;}
	.bizzle_section_02 .bizzle_easy_point_container p br {display: none;}
	
	.bizzle_youtube_popup {width:290px;}
		
    .bizzle_section_03 .bizzle_pad, .bizzle_section_03 .bizzle_mobile {display: none;}
    .bizzle_section_03 .position_right {margin: 5% 0 2.5%;padding: 3% 0;}
    .bizzle_section_03 .position_left {padding: 10% 0 11%;}
    .bizzle_section_03 .position_right .smartro_btn_basic,
    .bizzle_section_03 .position_right .smartro_btn_basic.pos_download,
    .bizzle_section_03 .position_left .smartro_btn_basic {width: 190px; margin: 10px 0 0; background-position: 145px center;}
    .bizzle_section_03 .position_left .smartro_btn_basic.android_download {margin-top: 0; margin-bottom: 0;}

    .bizzle_section_05 .interview_wrap {height: auto;}
    .bizzle_section_05 .interview_absolute_wrap {position: static;}
    .bizzle_section_05 .interview_left, .bizzle_section_05 .interview_right {width: 100%;}
    .bizzle_section_05 .interview_right {padding: 3.5% 0 0 0 ;border-top: none;}
    .bizzle_section_05 .interview_full p {color: #666;}
    .bizzle_section_05 figure,
    .bizzle_section_05 .interview_left figure.post_02,
    .bizzle_section_05 .interview_left figure.post_03,
    .bizzle_section_05 .interview_right figure.post_04 {margin: 5% 0;}

    /* 제품소개 */
	.products_list > li {  width: 90%;}

    /* 사업영역 - 부가서비스 */
    .extra_slide_wrap {padding-top: 20px;}

    /* 인재채용 */
    .careers_full_grid {height: 350px;}
    .careers_full_grid h2 {padding-bottom: 2%;}
    .careers_full_grid p {padding-bottom: 2%;}
    .careers_full_grid p:last-child {padding-bottom: 0;}
    .careers_full_grid p br.mobile_br {display: block;}
    p.sub_part_number {padding: 15px 0 0 3%;}
	.careers h2.sub_part_title {margin-top:7%;}

    /* 인재채용 - 인사제도/복리후생 */
    .sub_hr_02_content01 ul li p {font-size: 14px;}
    .sub_hr_02_content01 ul li p:after {width: 30px;height: 58px;background-size: 90% auto;bottom: -41px;left: -20px;}

    .hr .careers_full_grid {height: 270px;}
    .hr_grid {width: 90%;margin: 1% 5%;}

    /* 인재채용 - 채용안내 */
    .sub_jobs_02_content01 a.smartro_btn_basic {width: 150px;margin: 8% auto 2%;padding: 10px 0 10px 12px;font-size: 13px;background-position: 93% center;}
    .sub_jobs_02_content01 ul li {display: block;margin: 7% auto;}
    .sub_jobs_02_content01 ul li figcaption p:after {left: 50%;margin-left: -3.5px;bottom: -19px;transform: rotate(90deg);}

    /* 고객센터 */
    .customer .customer_contact_phone h3 {font-size: 18px;}
    .customer_contact_cell.customer_contact_phone a {font-size: 27px;}
    .customer h2 span { padding-top: 4%;}

    /* 제품소개 */


    /* 제품상세 */
    .products_detail_slider_control {height: 38px;margin-top: -19px;}
    .products_detail_slider_btn {width: 38px;background-size: 12px auto;}

    .products_detail_inner_title {font-size: 17px; word-break:keep-all;}
	.products_detail_inner_title br {display:none;}
    .single-product .sub_title_desc {display: block;padding: 0 8px;}

    .products_detail_feature {padding: 9% 0 13%;}
    .products_detail_pic {margin-top: 3%;}
    .products_detail_pic_item,
    .products_detail_pic_type2 .products_detail_pic_item {width: 50%;}
    .products_detail_pic_figure {-webkit-transform: scale(0.65);-ms-transform: scale(0.65);transform: scale(0.65);}
    .products_detail_pic_caption {padding-top: 2%;}

    .products_detail_spec {padding: 13% 0;}
    .products_detail_spec_title {font-size: 18px;}
    .products_detail_spec_table thead th, .products_detail_spec_table tbody th, .products_detail_spec_table tbody td {font-size: 18px;}
    .products_detail_spec_table tbody th {padding-left: 18px;}

    .single_pagination {height: 60px;}
    .single_pagination_list {width: 60px;margin-left: -30px;}
    .single_pagination_title, .single_pagination_link b {font-size: 13px;}
    .single_pagination_next, .single_pagination_title_next {padding-left: 30px;}
    .single_pagination_prev, .single_pagination_title_prev {padding-right: 30px;}

    /* 개인정보취급방침 */
    .privacy h1 {padding: 70px 0 15px;font-size: 20px;text-align: center;}
    .privacy .before_privacy_download {top: 20px;}
    .privacy h2 span:after {display: none;}
    #privacy_popup h2 {text-align: center;}
    #privacy_popup .pop_up_close {top: inherit;bottom: -45px;right: 0;}
    #company_popup .company_list_close {top: inherit;bottom: -45px;right: 0;}
    #privacy_popup .privacy_download {width: 100px;text-indent: -6px;background-position: 96% center;}
    #privacy_popup table td {padding: 13px 4px 12px;}

    /* 통신과금 서비스 */
    .service_user_agreements h1 {padding: 70px 0 15px;font-size: 20px;text-align: center;}
    .service_user_agreements h2 span:after {display: none;}

    /* GO TOP */
    a.go_top {top: 0; right: 0;}

    /* SUB HEADER */
    .sub_header h1#sub_header_title {font-size: 1.2em;letter-spacing: .3em; top: 5%;left: 5%;}
    h1#sub_header_title span:after {width: 80px;right: -90px;}

    /* notice */
    .notice .sub_title_container, .notice_single .sub_title_container {background: none;}
    .sub_part_notice {padding-top: 0;padding-bottom: 15%;background: none;}
    .sub_part_notice_single {padding-bottom: 15%;background: none;}

    /* single */
    .jt_single_inner {padding: 0;}
    .jt_single_content .single_info span, .jt_single_content .single_info time {background-size: 11px auto;}
    .jt_single_content .single_info time, .jt_single_content .single_info span.author, .jt_single_content .single_info span.post_views {padding: 9px 11px 9px 15px;}
    .jt_single_content .single_info span.post_views {background-size: 13px auto;}
}

@media (max-width:480px){
    /* TML STYLE */
    .login_form .rows-02 > .cols-01 li:before{ display:none;}
    .login_form .rows-02{ padding-top:0}

    /* 회사소개 - CEO 인사말 */
	.en_us .ceo_sign span {max-width: 92px;margin-left: 14px;display:inline-block;vertical-align:middle;}
	.en_us .ceo_sign img {max-width: 85%;margin-left:0;}
	.en_us .ceo_sign span.en_name {font-size: 10px;display:block;margin-left:0;}

    /* 사업영역 */
    ul.pic_service_list {float: left;margin: 0 5%;}
    ul.pic_service_sub_list {float: left;margin: 0 5%;padding-top: 4%;}
    ul.pic_service_list > li {clear: both;height: auto;border-bottom: none;}
    ul.pic_service_list .service_pic {display: none;}
    ul.pic_service_list .service_text {width: 100%;padding-top: 5%;padding-bottom: 5%;position: static;border-bottom: 1px dotted #e3e3e3;}
    ul.pic_service_list .service_text p span {font-size: 15px;}
    ul.pic_service_list .service_text p {font-size: 12px;}
    ul.pic_service_sub_list li span {font-size: 12px;}

	/* 사업영역 - PG */
	.square_pg span:nth-child(8) {letter-spacing:.25em;}

    /* 사업영역 - VAN */
    .van_section_02 .device {width: 100%;}

    .van_section_06 {padding-bottom: 6%;}
    .van_section_06 .smile_pos_list {width: 100%;}
    .van_section_06 .smile_pos_list > li {width: 100%;margin: 0;}
    .van_section_06 .smile_pos_list figcaption {height: 66px;}
    .van_section_06 .smile_pos_list > li:first-child + li img,
    .van_section_06 .smile_pos_list > li:first-child + li + li img {margin-top: 4%;}

    .van_section_07 {padding: 9% 10% 5%;background: #3b3b3b;}
    .van_section_07 p {padding: 5% 0 0;}
    /*.van_area_info > div {width: 100%;margin: 0 0 6% 0;padding: 0;}*/

    /* 사업영역 - MSP */
    .msp_grid {width: 95%;margin: 0 2.5% 20px;}

    /* 사업영역 - 부가서비스 */
    .business_banner_wrap strong br.mobile_br {display: block;}
    .asp_section_02 {padding-bottom: 6%;}

    /* 개인정보취급방침 */
    #company_popup .pop_up_content ul li {width: 100%;}
    .privacy table td a.show_company_list {text-decoration: underline;}
    .privacy table td a.show_company_list:after {display: none;}
}

@media (max-width:450px){

    /* 사업영역 -BIZZLE */
    .bizzle_section_03 {padding: 0 5%;}
    .bizzle_section_03 p {margin-bottom:3%;}
    .bizzle_section_03 p br, .bizzle_section_03 p br.mobile_br {display: none;}
    .bizzle_section_03 .position_right .smartro_btn_basic,
    .bizzle_section_03 .position_right .smartro_btn_basic.pos_download,
    .bizzle_section_03 .position_left .smartro_btn_basic {display: block;margin: 5px auto;}
	
	/* 사업영역 - VAN */
	.van_section_08 .sub_part_title { padding: 0 3%; word-break:keep-all; }
	.van_section_08 .sub_part_title .br_small { display: none; }

    /* 인재채용 - 채용안내 */
    .sub_jobs_02_content01 ul li figcaption p:after {bottom: -12px;}

    /* 제품소개 */
    .products_gear_list li {width: 50%;}
    .products_gear_list > li:nth-child(3n+1) {clear: none;border-left: none;}
    .products_gear_list > li:nth-child(odd) {clear: both;border-left: 1px solid #e4e4e4;}
    .products_gear_list li:first-child + li + li {border-top: none;}

    /* error 404 */
    #error_404 .square_container {width: 280px;height: 280px;font-size: 40px;}
    #error_404 .square_container:after {width: 300px;height: 330px;top: -16px;left: -11px;}
    #error_404 nav a {letter-spacing: .2em;}
    #error_404 nav a.error_404_back {background-position: 26px center;}
    #error_404 nav a.error_404_home {background-position: 84px center;}
    #error_404 .square_4x4 span:nth-child(11) > img {width: 100%;left: 0;top: 0;}
}

@media (max-width:420px){
	/* 사업영역 - VAN */
	.van_section_08 .pic_grid_list p br { display: none; }
    .van_section_08 .pic_grid_list p br.mobile_br { display: block; }
	
}

@media (max-width:340px){
    /* MAIN */
    #layer_15 span,
    nav.main_bottom_link_nav h3 {letter-spacing: 0;}

	/* 회사소개 - CEO 인사말 */
	.sub_part_ceo_01_profil img { width:100%;}
	.ceo_sign img { margin-left:10px;}
}