/*본문바로가기스킵 시작!*/
#main_text_skip{position:absolute; top:-100px;}
#main_text_skip:focus {
    margin-top: 100px;
    display: block;
    padding:10px;
    background-color:#333;
    font-size:12px;
    color:#fff;
}
/*본문바로가기스킵 끝!*/

header{padding-top:20px; padding-bottom:30px;}
.inner {width:80%; margin:0 auto;} /*width:1400px;*/
.header_bottom {position:relative;}
/* h1 {position: absolute;} */
nav {text-align:right;}
nav h2 {font-size:0;}

.header_top {text-align:right;}
.icon_global {display:inline-block; color:#070707;}
.language_selection {display:inline-block; color:#070707;}
.account {display:inline-block; font-size:16px;}
.join_membership:before {content:""; border-left:1px solid #070707; margin-right:5px; display:inline-block; height:12px;}
.customer_enquiry {background-color:#eb3762; display:inline-block; padding:10px 20px; color:#fff; margin-left:23px;}
.menu {font-size:0; margin-top:18px;}
.menu a {font-size:19px; font-weight:bold; display:inline-block; letter-spacing: -0.5px;}
.menu a + a {margin-left:30px;}


main#content{padding-bottom: 12rem;}
.visual { position: relative; min-height:880px;}
.main_01 {position: absolute; top:0; left:0; right:0; bottom:0; width:100%;}
.main_01 img {width:100%;} 
.visual_inner {margin-left:-700px; width:1400px; position: absolute; top:40%; bottom:0; left:50%; text-align:center; }
.txt_bold {font-size:6rem; color:#fff; font-family: 'NSEB'; letter-spacing: -0.2rem;}
.txt_skinny {font-size:80px; color:#fff; letter-spacing: -1px;}
.description {margin-top:2rem; color:#fff; font-size:2rem; font-family: 'NSKL'; letter-spacing: -0.04rem;}

.arrow_box {position: absolute; top:40%; left:1%; right:1%;}
.icon_prev {float:left;}
.icon_next {float:right;}

/*비지니스라인 시작!*/

.business_line {margin-top:140px;}
.business_line h3 {text-align:center;}
.business_line_description {margin-top:20px; text-align:center; font-size:37px;}
.business_title_bold {font-size:70px; font-weight:bold; color:#091360; letter-spacing:-5px;}
.business_title_skinny {font-size:70px; font-weight: 100; color:#949393;}
.business_line_item_box {text-align:center;}
.business_line_item {margin-top:80px;}

.img_business_line {display:inline-block;}
.txt_business_line {margin-left:150px; display:inline-block; width:600px;}
.txt_business_line span {display:block; text-align:left;}
.txt_business_line .big_txt {font-size:70px; font-weight: bold; color:#c8c8c9; display:inline-block; width:500px; text-align:right;}
.txt_business_line .middle_txt {font-size:40px; margin-top:20px;}
.txt_business_line .small_txt {margin-top:30px; font-size:28px; width:370px; letter-spacing: -1px; line-height: 1.5;}
.icon_business_line_more {margin-top:20px; display:block; text-align:left;}

/*비지니스라인 끝!*/


/* supply_records 시작! */
.supply_records{background:url(../img/img_supply.jpg); max-height:684px; text-align: center; padding-top:60px; padding-bottom:60px; box-sizing: border-box; margin-top:100px;}
.supply_records_title_bold {font-size:80px; color:#fff;}
.supply_records_title_skinny {font-size:80px; font-weight:100; color:#fff;}
.supply_description {color:#fff; font-size:37px;}
.supply_records_item {font-size:0; margin-top:90px;}
.supply_records_item li {display:inline-block; width:355px; height:313px; border:1px solid #fff; padding:20px; box-sizing: border-box; text-align:left; }
.supply_records_item li + li {margin-left:160px;}
.left_s_title {font-size:18px; color:#fff; display:block;}
.data_figures {font-size:110px; color:#fff; display:block; text-align: center; margin-top:60px;}

/* supply_records 끝! */

.heaven_notice {margin-top:90px;}
.heaven_notice h3 {text-align:center;}
.heaven_notice_board {max-width:1400px; margin:0 auto;}

.heaven_notice_title_bold {font-size:80px;}
.heaven_notice_title_skinny {font-size:80px; color:#949393;}
.heaven_notice_description {font-size:37px; margin-top:30px; text-align: center;}

.heaven_notice_board {margin-top:60px;}
.heaven_notice_board_tr {font-size:0; border-top:1px solid #d3d3d3;}
.heaven_notice_board_td {display:inline-block; padding:30px;}
.heaven_notice_board_td:first-child {border-top:5px solid #091360; width:115px; text-align: center;}
.category_title {font-size:18px; font-weight:bold; color:#091360;}
.registration_date {font-size:14px; margin-top:10px; display:block; color:#091360;}
.notice_board_title {font-size:22px; color:#0c0c0c; margin-left:30px; min-width:250px; display: inline-block;}
.notice_board_content {font-size:18px; color:#848585; margin-left:30px;}
.heaven_notice_board_td:last-child{float:right;}

.heaven_portfolio {margin-top:90px;}
.heaven_portfolio h3 {text-align:center;}
.heaven_portfolio_title_bold {font-size:80px; color:#091360;}
.heaven_portfolio_description {text-align: center; font-size:32px; color:#0c0c0c; margin-top:30px;}
.heaven_portfolio_content {max-width:1400px; margin:60px auto 0; font-size:0;}
.heaven_portfolio_content li {display:inline-block; width:33.333%;}
.img_portfolio {width:100%;}
.heaven_portfolio_button {text-align:right; margin-top:40px;}
.icon_portfolio_more {font-size:24px;}
.icon_portfolio_more img {margin-left:20px;}

.heaven_partner {background-color:#f9f9f9; margin-top:100px; padding-top:60px; padding-bottom:60px;}
.heaven_partner h3 {text-align:center; font-size:80px; color:#091360;}
.heaven_partner h3:before {content:''; display:block; width:12px; height:35px; background-color:#091360; margin:0 auto 20px;}
.heaven_partner ul {font-size:0;}
.heaven_partner li {width:25%; display:inline-block; margin-top:50px; text-align: center;}

.project_reaqest {background:url(../img/img_project.jpg); min-height:390px; padding-top:100px; text-align: center; box-sizing: border-box;}
.project_reaqest_title_bold {font-size:55px; font-weight:bold; color:#caceec;}
.project_reaqest_title_skinny {font-size:55px; font-weight:100; color:#caceec;}
.project_reaqest_description {font-size:30px; color:#caceec;}
.project_reaqest_button_box {margin-top:50px;}
.project_reaqest_button_box a {font-size:24px; border:2px solid #fff; color:#fff; display: inline-block; padding:13px 50px;}
.project_reaqest_button_box a + a {margin-left:20px;}

footer {background-color:#3c3c3c; padding:50px 0; margin-top:100px;}
footer p {color:#fff; line-height: 1.5;}

.blockchain h3 {font-weight:bold;margin-top:140px;font-size:56px;text-align:center;margin-bottom:118px;}
.blockchain p {font-size:36px;text-align:center;margin-bottom:40px;}
.blockchain {text-align:center;}
.blockchain img {width:100%;max-width:1158px;}
.blockchain .constructionMethod {margin-top:126px;margin-bottom:44px;}
.blockchain .wallet {text-align:center;display: block;margin: 106px auto 180px;}
.platformAdvantages {background:#efefef;}
.platformAdvantages h3 {font-weight:bold;font-size:56px;text-align:center;padding-top:128px;margin-bottom:88px;}
.platformAdvantages ul {text-align:center;max-width:1690px;margin:0 auto;}
.platformAdvantages li {display:inline-block;margin-right:60px;}
.platformAdvantages li:nth-child(3n) {margin-right:0;}
.platformAdvantages li p {font-weight:bold;font-size:20px;text-align:center;margin-top:30px;margin-bottom:96px;}
.platformAdvantages img {width:100%;max-width:415px;}
.platformcompare {margin-bottom:140px;}
.platformcompare h3 {font-weight:bold;margin-top:140px;font-size:56px;text-align:center;margin-bottom:76px;}
.platformcompare .tbl-type10 {margin:0 auto;max-width:884px;width:100%;}
.platformcompare .tbl-type10 thead {border:1px solid #e9e9e9;}
.platformcompare .tbl-type10 thead th {font-size:16px;width:33.33%;height:60px;background:#444444;color:#fff;border:1px solid #737373;}
.platformcompare .tbl-type10 tbody th {background:#f3f3f3;font-size:18px;height:67px;border-bottom:1px solid #e0e0e0;}
.platformcompare .tbl-type10 tbody td {text-align:center;font-size:16px;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;}
.platformcompare .tbl-type10 tbody {border:1px solid #e0e0e0;}
.platformcompare .tbl-type10 .t-blue {color:#0f91ea;}
.platformcompare .tbl-type10 .t-red {color:#fd386f;}


/*서브페이지-1.쇼핑몰제작                                                시작!*/
.sub_visual_main_01 {background:url(../img/img_sub_visual_main_01.jpg); height:387px; position:relative;}
.sub_visual_inner {width:1400px; position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align:center; max-width: 100%; padding: 0 2rem; word-break: keep-all;}
.breadcrumbs_inner {width:1400px; margin:20px auto 0; text-align:right; font-size: 1.5rem;}
.breadcrumbs_inner span {vertical-align: middle;}
.shopping_mall_intro{margin-top:70px;}
.shopping_mall_intro h3 {text-align: center; font-size:4.8rem; font-family: 'NSEB'; letter-spacing: -0.1rem;}
.shopping_mall_intro p {font-size:3rem; margin-top:6rem; color:#777; font-family: 'NSKL';}
.blank_space{margin-top:70px; background:url(../img/img_shopping_mall_display.jpg) no-repeat; min-height:1095px;}
.shopping_mall_process {margin-top:70px; padding-top:130px; box-sizing: border-box; background:url(../img/img_shopping_mall_production.jpg); min-height:1088px;}
.shopping_mall_process h3 {color:#fff; text-align: center; font-size:4.8rem; font-family: 'NSEB'; letter-spacing: -0.1rem;}

.pokemon_list_01, 
.pokemon_list_02, 
.pokemon_list_03 {font-size:0;}
.pokemon_list_01 .pokemon, 
.pokemon_list_02 .pokemon, 
.pokemon_list_03 .pokemon {position:relative; background:url(../img/img_pokemon_go.png) no-repeat; width:200px; height:200px; display:inline-block; margin-top:50px;}
.pokemon_list_01 .pokemon + .pokemon {margin-left:200px;}
.pokemon_list_01 .pokemon + .pokemon:after {position: absolute; top:50%; left:-80%; content:''; display:block; background:url(../img/icon_steep_long_arrow.png) no-repeat; width:134px; height:24px;}
/* .pokemon_list_02 {text-align:right;} */
/* .pokemon_list_02 .pokemon:before {content:''; position:absolute; top:50%; left:-50%; display:block; background:url(../img/icon_steep_small_arrow.png) no-repeat; width:81px; height:24px;} */
.pokemon_list_02 .pokemon + .pokemon {margin-left:200px;}
.pokemon_list_02 .pokemon + .pokemon:after {position: absolute; top:50%; left:-80%; content:''; display:block; background:url(../img/icon_steep_long_arrow.png) no-repeat; width:134px; height:24px;}
/* .pokemon_list_03 {margin-left:146px;} */
.pokemon_list_03 .pokemon + .pokemon:after {position: absolute; top:50%; left:-80%; content:''; display:block; background:url(../img/icon_steep_long_arrow.png) no-repeat; width:134px; height:24px;}
/* .pokemon_list_03 .pokemon:before {content:''; position:absolute; top:50%; left:-50%; display:block; background:url(../img/icon_steep_small_arrow.png) no-repeat; width:81px; height:24px;} */
.pokemon_list_03 .pokemon + .pokemon {margin-left:200px;}


.steep_title {display:block; color:#fff; font-weight:bold; text-align:center; padding-top:50px; font-size:24px;}
.steep_content {display:block; color:#333; text-align:center; padding-top:2.2rem; font-size:2.7rem; letter-spacing: -3px;}
.other_services {margin-top:150px;}
.other_services h3 {text-align:center; font-size:4.8rem; font-family: 'NSEB'; letter-spacing: -0.1rem;}
.other_services_list {margin-top:66px; font-size:0; text-align:center;}
.other_service_item {background:#f4f4f4; width:650px; height:184px; border-radius:30px 30px 30px 30px; padding:60px 0 0 66px; margin-bottom:60px; box-sizing: border-box; display:inline-block; text-align:left;}
.other_service_item_even {margin-left:45px;}

.img_icon_service {margin-right:42px;}
.icon_service_inner_title {font-size:3rem; font-family: 'NSB'; letter-spacing: -0.1rem;}
.icon_service_inner_content {font-size:2.4rem; margin-top:1rem; letter-spacing: -0.1rem;}

.other_service_item_img_box {display:inline-block;}
.other_service_item_txt_box {display:inline-block; vertical-align: middle;}
.other_service_item_txt_box span {display:block;}
/*서브페이지-1.쇼핑몰제작                                                끝!*/



















/*서브페이지-2.홈페이지 제작                            시작!*/
.sub_visual_main_02 {background:url(../img/img_sub_visual_main_02.jpg); height:387px; position:relative;}

.homepage_intro {margin-top:70px;}
.homepage_intro h3 {text-align: center; font-size:4.8rem; font-family: 'NSEB'; letter-spacing: -0.1rem;}
.homepage_intro p {font-size:3rem; margin-top:6rem; color:#777; font-family: 'NSKL';}

.total_design_service {margin-top:70px; height:156px; line-height:156px; background:url(../img/img_total_design_service.jpg);}
.total_design_service h3 {color:#fff; font-size:48px; text-align:center; font-family: 'NSEB';}
.total_design_box01 { margin-top:100px;}
.total_design_box01 h3 {color:#2d63fb; font-size:48px; text-align:center; font-family: 'NSEB';}
.slogan {font-size:30px; color:#333; text-align:center; margin-top:50px;}
.total_design_box01 p {font-size:18px; color:#7f7f7f; margin-top:20px; line-height:1.8; letter-spacing:0.4px;}
.total_design_box02_visual {margin-top:100px; background:url(../img/img_positoning_visual.jpg); height:332px;}
.total_design_box02 {margin-top:100px;}
.total_design_box02 h3 {color:#2d63fb; font-size:48px; text-align:center; font-family: 'NSEB';}
.total_design_box02 p {font-size:18px; color:#7f7f7f; margin-top:20px; line-height:1.8; letter-spacing:0.4px;}
.total_design_box03_visual {margin-top:100px; background:url(../img/img_sectoral_design_visual.jpg); height:332px;}
.total_design_box03 {margin-top:100px;}
.total_design_box03 h3 {color:#2d63fb; font-size:48px; text-align:center; font-family: 'NSEB';}
.total_design_box03 p {font-size:18px; color.total_design_box03 h3:#7f7f7f; margin-top:20px; line-height:1.8; letter-spacing:0.4px;}
.total_design_box03 ul {font-size:0; text-align: center; position: relative; margin-top:80px;}
.total_design_box03 li {position: relative; width:229px; height:215px; background:url(../img/img_sectoral_design.png)no-repeat; display:inline-block;}
.total_design_box03 li + li {margin-left:90px;}
.total_design_box03 li + li:after {content:''; display:block; width:90px; border-top:1px solid #2d63fb; position: absolute; top:50%;; left:-90px; }
.total_design_box03 li span {display:block; font-size:18px;}
.total_design_box03 .numbering {height:63px; line-height:63px; color:#fff; padding-left:15px; font-size:30px; text-align:left; border-radius:inherit; background-color: inherit; width: inherit;}
.icon_sectoral_design {position:absolute; top:15%; left:0; right:0; text-align:center;}
.txt_sectoral_design {position:absolute; top:50%; left:0; right:0; text-align:center; line-height:1.5;}
.total_design_box_04_visual {margin-top:100px; background:url(../img/img_production_process_visual.jpg)no-repeat; height:332px;}
.total_design_box_04 {margin-top:100px;}
.total_design_box_04 h3 {color:#2d63fb; font-size:48px; text-align:center; font-family: 'NSEB';}

.production_process {position:relative; width:1127px; min-height:719px; margin:200px auto ; background:url(../img/img_production_process.png)no-repeat; font-size:0;}
.production_process .top {position:absolute; top:-105px; left:0; right:0; text-align:center;}
.production_process .middle {position:absolute; top:220px; left:-100px; right:-100px; text-align:center;}
.production_process .bottom {position:absolute; left:0; right:0; bottom:-90px; text-align:center;}

/*프로세스_공통 시작!*/
.production_process_in_box .circle_box {position:relative; width:264px; height:264px; display:inline-block;}
.production_process_in_box .circle_box .out_circle {
    position: absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    font-size:18px; 
    width:264px; 
    height:264px; 
    border:1px solid #dadada; 
    border-radius:132px 132px 132px 132px; 
    display:inline-block;
    background:#fff;
}
.production_process_in_box .circle_box .out_circle .in_circle{
    position: absolute; 
    top:8%; 
    left:8%; 
    right:8%; 
    bottom:8%; 
    font-size:18px;
    width:220px; 
    height:220px; 
    border:1px solid #2d63fb; 
    border-radius:110px 110px 110px 110px; 
    display:inline-block; 
    text-align: center; 
    padding-top:30%; 
    box-sizing: border-box; 
    line-height:1.5; 
    background-color:#fff;
}
.production_process_in_box .inner_box {position:relative;}
.mobile_production_process {display:none;}
.mobile_production_process_01 {display:none;}

/*프로세스_공통 끝!*/
.production_process .middle .inner_box .circle_box .center_circle {font-size:18px; background:#2d63fb; width:220px; height:220px; border-radius:110px 110px 110px 110px; position: absolute; top:8%; left:8%; right:8%; bottom:8%; text-align: center; padding-top:30%; box-sizing:border-box;}
.production_process .middle .inner_box .circle_box .center_circle span {color:#fff;}
.production_process .middle .inner_box .circle_box.one {position:absolute; left:0;}
.production_process .middle .inner_box .circle_box.two {position:absolute; margin-left:-132px; left:50%;}
.production_process .middle .inner_box .circle_box.three {position:absolute; right:0;}
.production_process_slogan {text-align: center; color:#333; font-size:30px;} 
.consulting_box {position:relative; height:380px; border:10px solid #e5e5e5; margin-top:10%; text-align: center; padding:5%;}
/* .consulting_inner_box {margin-top:7%;} */
.consulting_box h4 {font-size:36px; font-family: 'NSB';}
.consulting_box p {font-size:18px; color:#b4b4b4; margin-top:25px;}
.consulting_list {margin-top:50px; font-size:0;}
.consulting_list li {display:inline-block; background-color:#fff; text-align:center; padding:3% 1.5%;}
.numbering {width:94px; height:94px; line-height:94px; display:block; border-radius:47px 47px 47px 47px; background-color:#2d63fb; font-size:24px; font-weight:bold; color:#fff; margin:0 auto;}
.language_korea {font-size:24px; display: block; margin-top:20px;}
.language_english {font-size:18px; color:#b4b4b4; display: block; margin-top:20px;}
.total_design_box_05_visual {margin-top:210px; background:url(../img/img_maintenance_visual.jpg)no-repeat; height:332px;}
.total_design_box_05 {margin-top:100px;}
.total_design_box_05 h3 {font-size:48px; font-weight:bold; color:#2d63fb; text-align: center;}
.total_design_box_05 p {font-size:30px; font-weight:bold; color:#333; text-align: center; margin-top:40px;}
.operations_sevices {position:relative; width:1343px; min-height:285px; margin:100px auto 0; background:url(../img/img_operations_services_bg.png) no-repeat center top #2d63fb; border-radius:20px 20px 20px 20px; box-sizing: border-box; padding:40px;}
.operations_sevices h4 {font-size:30px; color:#fff;}
.operations_sevices ul {position: absolute; margin-top:30px; /* z-index:1; */ font-size:0;}
.operations_sevices li {display:inline-block; background:url(../img/img_operations_services_item_bg.png); width:226px; height:127px; font-size:24px; color:#fff; text-align: center; padding:38px; box-sizing: border-box; letter-spacing: -2px;}
.operations_sevices li + li {margin-left:30px;}
.img_operations_services_people {position: absolute; right:0; bottom:0;}
.total_design_box_06{margin-top:100px; background:url(../img/img_homepage_production_bg.jpg)no-repeat; height:1000px; box-sizing:border-box; padding-top:100px;}
.total_design_box_06 h3 {text-align: center; font-size:48px; font-weight:bold; color:#fff;}
.total_design_box_07 {margin-top:100px; text-align:center;}
.total_design_box_07 h3 {font-size:4.8rem; font-family: 'NSEB'; letter-spacing: -0.1rem;}
.total_design_box_07 table {margin-top:60px; width:100%; border-collapse:separate; border-spacing:0;}
.total_design_box_07 caption {font-size:0;}
.total_design_box_07 th, .total_design_box_07 td {padding:20px; font-size:2.3rem; letter-spacing: -0.1rem; border-bottom:1px solid #ccc;}
.total_design_box_07 thead th {background-color:#c4d4ff; font-family: 'NSEB';}
.total_design_box_07 tbody th {background-color:#e8e8e8;}
.total_design_box_08 {position:relative; height:675px; margin-top:100px; background:url(../img/img_web_standar_bg.jpg) no-repeat;}
.total_design_box_08 .dark_blind {position: absolute; top:0; left:40%; bottom:0; right:0; background-color:rgba(0,0,0,0.8); padding:5%;}
.total_design_box_08 h3 {font-size:48px; color:#fff; font-family: 'NSEB';}
.summary {font-size:3rem; margin-top:30px; color:#fff; line-height: 1.5; letter-spacing: -0.2rem; font-family: 'NSB'; word-break: keep-all;}
.web_standar_content {font-size:18px; margin-top:60px; margin-left:18px;}
.web_standar_content li {color:#fff; position:relative; line-height:1.5;}
.web_standar_content li:before {content:''; display:block; width:8px; border-top:1px solid #fff; position:absolute; left:-12px; top:10px;}
.total_design_box_09 {position:relative; height:675px; margin-top:100px; background:url(../img/img_web_accessibility_bg.jpg) no-repeat;}
.total_design_box_09 .dark_blind {position: absolute; top:0; left:0; bottom:0; right:40%; background-color:rgba(0,0,0,0.8); padding:5%;}
.total_design_box_09 h3 {font-size:48px; color:#fff; font-family: 'NSEB';}
.web_accessibility_considerations {padding:20px; border:1px solid #fff; margin-top:60px; line-height: 1.8;}
.web_accessibility_considerations .title {color:#fff;}
.web_accessibility_considerations table th, 
.web_accessibility_considerations table td {font-size:18px; color:#fff; letter-spacing: -2px; text-align:left;}
/*서브페이지-2.홈페이지 제작                            끝!*/

/*서브페이지-3.독립형 솔루션-3/1                            시작!*/
.sub_visual_main_03 {background:url(../img/img_visual_main_03.jpg)no-repeat #01081d; height:387px; position:relative;}
.standalone_solution_intro {margin-top:100px; width: 100%; background-color: #fff; padding: 1rem; border-bottom: 1px solid #eee;}
.standalone_solution_intro.active {position: fixed; top: 0; left: 0; z-index: 1; margin-top:108px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);}
.standalone_solution_intro.active + .standalone_solution {margin-top: 304px;}
.standalone_solution_intro.active + .additional_service_01_con_01 {margin-top: 304px;}
.standalone_solution_intro.active + .hosting_box_01 {margin-top: 304px;}
.tab {text-align: center; font-size:0;}
.tab li {display:inline-block; font-size:24px; padding:20px; border:1px solid #111; width:250px; box-sizing: border-box; letter-spacing: -2px;}
.tab li + li {margin-left:20px;}
.standalone_solution {margin-top:100px; text-align:center; }
.visual_line {background:url(../img/img_p2p_platform_bg.jpg)no-repeat; background-size:contain; padding:5%;}
.p2p_platform h3 {font-size:4.8rem; color:#111; font-family: 'NSEB'; letter-spacing: -0.1rem;}
.p2p_platform .summary {font-size:30px; color:#111;}
.type_list {font-size:0; margin-top:60px;}
.by_type {display:inline-block; padding-bottom:30px; box-shadow: 3px 3px 3px #eee;}
.by_type + .by_type {margin-left:40px;}
.type_list .top {position:relative;}
.type_list .top h5 {font-size:18px; position:absolute; top:40px; left:0; right:0; color:#fff;}
.type_list .top .p_bold {font-size:24px; font-weight:bold; position:absolute; top:100px; left:0; right:0; color:#fff;}
.type_list .middle {margin-top:20px; position: inherit;}
.type_list .middle span {font-size:18px;}
.type_list .bottom {margin-top:20px;}
.type_list .bottom span {font-size:14px; color:#aaa; letter-spacing:-1px; line-height:1.5;}
.type_list .bottom .amount {font-size:30px; color:#0c9be6; font-weight:bold; margin-top:20px;}
.type_list .bottom .buttons_box {text-align: center; margin-top:30px;}
.type_list .bottom .buttons_box a {display:inline-block; font-size:16px; color:#0c9be6; border:1px solid #0c9be6; padding:10px 20px; width:150px; box-sizing:border-box;}
.type_list .bottom .buttons_box a + a {margin-left:20px;}

/*서브페이지-3.독립형 솔루션-3/2 시작! */
.pro_box_01 {margin-top:100px; }
.pro_box_01_title {font-size:4.8rem; font-family: 'NSEB'; letter-spacing: -0.1rem; text-align: center;}
.pro_box_01_summary {font-size:30px; text-align: center; margin-top:60px;}
.pro_box_01_description {margin-top:100px;}
.pro_box_01_description .left {display:inline-block;}
.pro_box_01_description .left .btn_box {text-align: center;  margin-top:60px;}
.pro_box_01_description .left .btn_box a {display:inline-block; color:#fff; width:240px; padding:15px 20px; box-sizing: border-box; font-size:24px; font-weight: bold;}
.pro_box_01_description .left .btn_box .bule_btn {background:#2d63fb;}
.pro_box_01_description .left .btn_box .red_btn {background:#ea4949; margin-left:20px;}
.pro_box_01_description .right {display:inline-block; vertical-align: top; margin-left:40px; font-size: 1.6rem; font-family: 'NSR';}
.pro_box_01_description .right li {line-height: 1.8;}

.pro_box_02 {margin-top:100px; text-align: center;}
.pro_box_02_title {font-size:4.8rem; font-family: 'NSEB'; letter-spacing: -0.1rem; text-align: center;}
.pro_box_02_description {margin-top:100px;}
.pro_box_02_description .left {position:relative; width:476px; height:720px; text-align: center; display: inline-block; vertical-align: middle;}
.pro_box_02_description .left li {position: absolute; width:220px; height:220px; background:#f1f3f5; text-align: center; box-sizing: border-box; padding-top:50px; display: inline-block;}
.pro_box_02_description .left li .left_txt {display: block; margin-top:20px; font-size: 1.5rem;}
.left_item_01{top:0; left:0;}
.left_item_02{top:0; right:0;}
.left_item_03{top:34.5%; left:25%;}
.left_item_04{bottom:0; left:0;}
.left_item_05{bottom:0; right:0;}

.pro_box_02_description .right {display: inline-block; margin-left:100px; vertical-align: middle;}
.right_top_box {width:333px; height:74px; border:1px solid #ccc; color:#0090ff; line-height: 74px; text-align: center; font-weight:bold; font-size:24px;}
.right_top_middle {border:1px solid #ccc; width:333px; height:290px; text-align: center; margin-top:20px;}
.right_top_middle strong {font-size:24px; font-weight: bold; color:#333; display:block; margin-top:45px;}
.right_top_middle span {display:block; margin-top:20px; font-size: 1.5rem;}
.right_top_middle img {margin-top:20px;}
.right_bottom_box {border:1px solid #ccc; width:333px; height:290px; text-align: center; margin-top:20px;}
.right_bottom_box strong {font-size:24px; font-weight: bold; color:#333; display:block; margin-top:45px;}
.right_bottom_box span {display:block; margin-top:20px; font-size: 1.5rem;}
.right_bottom_box img {margin-top:20px;}

.pro_box_03 {margin-top:100px;}
.pro_box_03_title {font-size:4.8rem; font-family: 'NSEB'; letter-spacing: -0.1rem; text-align: center;}
.pro_box_03_summary {font-size:24px; text-align: center; margin-top:60px;}
.pro_box_03_description {text-align: center;}
.pro_box_03_description li {position:relative; width:320px; height:300px; border:1px solid #d7d7d7; text-align: center; display:inline-block; box-sizing: border-box; vertical-align: middle;}
.pro_box_03_description li + li {margin-left:20px;}
.pro_box_03_description li strong {font-size:20px; display:block; margin-top:30px;}
.pro_box_03_description li span {font-size:16px; display:block; color:#aaa; margin-top:15px;}
.pro_box_03_description li img {position:absolute; bottom:0; left:0; right:0; margin-top:31px;}
.first_pro_box_03_description {margin-top:100px;}
.second_pro_box_03_description {margin-top:50px;}

.pro_box_04 {margin-top:100px;}
.pro_box_04_title {font-size:4.8rem; font-family: 'NSEB'; letter-spacing: -0.1rem; text-align: center;}
.pro_box_04_description {margin-top:100px; text-align: center;}
.pro_box_04_description li {position:relative; display:inline-block; width:330px; height:480px; background:#f2f1f1; box-sizing: border-box; padding:20px; border:1px solid #f2f2f2; overflow: hidden;}
.pro_box_04_description li + li {margin-left:20px;}
.pro_box_04_description li strong {position: absolute; top:66%; font-size:20px; color:#0c9be6; font-weight: bold; display:block; text-align:left;}
.pro_box_04_description li span {display:block; position: absolute; top:74%; text-align: left; font-size: 1.5rem;}
.pro_box_04_description li img {position: absolute; top:0; left:0; right:0;}

.first_pro_box_04_description {margin-top:100px;}
.second_pro_box_04_description {margin-top:50px;}
.third_pro_box_04_description {margin-top:50px;}

/*서브페이지-3.독립형 솔루션-3/3 시작! */
.p2p_box_01 {margin-top:100px; text-align: center;}
.p2p_box_01_title {font-size:48px; font-weight:bold; text-align: center;}
.p2p_box_01_summary {font-size:30px; text-align: center; margin-top:60px;}
.p2p_box_01_description {margin-top:100px;}
.p2p_box_01_description .left {display:inline-block;}
.p2p_box_01_description .left .btn_box {text-align: center;  margin-top:60px;}
.p2p_box_01_description .left .btn_box a {display:inline-block; color:#fff; width:240px; padding:15px 20px; box-sizing: border-box; font-size:24px; font-weight: bold;}
.p2p_box_01_description .left .btn_box .bule_btn {background:#2d63fb;}
.p2p_box_01_description .left .btn_box .red_btn {background:#ea4949; margin-left:20px;}
.p2p_box_01_description .right {display:inline-block; vertical-align: top; margin-left:40px; text-align: left;}
.p2p_box_01_description .right li {line-height: 1.8; font-size: 1.6rem;} 
.p2p_box_02 {margin-top:150px; text-align: center;}
.p2p_box_02_title {font-size:48px; font-weight:bold; text-align: center;}
.p2p_box_02_summary {font-size:30px; text-align: center; margin-top:60px;}
.first_p2p_box_02_description {margin-top:100px;}
.second_p2p_box_02_description {margin-top:60px;}

.p2p_box_03 {margin-top:150px;}
.p2p_box_03_title {font-size:48px; font-weight:bold; text-align: center;}
.p2p_box_03_summary {font-size:24px; text-align: center; margin-top:60px;}
.p2p_box_03_description {margin-top:100px;}
.p2p_box_03_description li {width:820px; height:120px; border:1px solid #d7d7d7; box-sizing: border-box; margin:0 auto; border-radius:40px; overflow: hidden;}
.p2p_box_03_description li + li {margin-top:10px;}
.p2p_box_03_description li strong {font-size:30px; display:inline-block; width:265px; height:120px; background:#1391d3; vertical-align: top; text-align: center; color:#fff; padding:40px; box-sizing: border-box;}
.p2p_box_03_description li span {font-size:16px; display:inline-block; width:550px; height:120px; vertical-align: middle; box-sizing: border-box; padding:20px; line-height: 1.5;}

.p2p_box_04 {margin-top:150px;}
.p2p_box_04_title {font-size:48px; font-weight:bold; text-align: center;}
.p2p_box_04_summary {font-size:24px; text-align: center; margin-top:60px;}
.p2p_box_04_description {margin-top:100px; text-align: center;}
.p2p_box_04_description li {position: relative; width:320px; height:346px; border:1px solid #d7d7d7; text-align: center; display:inline-block;}
.p2p_box_04_description li + li {margin-left:20px;}
.p2p_box_04_description li strong {font-size:20px; font-weight: bold; display:block; margin-top:50px;}
.p2p_box_04_description li span {font-size:16px; color:#aaa; display:block; margin-top:20px;}
.p2p_box_04_description li img {position: absolute; bottom:0; left:0; right:0; width:100%;}

.first_p2p_box_04_description {margin-top:100px;}
.second_p2p_box_04_description {margin-top:60px;}

.p2p_box_05 {margin-top:150px;}
.p2p_box_05_title {font-size:48px; font-weight: bold; text-align: center;}
.p2p_box_05_list {margin-top:60px; text-align: center;}
.p2p_box_05_item {background:#f2f1f1; width:330px; height:565px; display:inline-block; text-align: left;}
.p2p_box_05_item + .p2p_box_05_item {margin-left:20px;}
.p2p_box_05_item .top {background:url(../img/block_bclist1.png) no-repeat top center; height:295px; padding:70px 30px 0; box-sizing: border-box;}
.p2p_box_05_item .top strong {font-size:20px; color:#fff; display:block;}
.p2p_box_05_item .top span {font-size:14px; color:#fff; display:block; margin-top:30px;}
.p2p_box_05_item .bottom {padding:30px; font-size: 1.5rem;} 
.p2p_box_05_item .bottom .left {display: inline-block; vertical-align:top; line-height: 1.8;}
.p2p_box_05_item .bottom .left span {color:#0c9be6;}
.p2p_box_05_item .bottom .right {display:inline-block; vertical-align: top; margin-left:20px;}
.p2p_box_05_item .bottom .right li {color:#333; position:relative; line-height: 1.8;}
.p2p_box_05_item .bottom .right li:after {content:''; display:block; position: absolute; top:50%; left:-8px; width:2px; height:2px; background:#333;}

.p2p_box_05_item_01 .top {background:url(../img/block_bclist1.png) no-repeat top center;}
.p2p_box_05_item_02 .top {background:url(../img/block_bclist2.png) no-repeat top center;}
.p2p_box_05_item_03 .top {background:url(../img/block_bclist3.png) no-repeat top center;}
.p2p_box_05_item_04 .top {background:url(../img/block_bclist5.png) no-repeat top center;}
.p2p_box_05_item_05 .top {background:url(../img/block_bclist5.png) no-repeat top center;}
.p2p_box_05_item_06 .top {background:url(../img/block_bclist7.png) no-repeat top center;}
.p2p_box_05_item_07 .top {background:url(../img/block_bclist8.png) no-repeat top center;}
.p2p_box_05_item_08 .top {background:url(../img/block_bclist9.png) no-repeat top center;}
.p2p_box_05_item_09 .top {background:url(../img/block_bclist10.png) no-repeat top center;}
.p2p_box_05_item_10 .top {background:url(../img/block_bclist11.png) no-repeat top center;}
.p2p_box_05_item_11 .top {background:url(../img/block_bclist12.png) no-repeat top center;}

.second_p2p_box_05_list {margin-top:20px;}
.third_p2p_box_05_list {margin-top:20px;}
.fourth_p2p_box_05_list {margin-top:20px;}

/*서브페이지-4.모바일-                            시작!*/
.sub_visual_main_04 {background:url(../img/img_visual_main_04.jpg)no-repeat #01081d; height:387px; position:relative;}
.mobile_page_box_01 {margin-top:100px; text-align: center;}
.mobile_page_box_01_title {font-size:4.8rem; font-family: 'NSEB'; letter-spacing: -0.1rem; color:#333;}
.mobile_page_box_01_description {font-size:3rem; font-family: 'NSKL'; margin-top:4rem; color:#777;}
.mobile_page_box_02 {background: url(../img/img_mobile_subpage_08.jpg)no-repeat; height:1483px; margin-top:100px;}
.mobile_page_box_02_title {font-size:48px; color:#fff; font-weight: bold; text-align: center; padding-top:150px;}
.yellow_txt {color:#ffd43b;}
.skyblue_txt {color:#3bc9db;}
.mobile_page_box_02_description {position: relative; width:100%; height:970px; background:#fff; margin-top:100px; padding:50px; box-sizing: border-box;}
.mobile_page_box_02_description .top {position: relative;}
.mobile_page_box_02_description .top .title_round_box {position:absolute; width:550px; padding:20px 50px; border-radius: 20px; box-sizing: border-box; background:#5280f0; color:#fff; font-size:30px; text-align: center; margin-left:-275px; left:50%; z-index:1;}
.mobile_page_box_02_description .top .title_line {position: absolute; left:0; right:0; top:40px; display:block; border-top:1px solid #5280f0;}
.middle {position: absolute; top:15%; left:0; right:0;}
.middle_item {display:inline-block; margin:50px;} 
.mobile_page_box_02_description .bottom {position: absolute; right:0; bottom:-152px;}

/*서브페이지-5.부가서비스-2/1                            시작!*/
.sub_visual_main_05 {background:url(../img/img_sub_visual_main_05.jpg)no-repeat #01081d; height:387px; position:relative;}
.additional_service_01 {margin-top:100px; text-align: center;}
.additional_service_01 h3 {font-size:48px; color:#333; font-weight:bold; text-align: center;}
.additional_service_01_con_01 {margin-top:100px; text-align: center;}
.additional_service_01_title {font-size:48px; color:#2d63fb; font-weight:bold; text-align:center;} 
.additional_service_01_description {font-size:30px; color:#333; margin-top:40px; text-align:center;}
.additional_service_01_first {margin-top:50px;}
.additional_service_01_first .top {background:#2d63fb; padding:40px;}
.additional_service_01_first .top span {display:inline-block; padding:20px 50px; background:#fff; text-align: center; color:#2d63fb; font-size:30px; font-weight: bold; border-radius: 30px;}
.additional_service_01_first .bottom {border:1px solid #2d63fb; padding:50px; text-align: left;}
.additional_service_01_first .bottom li {font-size:24px; line-height: 1.5; display:inline-block;}
.additional_service_01_second {margin-top:40px;}
.additional_service_01_second .top {background:#2d63fb; padding:40px;}
.additional_service_01_second .top span {display:inline-block; padding:20px 50px; background:#fff; text-align: center; color:#2d63fb; font-size:30px; font-weight: bold; border-radius: 30px;}
.additional_service_01_second .bottom {border:1px solid #2d63fb; padding:50px; text-align:center;}
.additional_service_01_second .bottom li {margin:50px; display:inline-block;}
.additional_service_01_con_02 {margin-top:100px; text-align: center;}
.additional_service_01_con_02 .bottom .bottom_inner_box_01 strong {display:block; text-align:left; font-size:24px; margin-top:20px;}
.additional_service_01_con_02 .bottom .bottom_inner_box_01 img {margin-top:40px; text-align:center; margin-bottom:40px;}
.additional_service_01_con_02 .bottom .bottom_inner_box_01 span {display:block; text-align: left; line-height: 1.8; font-size:24px;}
.additional_service_01_con_03 {margin-top:100px; text-align: center;}
.additional_service_01_con_03 .additional_service_01_first .bottom strong {color:#2d63fb; font-size:24px; display: block; margin:20px 0; text-align: left;}
.additional_service_01_con_03 .additional_service_01_first .bottom span {display: block; font-size:24px; line-height: 1.5; text-align: left;}
.additional_service_01_con_03 .additional_service_01_second .bottom strong {text-align:left; color:#2d63fb; font-size:24px; display: block; margin:20px 0;}
.additional_service_01_con_03 .additional_service_01_second .bottom span {text-align:left; display: block; font-size:24px; line-height: 1.5;}
.additional_service_01_con_04 {margin-top:100px; text-align: center;}
.additional_service_01_con_04 .additional_service_01_first .bottom {text-align: center;}
.additional_service_01_con_04 .additional_service_01_first .bottom strong {color:#2d63fb; font-size:24px; display: block; margin:20px 0; text-align: left;}
.additional_service_01_con_04 .additional_service_01_first .bottom span {font-size:24px; display: block; text-align: left;}
.additional_service_01_con_04 .additional_service_01_first .bottom img {margin-top:50px;}
.additional_service_01_con_05 {margin-top:100px; text-align: center;}
.additional_service_01_con_05 .additional_service_01_first .bottom li {line-height: 1.5; font-size:24px; color:#333;}

/*서브페이지-5.부가서비스-2/2                            시작!*/
.additional_service_02_con_01 {}
.additional_service_02_con_01_title {font-size:48px; color:#333; font-weight:bold; margin-top:100px; text-align: center;}
.additional_service_02_con_01_description {margin-top:40px;}
.monthly_maintenance {width:100%; border-collapse:separate; border-spacing: 0;}
.monthly_maintenance caption {font-size:0;}
.monthly_maintenance thead th {background:#2e64fa; color:#fff; }
.monthly_maintenance tbody th {background:#2e64fa; color:#fff; }
.monthly_maintenance th, .monthly_maintenance td {padding:20px; font-size:24px; text-align: center; border-bottom:1px solid #ccc;}
.monthly_maintenance_bottom {position:relative; margin-top:40px;}
.monthly_maintenance_bottom .left {display:inline-block; vertical-align: top;}
.monthly_maintenance_bottom .left strong {display:block; font-size:24px; font-weight: bold;}
.monthly_maintenance_bottom .left span {display: block; margin-top:20px; line-height: 0.5; font-size: 1.5rem;}
.monthly_maintenance_bottom .right {position: absolute; right:0; display:inline-block; vertical-align: top; }
.monthly_maintenance_bottom .right a {display:inline-block; width: 340px; height:65px; padding:20px; box-sizing: border-box; text-align: center; background:#2e64fa; font-size:24px; color:#fff;}
.additional_service_02_con_02 {margin-top:100px;}
.additional_service_02_con_02_title {font-size:48px; color:#333; font-weight:bold;  text-align: center;}
.case_by_case_maintenance {width:100%; margin-top:40px; border-collapse: separate; border-spacing: 0;}
.case_by_case_maintenance caption {font-size:0;}
.case_by_case_maintenance thead th {background:#2e64fa; color:#fff;}
.case_by_case_maintenance tbody th {background:#2e64fa; color:#fff;}
.case_by_case_maintenance tfoot th {background:#2e64fa; color:#fff;}
.case_by_case_maintenance th, .case_by_case_maintenance td {padding:20px; font-size:24px; text-align: center; border-bottom:1px solid #ccc;}

/*서브페이지-6.호스팅-                            시작!*/
.sub_visual_main_06 {background:url(../img/img_sub_visual_main_06.jpg)no-repeat #01081d; height:387px; position:relative;}
.hosting_box_01 {margin-top:100px;}
.hosting_box_01_title {text-align: center; font-size:48px; font-weight:bold; color:#333;}
.hosting_box_01_list {margin:100px auto; width:70%;}
.hosting_box_01_list li {text-align:left; display: inline-block; vertical-align: middle; margin-bottom:30px; width:48%; font-size:24px;}
.hosting_box_01_list li:before {content:''; display:inline-block; background:url(../img/img_marketing_page_02.jpg); width:56px; height:56px; vertical-align: middle; margin-right:20px;}
.hosting_box_01_gift {background:#2e64fa;}
.hosting_box_01_gift .top {text-align: center; padding:30px 0 20px;} 
.hosting_box_01_gift .bottom { text-align: center; padding:10px 0 20px; }
.hosting_box_01_gift .bottom li {display:inline-block; color:#fff; font-size:24px;}
.hosting_box_01_gift .bottom li + li:before {content:''; display:inline-block; height:20px; border-left:1px solid #fff; margin:0 20px; vertical-align: middle;}
.hosting_box_01_type {text-align: center; margin-top:80px;}
.hosting_box_01_type .type_box {width:334px; height:auto; border:2px solid #787878; display:inline-block; margin:15px; overflow: hidden; background-color: #fafafa;}
.hosting_box_01_type .type_box .top {border-bottom:1px solid #787878;}
.hosting_box_01_type .type_box .top strong {font-size:24px; font-weight: bold; display: block; margin-top:50px;}
.hosting_box_01_type .type_box .top span {font-size:18px; display:inline-block; margin:30px 0 20px; line-height: 1.5; letter-spacing: -1px;}
.hosting_box_01_type .type_box .middle {position: inherit; padding:50px 20px; border-bottom: 1px solid #787878;}
.hosting_box_01_type .type_box .middle li {padding:10px 50px; width:100%; text-align: left;}
.hosting_box_01_type .type_box .middle span { font-size: 18px; color:#333; width:40%; display: inline-block;}
.hosting_box_01_type .type_box .middle strong {font-weight: bold; font-size:18px; color:#333; width:40%; display: inline-block;}
.hosting_box_01_type .type_box .bottom {padding:30px 0;}
.hosting_box_01_type .type_box .bottom select {width:90%; padding:10px; display:block; margin:0 auto; font-size:18px;}
.hosting_box_01_type .type_box .bottom .btn {margin-top:20px; display:block; width:90%; margin:20px auto 0; padding:20px; box-sizing: border-box; background:#0c9be6; color:#fff; font-size:24px;}
.hosting_box_01_option {width:80%; margin:80px auto 0;}
.hosting_box_01_option_title {font-size:24px; font-weight:bold; }
.hosting_box_01_option_table {width:100%; margin-top:40px; text-align: center;  border-collapse: separate; border-spacing:0;} 
.hosting_box_01_option_table caption {font-size:0;}
.hosting_box_01_option_table thead th {background:#f2f1f1; padding:20px; font-size:18px;}
.hosting_box_01_option_table td {padding:20px; font-size:18px; border-bottom:1px solid #ccc;}
.hosting_box_01_option_table td + td {border-left:1px solid #ccc;} 
.border_left {border-left:1px solid #ccc;} 

.hosting_box_01_content_01 {border:1px solid #2d63fb; margin-top:100px;}
.hosting_box_01_content_01 .top {background:#2d63fb; text-align: center; padding:30px;}
.hosting_box_01_content_01 .top span {font-size:34px; display:inline-block; padding:20px 50px; border-radius: 30px; background:#fff; font-weight: bold; color:#2d63fb;} 
.hosting_box_01_content_01 .bottom {padding:100px;}
.hosting_box_01_content_01 .bottom_inner_box_01 {margin-top:40px;}
.hosting_box_01_content_01 .bottom_inner_box_01 .skyblue {color:#0ca8ec; font-size:24px;}
.hosting_box_01_content_01 .bottom_inner_box_01 ul {text-align: center;}
.hosting_box_01_content_01 .bottom_inner_box_01 ul li {display: inline-block; margin:30px; vertical-align: middle;}
.hosting_box_01_content_01 .bottom_inner_box_01 ul li strong {font-weight:bold; font-size: 24px; display:block; margin-top:20px;}
.hosting_box_01_content_01 .bottom_inner_box_01 ul li span {font-size:18px; color:#999; display:block; margin-top:20px; line-height: 1.5;}
.hosting_box_01_content_01 .bottom_inner_box_02 {margin-top:40px;}
.hosting_box_01_content_01 .bottom_inner_box_02 .skyblue {color:#0ca8ec; font-size:24px;}
.hosting_box_01_content_01 .bottom_inner_box_02 ul {margin-top:20px;}
.hosting_box_01_content_01 .bottom_inner_box_02 ul li {line-height: 1.7; font-size:24px;} 

.hosting_box_02 {margin-top:100px;}
.hosting_box_02_title {text-align: center; font-size:48px; font-weight:bold; color:#333;}
.hosting_box_02_list {margin:100px auto; width:70%;}
.hosting_box_02_list li {text-align:left; display: inline-block; vertical-align: middle; margin-bottom:30px; width:48%; font-size:24px;}
.hosting_box_02_list li:before {content:''; display:inline-block; background:url(../img/img_marketing_page_02.jpg); width:56px; height:56px; vertical-align: middle; margin-right:20px;}
.hosting_box_02_gift {background:#2e64fa;}
.hosting_box_02_gift .top {text-align: center; padding:30px 0 20px;} 
.hosting_box_02_gift .bottom { text-align: center; padding:10px 0 20px; }
.hosting_box_02_gift .bottom li {display:inline-block; color:#fff; font-size:24px;}
.hosting_box_02_gift .bottom li + li:before {content:''; display:inline-block; height:20px; border-left:1px solid #fff; margin:0 20px; vertical-align: middle;}
.hosting_box_02_type {text-align: center; margin-top:80px;}
.hosting_box_02_type .type_box {width:334px; border:2px solid #787878; display:inline-block; margin:15px; /* padding:0 0 3% 0; */}
.hosting_box_02_type .type_box .top {background:#f2f1f1;}
.hosting_box_02_type .type_box .top strong {font-size:24px; font-weight: bold; display: block; padding:50px 0 0; font-family: 'NSKB';}
.hosting_box_02_type .type_box .middle .tab_01_title {width:100%; border-top:1px solid #333; /* border-right:1px solid #333; */  background:#fff; font-size:0;}
.hosting_box_02_type .type_box .middle .tab_01_title .tab_01_title_inner_left_box {width:50%; display:inline-block; }
.hosting_box_02_type .type_box .middle .tab_01_title .tab_01_title_inner_left_box a {width:100%; display:inline-block; font-size:18px; padding:15px 0; background:#f2f1f1;}
.hosting_box_02_type .type_box .middle .tab_01_title .tab_01_title_inner_right_box {width:50%; display:inline-block;}
.hosting_box_02_type .type_box .middle .tab_01_title .tab_01_title_inner_right_box a {display:block; width:100%; padding:15px 0; font-size:18px; background:#f2f1f1;}
.hosting_box_02_type .type_box .middle .tab_01_title  a.tab_title.on {background:url(../img/arrow.png) no-repeat 90% center #fff;}
.hosting_box_02_type .type_box .middle .tab_01_content {border-top:1px solid #333; border-bottom:1px solid #333; background:#fff;}
.hosting_box_02_type .type_box .middle .tab_01_content_tr {text-align:left; margin:20px;}
.hosting_box_02_type .type_box .middle .tab_01_content_tr span {font-size: 18px; color:#333; width:24%; display: inline-block;}
.hosting_box_02_type .type_box .middle .tab_01_content_tr strong {font-weight: bold; font-size:18px; color:#333; width:60%; display: inline-block; text-align: left; letter-spacing:-2px; font-family: 'NSKB';}
.hosting_box_02_type .type_box .middle .tab_01_content_tr .skyblue_big_txt {font-size:30px; color:#0c9be6; text-align: center;}
.hosting_box_02_type .type_box .middle .tab_01_content_tr .skyblue_small_txt {font-size:18px; color:#0c9be6;} 
.hosting_box_02_type .type_box .middle .tab_01_bottom {background:#759cb0;}
.hosting_box_02_type .type_box .middle .tab_01_bottom span {width:90%; font-size:14px; color:#fff; padding:10px 0; display:inline-block;}
.hosting_box_02_type .type_box .middle {position:inherit; /* border-bottom:1px solid #787878; */ background:#f2f1f1; padding:20px 0 0;}
.hosting_box_02_type .type_box .middle .tab_02_title {width:100%; border-top:1px solid #333; border-right:1px solid #333; font-size:0;}
.hosting_box_02_type .type_box .middle .tab_02_title .tab_02_title_inner_left_box {width:50%; display:inline-block; }
.hosting_box_02_type .type_box .middle .tab_02_title .tab_02_title_inner_left_box a {display:inline-block; width:100%; padding:15px 0; font-size:18px;}
.hosting_box_02_type .type_box .middle .tab_02_title .tab_02_title_inner_right_box {width:50%; display:inline-block; background:#f2f1f1;}
.hosting_box_02_type .type_box .middle .tab_02_title .tab_02_title_inner_right_box a {width:100%; display:inline-block; background:url(../img/arrow.png) no-repeat 90% center #fff; font-size:18px; padding:15px 0;}
.hosting_box_02_type .type_box .middle .tab_02_content {border-top:1px solid #333; border-bottom:1px solid #333; background:#fff;}
.hosting_box_02_type .type_box .middle .tab_02_content_tr {text-align:center; margin:20px 0;}
.hosting_box_02_type .type_box .middle .tab_02_content_tr span {font-size: 18px; color:#333; width:24%; display: inline-block;}
.hosting_box_02_type .type_box .middle .tab_02_content_tr strong {font-weight: bold; font-size:18px; color:#333; width:60%; display: inline-block; text-align: left; letter-spacing:-2px;}
.hosting_box_02_type .type_box .middle .tab_02_content_tr .skyblue_big_txt {font-size:30px; color:#0c9be6; text-align: center;}
.hosting_box_02_type .type_box .middle .tab_02_content_tr .skyblue_small_txt {font-size:18px; color:#0c9be6;} 
.hosting_box_02_type .type_box .middle .tab_02_bottom {background:#759cb0;}
.hosting_box_02_type .type_box .middle .tab_02_bottom span {width:90%; font-size:14px; color:#fff; padding:10px 0; display:inline-block;}
.hosting_box_02_type .type_box .bottom {padding: 20px 1rem; font-size:0;}
.hosting_box_02_type .type_box .bottom a {display: inline-block; width:49%; font-size:18px; padding:20px 0; color: #fff;}
.hosting_box_02_type .type_box .bottom .left_btn {background:#9e9e9e;}
.hosting_box_02_type .type_box .bottom .right_btn {background:#0c9be6; color:#fff; margin-left:2%;}
.tab_content2 {display: none;}

.hosting_box_02_option {width:80%; margin:80px auto 0;}
.hosting_box_02_option_title {font-size:24px; font-weight:bold; }
.hosting_box_02_option_table {width:100%; margin-top:40px; text-align: center;  border-collapse: separate; border-spacing:0;} 
.hosting_box_02_option_table caption {font-size:0;}
.hosting_box_02_option_table thead th {background:#f2f1f1; padding:20px; font-size:18px;}
.hosting_box_02_option_table td {padding:20px; font-size:18px; border-bottom:1px solid #ccc;}
.hosting_box_02_option_table td + td {border-left:1px solid #ccc;} 
.border_left {border-left:1px solid #ccc;} 

.hosting_box_02_content_01 {border:1px solid #2d63fb; margin-top:100px;}
.hosting_box_02_content_01 .top {background:#2d63fb; text-align: center; padding:30px;}
.hosting_box_02_content_01 .top span {font-size:34px; display:inline-block; padding:20px 50px; border-radius: 30px; background:#fff; font-weight: bold; color:#2d63fb;} 
.hosting_box_02_content_01 .bottom {padding:100px;}
.hosting_box_02_content_01 .bottom_inner_box_01 {margin-top:40px;}
.hosting_box_02_content_01 .bottom_inner_box_01 .skyblue {color:#0ca8ec; font-size:24px;}
.hosting_box_02_content_01 .bottom_inner_box_01 ul {text-align: center;}
.hosting_box_02_content_01 .bottom_inner_box_01 ul li {display: inline-block; margin:20px;}
.hosting_box_02_content_01 .bottom_inner_box_01 ul li strong {font-weight:bold; font-size: 24px; display:block; margin-top:20px;}
.hosting_box_02_content_01 .bottom_inner_box_01 ul li span {font-size:18px; color:#999; display:block; margin-top:20px; line-height: 1.5;}
.hosting_box_02_content_01 .bottom_inner_box_02 {margin-top:40px;}
.hosting_box_02_content_01 .bottom_inner_box_02 .skyblue {color:#0ca8ec; font-size:24px;}
.hosting_box_02_content_01 .bottom_inner_box_02 ul {margin-top:20px;}
.hosting_box_02_content_01 .bottom_inner_box_02 ul li {line-height: 1.7; font-size:24px;} 

.hosting_box_03 {margin-top:100px;}
.hosting_box_03_title {text-align: center; font-size:48px; font-weight:bold; color:#333;}
.hosting_box_03_list {margin:100px auto; width:70%;}
.hosting_box_03_list li {text-align:left; display: inline-block; vertical-align: middle; margin-bottom:30px; width:48%; font-size:24px;}
.hosting_box_03_list li:before {content:''; display:inline-block; background:url(../img/img_marketing_page_02.jpg); width:56px; height:56px; vertical-align: middle; margin-right:20px;}
.hosting_box_03_gift {background:#2e64fa;}
.hosting_box_03_gift .top {text-align: center; padding:30px 0 20px;} 
.hosting_box_03_gift .bottom { text-align: center; padding:10px 0 20px; }
.hosting_box_03_gift .bottom li {display:inline-block; color:#fff; font-size:24px;}
.hosting_box_03_gift .bottom li + li:before {content:''; display:inline-block; height:20px; border-left:1px solid #fff; margin:0 20px; vertical-align: middle;}
.hosting_box_03_type {text-align: center; margin-top:80px;}
.hosting_box_03_type .type_box {width:334px;border:2px solid #787878; display:inline-block; margin:15px; overflow: hidden; padding:0 0 3% 0; background-color: #fafafa;}
.hosting_box_03_type .type_box .top {border-bottom:1px solid #787878;}
.hosting_box_03_type .type_box .top strong {font-size:24px; font-weight: bold; display: block; margin-top:50px;}
.hosting_box_03_type .type_box .top span {font-size:18px; display:inline-block; margin:30px 0 20px; line-height: 1.5; letter-spacing: -1px;}
.hosting_box_03_type .type_box .middle {position: inherit; padding:50px 0; border-bottom: 1px solid #787878;}
.hosting_box_03_type .type_box .middle li {padding:10px 50px; width:100%; text-align: left;}
.hosting_box_03_type .type_box .middle span { font-size: 18px; color:#333; width:40%; display: inline-block;}
.hosting_box_03_type .type_box .middle strong {font-weight: bold; font-size:18px; color:#333; width:40%; display: inline-block;}
.hosting_box_03_type .type_box .bottom {padding:30px 0 0;}
.hosting_box_03_type .type_box .bottom select {width:90%; padding:10px; display:block; margin:0 auto; font-size:18px;}
.hosting_box_03_type .type_box .bottom .btn {margin-top:20px; display:block; width:90%; margin:20px auto 0; padding:20px; box-sizing: border-box; background:#0c9be6; color:#fff; font-size:24px;}
.hosting_box_03_option {width:80%; margin:80px auto 0;}
.hosting_box_03_option_title {font-size:24px; font-weight:bold; }
.hosting_box_03_option_table {width:100%; margin-top:40px; text-align: center;  border-collapse: separate; border-spacing:0;} 
.hosting_box_03_option_table caption {font-size:0;}
.hosting_box_03_option_table thead th {background:#f2f1f1; padding:20px; font-size:18px;}
.hosting_box_03_option_table td {padding:20px; font-size:18px; border-bottom:1px solid #ccc;}
.hosting_box_03_option_table td + td {border-left:1px solid #ccc;} 
.border_left {border-left:1px solid #ccc;} 

.hosting_box_03_content_01 {border:1px solid #2d63fb; margin-top:100px;}
.hosting_box_03_content_01 .top {background:#2d63fb; text-align: center; padding:30px;}
.hosting_box_03_content_01 .top span {font-size:34px; display:inline-block; padding:20px 50px; border-radius: 30px; background:#fff; font-weight: bold; color:#2d63fb;} 
.hosting_box_03_content_01 .bottom {padding:100px;}
.hosting_box_03_content_01 .bottom_inner_box_01 {margin-top:40px;}
.hosting_box_03_content_01 .bottom_inner_box_01 .skyblue {color:#0ca8ec; font-size:24px;}
.hosting_box_03_content_01 .bottom_inner_box_01 ul {text-align: center;}
.hosting_box_03_content_01 .bottom_inner_box_01 ul li {display: inline-block; margin:30px;}
.hosting_box_03_content_01 .bottom_inner_box_01 ul li strong {font-weight:bold; font-size: 24px; display:block; margin-top:20px;}
.hosting_box_03_content_01 .bottom_inner_box_01 ul li span {font-size:18px; color:#999; display:block; margin-top:20px; line-height: 1.5;}
.hosting_box_03_content_01 .bottom_inner_box_02 {margin-top:40px;}
.hosting_box_03_content_01 .bottom_inner_box_02 .skyblue {color:#0ca8ec; font-size:24px;}
.hosting_box_03_content_01 .bottom_inner_box_02 ul {margin-top:20px;}
.hosting_box_03_content_01 .bottom_inner_box_02 ul li {line-height: 1.7; font-size:24px;} 

.hosting_box_04 {margin-top:100px;}
.hosting_box_04_title {text-align: center; font-size:48px; font-weight:bold; color:#333;}
.hosting_box_04_list {margin:100px auto; width:70%;}
.hosting_box_04_list li {text-align:left; display: inline-block; vertical-align: middle; margin-bottom:30px; width:48%; font-size:24px;}
.hosting_box_04_list li:before {content:''; display:inline-block; background:url(../img/img_marketing_page_02.jpg); width:56px; height:56px; vertical-align: middle; margin-right:20px;}
.hosting_box_04_gift {background:#2e64fa;}
.hosting_box_04_gift .top {text-align: center; padding:30px 0 20px;} 
.hosting_box_04_gift .bottom { text-align: center; padding:10px 0 20px; }
.hosting_box_04_gift .bottom li {display:inline-block; color:#fff; font-size:24px;}
.hosting_box_04_gift .bottom li + li:before {content:''; display:inline-block; height:20px; border-left:1px solid #fff; margin:0 20px; vertical-align: middle;}
.hosting_box_04_type {text-align: center; margin-top:80px;}
.hosting_box_04_type .type_box {width:334px; height:620px; border:2px solid #787878; display:inline-block; margin:15px; overflow: hidden;}
.hosting_box_04_type .type_box .top {border-bottom:1px solid #787878;}
.hosting_box_04_type .type_box .top strong {font-size:24px; font-weight: bold; display: block; margin-top:50px;}
.hosting_box_04_type .type_box .top span {font-size:18px; display:inline-block; margin:30px 0 20px; line-height: 1.5; letter-spacing: -1px;}
.hosting_box_04_type .type_box .middle {position: inherit; padding:50px 20px; border-bottom: 1px solid #787878;}
.hosting_box_04_type .type_box .middle li {padding:10px 50px; width:100%; text-align: left;}
.hosting_box_04_type .type_box .middle span { font-size: 18px; color:#333; width:40%; display: inline-block;}
.hosting_box_04_type .type_box .middle strong {font-weight: bold; font-size:18px; color:#333; width:40%; display: inline-block;}
.hosting_box_04_type .type_box .bottom {padding:30px 0 0;}
.hosting_box_04_type .type_box .bottom select {width:90%; padding:10px; display:block; margin:0 auto; font-size:18px;}
.hosting_box_04_type .type_box .bottom .btn {margin-top:20px; display:block; width:90%; margin:20px auto 0; padding:20px; box-sizing: border-box; background:#0c9be6; color:#fff; font-size:24px;}
.hosting_box_04_content_01 {border:1px solid #2d63fb; margin-top:100px;}
.hosting_box_04_content_01 .top {background:#2d63fb; text-align: center; padding:30px;}
.hosting_box_04_content_01 .top span {font-size:34px; display:inline-block; padding:20px 50px; border-radius: 30px; background:#fff; font-weight: bold; color:#2d63fb;} 
.hosting_box_04_content_01 .bottom {padding:100px;}
.hosting_box_04_content_01 .bottom_inner_box_01 {margin-top:40px;}
.hosting_box_04_content_01 .bottom_inner_box_01 .skyblue {color:#0ca8ec; font-size:24px;}
.hosting_box_04_content_01 .bottom_inner_box_01 ul {text-align: center;}
.hosting_box_04_content_01 .bottom_inner_box_01 ul li {display: inline-block; margin:30px;}
.hosting_box_04_content_01 .bottom_inner_box_01 ul li strong {font-weight:bold; font-size: 24px; display:block; margin-top:20px;}
.hosting_box_04_content_01 .bottom_inner_box_01 ul li span {font-size:18px; color:#999; display:block; margin-top:20px; line-height: 1.5;}
.hosting_box_04_content_01 .bottom_inner_box_02 {margin-top:40px;}
.hosting_box_04_content_01 .bottom_inner_box_02 .skyblue {color:#0ca8ec; font-size:24px;}
.hosting_box_04_content_01 .bottom_inner_box_02 ul {margin-top:20px;}
.hosting_box_04_content_01 .bottom_inner_box_02 ul li {line-height: 1.7; font-size:24px;} 

.hosting_box_04_option {width:80%; margin:80px auto 0;}
.hosting_box_04_option_title {font-size:24px; font-weight:bold; }
.hosting_box_04_option_table {width:100%; margin-top:40px; text-align: center;  border-collapse: separate; border-spacing:0;} 
.hosting_box_04_option_table caption {font-size:0;}
.hosting_box_04_option_table thead th {background:#f2f1f1; padding:20px; font-size:18px;}
.hosting_box_04_option_table td {padding:20px; font-size:18px; border-bottom:1px solid #ccc;}
.hosting_box_04_option_table td + td {border-left:1px solid #ccc;} 
.border_left {border-left:1px solid #ccc;} 

.hosting_box_04_content_01 {border:1px solid #2d63fb; margin-top:100px;}
.hosting_box_04_content_01 .top {background:#2d63fb; text-align: center; padding:30px;}
.hosting_box_04_content_01 .top span {font-size:34px; display:inline-block; padding:20px 50px; border-radius: 30px; background:#fff; font-weight: bold; color:#2d63fb;} 
.hosting_box_04_content_01 .bottom {padding:100px;}
.hosting_box_04_content_01 .bottom_inner_box_01 {margin-top:40px;}
.hosting_box_04_content_01 .bottom_inner_box_01 .skyblue {color:#0ca8ec; font-size:24px;}
.hosting_box_04_content_01 .bottom_inner_box_01 ul {text-align: center;}
.hosting_box_04_content_01 .bottom_inner_box_01 ul li {display: inline-block; margin:20px;}
.hosting_box_04_content_01 .bottom_inner_box_01 ul li strong {font-weight:bold; font-size: 24px; display:block; margin-top:20px;}
.hosting_box_04_content_01 .bottom_inner_box_01 ul li span {font-size:18px; color:#999; display:block; margin-top:20px; line-height: 1.5;}
.hosting_box_04_content_01 .bottom_inner_box_02 {margin-top:40px;}
.hosting_box_04_content_01 .bottom_inner_box_02 .skyblue {color:#0ca8ec; font-size:24px;}
.hosting_box_04_content_01 .bottom_inner_box_02 ul {margin-top:20px;}
.hosting_box_04_content_01 .bottom_inner_box_02 ul li {line-height: 1.7; font-size:24px;} 

/*서브페이지-7.포트폴리오-                            시작!*/
.sub_visual_main_07 {background:url(../img/img_sub_visual_main_07.jpg)no-repeat #01081d; height:387px; position:relative;}
.portfolio_page_box_01 {margin-top:100px; font-size:0;}
.portfolio_page_box_01_content {text-align: center;}
.box_01_content_item {display:inline-block; margin:15px; text-align: left;}
.box_01_content_item strong {display:block; font-size:30px; font-weight: bold; color:#333; margin-top:20px;}
.box_01_content_item span {display:block; font-size:24px; color:#333; margin-top:10px;}
.bottom_view_more {text-align: center; margin-top:20px;}
.bottom_view_more a {font-size:24px;}

/*서브페이지-8.마케팅-                            시작!*/
.sub_visual_main_08 {background:url(../img/img_sub_visual_main_08.jpg)no-repeat #01081d; height:387px; position:relative;}
.marketing_01 { margin-top:100px;}
.marketing_01_title {font-size: 48px; font-weight: bold; text-align: center;}
.marketing_01_description_01 {margin-top:40px; font-size:24px; line-height: 1.5;}
.marketing_01_description_02 {margin-top:40px; font-size:24px; line-height: 1.5;}
.small_title {font-size:30px; font-weight:bold; text-align: center;}
.marketing_01_description_02 p {margin-top:20px;}
.img_marketing_page_01_box {text-align: center; margin-top:100px;}
.marketing_01_description_02_list {margin:100px auto; width:70%;}
.marketing_01_description_02_list li {text-align:left; display: inline-block; vertical-align: middle; margin-bottom:30px;}
.marketing_01_description_02_list li:before {content:''; display:inline-block; background:url(../img/img_marketing_page_02.jpg); width:56px; height:56px; vertical-align: middle; margin-right:20px;}
.marketing_01_description_03 {text-align: center;}
.marketing_01_description_03 li {display:inline-block; width:25%; text-align:center; height:300px; margin:30px;}
.marketing_01_description_03 li strong {display:block; font-size:24px; font-weight: bold; color:#333; margin-top:20px;}
.marketing_01_description_03 li span {display:inline-block; width:240px; font-size:14px; color:#333; margin-top:20px; font-size: 1.5rem;}

.marketing_02 {margin-top:100px;}
.marketing_02_title {font-size: 48px; font-weight: bold; font-weight: bold; text-align: center;}
.marketing_02_description_01 {margin-top:40px; font-size:24px; line-height: 1.5; text-align: center;}
.marketing_02_description_02 {margin-top:100px; font-size:0;}
.marketing_02_description_02 ul {margin-top:40px;}
.marketing_02_description_02 li {display:inline-block; width:40%; height:135px; position: relative; margin:50px;}
.marketing_02_description_02 li img {vertical-align:top; position: absolute; left:0;}
.marketing_02_description_02 li strong {font-size:24px; font-weight:bold; color:#333; position: absolute; top:0; left:150px;}
.marketing_02_description_02 li span {display: inline-block; font-size:17px; position: absolute; top:40px; left:150px; line-height: 1.5;}
.marketing_02_description_03 {margin-top:100px; text-align: center;}
.marketing_02_description_03 p {line-height: 1.5; font-size:24px; }
.marketing_02_description_04 {margin-top:100px; text-align: center;}
.marketing_02_description_04 p {line-height: 1.5; font-size:24px; margin-top:40px;}
.marketing_02_description_04 ul {font-size:0; margin-top:40px;}
.marketing_02_description_04 ul li {display: inline-block; margin:20px;}

.marketing_03 {margin-top:100px;}
.marketing_03_title {font-size: 48px; font-weight: bold; text-align: center;}
.marketing_03_description_01 {font-size:24px; color:#333; margin-top:40px; text-align: center;}
.marketing_03_description_02 {margin-top:40px; text-align: center;}
.marketing_03_description_03 {width:60%; margin:100px auto 0;}
.marketing_03_description_03 ul {margin-top:40px;}
.marketing_03_description_03 li {text-align:left; display: inline-block; vertical-align: middle; margin-bottom:30px; font-size:24px;}
.marketing_03_description_03 li:before {content:''; display:inline-block; background:url(../img/img_marketing_page_02.jpg); width:56px; height:56px; vertical-align: middle; margin-right:20px;}

.marketing_03_description_04 {margin-top:40px;}
.marketing_03_description_04 img {margin:40px auto 0; display: block;}

.marketing_04 {margin-top:100px;}
.marketing_04_title {font-size: 48px; font-weight: bold; font-weight: bold; text-align: center;}
.marketing_04 p {font-size:24px; color:#333; margin-top:40px; text-align: center; line-height: 1.5;}
.marketing_04_description_01 {text-align: center;}
.marketing_04_description_02 {margin-top:100px;}
.marketing_04_description_02 .facebook_box {margin:40px auto 0; width:80%;}
.marketing_04_description_02 .facebook_box .txt {display:inline-block; margin-left:100px; vertical-align: middle;}
.marketing_04_description_02 .facebook_box .txt strong {display:block; font-size: 24px;}
.marketing_04_description_02 .facebook_box .txt span {display:block; font-size: 24px; line-height: 1.5; margin-top:20px;}
.marketing_04_description_02 .facebook_box .bottom_img_box {text-align: center; margin-top:40px;}
.marketing_04_description_02 .twitter_box {margin:100px auto 0; width:90%;}
.marketing_04_description_02 .twitter_box .txt {display:inline-block; margin-left:100px; vertical-align: middle;}
.marketing_04_description_02 .twitter_box .txt strong {display:block; font-size: 24px;}
.marketing_04_description_02 .twitter_box .txt span {display:block; font-size: 24px; line-height: 1.5; margin-top:20px;}
.marketing_04_description_02 .twitter_box .bottom_img_box {text-align: center; margin-top:100px;}
.marketing_04_description_03 {margin:100px;}
.marketing_04_description_03 {width:60%; margin:100px auto 0;}
.marketing_04_description_03 ul {margin-top:40px;}
.marketing_04_description_03 li {text-align:left; display: inline-block; vertical-align: middle; margin-bottom:30px; font-size:24px;}
.marketing_04_description_03 li:before {content:''; display:inline-block; background:url(../img/img_marketing_page_02.jpg); width:56px; height:56px; vertical-align: middle; margin-right:20px;}
.marketing_04_description_04 {margin:100px;}
.marketing_04_description_04 ul {margin:60px; text-align: center;}
.marketing_04_description_04 li {display: inline-block; margin:20px; position: relative;}
.marketing_04_description_04 li + li:before {content:''; display:block; width:50px; border-top:1px solid #2e64fa; position: absolute; top:50%; left:-25%;}

/*서브페이지-9.고객센터-                            시작!*/
.sub_visual_main_09 {background:url(../img/img_sub_visual_main_09.jpg)no-repeat #01081d; height:387px; position:relative;}
.customer_service_page {margin-top:100px; font-size:0;}
.customer_service_boxs {margin-top:100px; text-align:center;}
.customer_service_page ul {display:inline-block; vertical-align: middle; width:372px; height:710px; border:1px solid #ccc; padding:30px 60px; box-sizing: border-box; text-align: center; margin:20px;}
.customer_service_page ul li strong {font-size:24px; color:#333; font-weight:bold; display:block; text-align: center; margin-top:30px;}
.customer_service_page ul li img {margin-top:30px; margin-bottom:50px;}
.customer_service_page ul li a {color:#9a9a9a; font-size:24px; display:block; text-align: left; line-height: 1.8;}

.customer_service_intro {text-align:center;}
.customer_service_intro span {font-size:24px; color:#333;}
.customer_service_intro p {font-size:48px; font-weight:bold; color:#333; margin-top:20px;}
.customer_service_intro a {display:inline-block; font-size:24px; color:#2e64fa; width:240px; height:70px; border:1px solid #2e64fa; text-align: center; padding:20px; box-sizing: border-box; margin-top:30px;}

/*반응형 시작!*/
@media screen and (max-width: 1770px) {
    
    /*  서브페이지- 1.쇼핑몰 - 반응형               시작!*/
    .blank_space {min-height: 800px; background-size: cover;}
    .shopping_mall_process { min-height: 900px; background-size: cover;}
    .pokemon_list_01 .pokemon, .pokemon_list_02 .pokemon, .pokemon_list_03 .pokemon {width: 160px; height: 160px; background-size:contain;}
    .pokemon_list_01 .pokemon + .pokemon {margin-left: 14%;}
    .pokemon_list_01 .pokemon + .pokemon:after {left: -100%;}
    .pokemon_list_02 .pokemon + .pokemon:after {left: -100%;}
    .pokemon_list_02 .pokemon + .pokemon {margin-left: 14%;}
    /* .pokemon_list_03 {margin-left: 11%;} */
    .pokemon_list_03 .pokemon + .pokemon:after {left: -100%;}
    .pokemon_list_03 .pokemon + .pokemon {margin-left: 13%;}
    .steep_title {font-size:22px; padding-top:40px;}
    .steep_content {font-size:2.1rem; padding-top:13px;}
    .other_services_list {text-align:center;}
    .other_service_item {width:520px; height:140px; text-align:left; padding:40px 0 0 40px; margin-bottom:40px;}
    .icon_service_inner_title {font-size:26px;}
    .icon_service_inner_content {font-size:18px;}
    .img_icon_service {margin-right:30px;}
    
    /*  서브페이지- 2.홈페이지제작 - 반응형               시작!*/
    .total_design_box03 li + li {margin-left:5%;}
    .total_design_box03 li + li:after {display: none;}
   
    .production_process{display:none;}
    .mobile_production_process {display:block; margin:5%; text-align:center;}

    /*  서브페이지- 3.독립형솔루션 - 반응형               시작!*/
    .pro_box_01 {margin-top:10%;}
    .pro_box_01_title {font-size:40px;}
    .pro_box_01_summary {font-size:24px; margin-top:6%;}
    .pro_box_01_description {margin-top:10%; text-align:center;}
    .pro_box_01_description .right {text-align:left; margin-top:4%;}

    /*  서브페이지- 4.모바일 - 반응형               시작!*/ 
    .middle {width:100%;}
    .middle_item { margin:4%; width:24%;}
    .middle_item img {width:100%;}
    
    .mobile_page_box_02 {height: 1294px; margin-top: 10%;}
    .mobile_page_box_02_description .bottom {width:40%; bottom:-15.2%}
    .mobile_page_box_02_description .bottom img {width:100%;}
    .mobile_page_box_02_description { width: 100%; height: 800px; margin-top: 10%; padding: 5%;}
    
    
    /*  서브페이지- 6.호스팅 - 반응형               시작!*/
    .hosting_box_01_list li {font-size: 22px; letter-spacing: -1px;}
    .hosting_box_01_title {font-size: 40px;}
    .hosting_box_01_list {margin: 10% auto;}
    .hosting_box_01_list li {margin-bottom: 3%; font-size: 20px;}
    .hosting_box_01_list li:before {background-size:contain; width: 30px; height: 30px; margin-right: 2%;}
    
    .hosting_box_01_gift .top {padding: 3% 0 2%;}
    .hosting_box_01_gift .top img {width:50%;}
    .hosting_box_01_gift .bottom li {font-size: 18px; border:1px solid #a4bcff; padding:1%; border-radius:10px; margin:1%;}
    .hosting_box_01_gift .bottom li + li:before {display: none;}
    
    .hosting_box_01_type {margin-top: 8%; width:100%;}
    .hosting_box_01_type .type_box {width: 30%; margin: 1%; height:inherit; padding:0 0 5% 0;}
    .hosting_box_01_type .type_box .top strong {margin-top: 15%;}
    .hosting_box_01_type .type_box .top span {margin: 5% 0 10%; font-size:14px; letter-spacing: -1px;}
    .hosting_box_01_type .type_box .middle {padding: 5% 2%;}
    .hosting_box_01_type .type_box .middle li {padding: 4% 5%; box-sizing: border-box;}
    .hosting_box_01_content_01 .top {padding:3%;}
    .hosting_box_01_content_01 .top span {padding: 2% 5%;}
    .hosting_box_01_content_01 .bottom {padding:10%;}
    .hosting_box_01_content_01 .bottom_inner_box_01 {margin-top:4%;}
    
    .hosting_box_02 {margin-top:10%;}
    .hosting_box_02_title {font-size: 40px;}
    .hosting_box_02_list {margin: 10% auto;}
    .hosting_box_02_list li {margin-bottom: 3%; font-size: 20px;}
    .hosting_box_02_list li:before { width: 30px; height: 30px; margin-right: 2%; background-size: contain;}
    .hosting_box_02_gift .top {padding: 3% 0 2%;}
    .hosting_box_02_gift .top img {width:50%;}
    .hosting_box_02_gift .bottom li {font-size: 18px; border:1px solid #a4bcff; padding:1%; border-radius:10px; margin:1%;}
    .hosting_box_02_gift .bottom li + li:before {display: none;}
    .hosting_box_02_type {margin-top:8%;}
    .hosting_box_02_type .type_box {width:30%; margin: 1%;}
    .hosting_box_02_content_01 {margin-top:10%;}
    .hosting_box_02_content_01 .top {padding:3%;}
    .hosting_box_02_content_01 .top span {padding: 2% 5%;}
    .hosting_box_02_content_01 .bottom {padding:10%;}
    .hosting_box_02_content_01 .bottom_inner_box_01 {margin-top:4%;}
    
    .hosting_box_03_title {font-size: 40px;}
    .hosting_box_03_list {margin: 10% auto;}
    .hosting_box_03_list li {margin-bottom: 3%; font-size: 20px;}
    .hosting_box_03_list li:before {background-size:contain; width: 30px; height: 30px; margin-right: 2%;}
    .hosting_box_03_gift .top {padding: 3% 0 2%;}
    .hosting_box_03_gift .top img {width:50%;}
    .hosting_box_03_gift .bottom li {font-size: 18px; border:1px solid #a4bcff; padding:1%; border-radius:10px; margin:1%;}
    .hosting_box_03_gift .bottom li + li:before {display: none;}
    .hosting_box_03_type {margin-top: 8%; width:100%;}
    .hosting_box_03_type .type_box {width: 30%; margin: 1%;}
    .hosting_box_03_type .type_box .top strong {margin-top: 15%;}
    .hosting_box_03_type .type_box .top span {margin: 5% 0 10%; font-size:14px; letter-spacing: -1px;}
    .hosting_box_03_type .type_box .middle {padding: 5% 2%;}
    .hosting_box_03_type .type_box .middle li {padding: 4% 5%; box-sizing: border-box;}
    .hosting_box_03_content_01 .top {padding:3%;}
    .hosting_box_03_content_01 .top span {padding: 2% 5%;}
    .hosting_box_03_content_01 .bottom {padding:10%;}
    .hosting_box_03_content_01 .bottom_inner_box_01 {margin-top:4%;}
    .hosting_box_03_content_01 .bottom_inner_box_01 ul li {margin: 3%;}

    .hosting_box_04_title {font-size: 40px;}
    .hosting_box_04_list {margin: 10% auto;}
    .hosting_box_04_list li {margin-bottom: 3%; font-size: 20px;}
    .hosting_box_04_list li:before {background-size:contain; width: 30px; height: 30px; margin-right: 2%;}
    .hosting_box_04_gift .top {padding: 3% 0 2%;}
    .hosting_box_04_gift .top img {width:50%;}
    .hosting_box_04_gift .bottom li {font-size: 18px; border:1px solid #a4bcff; padding:1%; border-radius:10px; margin:1%;}
    .hosting_box_04_gift .bottom li + li:before {display: none;}
    .hosting_box_04_type {margin-top: 8%; width:100%;}
    .hosting_box_04_type .type_box {width: 30%; margin: 1%; height:inherit; padding: 0 0 3% 0;}
    .hosting_box_04_type .type_box .top strong {margin-top: 15%;}
    .hosting_box_04_type .type_box .top span {margin: 5% 0 10%; font-size:14px; letter-spacing: -1px;}
    .hosting_box_04_type .type_box .middle {padding: 5% 2%;}
    .hosting_box_04_type .type_box .middle li {padding: 4% 5%; box-sizing: border-box;}
    .hosting_box_04_content_01 .top {padding:3%;}
    .hosting_box_04_content_01 .top span {padding: 2% 5%;}
    .hosting_box_04_content_01 .bottom {padding:10%;}
    .hosting_box_04_content_01 .bottom_inner_box_01 {margin-top:4%;}

    /*  서브페이지- 7.포트폴리오 - 반응형               시작!*/
    .portfolio_page_box_01 {margin-top:7%;}
    .box_01_content_item {width:30%; margin:1%;}
    .box_01_content_item img {width:100%;}

    /*  서브페이지- 8.마케팅 - 반응형               시작!*/
    .marketing_02_description_03 {margin-top:10%;}
    .marketing_02_description_04 ul {margin-top: 4%;}
    .marketing_02_description_04 ul li {margin:2%; width:26%;}
    .marketing_02_description_04 ul li img {width:100%;}
    .marketing_04_description_04 ul {margin:6%;}
    .marketing_04_description_04 li {margin:2%; width:18%;}
    .marketing_04_description_04 li img {width:100%;}

    /*  서브페이지- 9.고객센터 - 반응형               시작!*/
    /* .sub_visual_main_09 {height: 15vw;} */
    .customer_service_page {margin-top:10%;}
    .customer_service_intro span {font-size: 20px;}
    .customer_service_intro p {font-size: 40px; margin-top: 2%;}
    .customer_service_intro a {font-size: 20px; padding: 2%; margin-top: 3%; height:60px;}
    .customer_service_boxs {margin-top:10%; width:100%;}
    .customer_service_page ul { width: 28%; padding: 3% 6%; margin: 2%;}
    .customer_service_page ul li strong {font-size: 22px; margin-top: 3%; }
    .customer_service_page ul li a {font-size: 18px;}
}

@media screen and (max-width: 1400px) {
   
   /* 공통 */
   header {display:none;}
   .breadcrumbs_inner { width: 100%; padding: 0 4rem; margin: 2% auto 0; text-align: right;}
   .breadcrumbs_inner span {font-size:14px;}
   .txt_bold {font-size:40px;}
   footer {display:none;}

    /*  서브페이지- 1.쇼핑몰 - 반응형               시작!*/
   .sub_visual_main_01 {background-size:cover;}
   .description {margin-top:1%; color: #fff; font-size:17px;}
   /* .sub_visual_inner {width: 100%; margin-left:inherit;  left:0;} */
   .shopping_mall_intro {margin-top:5%;} 
   .shopping_mall_intro h3 {text-align: center; font-size: 40px;}
   .shopping_mall_intro p {font-size:18px; margin-top:3%;}
   .blank_space {margin-top:5%; min-height: 600px; background-size:cover; background-position:center;}
   .shopping_mall_process {margin-top:5%; padding-top:6%; padding-bottom:5%; background-size:contain; background-position:center bottom; background-repeat:no-repeat; background-color:#21409a; min-height:30vw;} 
   .shopping_mall_process h3 {font-size: 40px;}
   .pokemon_list_01 .pokemon, .pokemon_list_02 .pokemon, .pokemon_list_03 .pokemon {width:100px; height:100px; margin-top:3%; background-size:100px 100px;}
   .pokemon_list_01 .pokemon + .pokemon:after {left: -130%; background-size: contain; width: 67px; height: 24px;}    
   .pokemon_list_01 .pokemon + .pokemon {margin-left:20%;}
   .pokemon_list_02 .pokemon + .pokemon:after {left: -130%; background-size: contain; width: 67px; height: 24px;}   
   .pokemon_list_02 .pokemon + .pokemon {margin-left:20%;}
   .pokemon_list_03 .pokemon + .pokemon:after {left: -130%; background-size: contain; width: 67px; height: 24px;}   
   /* .pokemon_list_03 {margin-left:17%;} */
   .pokemon_list_03 .pokemon + .pokemon {margin-left:20%;}
   .steep_title {padding-top:23%; font-size:14px;}
   .steep_content {padding-top:15%; font-size:1.6rem;}
   .other_services {margin-top:7%;}
   .other_services h3 {font-size: 40px;}
   .other_services_list {margin-top:4%; width:100%; text-align:center;}
   .other_service_item {width:45%; height:inherit; padding:2% 4%; margin-bottom:2%; text-align:left;}
   .other_service_item_even {margin-left:3%;}
   .img_icon_service {margin-right:4%; width:70%;}
   .icon_service_inner_title {font-size:18px;}
   .icon_service_inner_content {font-size: 14px; margin-top: 10px;}
    
    /*  서브페이지- 2.홈페이지제작 - 반응형               시작!*/  
    .sub_visual_main_02 {background-size: cover;}
    .homepage_intro {margin-top: 5%;}
    .homepage_intro h3 {text-align: center; font-size: 40px;}
    .homepage_intro p {font-size:18px; margin-top:3%;}
    .total_design_service h3 {font-size:40px;}
    .total_design_service {height:100px; line-height:100px;}
    .total_design_box01 {margin-top:7%;}
    .total_design_box01 h3 {font-size: 40px;}
    .slogan {font-size: 24px; margin-top: 2%;}
    .total_design_box01 p {font-size:14px;}
    .total_design_box02_visual {margin-top:7%; height:15vw; background-repeat: no-repeat; background-position: center; background-size:cover;}
    .total_design_box02 {margin-top:7%;}
    .total_design_box02 p {font-size:14px;}
    .total_design_box03_visual {margin-top: 100px; height:15vw; background-repeat: no-repeat; background-position: center; background-size:cover;}
    .total_design_box03 {margin-top:7%;}
    .total_design_box03 h3 {font-size: 40px;}
    .total_design_box03 ul {margin-top:4%;}
    .total_design_box03 li {width:180px; height:180px; background-size:contain; margin:3%;}
    .total_design_box03 .numbering {font-size:22px;}
    .total_design_box03 li + li {margin-left:3%;}
    .total_design_box03 li span {font-size:14px;}
    .total_design_box03 li + li:after {display: none;}
    
    .total_design_box_04_visual {margin-top:7%; height:15vw; background-size:cover;}
    .total_design_box_04 {margin-top:7%;}
    .total_design_box_04 h3 {font-size:40px;}
    
    .total_design_box_05_visual {margin-top:7%; height:15vw; background-size:cover;}
    .total_design_box_05 p {font-size: 24px; margin-top: 4%;}
    
    .operations_sevices {width: 100%; height:inherit; margin: 10% auto 0; padding: 4%; background-size: contain; }
    .operations_sevices ul {position: inherit; margin-top:5%; width: 100%;}
    .operations_sevices li {background-size:100% 100%; background-repeat:no-repeat; width:17%; height: inherit; font-size: 20px; padding: 3%; box-sizing: border-box;}
    .operations_sevices li + li {margin-left:3%;}
    
    .production_process {width:100%; margin: 20% auto; background-size:contain;}
    .production_process_slogan {font-size: 24px;}
    
    .consulting_list {margin-top:5%; position: inherit; background-color:#fff; width:100%;}
    .consulting_list li { padding: 3%; width: 20%; box-sizing: border-box; vertical-align: top;}
    .numbering {width: 50%; height: 50%; line-height: 1.5;}
    .language_korea { font-size: 18px; margin-top: 5%; letter-spacing: -1px;}
    .language_english {font-size: 16px; margin-top: 2%;}
    
    
    .total_design_box_06 { margin-top: 5%; min-height: 30vw; height: inherit; padding-top: 10%; padding-bottom: 6%; background-size: cover; }
    .total_design_box_06 h3 {font-size: 40px;}
    .total_design_box_07 {margin-top:10%;}
    .total_design_box_07 h3 {font-size: 40px;}
    .total_design_box_07 th, .total_design_box_07 td {padding: 2%; font-size: 18px;}
    
    .total_design_box_08 {margin-top: 10%; background-size: cover;}
    .total_design_box_09 {margin-top: 10%; background-size: cover;}
    
    /*서브페이지-3.독립형 솔루션-3/1                            시작!*/
    .sub_visual_main_03 {background-size:cover;}
    .p2p_platform h3 {font-size:40px;}
    .p2p_platform .summary {font-size:24px;}
    .type_list {margin-top:6%;}
    .by_type {padding-bottom:3%; margin:4%;}
    .by_type + .by_type {margin-left:4%;}
    
    /*서브페이지-3.독립형 솔루션-3/2 시작! */    
    .pro_box_01_title {font-size:40px;}
    
    .pro_box_01_description {width:100%; margin: 10% auto 0;}
    .pro_box_01_description .left {width:100%;}
    .pro_box_01_description .left img {width:100%;}
    .pro_box_01_description .right {margin:4% 0 0 0;}
    .pro_box_01_description .left .btn_box a {padding: 2%; font-size: 20px; width:auto;}
    
    .pro_box_02 {margin-top:10%;}
    .pro_box_02_title {font-size:40px;}
    .pro_box_03_title {font-size:40px;}
    .pro_box_03_summary {font-size: 20px; margin-top: 6%;}
    .pro_box_02_description {margin-top: 10%;}
    .pro_box_03_description li {width: 30%;}
    .pro_box_03_description li img {width:100%;}
    
    .pro_box_04_title {font-size: 40px;}
    
    .first_pro_box_03_description {margin-top:10%;}
    .first_pro_box_04_description {margin-top:10%;}
    .pro_box_04_description li {width:30%; padding:2%;}
    .pro_box_04_description li img {width:100%;}

    /*서브페이지-3.독립형 솔루션-3/3 시작! */
    
    .p2p_box_01 {margin-top:10%; text-align: center;}
    .p2p_box_01_title {font-size:40px;}
    .p2p_box_01_description {width:70%; margin: 10% auto 0;}
    .p2p_box_01_description .left img {width:100%;}
    .p2p_box_01_description .left .btn_box {margin-top:6%;}
    .p2p_box_01_description .left .btn_box a {width: inherit; padding:2%; font-size:20px; box-sizing: border-box;}
    .p2p_box_01_description .left .btn_box .red_btn {margin-left:2%;}
    .p2p_box_01_description .right {margin-top:4%; margin-left:0px;}
    .p2p_box_02_title {font-size:40px;}
    .p2p_box_02_summary {font-size: 24px; margin-top: 6%;}
    .first_p2p_box_02_description {margin-top:10%;}
    .p2p_box_03_title {font-size:40px;}
    .p2p_box_03_summary {font-size:20px; margin-top:6%;}
    .p2p_box_03_description {margin-top:10%;}
    .p2p_box_03_description li {width: 82%; height: auto;}
    
    .p2p_box_04_title {font-size: 40px;}
    .p2p_box_04_summary {font-size: 20px; margin-top: 6%;}
    .p2p_box_04_description li {width: 30%;}
    
    .first_p2p_box_04_description {margin-top:10%;}
    .second_p2p_box_04_description {margin-top:6%;}
    
    .p2p_box_05_title {font-size:40px;}
    .p2p_box_05_list {margin-top:6%;}
    .p2p_box_05_item {width:30%;}
    
    /*   서브페이지-4.모바일-                            시작!*/
    .sub_visual_main_04 {background-size:cover;}
    .mobile_page_box_01 {margin-top:10%;}
    .mobile_page_box_01_title {font-size: 40px;}
    .mobile_page_box_02 {margin-top: 10%; height:1100px;}
    .mobile_page_box_02_description {height:650px;}

    /*  서브페이지- 5.부가서비스-2/1 - 반응형               시작!*/ 
    .sub_visual_main_05 {height:15vw; background-size:cover;}
    .additional_service_01 {margin-top:5%;}
    .additional_service_01 h3 {text-align: center; font-size: 40px;}
    .mobile_page_box_01_description {font-size: 24px; margin-top: 4%;}
    .mobile_page_box_02_title {font-size: 40px;padding-top: 15%;}
    .mobile_page_box_02_description {margin-top: 10%; padding: 5%;}

    /*  서브페이지- 5.부가서비스-2/2 - 반응형               시작!*/ 
    .monthly_maintenance {width:100%;}
    .monthly_maintenance th, .monthly_maintenance td {padding:2%; font-size:18px;}
    .case_by_case_maintenance {width:100%;}
    .case_by_case_maintenance th, .case_by_case_maintenance td { padding: 2%; font-size: 18px;}

     /*  서브페이지- 6.호스팅 - 반응형               시작!*/
    .sub_visual_main_06 {background-size:cover;}
    .additional_service_01_title {font-size:40px;}
    .additional_service_01_description {font-size: 24px; margin-top: 2%;}
    .additional_service_01_first .top {padding:4%;}
    .additional_service_01_first .top span {padding: 2% 4%; font-size: 24px;}
    .additional_service_01_first .bottom {padding:6%;}
    .additional_service_01_first .bottom li {font-size:20px;}
    .additional_service_01_second .top {padding: 4%;}
    .additional_service_01_second .top span {padding:2% 4%; font-size:24px;}
    .additional_service_01_second .bottom {padding:4%; width:100%; box-sizing: border-box;}
    .additional_service_01_second .bottom li {margin:2%; width:28%;}
    .additional_service_01_second .bottom li img {width:100%;}
    
    .additional_service_01_con_02 .bottom .bottom_inner_box_01 strong {font-size: 22px; margin-top: 2%;}
    .additional_service_01_con_02 .bottom .bottom_inner_box_01 img {margin-top: 4%; margin-bottom: 4%; width:100%;}
    .additional_service_01_con_02 .bottom .bottom_inner_box_01 span {font-size: 20px;}
    .additional_service_01_con_03 .additional_service_01_first .bottom strong {font-size: 20px;}
    .additional_service_01_con_03 .additional_service_01_first .bottom span {font-size: 20px;}
    .additional_service_01_con_03 .additional_service_01_second .bottom strong {font-size: 20px; margin: 2% 0;}
    .additional_service_01_con_03 .additional_service_01_second .bottom span {font-size: 20px;}
    .additional_service_01_con_03 .additional_service_01_second .bottom img {width:100%; margin-top:2%;}
    .additional_service_01_con_04 .additional_service_01_first .bottom strong {font-size: 2rem; margin: 2% 0;}
    .additional_service_01_con_04 .additional_service_01_first .bottom img {width:100%;}
    .additional_service_01_con_05 .additional_service_01_first .bottom li {font-size: 20px;}
    .additional_service_01_second {margin-top:4%;}
    .additional_service_01_second img {width:100%;}
    
    .hosting_box_01_content_01 .top span {font-size:24px;}
    .hosting_box_01_content_01 .bottom_inner_box_01 .skyblue {font-size:20px;}
    .hosting_box_01_content_01 .bottom_inner_box_01 ul li strong {font-size:20px; margin-top: 2%;}
    .hosting_box_01_content_01 .bottom_inner_box_01 ul li span {font-size: 14px; margin-top: 2%;}
    .hosting_box_01_content_01 .bottom_inner_box_02 .skyblue {font-size:20px;}
    .hosting_box_01_content_01 .bottom_inner_box_02 ul li {font-size: 20px;}
    
    .hosting_box_02_type .type_box .middle .tab_01_content_tr {margin: 5%;}
    .hosting_box_02_content_01 .top span {font-size:24px;}
    .hosting_box_02_content_01 .bottom_inner_box_01 .skyblue {font-size:20px;}
    .hosting_box_02_content_01 .bottom_inner_box_01 ul {margin-top:5%;}
    .hosting_box_02_content_01 .bottom_inner_box_02 ul li {font-size: 20px;}
    .hosting_box_02_content_01 .bottom_inner_box_01 ul li strong {font-size:20px; margin-top: 2%;}
    .hosting_box_02_content_01 .bottom_inner_box_01 ul li span {font-size: 14px; margin-top: 2%;}
    .hosting_box_02_content_01 .bottom_inner_box_02 .skyblue {font-size:20px;}
    .hosting_box_02_content_01 .bottom_inner_box_02 ul li {font-size: 20px;}
    
    .hosting_box_03_content_01 .top span {font-size:24px;}
    .hosting_box_03_content_01 .bottom_inner_box_01 .skyblue {font-size:20px;}
    .hosting_box_03_content_01 .bottom_inner_box_01 ul li {margin: 3%;}
    .hosting_box_03_content_01 .bottom_inner_box_01 ul li strong {font-size:20px; margin-top: 2%;}
    .hosting_box_03_content_01 .bottom_inner_box_01 ul li span {font-size: 14px; margin-top: 2%;}
    .hosting_box_03_content_01 .top span {font-size:24px;}
    .hosting_box_03_content_01 .bottom_inner_box_01 .skyblue {font-size:20px;}
    .hosting_box_03_content_01 .bottom_inner_box_01 ul li strong {font-size:20px; margin-top: 2%;}
    .hosting_box_03_content_01 .bottom_inner_box_01 ul li span {font-size: 14px; margin-top: 2%;}
    .hosting_box_03_content_01 .bottom_inner_box_02 .skyblue {font-size:20px;}
    .hosting_box_03_content_01 .bottom_inner_box_02 ul li {font-size: 20px;}
    
    .hosting_box_04_content_01 .top span {font-size:24px;}
    .hosting_box_04_content_01 .bottom_inner_box_01 .skyblue {font-size:20px;}
    .hosting_box_04_content_01 .bottom_inner_box_01 ul li strong {font-size:20px; margin-top: 2%;}
    .hosting_box_04_content_01 .bottom_inner_box_01 ul li span {font-size: 14px; margin-top: 2%;}
    .hosting_box_04_content_01 .bottom_inner_box_02 .skyblue {font-size:20px;}
    .hosting_box_04_content_01 .bottom_inner_box_02 ul li {font-size: 20px;}

    /*  서브페이지- 7.포트폴리오 - 반응형               시작!*/
    .sub_visual_main_07 {background-size:cover;}
    .box_01_content_item strong {font-size:20px;}
    .box_01_content_item span {font-size:14px;}
    .standalone_solution_intro {margin-top:7%;}
    .tab {width:100%;}
    .tab li {width:18%; padding:2% 1%; box-sizing: border-box; font-size:22px;}
    .tab li + li {margin-left: 1%;}

    /*  서브페이지- 8.마케팅 - 반응형               시작!*/
    .sub_visual_main_08 {background-size:cover;}
    .marketing_01_title {font-size: 40px;}
    .marketing_01_description_01 {font-size:20px;}
    .small_title {font-size: 24px;}
    .marketing_01_description_02 p {margin-top:2%; font-size:20px;}
    .marketing_01_description_02_list {margin: 10% auto;}
    .marketing_01_description_02_list li {margin-bottom:3%; font-size:20px;}
    .marketing_01_description_02_list li:before {background-size: contain; width: 30px; height: 30px; margin-right: 2%;}
    
    .marketing_02_title {font-size: 40px;}
    .marketing_02_description_01 {margin-top: 4%; font-size: 20px;}
    .marketing_02_description_02 ul {margin-top:4%; }
    .marketing_02_description_02 ul li {; width:90%; margin:3%; box-sizing: border-box;} 
    .marketing_02_description_02 li img {}
    .marketing_02_description_02 ul li strong {}
    .marketing_02_description_02 ul li span {font-size:14px;}
    .marketing_02_description_03 p {font-size: 20px;}
    .marketing_02_description_04 p {font-size: 20px;margin-top: 4%;}
    
    .marketing_03_title {font-size: 40px;}
    .marketing_03_description_01 {font-size: 20px; margin-top: 4%;}
    .marketing_03_description_02 {margin-top:4%;}
    .marketing_03_description_02 img {width:100%;}
    .marketing_03_description_03 li {margin-bottom:5%; font-size: 20px; width:100%;}
    .marketing_03_description_03 li:before {width: 30px; height: 30px; margin-right: 2%; background-size: cover;}
    .marketing_03_description_04 img {margin: 4% auto 0; width:100%;}
    
    .marketing_04_title {font-size: 40px;}
    .marketing_04 p {font-size: 20px; margin-top: 4%;}
    .marketing_04_description_01 img {width:100%;}
    .marketing_04_description_02 .facebook_box {margin: 4% auto 0;}
    .marketing_04_description_02 .facebook_box .txt {display: inline-block; margin-left:10%;}
    .marketing_04_description_02 .facebook_box .txt strong {font-size: 20px;}
    .marketing_04_description_02 .facebook_box .txt span {font-size: 18px; margin-top: 2%;}
    .marketing_04_description_02 .twitter_box {margin: 10% auto 0; width: 90%;}
    .marketing_04_description_02 .twitter_box .txt {margin-left: 10%;}
    .marketing_04_description_02 .twitter_box .txt strong {font-size: 20px;}
    .marketing_04_description_02 .twitter_box .txt span {font-size: 18px; margin-top: 2%;}
    .marketing_04_description_03 li {margin-bottom: 3%; font-size: 20px; width:100%;}
    .marketing_04_description_03 li:before {width: 30px; height: 30px; margin-right: 2%; background-size:contain;}
    .marketing_04_description_04 ul {margin:6%;}
    .marketing_04_description_04 li {margin:2%; width:18%;}
    .marketing_04_description_04 li img {width:100%;}
    
}

@media screen and (max-width: 1400px) {
	.platformAdvantages li {margin-right:0;}
}

@media screen and (max-width: 1280px) {
	.standalone_solution_intro.active {margin-top: 88px;}
}

@media screen and (max-width: 1270px) {
    
    /*공통*/
    .tab li {width:25%; margin:1%;}
    
    /*  서브페이지- 1.쇼핑몰 - 반응형               시작!*/
    .pokemon_list_01 .pokemon + .pokemon {margin-left: 16%;}
    .pokemon_list_01 .pokemon + .pokemon:after {left: -110%;} 
    .pokemon_list_02 .pokemon + .pokemon:after {left: -110%;} 
    .pokemon_list_02 .pokemon + .pokemon {margin-left:16%;}
	.pokemon_list_03 .pokemon + .pokemon {margin-left: 16%;}
    /* .pokemon_list_03 {margin-left:17%;} */
    .pokemon_list_03 .pokemon + .pokemon:after {left: -110%;} 
    .img_icon_service {width: 50%;}
    .icon_service_inner_content {font-size: 12px;}

    /*서브페이지-2.홈페이지제작 시작! */
    .operations_sevices li {font-size:18px; padding:1.5%;}
    .total_design_box_08 { background-size: contain; background-position: bottom center; background-color: #e2d4b3;}
    .total_design_box_08 .dark_blind {left:0;}
    .total_design_box_09 { background-size: contain; background-position: bottom center; background-color: #774f32;}
    .total_design_box_09 .dark_blind {right:0;}

     /*서브페이지-3.독립형 솔루션-3/2 시작! */
    .pro_box_02_description .right {margin:5%;}
    .pro_box_04_description li strong {top: 56%;}
    .pro_box_04_description li span {top: 66%;}

     /*서브페이지-3.독립형 솔루션-3/3 시작! */
    .p2p_box_03_description li strong {font-size: 30px; width: auto; height: 120px; padding: 4%;}
    .p2p_box_03_description li span {width: 80%; padding: 2%;}

    /*  서브페이지- 4.모바일 - 반응형               시작!*/    
    .middle_item {width: 40%;}
    .mobile_page_box_02 {height:inherit; padding:0 0 16% 0;}
    .mobile_page_box_02_description {height:100vw;}

    /*  서브페이지- 5.부가서비스-2/2 - 반응형               시작!*/  
    .additional_service_02_con_01 {margin-top:10%;}
    .additional_service_02_con_01_title {font-size: 40px; margin-top: 10%;}
    .additional_service_02_con_02 {margin-top:10%;}
    .additional_service_02_con_02_title {font-size: 40px;}
    
    .monthly_maintenance_bottom {position: inherit;}
    .monthly_maintenance_bottom .left {display:block;}
    .monthly_maintenance_bottom .left span {margin-top: 2%; line-height: 1.5;}
    .monthly_maintenance_bottom .right {display:block;margin-top:5%; position: inherit; text-align: center;}

    /*  서브페이지- 6.호스팅 - 반응형               시작!*/   
    .hosting_box_01_list li {margin-bottom: 3%; font-size:18px;}
    .hosting_box_01_type .type_box {height:inherit;}
    .hosting_box_02_type .type_box .middle .tab_01_content_tr strong {width:70%; font-size:16px;}
    .hosting_box_02_type .type_box .middle .tab_01_content_tr span {font-size: 16px;}
    
    .hosting_box_02_type .type_box .bottom a {padding: 5% 0;}

    /*  서브페이지- 8.마케팅 - 반응형               시작!*/    
    .marketing_04_description_04 li {margin: 2%; width: 40%;}
    .marketing_04_description_04 li + li:before {display:none;}

    /*  서브페이지- 9.고객센터 - 반응형               시작!*/
    .customer_service_page ul { width: 40%; padding: 3% 6%; margin: 2%;}.

}

@media screen and (max-width: 1063px) {
    /*서브페이지-3.독립형 솔루션-3/3 시작! */
    .p2p_box_03_description li strong {width:100%; height:auto; padding:2%;}
    .p2p_box_03_description li span {width: 100%; height:auto; padding:2% 4%;}
}

@media screen and (max-width: 1000px) {
    /*서브페이지-2.홈페이지제작      시작! */
    .consulting_box {height: inherit;}
    .consulting_list li {width: 100%;}

    .operations_sevices li {padding: 3%; width: 100%; background-color:rgba(0,0,0,0.5); margin: 1% 0%; background-image: none; border-radius: 20px;}
    .operations_sevices li + li {margin-left:0;}

     /*서브페이지-3.독립형 솔루션-3/2 시작! */
    .pro_box_04_description li strong {top: 50%;}
    .pro_box_04_description li span {top: 60%;}

    /*서브페이지-3.독립형 솔루션-3/3 시작! */
    .p2p_box_01_description {width: 100%; margin: 10% auto 0;}
    .first_p2p_box_02_description {margin-top:10%;}
    .first_p2p_box_02_description img {width:100%;}
    .second_p2p_box_02_description {margin-top: 6%;}
    .second_p2p_box_02_description img {width:100%;}

    /*  서브페이지- 6.호스팅 - 반응형               시작!*/   
    .hosting_box_01_list li {width:100%; padding:2%; border:1px solid #ccc; border-radius:10px;}
    .hosting_box_01_type .type_box {height:inherit;}    
    .hosting_box_01_type .type_box .top span {font-size: 13px;}
    .hosting_box_01_type .type_box .bottom .btn {padding: 2%;}
    .hosting_box_02_list li {width:100%; padding:2%; border:1px solid #ccc; border-radius:10px;}
    .hosting_box_03_list li {width:100%; padding:2%; border:1px solid #ccc; border-radius:10px;}
    .hosting_box_03_type .type_box .top span {font-size: 13px;}
    .hosting_box_03_type .type_box .bottom .btn {padding: 2%;}
    .hosting_box_04_list li {width:100%; padding:2%; border:1px solid #ccc; border-radius:10px;}
    .hosting_box_04_type .type_box .top span {font-size: 13px;}
    .hosting_box_04_type .type_box .bottom .btn {padding: 2%;}
}

@media screen and (max-width: 980px) {

    /*공통*/
    .pokemon_list_01 .pokemon + .pokemon {margin-left:13%;}
    .pokemon_list_01 .pokemon + .pokemon:after {left: -85%;}
    .pokemon_list_02 .pokemon + .pokemon:after {left: -85%;}
    .pokemon_list_02 .pokemon + .pokemon {margin-left: 13%;}
    /* .pokemon_list_03 {margin-left:15%;} */
    .pokemon_list_03 .pokemon + .pokemon:after {left: -85%;}
    .pokemon_list_03 .pokemon + .pokemon {margin-left: 13%;}
    .img_icon_service {width:0; margin-left: 1%;}

    /*기타*/
    .other_service_item {width:100%;}
    .other_service_item_even {margin-left:0;}
    .other_service_item_txt_box span { display: inline-block; margin-top: 0; margin-left: 10px;}
    
    /*  서브페이지- 1.쇼핑몰 - 반응형               시작!*/
    .sub_visual_main_01 {height: 230px;}
	.blank_space {min-height: 370px;}
    
    /*  서브페이지- 2.홈페이지제작 - 반응형               시작!*/
    .sub_visual_main_02 {height:230px;}
    
    /*서브페이지-3.독립형 솔루션-3/1                            시작!*/
    .sub_visual_main_03 {height:230px;}
    
    /*서브페이지-3.독립형 솔루션-3/3 시작! */
    
    .p2p_box_05_item .bottom .right li { font-size: 13px; letter-spacing: -1px;}

    /*  서브페이지- 5.부가서비스-2/1 반응형               시작!*/     
    .sub_visual_main_05 {height: 230px;}
    .additional_service_01 h3 {font-size:30px;}
    .additional_service_01_title {font-size:30px;}
    .additional_service_01_description {font-size:20px;}
    .additional_service_01_first .top span {font-size: 22px;}
    .additional_service_01_first .bottom li {font-size: 18px;}
    .additional_service_01_con_02 .bottom .bottom_inner_box_01 strong {font-size: 20px;}
    .additional_service_01_con_02 .bottom .bottom_inner_box_01 span {font-size: 18px;}
    .additional_service_01_con_04 .additional_service_01_first .bottom span {font-size: 1.8rem;}

    /*  서브페이지- 6.호스팅 - 반응형               시작!*/
    .sub_visual_main_06 {height:230px; background-size:cover;} 
	.sub_visual_main_09 {height:230px; background-size:cover;} 

    /*  서브페이지- 7.포트폴리오 - 반응형               시작!*/
    .sub_visual_main_07 {height:230px;}
    .tab li {font-size:20px;}

    /* 서브페이지- 8.마케팅 - 반응형               시작!*/    
    .sub_visual_main_08 {height:230px;}
    .marketing_01_description_03 li {width: 40%; margin: 3%; }
    .marketing_01_description_03 li span {width:100%; margin-top: 2%;}
    .marketing_02_description_02 ul li strong {font-size:20px;}
    .marketing_02_description_04 ul {margin-top: 4%;}
    .marketing_02_description_04 ul li {margin:2%; width:80%;}
    .marketing_02_description_04 ul li img {width:100%;}
}

@media screen and (max-width: 900px){
    
    /*공통*/
    .txt_bold {font-size:30px;} 
    /* .pokemon_list_01 .pokemon + .pokemon {margin-left:10%;} */

     /*  서브페이지- 2.홈페이지제작 - 반응형               시작!*/
    .mobile_production_process img {width:100%;}

    /*  서브페이지- 5.부가서비스-2/1 - 반응형               시작!*/ 
    .tab li {width:16%; padding:2% 0.5%; font-size: 16px; letter-spacing: -1px;}

    /*  서브페이지- 6.호스팅 - 반응형               시작!*/  
    .tab li {width:25%; margin:1%;}
    /* .hosting_box_01_type .type_box .top span {font-size:0;} */
    .hosting_box_01_type .type_box .middle span {font-size:16px;}
    .hosting_box_01_type .type_box .middle strong {font-size:16px;}
    .hosting_box_01_type .type_box .bottom {padding: 5% 0 0;}
    .hosting_box_01_type .type_box .bottom .btn {margin:10% auto 0; padding: 2%; font-size: 20px;}
    
    /* .hosting_box_03_type .type_box .top span {font-size:0;} */
    .hosting_box_03_type .type_box .middle span {font-size:16px;}
    .hosting_box_03_type .type_box .middle strong {font-size:16px;}
    .hosting_box_03_type .type_box .bottom {padding: 5% 0 0;}
    .hosting_box_03_type .type_box .bottom .btn {margin:10% auto 0; padding: 2%; font-size: 20px;}
    
    /* .hosting_box_04_type .type_box .top span {font-size:0;} */
    .hosting_box_04_type .type_box .middle span {font-size:16px;}
    .hosting_box_04_type .type_box .middle strong {font-size:16px;}
    .hosting_box_04_type .type_box .bottom {padding: 5% 0 0;}
    .hosting_box_04_type .type_box .bottom .btn {margin:10% auto 0; padding: 2%; font-size: 20px;}

    /*  서브페이지- 7.포트폴리오 - 반응형            시작!*/
    .box_01_content_item strong {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

    /*  서브페이지- 8.마케팅 - 반응형               시작!*/
    .marketing_04_description_04 {margin:10%;}
    .marketing_04_description_02 .facebook_box .bottom_img_box {margin-top:4%;}
    .marketing_04_description_02 .facebook_box .bottom_img_box img {width:60%;}
    .marketing_04_description_02 .twitter_box .bottom_img_box {margin-top:10%;}
    .marketing_04_description_02 .twitter_box .bottom_img_box img {width:70%;}

}

@media screen and (max-width: 840px){
   
    /*서브페이지-2.홈페이지제작-반응형 시작! */
    .total_design_box_08 h3 {font-size: 40px;}
    .total_design_box_09 h3 {font-size: 40px;}
    .summary { font-size: 24px; margin-top: 3%;}
    .web_standar_content li {font-size:16px;}
    .web_accessibility_considerations {padding: 2%; margin-top: 6%;}
    .web_accessibility_considerations table{border-collapse: separate;border-spacing: 0;}
    .web_accessibility_considerations table th, .web_accessibility_considerations table td {font-size: 14px; vertical-align: top; border:1px solid #666;}

    /*서브페이지-3.독립형 솔루션-3/2 시작! */
    
    .pro_box_04_description li strong {top: 45%;}
    .pro_box_04_description li span {top: 55%;}

    /*서브페이지-4.독립형 솔루션-3/2 시작! */
    .mobile_page_box_02_description .top .title_round_box {width: 80%; padding: 2% 5%; font-size: 24px; margin-left: -40%; left: 50%;}
    .mobile_page_box_02_description .top .title_line {display: none;}

    /*  서브페이지- 6.호스팅 - 반응형               시작!*/ 
    .hosting_box_02_type .type_box .middle .tab_01_content_tr .skyblue_big_txt {font-size: 24px;}
    .hosting_box_02_type .type_box .middle .tab_01_content_tr .skyblue_small_txt {font-size: 14px;}
	
	.blockchain h3, .platformAdvantages h3, .platformcompare h3 {font-size:40px;}
}

@media screen and (max-width: 760px) {
	.breadcrumbs_inner {padding: 0 2rem;}
	.standalone_solution_intro.active {margin-top: 82px;}
	.standalone_solution_intro.active + .standalone_solution {margin-top: 234px;}
	.standalone_solution_intro.active + .additional_service_01_con_01 {margin-top: 304px;}
}

@media screen and (max-width: 732px){
    
    /*공통*/
    .pokemon_list_01 .pokemon + .pokemon:after,
	.pokemon_list_02 .pokemon + .pokemon:after,
	.pokemon_list_03 .pokemon + .pokemon:after {display: none;}
    .pokemon_list_01 .pokemon + .pokemon {margin-left:3%;}
    .pokemon_list_02 .pokemon + .pokemon {margin-left:3%;}
    .pokemon_list_02 .pokemon:before {display:none;}
    .pokemon_list_03 .pokemon:before {display:none;}
    .pokemon_list_03 {margin-left:0;}
    .pokemon_list_03 .pokemon + .pokemon {margin-left:3%;}
    .pokemon_list_01, .pokemon_list_02, .pokemon_list_03 {display: inline; margin:3% 0 0 3%;}

    /*  서브페이지- 1.쇼핑몰제작 - 반응형               시작!*/
    .shopping_mall_process {text-align: center;}
    .second_p2p_box_04_description {margin-top:3%;}
    .p2p_box_05_item .top {background-size: cover;}

    /*  서브페이지- 2.홈페이지제작 - 반응형               시작!*/
    .total_design_box_06 {text-align: center;}

    /*서브페이지-3.독립형 솔루션-3/1 시작! */
    .img_case_01_box {width:33%; margin:0 auto;}
    .img_case_01_box img {width:100%;}

    /*서브페이지-3.독립형 솔루션-3/2 시작! */
    
    .pro_box_02_description .left {width: 320px; height: 477px;}
    .pro_box_02_description .left li {width: 140px; height: 140px; padding-top: 10px;}
    
    .left_item_03 {top: 35%;}    
    
    .pro_box_03_description li {width: 90%; margin:5%}
    .pro_box_03_description li img {width:100%; max-height:140px;}
    .pro_box_03_description li + li {margin-left:5%;}
    .pro_box_04_description li {width: 90%;}
    
    .pro_box_04_description li {width:90%; margin:5%;}
    .pro_box_04_description li img {height:240px;}
    .pro_box_04_description li strong {top:55%;}
    .pro_box_04_description li span {top:65%;}
    .pro_box_04_description li + li {margin-left:5%;}

    .second_pro_box_03_description {margin-top: 0;}
    .second_pro_box_04_description {margin-top: 0%;}
    .third_pro_box_04_description {margin-top: 0;}

    /*서브페이지-3.독립형 솔루션-3/3 시작! */
    .p2p_box_04_description li {width:90%; margin:5%;}
    .p2p_box_04_description li + li {margin:5%;}
    .p2p_box_05_item {width: 90%; margin:5%;}
    .p2p_box_05_item .bottom .right li { font-size: 16px;}

    /*  서브페이지- 6.호스팅 - 반응형               시작!*/
    .hosting_box_01_list li {font-size: 18px;}
    .hosting_box_01_type .type_box {width: 90%; height: auto;}
    .hosting_box_01_type .type_box .middle span {font-size: 18px;}
    .hosting_box_01_type .type_box .middle strong {font-size: 18px;}
    .hosting_box_01_type .type_box .bottom .btn {margin: 5% auto 0;padding: 4% 2%;}
    .hosting_box_01_type .type_box .bottom {padding: 5% 0 5%;}
    .hosting_box_01_content_01 .bottom_inner_box_02 ul li {font-size: 18px;}

    .hosting_box_02_list li {font-size: 18px;}
    .hosting_box_02_type .type_box { width: 100%; height:auto; /* padding:0 0 5% 0; */}
    .hosting_box_02_type .type_box .middle .tab_01_content_tr .skyblue_big_txt {font-size: 30px;}
    .hosting_box_02_type .type_box .middle .tab_01_content_tr .skyblue_small_txt {font-size: 18px;}
    .hosting_box_02_type .type_box .middle .tab_01_content_tr strong {font-size: 18px;}
    .hosting_box_02_type .type_box .middle .tab_01_content_tr span {font-size: 18px}
    /* .hosting_box_02_type .type_box .middle .tab_02_bottom span {font-size: 18px;} */
    .hosting_box_02_content_01 .bottom_inner_box_02 ul li {font-size: 18px;}
    
    .hosting_box_03_list li {font-size: 18px;}
    .hosting_box_03_type .type_box {width: 90%; height: auto;}
    .hosting_box_03_type .type_box .middle span {font-size: 18px;}
    .hosting_box_03_type .type_box .middle strong {font-size: 18px;}
    .hosting_box_03_type .type_box .bottom .btn {margin: 5% auto 0;padding: 4% 2%;}
    .hosting_box_03_type .type_box .bottom {padding: 5% 0 5%;}
    .hosting_box_03_content_01 .bottom_inner_box_02 ul li {font-size: 18px;}
    
    .hosting_box_04_list li {font-size: 18px;}
    .hosting_box_04_type .type_box {width: 90%; height: auto;}
    .hosting_box_04_type .type_box .middle span {font-size: 18px;}
    .hosting_box_04_type .type_box .middle strong {font-size: 18px;}
    .hosting_box_04_type .type_box .bottom .btn {margin: 5% auto 0;padding: 4% 2%;}
    .hosting_box_04_type .type_box .bottom {padding: 5% 0 5%;}
    .hosting_box_04_content_01 .bottom_inner_box_02 ul li {font-size: 18px;}
}

@media screen and (max-width: 600px) {
    
    /*공통*/
    .description {font-size:15px; margin:1%;}
    .tab li {font-size:16px; width:30%; margin:1%;}
    
    /*기타*/
    .other_services h3 {font-size:30px;}
    .total_design_service h3 {font-size: 2.4rem;}
	.total_design_box01 h3 {font-size: 3rem;}
	.total_design_box02 h3 {font-size: 3rem;}
	.total_design_box03 h3 {font-size: 3rem;}
	.total_design_box_04 h3 {font-size: 3rem;}
	.total_design_box_05 h3 {font-size: 3rem;}
	.total_design_box_06 h3 {font-size: 3rem;}
	.total_design_box_07 h3 {font-size: 3rem;}
	.total_design_box_05 p {font-size: 2rem; padding: 0 2rem; word-break: keep-all;}
	.operations_sevices h4 {font-size: 2.3rem; text-align: center;}
	.operations_sevices li {font-size: 2rem;}
	.total_design_box_08 h3 {font-size: 3rem;}
	.total_design_box_09 h3 {font-size: 3rem;}
	.summary {font-size: 2.3rem;}
	.web_standar_content li {font-size: 1.6rem; line-height: 2.7rem; word-break: keep-all;}
	.homepage_intro p {font-size: 2rem;}
	.slogan {font-size: 2.3rem; word-break: keep-all;}
	.production_process_slogan {font-size: 2.3rem; word-break: keep-all;}
	.consulting_box h4 {font-size: 3rem;}
	.consulting_box p {font-size: 2rem; word-break: keep-all;}
	.pro_box_01_title {font-size: 3rem;}
	.pro_box_02_title {font-size: 3rem;}
	.pro_box_03_title {font-size: 3rem;}
	.pro_box_04_title {font-size: 3rem;}
	.pro_box_01_summary {font-size: 2rem; word-break: keep-all;}
	.pro_box_03_summary {font-size: 2rem; word-break: keep-all;}
	.pro_box_04_description li span {font-size: 1.8rem;}
	.total_design_box_07 th, .total_design_box_07 td {font-size: 1rem;}
	.total_design_box_08 {height: auto;}
	.total_design_box_08 .dark_blind {position: static;}
	.p2p_platform h3 {font-size: 3rem;}
	.p2p_platform .summary {font-size: 2.3rem; word-break: keep-all;}
	.type_list .top img {width: 100%;}
	.tab li {font-size: 1rem;}
	.standalone_solution_intro.active + .standalone_solution {margin-top: 184px;}
	.standalone_solution_intro.active + .additional_service_01_con_01 {margin-top: 214px;}
	.standalone_solution_intro.active + .hosting_box_01 {margin-top: 234px;}
	.standalone_solution_intro.active + .portfolio_page_box_01 {margin-top: 174px;}
	.standalone_solution_intro.active + .marketing_01 {margin-top: 224px;}
	.type_list .top .p_bold {font-size: 2rem;}
	.type_list .bottom .buttons_box {display: flex; justify-content: space-around;}
	.type_list .bottom .buttons_box a + a {margin-left: 0;}
	.type_list .bottom .buttons_box a {font-size: 1.5rem; width: calc((100% - 4rem) / 2);}
	.mobile_page_box_01_title {font-size: 3rem;}
	.mobile_page_box_01_description {font-size: 2rem; word-break: keep-all;}
	.mobile_page_box_02_title {font-size: 2.3rem; word-break: keep-all;}
	.mobile_page_box_02_description .top .title_round_box {font-size: 2rem; word-break: keep-all;}
	.additional_service_01 h3 {font-size: 3rem;}
	.additional_service_01_title {font-size: 3rem;}
	.additional_service_01_description {font-size: 2.3rem; word-break: keep-all;}
	.additional_service_01_first .top span, .additional_service_01_second .top span {font-size: 2rem; word-break: keep-all;}
	.additional_service_01_first .bottom li {font-size: 1.8rem; line-height: 3rem;}
	.additional_service_01_con_02 .bottom .bottom_inner_box_01 strong {font-size: 2rem;}
	.additional_service_01_con_02 .bottom .bottom_inner_box_01 span {font-size: 1.8rem; line-height: 3rem; word-break: keep-all;}
	.additional_service_01_con_03 .additional_service_01_first .bottom strong {font-size: 2rem;}
	.additional_service_01_con_03 .additional_service_01_first .bottom span {font-size: 1.8rem; line-height: 3rem; word-break: keep-all;}
	.additional_service_01_con_03 .additional_service_01_second .bottom strong {font-size: 2rem;}
	.additional_service_01_con_03 .additional_service_01_second .bottom span {font-size: 1.8rem; line-height: 3rem; word-break: keep-all;}
	.additional_service_01_con_05 .additional_service_01_first .bottom li {font-size: 1.8rem; line-height: 3rem; word-break: keep-all;}
	.marketing_01_description_01 {font-size: 2rem;}
	.marketing_01_title {font-size: 3rem;}
	.small_title {font-size: 3rem;}
	.marketing_01_description_02 p {font-size: 2rem;}
	.img_marketing_page_01_box img {width: 100%;}
	.marketing_01_description_02_list {width: 100%;}
	.marketing_01_description_02_list li {font-size: 2rem;}
	.marketing_01_description_03 li {width: 100%; margin: 0; display: block;}
	.marketing_02_title {font-size: 3rem;}
	.marketing_02_description_01 p {font-size: 2rem;}
	.marketing_02_description_02 ul li {width: 100%; height: auto; text-align: center; margin: 0; margin-bottom: 4rem;}
	.marketing_02_description_02 li img {position: static;}
	.marketing_02_description_02 li strong {position: static; display: block; margin-top: 2rem; margin-bottom: 1rem;}
	.marketing_02_description_02 li span {position:static;}
	.marketing_02_description_03 p {font-size: 2rem;}
	.marketing_02_description_03 p br {display: none;}
	.marketing_02_description_04 p {font-size: 2rem; word-break: keep-all;}
	.marketing_03_title {font-size: 3rem;}
	.marketing_03_description_01 p {font-size: 2rem;}
	.marketing_03_description_03 {width: 100%;}
	.marketing_03_description_03 li {font-size: 2rem;}
	.marketing_04_title {font-size: 3rem;}
	.marketing_04 p {font-size: 2rem; word-break: keep-all;}
	.marketing_04_description_01 p br {display: none;}
	.marketing_04_description_02 .facebook_box {width: 100%; text-align: center;}
	.facebook_box img {width: 100px;}
	.marketing_04_description_02 .facebook_box .txt {margin-left: 0;}
	.marketing_04_description_02 .facebook_box .txt strong {font-size: 2rem; margin-top: 2rem;}
	.marketing_04_description_02 .facebook_box .txt span {font-size: 2rem;}
	.marketing_04_description_02 .twitter_box {width: 100%; text-align: center;}
	.twitter_box img {width: 100px;}
	.marketing_04_description_02 .twitter_box .txt {margin-left: 0;}
	.marketing_04_description_02 .twitter_box .txt strong {font-size: 2rem; margin-top: 2rem;}
	.marketing_04_description_02 .twitter_box .txt span {font-size: 2rem;}
	.marketing_04_description_03 {width: 100%;}
	.marketing_04_description_03 li {font-size: 2rem;}
	.hosting_box_01_title {font-size: 3rem;}
	.hosting_box_01_list {width: 100%;}
	.hosting_box_01_list li {font-size: 2rem;}
	.hosting_box_01_type .type_box {width: 100%; margin: 0; margin-bottom: 4rem;}
	.hosting_box_01_type .type_box .top strong {margin-top: 0;}
	.hosting_box_01_type .type_box .top span {margin: 0; margin-top: 1rem;}
	.hosting_box_01_type .type_box .top {padding: 2rem 1rem;}
	.hosting_box_01_type .type_box .middle {padding: 0;}
	.hosting_box_01_type .type_box .middle li {padding: 1.3rem 2rem; display: flex; justify-content: space-between;}
	.hosting_box_01_type .type_box .middle span {font-size: 2rem; width: auto;}
	.hosting_box_01_type .type_box .middle strong {font-size: 2rem; width: auto;}
	.hosting_box_01_type .type_box .bottom select {font-size: 2rem;}
	.hosting_box_01_option {width: 100%; margin: 0; margin-top: 80px;}
	.hosting_box_01_option_title {font-size: 3rem; text-align: center;}
	.hosting_box_01_option_table thead th {font-size: 2rem; padding: 2rem 0;}
	.hosting_box_01_option_table td {font-size: 1.8rem; padding: 2rem 0;}
	.hosting_box_01_content_01 .top span {font-size: 2rem;}
	.hosting_box_01_content_01 .bottom_inner_box_01 .skyblue {font-size: 2rem;}
	.hosting_box_01_content_01 .bottom {padding: 4rem 2rem;}
	.hosting_box_01_content_01 .bottom_inner_box_01 ul li {margin: 30px auto;}
	.hosting_box_01_content_01 .bottom_inner_box_01 ul li span {word-break: keep-all;}
	.hosting_box_01_content_01 .bottom_inner_box_01 ul li span br {display: none;}
	.hosting_box_01_content_01 .bottom_inner_box_02 .skyblue {font-size: 2rem;}
	.hosting_box_01_content_01 .bottom_inner_box_02 ul li {font-size: 1.8rem; word-break: keep-all; margin-bottom: 1rem;}
	.hosting_box_02_title {font-size: 3rem;}
	.hosting_box_02_list {width: 100%;}
	.hosting_box_02_list li {font-size: 1.8rem;}
	.hosting_box_02_type .type_box {width: 100%; margin-bottom: 4rem;}
	.hosting_box_02_type .type_box .top strong {padding-top: 0; font-size: 3rem; line-height: 8rem;}
	.hosting_box_02_type .type_box .middle {padding-top: 0;}
	.hosting_box_02_option {width: 100%;}
	.hosting_box_02_option_title {font-size: 3rem; text-align: center;}
	.hosting_box_02_option_table thead th {font-size: 2rem; padding: 2rem 0;}
	.hosting_box_02_option_table td {font-size: 1.8rem; padding: 2rem 0;}
	.hosting_box_02_content_01 .bottom {padding: 4rem 2rem;}
	.hosting_box_02_content_01 .bottom_inner_box_01 .skyblue {font-size: 2rem;}
	.hosting_box_02_content_01 .bottom_inner_box_01 ul li {margin: 30px auto;}
	.hosting_box_02_content_01 .bottom_inner_box_01 ul li span {word-break: keep-all;}
	.hosting_box_02_content_01 .bottom_inner_box_01 ul li span br {display: none;}
	.hosting_box_02_content_01 .bottom_inner_box_02 .skyblue {font-size: 2rem;}
	.hosting_box_02_content_01 .bottom_inner_box_02 ul li {font-size: 1.8rem; word-break: keep-all; margin-bottom: 1rem;}
	.hosting_box_03_title {font-size: 3rem;}
	.hosting_box_03_list {width: 100%;}
	.hosting_box_03_list li {font-size: 1.8rem;}
	.hosting_box_03_type .type_box {width: 100%;}
	.hosting_box_03_type .type_box .top {padding: 2rem 1rem;}
	.hosting_box_03_type .type_box .top strong {margin-top: 0;}
	.hosting_box_03_type .type_box .top span {margin: 0; margin-top: 1rem;}
	.hosting_box_03_type .type_box .middle {padding: 0;}
	.hosting_box_03_type .type_box .middle li {padding: 1.3rem 2rem; display: flex; justify-content: space-between;}
	.hosting_box_03_type .type_box .middle span {width: auto; font-size: 2rem;}
	.hosting_box_03_type .type_box .middle strong {width: auto; font-size: 2rem;}
	.hosting_box_03_type .type_box .bottom select {font-size: 2rem;}
	.hosting_box_03_option {width: 100%;}
	.hosting_box_03_option_title {font-size: 3rem; text-align: center;}
	.hosting_box_03_option_table thead th {font-size: 2rem; padding: 2rem 0;}
	.hosting_box_03_option_table td {font-size: 1.8rem; padding: 2rem 0;}
	.hosting_box_03_content_01 .top span {font-size: 2rem;}
	.hosting_box_03_content_01 .bottom {padding: 4rem 2rem;}
	.hosting_box_03_content_01 .bottom_inner_box_01 .skyblue {font-size: 2rem;}
	.hosting_box_03_content_01 .bottom_inner_box_01 ul li {margin: 30px auto;}
	.hosting_box_03_content_01 .bottom_inner_box_01 ul li span {word-break: keep-all;}
	.hosting_box_03_content_01 .bottom_inner_box_01 ul li span br {display: none;}
	.hosting_box_03_content_01 .bottom_inner_box_02 .skyblue {font-size: 2rem;}
	.hosting_box_03_content_01 .bottom_inner_box_02 ul li {font-size: 1.8rem; word-break: keep-all; margin-bottom: 1rem;}
	.hosting_box_04_title {font-size: 3rem;}
	.hosting_box_04_list {width: 100%;}
	.hosting_box_04_list li {font-size: 1.8rem;}
	.hosting_box_04_type .type_box {width: 100%; margin: 0; margin-bottom: 4rem;}
	.hosting_box_04_type .type_box .top {padding: 2rem 1rem;}
	.hosting_box_04_type .type_box .top strong {margin-top: 0;}
	.hosting_box_04_type .type_box .top span {margin: 0; margin-top: 1rem;}
	.hosting_box_04_type .type_box .middle {padding: 0;}
	.hosting_box_04_type .type_box .middle li {padding: 1.3rem 2rem; display: flex; justify-content: space-between;}
	.hosting_box_04_type .type_box .middle span {width: auto; font-size: 2rem;}
	.hosting_box_04_type .type_box .middle strong {width: auto; font-size: 2rem;}
	.hosting_box_04_type .type_box .bottom select {font-size: 2rem;}
	.hosting_box_04_option {width: 100%;}
	.hosting_box_04_option_title {font-size: 3rem; text-align: center;}
	.hosting_box_04_option_table thead th {font-size: 2rem; padding: 2rem 0;}
	.hosting_box_04_option_table td {font-size: 1.8rem; padding: 2rem 0;}
	.hosting_box_04_content_01 .top span {font-size: 2rem;}
	.hosting_box_04_content_01 .bottom_inner_box_01 .skyblue {font-size: 2rem;}
	.hosting_box_04_content_01 .bottom {padding: 4rem 2rem;}
	.hosting_box_04_content_01 .bottom_inner_box_01 ul li {margin: 30px auto;}
	.hosting_box_04_content_01 .bottom_inner_box_01 ul li span {word-break: keep-all;}
	.hosting_box_04_content_01 .bottom_inner_box_01 ul li span br {display: none;}
	.hosting_box_04_content_01 .bottom_inner_box_02 .skyblue {font-size: 2rem;}
	.hosting_box_04_content_01 .bottom_inner_box_02 ul li {font-size: 1.8rem; word-break: keep-all; margin-bottom: 1rem;}
	.customer_service_intro span {font-size: 1.8rem;}
	.customer_service_intro p {font-size: 2rem; font-family: 'NSKB';}
	.customer_service_intro a {font-size: 1.8rem; padding: 0; line-height: 40px; height: auto; width: 170px;}
	.customer_service_page ul {width: 100%; height: auto; padding: 6% 6% 8%; margin: 0; margin-bottom: 2rem;}
	.customer_service_page ul li strong {font-size: 2rem; font-family: 'NSKB';}
	.customer_service_page ul li a {font-size: 1.8rem; text-align: center;}
	.customer_service_page ul li img {margin-bottom: 30px;}
	.breadcrumbs_inner span {font-size: 1.5rem;}
    
    /*  서브페이지- 1.쇼핑몰제작 - 반응형               시작!*/ 
    .shopping_mall_intro h3 {font-size:3rem;}
    .shopping_mall_intro p {font-size:2rem;}
    .shopping_mall_process {text-align: center;}
    .shopping_mall_process h3 {font-size:30px;}
    
	.homepage_intro h3 {font-size: 3rem;}
    
    /*  서브페이지- 2.홈페이지제작 - 반응형               시작!*/
    .mobile_production_process {display:none;}
    .mobile_production_process_01 {display:block; margin:10%;}
    .mobile_production_process_01 img {width:100%;}

    /*  서브페이지- 5.부가서비스-2/1 - 반응형               시작!*/ 

     /*  서브페이지- 6.호스팅 - 반응형               시작!*/    
    .additional_service_01_second .bottom {padding:6%;}
    .additional_service_01_second .bottom li {margin:2% 0 4%; width:60%;}

    /*  서브페이지- 7.포트폴리오 - 반응형               시작!*/
    .sub_visual_main_07{height:30vw;}
    .box_01_content_item strong {font-size:18px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

    /*  서브페이지- 8.마케팅- 반응형               시작!*/    
    .marketing_04_description_04 li {margin: 2%; width: 90%;}
    /* .marketing_02_description_02 ul li {width: 90%; height: 30vw;} */

    /*  서브페이지- 9.고객센터 - 반응형               시작!*/
    /* .customer_service_intro a {height: 45px;} */
    /* .customer_service_page ul { width: 80%; padding: 6%; margin: 2%; height:inherit;}     */
}

@media screen and (max-width: 500px) {

    /*  서브페이지- 1.쇼핑몰 - 반응형               시작!*/
    .sub_visual_main_01 {height:260px;}
    
    /*  서브페이지- 2.홈페이지제작 - 반응형               시작!*/
    .sub_visual_main_02 {height:260px;}

    /*  서브페이지- 4.모바일 - 반응형               시작!*/
    .sub_visual_main_04 {height:260px;}
    
    /*  서브페이지- 3.독립형솔루션 - 반응형               시작!*/
    .sub_visual_main_03 {height:260px;}

    /*  서브페이지- 5.부가서비스-2/1 - 반응형               시작!*/  

    /*  서브페이지- 6.호스팅 - 반응형               시작!*/  

    /*  서브페이지- 7.포트폴리오 - 반응형               시작!*/
    .bottom_view_more a {font-size: 20px;}
    /* .tab li {font-size: 14px; padding:1%;} */

    /*  서브페이지- 8.마케팅 - 반응형               시작!*/
    /* .marketing_02_description_02 ul li {height: 40vw;} */
}