@charset "utf-8";

img{max-width:100%; height:auto;}

/* 공통 */
.section {/*padding-top: 132px;padding-top: 140px;padding-bottom: 80px;*/transition: all 0.2s;}
.section h2.tit {font-size: 42px;font-weight: 700;line-height: 85px;text-align: left;margin-bottom: 10px;transition: all 0.2s;}
.section p.subtit {font-size: 21px;line-height: 37px;text-align: center;margin-bottom: 60px;}
.section p.subtit2 {font-size: 28px;line-height: 37px;margin-bottom: 52px;text-align: center;word-break: keep-all;}
.menuButton::after {background: url(../images/common/gnb_logo.svg) no-repeat 0 0 / contain;width: 120px;height: 16px;bottom: 20px;}

.section {background-size: 100%; background-position: center top; background-repeat: no-repeat;/*???? ???*//*margin-top: 270px;*/}
.section.sec1 {background: url(../images/common/top_background.png) no-repeat center center;background-size: cover; margin: 0 auto;width: 100%;}
.section.sec2 {background: #fff;}
.section.sec3 {background: url(../images/solution/solution_background.png) no-repeat center center;background-size: cover;}
.section.sec4 {background: url(../images/business/business_background.png) no-repeat center center;background-size: cover; background-color: #fff;}
.section.sec5 {background: #f7f7f7;}
.section.sec6 {background: url(../images/recruit/recruit_background.png) no-repeat 0 0;background-size: cover;}
.section.sec7 {background: #222;}

.Area {width: 100%; height: auto;}
.sub_txt{color: #505050;font-size: 20px;margin-top: 30px;line-height: 30px;font-weight: 600;}
.only-mb {display: none !important;}
.title_area h3{color: black;font-size: 42px;font-weight: bolder;line-height: 62px;}
.title_area {margin-bottom: 50px;}
.section h2.tit {font-size: 42px;line-height: 85px;text-align: left;margin-bottom: 40px;transition: all 0.2s;line-height:normal;}
.anchor{display: block;height: 100px; /*고정메뉴 높이*/margin-top: -100px; /*고정메뉴 높이*/visibility: hidden;}
.scrollLock { overflow: hidden;}
.menuPanel{display: none;}

/*맵*/
.root_daum_roughmap {margin: 0 auto !important;}
.root_daum_roughmap .wrap_map {position: relative;height: 100% !important;width: 100%;margin:0 auto;}

.map_box .label {margin-bottom: 96px;color: black;}
.map_box .label * {display: inline-block;vertical-align: top;}
.map_box .label .left {background: url("https://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_l.png") no-repeat;display: inline-block;height: 24px;overflow: hidden;vertical-align: top;width: 7px;}
.map_box .label .center {background: url(https://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_bg.png) repeat-x;display: inline-block;height: 24px;font-size: 12px;line-height: 24px;}
.map_box .label .right {background: url("https://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_r.png") -1px 0  no-repeat;display: inline-block;height: 24px;overflow: hidden;width: 6px;}

/* 비쥬얼 스크롤 */
.scroll-down {position: absolute;left: 50%;bottom: 60px;z-index: 9;transform: translateX(-50%);color: #fff;font-size: 15px;}
.scroll-down .ico-scroll {display: block;margin: 10px auto 0;}
.ico-scroll {width: 25px;height: 40px;background-image: url(../images/common/scroll.svg);}

/* section 1 */
.section.sec1 strong {font-size: 32px;}
.section.sec1 .main_logo {padding-top: 40px;display: block;margin: 0 auto;}

/* section 2 */
.section.sec2 .title_area {background: url(../images/about/about_back_logo.png) no-repeat 0 0;background-position: top center;background-size: contain;}
.section.sec2 .title_area h3{padding-top: 50px;}
.section.sec2 ul {align-content: flex-start; flex-direction: column; /*flex-wrap: wrap*/ max-width: 900px;margin: 0 auto;text-align: initial;}
.section.sec2 .icon_card { display: flex;align-items: center;color: black;padding-bottom: 20px;border-bottom: 1px #DBDBDB dotted;}
.section.sec2 .icon_card:not(:last-child) {margin-bottom: 20px;}
.section.sec2 .icon_card:last-child {border-bottom: none;}
.section.sec2 .icon_card .icon {width: 90px;height: 90px;background-color: #CE2F23;border-radius: 50%;position: relative;}
.section.sec2 .icon_card .icon::after{background: url(../images/about/about_icon_01.png) no-repeat 0 0 / contain; content: "";position: absolute;left: 27px;bottom: 23px;width: 40px;height: 45px;}
.section.sec2 .icon_card:nth-child(2n) .icon::after {background: url(../images/about/about_icon_02.png) no-repeat 0 0 / contain;width: 48px;height: 48px;left: 20px;bottom: 19px;}
.section.sec2 .icon_card:nth-child(3n) .icon::after {background: url(../images/about/about_icon_03.png) no-repeat 0 0 / contain;width: 52px;height: 52px;left: 20px;bottom: 18px;}
.section.sec2 .icon_card:nth-child(4n) .icon::after {background: url(../images/about/about_icon_04.png) no-repeat 0 0 / contain;width: 48px;height: 48px;left: 21px;bottom: 20px;}

.section.sec2 .icon_card .title-box {font-size: 20px;}
.section.sec2 .icon_card .icon + .title-box {margin-left: 3.9%;min-width: 210px;}

.section.sec2 .icon_card .text-box p {font-size: 18px;color: #555;font-weight: 500;}
.section.sec2 .icon_card .text-box p::before {content: "|";float: left;color: #DBDBDB;margin-left: -34px;}

/* section 3 */
.section.sec3 .solution_ul {display: flex;flex-wrap: wrap;}
.section.sec3 .solution_li {border: 1px solid #FFFFFF; background-color: rgba(255, 255, 255, 0.1);}
.section.sec3 .solution-list>ul>li {flex: 1;text-align: center;padding: 60px 40px 63px;}
.section.sec3 .solution-list>ul>li:not(:last-child) {margin-right: 20px;}

.section.sec3 .solution_li .solution_title {margin: 32px 0 18px;display: block;line-height: 1.3em;font-size: 24px;}

.section.sec3 .solution_li .icon {width: 120px;height: 120px;background-color: #fff;border-radius: 50%;position: relative;margin: 0 auto;}
.section.sec3 .solution_li .icon::after {background: url(../images/solution/solution_icon_01.png) no-repeat 0 0 / contain; content: "";position: absolute;left: 36px;bottom: 36px;width: 48px;height: 48px;}
.section.sec3 .solution_li:nth-child(2n) .icon::after {background: url(../images/solution/solution_icon_02.png) no-repeat 0 0 / contain;}
.section.sec3 .solution_li:nth-child(3n) .icon::after {background: url(../images/solution/solution_icon_03.png) no-repeat 0 0 / contain;}

.section.sec3 .box_list .view_more {border: 1px solid #FFFFFF;padding: 14px 30px;font-size: 18px;text-align: left;font-weight: bold;position: relative;cursor: pointer;}
.section.sec3 .box_list .view_more::after {content: "";position: absolute;width: 20px;height: 20px;right: 30px;top: 15px;background: url('../images/solution/solution_icon_common.png') right center no-repeat;}
.section.sec3 .box_list .view_more:first-child{border-bottom: none;}
.section.sec3 .box_list .view_more:hover {background-color: #CE2F23;}
.section.sec3 .box_list a:hover{text-decoration:none !important}
.section.sec3 .box_list .view_more{transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;text-decoration:none !important}


/* modal */
.modal {display: none; position: fixed; z-index: 400; left: 0;top: 0;width: 100%; height: 100%; 
overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.5); color: #000;}

/* Modal Content/Box */
.modal-content {background-color: #fefefe;margin: 7% auto;padding: 60px 50px;border-top: 10px solid #CE2F23;width: 100%;max-width: 1000px; /* Could be more or less, depending on screen size */height: auto;text-align: left;}
.modal-content h2.tit{font-size: 32px;margin-bottom: 30px;}

body.modalOpen {overflow: hidden;}

/* The Close Button */
.close {width: 28px;height: 28px;background: url(../images/modal/close_button.png) no-repeat 0 0 / contain;float: right; }
.close:hover,.close:focus {color: black;text-decoration: none;cursor: pointer;}

.modal-content .cisco {width:100%;max-width: 115px; height: 60px;background: url(../images/modal/cisco_logo.svg) no-repeat 0 0 / contain;margin-bottom: 35px;}
.modal-content .ruckus {width:100%;max-width: 185px; height: 60px;background: url(../images/modal/ruckus_logo.svg) no-repeat 0 0 / contain;margin-bottom: 35px;}
.modal-content .vmware {width:100%;max-width: 243px; height: 60px;background: url(../images/modal/vmware_logo.svg) no-repeat 0 0 / contain;margin-bottom: 35px;}
.modal-content .citrix {width:100%;max-width: 192px; height: 60px;background: url(../images/modal/citrix_logo.svg) no-repeat 0 0 / contain;margin-bottom: 35px;}
.modal-content .huawei {width:100%;max-width: 270px; height: 60px;background: url(../images/modal/huawei_logo.svg) no-repeat 0 0 / contain;margin-bottom: 35px;}
.modal-content .dell {width:100%;max-width: 360px; height: 60px;background: url(../images/modal/dellemc_logo.svg) no-repeat 0 0 / contain;margin-bottom: 35px;}

.modal-content .modal_txt {font-size: 18px;line-height: 30px;font-weight: normal;margin-bottom: 40px;}
.modal-content .modal_tit {font-size: 20px !important;padding-left: 35px;position: relative;display: block;width: 100%;margin: 40px 0px 20px;}
.modal-content .modal_tit::before {background: url(../images/modal/ellipse.png) no-repeat 0 0 / contain; content: "";position: absolute;left: 0px;bottom: 2px;width: 20px;height: 20px;}
.modal-content .modal_list li{font-size: 16px;line-height: 30px;font-weight: normal;}

.vmware_list{width: 100%;background-color: #F7F7F7;padding: 30px;text-align: center;}
.vmware_ul {display: flex;flex-wrap: wrap;/*margin-bottom: 150px;*/color: black;width: 100%;}
.vmware_li {flex: 1;background-color: #FFFFFF; border: 1px solid #DBDBDB;padding: 40px 20px 30px;border-radius: 5px;min-width: 215px;margin-right: 25px;margin-bottom: 20px;}
.vmware_li:nth-child(3n){margin-right: 0px;}
.vmware_li:nth-child(6n){margin-right: 0px;}
/* .vmware_li:not(:last-child) {margin-right: 25px;} */

.vmware_li strong {margin: 30px 0 20px;display: block;line-height: 34px;font-size: 24px;}
.vmware_li p {font-size: 14px;font-weight: normal;line-height: 24px;}
.vmware_li .modal-title{margin: 30px 0 20px;line-height: 26px;font-size: 20px;}

.vmware_ul .vmware_li .modal_icon {width: 48px;height: 48px;border-radius: 50%;position: relative;margin: 0 auto;}
.vmware_ul .vmware_li .modal_icon::after {background: url(../images/modal/vmware_icon_01.svg) no-repeat 0 0 / contain; content: "";position: absolute 
    ;left: 0px;width: 48px;height: 48px;}
.vmware_ul .vmware_li:nth-child(2n) .modal_icon::after {background: url(../images/modal/vmware_icon_02.svg) no-repeat 0 0 / contain;}
.vmware_ul .vmware_li:nth-child(3n) .modal_icon::after {background: url(../images/modal/vmware_icon_03.svg) no-repeat 0 0 / contain;}
.vmware_ul .vmware_li:nth-child(4n) .modal_icon::after {background: url(../images/modal/vmware_icon_04.svg) no-repeat 0 0 / contain;}
.vmware_ul .vmware_li:nth-child(5n) .modal_icon::after {background: url(../images/modal/vmware_icon_05.svg) no-repeat 0 0 / contain;}
.vmware_ul .vmware_li:nth-child(6n) .modal_icon::after {background: url(../images/modal/vmware_icon_06.svg) no-repeat 0 0 / contain;}

.citrix_li,.citrix_li_02{min-width: 0px;margin-right: 0px;margin-bottom: 0px;padding: 30px 10px;}
.citrix_li:not(:last-child){margin-right: 20px;}
.citrix_li_02:not(:last-child){margin-right: 20px;}
.citrix_li .modal-title{font-size: 16px;margin: 14px 0px 0px;}
.citrix_li_02 .modal-title{font-size: 16px;margin: 14px 0px 0px;}

.modal-content .huawei_li .modal_img{width:100%;height: 200px;background: url(../images/modal/huawei_img_01.png) no-repeat center 0 / contain;}
.modal-content .huawei_li:nth-child(2n) .modal_img{width:100%;height: 200px;background: url(../images/modal/huawei_img_02.png) no-repeat center 0 / contain;}
.modal-content .huawei_li:nth-child(3n) .modal_img{width:100%;height: 200px;background: url(../images/modal/huawei_img_03.png) no-repeat center 0 / contain;}

.huawei_li .modal-title{margin: 20px 0 10px;line-height: 26px;font-size: 18px;}
.huawei_li {text-align: left;border: none;padding: 0px;margin-right: 40px;margin-bottom: 0px;background-color:transparent;}

.vmware_ul .citrix_li .modal_icon {width: 48px;height: 48px;border-radius: 50%;position: relative;margin: 0 auto;}
.vmware_ul .citrix_li .modal_icon::after {background: url(../images/modal/citrix_icon_01.svg) no-repeat 0 0 / contain; content: "";position: absolute 
    ;left: 0px;width: 48px;height: 48px;}
.vmware_ul .citrix_li:nth-child(2n) .modal_icon::after {background: url(../images/modal/citrix_icon_02.svg) no-repeat 0 0 / contain;}
.vmware_ul .citrix_li:nth-child(3n) .modal_icon::after {background: url(../images/modal/citrix_icon_03.svg) no-repeat 0 0 / contain;}
.vmware_ul .citrix_li:nth-child(4n) .modal_icon::after {background: url(../images/modal/citrix_icon_04.svg) no-repeat 0 0 / contain;}

.vmware_ul .citrix_li_02 .modal_icon {width: 24px;height: 24px;border-radius: 50%;position: relative;margin: 0 auto;}
.vmware_ul .citrix_li_02 .modal_icon::after {background: url(../images/modal/citrix_icon_05.png) no-repeat 0 0 / contain; content: "";position: absolute 
    ;left: 0px;width: 24px;height: 24px;}
.vmware_ul .citrix_li_02:nth-child(2n) .modal_icon::after {background: url(../images/modal/citrix_icon_06.png) no-repeat 0 0 / contain;}
.vmware_ul .citrix_li_02:nth-child(3n) .modal_icon::after {background: url(../images/modal/citrix_icon_07.png) no-repeat 0 0 / contain;}
.vmware_ul .citrix_li_02:nth-child(4n) .modal_icon::after {background: url(../images/modal/citrix_icon_08.png) no-repeat 0 0 / contain;}

.dell_li{min-width: 0px;margin-right: 0px;margin-bottom: 0px;padding: 20px 10px;}
.dell_li .modal-title{font-size: 16px;margin: 10px 0 5px;line-height: normal;}
.dell_li p{font-size: 14px;font-weight: normal;line-height: normal;}
.vmware_ul .dell_li .modal_icon {width: 66px;height:190px; border-radius: 50%;position: relative;margin: 0 auto;}
.vmware_ul .dell_li .modal_icon::after {background: url(../images/modal/dell_img_02.png) no-repeat 0 0 / contain; content: "";position: absolute 
    ;left: 0px;width: 66px;height: 100%;}
.vmware_ul .dell_li:nth-child(2n) .modal_icon::after {background: url(../images/modal/dell_img_03.png) no-repeat 0 0 / contain;}
.vmware_ul .dell_li:nth-child(3n) .modal_icon::after {background: url(../images/modal/dell_img_04.png) no-repeat 0 0 / contain;}
.vmware_ul .dell_li:nth-child(4n) .modal_icon::after {background: url(../images/modal/dell_img_03.png) no-repeat 0 0 / contain;}
.vmware_ul .dell_li:nth-child(6n) .modal_icon::after {background: url(../images/modal/dell_img_08.png) no-repeat 0 0 / contain;}
.dell_li:not(:last-child){margin-right: 20px;}

.vmware_ul .dell_li .modal_icon_02 {width: 66px;height:70px; border-radius: 50%;position: relative;margin: 0 auto;}
.vmware_ul .dell_li .modal_icon_02::after {background: url(../images/modal/dell_img_06.png) no-repeat 0  / contain; content: "";position: absolute 
    ;left: 0px;width: 66px;height: 100%;}
.vmware_ul .dell_li li:last-child .modal_icon_02::after {background: url(../images/modal/dell_img_07.png) no-repeat 0 / contain;}

/* section 4 */
.section.sec4 .business_ul {display: flex;flex-wrap: wrap;/*margin-bottom: 150px;*/color: black;}
.section.sec4 .business_li {flex: 1;background-color: #FFFFFF; border: 1px solid #DBDBDB;padding: 60px 30px 67px;}
.section.sec4 .business_li:not(:last-child) {margin-right: 20px;}

.section.sec4 .business_li strong {margin: 30px 0 20px;display: block;line-height: 34px;font-size: 24px;}
.section.sec4 .business_li p {font-size: 15px;font-weight: normal;line-height: 25px;}

.section.sec4 .business_li .icon {width: 120px;height: 120px;background-color: #F7F7F7;border-radius: 50%;position: relative;margin: 0 auto;}
.section.sec4 .business_li .icon::after {background: url(../images/business/business_icon_01.png) no-repeat 0 0 / contain; content: "";position: absolute;left: 36px;bottom: 36px;width: 48px;height: 48px;}
.section.sec4 .business_li:nth-child(2n) .icon::after {background: url(../images/business/business_icon_02.png) no-repeat 0 0 / contain;}
.section.sec4 .business_li:nth-child(3n) .icon::after {background: url(../images/business/business_icon_03.png) no-repeat 0 0 / contain;}

/* section 5 */ 
.section.sec5 h2.tit{color: black;}
.section.sec5 .client_box {display: flex;/* margin: 0 auto; */flex-wrap: wrap;}
.section.sec5 .client_box .client_item {width:calc(94% /  5 - 10px);background-color: white;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: slideInUp;animation-name: slideInUp;margin: 1%;}
.section.sec5 .client_box .client_item .client_img {width: 65%;padding-top: 60%;background: 50% no-repeat;background-size: contain;margin: 10% auto;}

/* section 6 */
.section.sec6 .title_area h3 {color: white;font-size: 41px;}
.section.sec6 .title_area p {color: white;}
.section.sec6 strong {font-size: 32px;}

.section.sec6 ul {display: flex;flex-wrap: wrap;}
.section.sec6 ul li p {line-height: 30px;margin-top: 15px;font-size: 18px;}
.section.sec6 .circle_box {padding: 95px 50px;width: 295px;height: 295px;background-color: rgba(255, 255, 255, 0.1);border-radius: 50%;border: 1px solid #fff;margin-top: auto;margin-left: auto;margin-right: auto;margin-bottom: 10px;} 

/*button*/
.section.sec6 .recruit_modal {display: flex;flex-wrap: wrap;justify-content: center;margin-top: 90px;}
.section.sec6 .recruit_modal > div {padding: 10px;}
.section.sec6 .recruit_modal .modal_button {display: block;border: 1px solid #fff;-webkit-transition: all ease-in-out .3s;transition: all ease-in-out .3s;font-size: 18px;width: 320px;padding: 2%;font-weight: bold;cursor: pointer;}
.section.sec6 .recruit_modal .modal_button:not(:last-child) {margin-right: 20px;}
.section.sec6 .recruit_modal .modal_button:hover {background-color: #CE2F23;text-decoration: none;}
.section.sec6 .recruit_modal span {padding-right: 30px;position: relative;}
.section.sec6 .recruit_modal span::after {content: "";position: absolute;width: 20px;height: 20px;right: -16px;top: 0px;background: url(../images/solution/solution_icon_common.png) right center no-repeat;}

/*button modal*/
.recruit_list{padding: 0px;}
.recruit_ul .recruit_ul{ display: flex;flex-wrap: wrap;color: black;}
.recruit_ul .recruit_li{flex: 1;padding: 60px 49px 38px;position:relative;}
.recruit_ul .recruit_li .icon {width: 150px;height: 150px;position: relative;margin: 0 auto;}
.recruit_ul .recruit_li .icon::after {background: url(../images/modal/recruit_icon_01.png) no-repeat 0 0 / contain; content: "";position: absolute;left: 0px;bottom: 20px;width: 150px;height: 150px;}
.recruit_li:nth-child(2n) .icon::after {background: url(../images/modal/recruit_icon_02.png) no-repeat 0 0 / contain;}
.recruit_li:nth-child(3n) .icon::after {background: url(../images/modal/recruit_icon_03.png) no-repeat 0 0 / contain;}
.recruit_li:not(:last-child) {margin-right: 20px;}
.section.sec6 .recruit_ul .recruit_li p {text-align: left;line-height: 26px;margin-top: 0px;font-size: 14px;}
.section.sec6 .recruit_ul .recruit_li:not(:last-child):after {position: absolute;content: "";float: right;background-color: #DBDBDB;width: 1px;height: 150px;left: 286px;top: 120px;}
.section.sec6 .modal-content .recruit_ul strong{font-size: 24px;display: block;width: 100%;margin-bottom: 30px;line-height: 30px;}
.recruit_modal .modal_img:not(:last-child){margin-bottom: 50px;}

.recruit_modal .recruit_process_ul{background-color: #F7F7F7;}
.recruit_modal .recruit_process_li {position: relative;display: flex;flex-wrap: wrap;color: black;flex: 1;font-size: 18px;display: block;margin: 0 auto;min-height: 235px;padding: 44px 30px;}
.recruit_modal .recruit_process_li:not(:last-child) {margin-right: 20px; }
.recruit_modal .recruit_process_li .icon {width: 150px;height: 150px;background-color: #fff;border-radius: 50%;position: relative;margin: 0 auto;}
.recruit_modal .recruit_process_li .icon::before {background: url(../images/recruit/recruit_process_icon_01.png) no-repeat 0 0 / contain; content: "";position: absolute;left: 50px;bottom: 64px;width: 48px;height: 48px;}
.recruit_modal .recruit_process_li:not(:last-child) .icon::after {background: url(../images/recruit/recruit_process_icon_arrow.png) no-repeat 0 0 / contain; content: "";position: absolute;left: 186px;top: 71px;width: 10px;height: 22px;}
.recruit_modal .recruit_process_li:nth-child(2n) .icon::before {background: url(../images/recruit/recruit_process_icon_02.png) no-repeat 0 0 / contain;}
.recruit_modal .recruit_process_li:nth-child(3n) .icon::before {background: url(../images/recruit/recruit_process_icon_03.png) no-repeat 0 0 / contain;}
.recruit_modal .recruit_process_li:nth-child(4n) .icon::before {background: url(../images/recruit/recruit_process_icon_04.png) no-repeat 0 0 / contain;}
.recruit_modal .recruit_process_li strong {font-size: 18px;position: absolute;top: 94px;left: 44px;}

#ideal_img_large{display: block;padding-top: 20px;}
#ideal_img_small{display: none;}


/* section 7 */
.section.sec7 h2.tit{color: white;margin-bottom: 50px;}
.section.sec7 .mapArea {height: 100%;overflow: hidden;}
.section.sec7 .inquiryArea {height: 100%; background: url('../images/contact/inquire_background.png') center no-repeat;background-color: #222;background-size: cover;/*min-height: 828px;*/}
.section.sec7 .formArea {padding: 75px 50px;}
.section.sec7 .formArea .formBox dl {display: table;width: 100%;margin-bottom: 20px;}
.section.sec7 .formArea .formBox dl dt {display: table-cell;vertical-align: middle;width: 100px;font-size: 17px;font-weight: 700;letter-spacing: 0px;}
.section.sec7 .formArea .formBox dl dd {display: table-cell;vertical-align: top;}
.section.sec7 .gInputText {position: relative;display: inline-block;width: 100%;}
.section.sec7 .gInputText + .fSelect {margin-left: 4px;}
.section.sec7 .fText {padding: 0px 24px;width: 100%;font-size: 14px;font-weight: 400;outline: none;height: 50px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.section.sec7 .fSelect {position: relative;display: inline-block;vertical-align: middle;font-weight: 400;font-size: 14px;line-height: 20px;height: 52px;background: #fff;text-align: left;-webkit-transition: all 0.5s;
transition: all 0.5s;}
.section.sec7 .fSelect span {position: absolute;top: 0px;left: 0;display: block;padding: 0px 40px 0px 15px;width: 100%;height: 100%;line-height: 52px;color: black;}
.section.sec7 .fSelect span:after {position: absolute;top: 8px;display: block;content: "";background-color: none;width: 25px;height: 20px;background: url('../images/contact/inquire_icon.png') no-repeat 2px 13px;
box-sizing: border-box;border-left:none;-webkit-transition: all 0.1s;transition: all 0.1s;}
.section.sec7 .formArea .checkListBox {position: relative;}
.section.sec7 .formArea .checkListBox .tit strong {font-size: 18px;font-weight: 700;letter-spacing: 0px;margin-right: 28px;}
.section.sec7 .formArea .checkListBox .tit button {width: 62px;height: 25px;border: 1px solid #fff;padding: 0;-webkit-transition: all 0.1s;transition: all 0.1s;}
.section.sec7 .formArea .checkListBox .tit .button_02 {background-color: #CE2F23;border: none;width: 100%;max-width: 470px;height:64px;text-align: center;}
.section.sec7 .formArea .checkListBox .tit .button_02 span {font-size: 18px;color: #fff;letter-spacing: 0px;text-align: center;padding: 0;margin-left: 20px;}
.section.sec7 .formArea .checkListBox .tit button span {font-size: 12px;color: #fff;letter-spacing: 0px;padding: 13%;}
.section.sec7 .gInputText.company{max-width: 470px;}
.section.sec7 .gInputText.content{max-width: 470px;}
.section.sec7 .gInputText.name{max-width: 200px;}
.section.sec7 .gInputText.email{max-width: 150px;}

 .section.sec7 .map_box{width: 100%; height: 100%; position: relative;} 


/* 약관 모달 */
.section.sec7 .modal-content {text-align: center;}
.section.sec7 .modal-content .tit{color: #000;margin-bottom: 30px;font-size: 28px;}
.section.sec7 .modal-content .inquiry_list{text-align: left;padding: 30px;}
.section.sec7 .modal-content .inquiry_list strong{font-size: 18px;}
.section.sec7 .modal-content .inquiry_list p{font-size: 16px;line-height: 30px;margin: 10px 0px 0px;}
.section.sec7 .modal-content .inquiry_list p:not(:last-child){margin-bottom: 30px;}
.section.sec7 .formArea .checkListBox .tit .button_03{background-color: #333;width: 100%;height: 64px;text-align: center;width: 200px;height: 64px;font-size: 18px;
font-weight: bold; -webkit-transition: all 0.1s;transition: all 0.1s;color: white;margin-top: 30px;}
.inquiry.button_03 .close{margin: 0 auto;text-align: center;width: 100%;height: 100%;background: #333;font-size: 18px !important;padding: 11% !important;}

/* footer */
.footer-bottom {padding: 50px 0 50px;}
footer {overflow-x: hidden;width: 100%;background-color: #333333;}
#vue-app .container {margin: auto;max-width: 1200px;padding: 0;}
.footer-bottom .container {position: relative;}
.footer-logo {position: relative;display: block;width: 150px;height: 20px;background: url(../images/footer/footer_logo.png) no-repeat left top / auto;margin-bottom: 30px;}
.pt-list {margin-bottom: 20px;}
.footer-bottom ul.list li {position: relative;font-size: 14px;color: #fff;}
ul.list > li {float: left;}
.footer-bottom ul.pt-list li a {cursor: pointer;}
ul.list:after {content: '';display: block;clear: both;}
ul.list > li {float: left;}
.footer-bottom ul.list li:not(:last-child):a {content: '';position: absolute;top: 0;right: 0;bottom: 0;margin: auto;width: 1px;height: 15px;background: white}
.copyright {font-size: 14px;color: #cccccc;letter-spacing: -0.02em;margin-top: 16px;}
.footer-bottom .container{width:1240px; margin:0 auto;}
.footer-bottom ul.list li:not(:last-child):after {content: "|";float: right;color: #DBDBDB;margin-left: 20px;margin-right: 20px;}

@media (max-width:1260px) {

/* 공통 */
.section h2.tit {font-size: 51.5px;font-weight: 700;line-height: 85px;text-align: center;margin-bottom: 10px;transition: all 0.2s;}
.section p.subtit {font-size: 21px;line-height: 37px;text-align: center;margin-bottom: 60px;}
.section p.subtit2 {font-size: 28px;line-height: 37px;margin-bottom: 52px;text-align: center;word-break: keep-all;}
.section {background-size: 100%; background-position: center top; background-repeat: no-repeat;}

/* section 1 */
/* .section.sec1 {padding-top: 240px;} */
.section.sec1 h2.tit {margin-bottom: 15px;}
.section.sec1 strong{font-size: 18px;}

/* section 7*/
.section.sec7 .mapArea{height: 300px;}
.section.sec7 .inquiryArea{width: 100% !important;}
.section.sec7 .inner{padding-left: 0px;padding-right: 0px; width:auto;height:auto;display:block;}
.section.sec7 .formArea .checkListBox .tit .button_02{max-width: none;}

/* modal */
.modal-content h2.tit{font-size: 32px;margin-bottom: 20px;text-align: left;}

/*section 3*/
.section.sec3 .solution-list>ul>li {flex: auto; margin-bottom: 20px;}
.section.sec3 .solution-list>ul>li:not(:last-child) {margin-right: 0px;width: 100%;}

/*section 4*/
.section.sec4 .business_list>ul>li {flex: auto; margin-bottom: 20px;}
.section.sec4 .business_list>ul>li:not(:last-child) {margin-right: 0px;width: 100%;}

/*section  7*/
.section.sec7 .gInputText.company{max-width: 100%;}
.section.sec7 .gInputText.content{max-width: 100%;}
.section.sec7 .gInputText.name{max-width: 100%;}
.section.sec7 .gInputText.email{max-width: calc((100% / 2) - 18px) !important;}
.section.sec7 .gInputText + .fSelect{margin: 12px 0 0 0;float: left;}
.section.sec7 .formArea .formBox dl dt {width: 50px;}
.section.sec7 .formArea{padding-right: 20px;padding-left: 20px;padding-top: 60px;padding-bottom: 60px}
.section.sec7 .formArea .checkListBox .tit strong{margin-right: -21px;}
.section.sec7 .formArea .formBox dl dt {display: block;width: 100%;padding-top: 0px;margin-bottom: 12px;}
.section.sec7 .formArea .formBox dl dd {display: block;}
.section.sec7 .formArea .checkListBox .tit strong{ margin-right: -69px;}
}

@media (max-width:959px) {
.only-mb {display: block !important;}
.contain {flex-wrap: wrap;width: calc(50%);float: left;}
.sub_txt {font-size: 18px;margin-top: 20px;line-height: 26px;font-weight: normal;}
.title_area h3 {font-size: 20px;padding-top: 20px;line-height: 32px;}
.title_area img {width: 135px;height: 18px;}

/* 공통 */
.section h2.tit {font-size: 30px;font-weight: 700;line-height: 85px;line-height: 36px;text-align: left;margin-bottom: 15px;transition: all 0.2s;}
.section p.subtit {font-size: 18px;line-height: 28px;text-align: center;margin-bottom: 40px;}
.section p.subtit2 {font-size: 18px;line-height: 26px;margin-bottom: 40px;text-align: center;word-break: keep-all;}
.section {background-size: 100%;background-position: center top;background-repeat: no-repeat;background-size: 200%;background-size: 400%;}


/* section 1*/
.section.sec1 h2.tit {margin-bottom: 25px;font-weight: 800;}
.section.sec1 .main_logo{margin-top: 0px;padding-top: 20px;}

/* section 2*/
.section.sec2 ul {display: inline-block;}
.section.sec2 ul li {border-bottom: none;}
.section.sec2 .icon_card {text-align: center;flex-direction: column;padding: 15px 0px;width: calc(100%  / 2 );float: left;border: none;margin-bottom: 0px;}
.section.sec2 .icon_card .icon + .title-box {margin-left: 0%; }
.section.sec2 .icon_card .title-box {position: relative;font-size: 24px;margin: 15px 0px 10px;} 
.section.sec2 .icon_card .title-box::after {content: "";position: absolute;left: 95px;bottom: -8px;display: block;width: 20px;border: 1px solid #DBDBDB;}
.section.sec2 .icon_card .text-box p {font-size: 14px;line-height: 24px;margin-top: 10px;}
.section.sec2 .icon_card .text-box p::before {display: none;} 
.section.sec2 .title_area h3 {padding-top: 10px;}

/* section 4 */
.section.sec4 .business_li .icon {width: 80px;height: 80px;}
.section.sec4 .business_li .icon::after {left: 20px;bottom: 20px;width: 40px;height: 40px;}

/* section 5 */
.section.sec5 .client_box .client_item {width: calc(94%/3);/*-webkit-box-sizing: border-box;box-sizing: border-box;*/}

/* section 6 */
.section.sec6 .circle_box {width: 158px;height: 158px;padding: 30px 0px;}
.section.sec6 strong{font-size: 20px;}
.section.sec6 ul li p{font-size: 14px;line-height: 24px;}

.section.sec6 .recruit_modal .modal_button{margin-bottom: 10px;}
.section.sec6 .recruit_modal .modal_button:not(:last-child){margin-right: 0px;padding: 5%;}
.section.sec6 .recruit_modal{margin-top: 40px;}
.section.sec6 .recruit_modal > div{padding: 5px;}

.section.sec7 .inner{margin-top: 100px;}

/* anchor 모바일 */
.anchor#section6 {height: 0px;margin-top: 0px;}
.anchor#section7 {height: 0px;}

/* footer */
.footer-bottom .container{width:auto; margin:0 auto;text-align: -webkit-center;}
.bottom-r .list{width: fit-content;line-height: 24px;}
.first_list{width: 100%;}
.footer-bottom ul.list li:not(:last-child):after{margin-left: 0px;margin-right: 0px;}
.footer-bottom ul.list li:first-child:after{display: none;}
.second_list{width: 50%;}
.third_list{width: 50%;}

/* modal */
.modal-content{width: 90%;padding: 30px 20px;}
.modal-content .modal_txt{font-size: 16px;}
.modal-content .logo{height: 40px;}
.vmware_li{min-width: 100%;margin-right: 10px;margin-bottom: 10px}
.vmware_list{padding: 10px;}
.modal-content .modal_tit{font-size: 16px;padding-left: 27px;}
.huawei_li{padding: 5%;text-align: center;border-radius: 0px;}
.huawei_li:not(:last-child){border-bottom: 1px solid #dbdbdb;}
.modal-content .modal_txt{margin-bottom: 20px;}
.recruit_li{flex: none;width: 100%;}
.section.sec6 .recruit_ul .recruit_li:not(:last-child):after{display: none;}
.section.sec6 .recruit_ul .recruit_li p{text-align: center;}
.recruit_li:not(:last-child) {border-bottom: 1px solid #dbdbdb;}
.section.sec6 .modal-content strong{font-size: 16px;}
}

@media screen and (max-width:599px)/* 모바일 세로 */{
#ideal_img_large{display: none;}
#ideal_img_small{display: block;padding: 20px 0px 20px;margin: 0 auto;}

.modal-content{margin: 18% auto;}
.section.sec6 .modal-content strong img{width: 30%;}
.recruit_modal .recruit_process_li{min-height: auto;padding: 6%;}
.recruit_modal .recruit_process_li .icon{width: 100px;height: 100px;}
.recruit_modal .recruit_process_li strong {font-size: 16px;top: 66px;left: 24px;}
.recruit_modal .recruit_process_li .icon::before {left: 30px;bottom: 40px;width: 40px;height: 40px;}
.recruit_modal .recruit_process_li:not(:last-child){margin-right: 0px;}
.recruit_modal .recruit_process_li:not(:last-child) .icon::after {left: 105px;top: 43px;width: 10px;height: 22px;}

    }
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */