@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap');
/* reset */
* {margin:0 ;padding:0;box-sizing: border-box; font-family: 'Noto Sans', sans-serif; font-size:inherit;}
a {text-decoration:none; color:#fff}
li {list-style:none;}
button {outline:none; border:none; cursor:pointer;}
html{font-size: 10px;}
body{min-width: 1160px; width: 100%; min-height: 100vh; position: relative;}
/* .web-content{display: revert;} */
.mobile-content{display: none;}
.rdColor{color: #ed6d2b;}
i{margin: 0 10px;}

/*레이아웃 */
.section {min-width:1160px; min-height: calc(100vh - 80px - 260px);}
.wrapper {width:1160px; margin: 0 auto; font-size: 15px;}
.room-block {height:100px;}
.room-block02 {height: 250px;}
.textCenter { text-align: center;}
.section .flexBox{display: flex; flex-wrap: wrap; align-items: center;}

.header-text {text-align: center;height:250px;background-image: url("../images/268.jpg");background-repeat: no-repeat;background-size: cover; background-attachment: fixed;position: absolute;width: 100%;top: 0;z-index: -1; }
.header-text h1 {color: #fff;padding-top: 140px; font-size: 4rem;font-weight: normal;}

.wrapper-inner > h2 {font-size: 26px; word-break: keep-all;    margin-bottom: 20px;}
.wrapper-inner > h5 {font-size: 18px;margin: 10px 0 20px 0; line-height: 40px; word-break: keep-all;}
.wrapper-inner > p {font-weight: bold; font-size: 15px; line-height: 40px; padding: 0 10px; word-break: keep-all;}
.wrapper-inner .grayBox {background-color: #f0f0f0; border-radius: 5px; padding: 15px 10px; font-size: 15px; line-height: 22px; font-weight: normal;}
.wrapper-inner > p > b{ color:#ed6d2b;}
.wrapper-inner > p .caption{font-size: 0.9em; font-weight: normal; vertical-align: super}

.logoBox{height: 60px;margin-bottom: 50px; background: url(/redeess/images/logo.png) no-repeat center center / auto 100%;}

/* tab */
.ul-clicktab{height: 80px; position: relative; z-index: 1;}
.ul-clicktab li {display: flex; flex-flow: column wrap; justify-content: center;border:2px solid #fff; border-bottom: 2px solid #fff; float:left; background-color: #f0f0f0;width:25%;height: 100%; transition:0.2s;padding: 0 10px;text-align: center;font-weight: bold; cursor: pointer;}
.ul-clicktab li:first-child{border-left:2px solid #f0f0f0;}
/* .ul-clicktab li:last-child{border-right:2px solid #f0f0f0;} */
.ul-clicktab li span {color: #555; }
.ul-clicktab li.on {border:2px solid #f0f0f0; border-bottom: 2px solid #fff; background-color: #fff;}
.ul-clicktab li.on span {color: #000;}
.tab-block{/*display: none;*/ position: relative; top:-2px; /*border: 2px solid #f0f0f0;*/ min-height: 200px; padding: 40px 10px;}
.tab-block.on{display: block;}
.tab-block.on.first{padding-top: 0px;}
.tab-text{padding: 10px 0;}


/*CEO introduce*/
.ul-overview {overflow: hidden;margin: 80px 0 60px 0; }
.ul-overview > li {float:left; width:25%; padding: 112px 4px 0 4px;background-repeat:no-repeat; background-position:50% 0%;}
.ul-overview > li:nth-child(1) { background-image:url(../images/ico01.png);}
.ul-overview > li:nth-child(2) { background-image:url(../images/ico02.png);}
.ul-overview > li:nth-child(3) { background-image:url(../images/ico03.png);}
.ul-overview > li:nth-child(4) { background-image:url(../images/ico04.png);}
.ul-overview > li > p{font-size: 18px; margin:7px 0;}
.ul-overview > li > span{font-size: 20px;color:#ed6d2b;font-weight: bold;}
.about-info {text-align: left;}
.about-info h3{ border-bottom:1px solid #eee; padding-bottom:10px;}
.about-info div:nth-child(odd) span {background-color: #eee;}
.about-info div:nth-child(even) span {background-color: #fff;}
.about-info div:last-child {border-bottom:1px solid #eee;}
.about-info div span {display: inline-block;height:45px;padding-left:10px; line-height: 45px;border-radius:3px;}
.about-info div span:nth-child(1) {width:20%;border:1px solid #fff;font-weight: bold;}
.about-info div span:nth-child(2) {width:80%;border:1px solid #fff;}
.map-info { padding: 20px 0;}
.map-text {  width: 800px;  margin: 0 auto;  text-align: left; line-height: 40px; border-top: 1px solid #eee;}
.infoTitle{ display:inline-block; width:120px; font-weight: bold;}
.map-text:last-child{border-bottom: 1px solid #eee;}

/* itOutsourcing */
.itOutsourcing .solution-item {overflow: hidden; margin: 20px 0;}
.itOutsourcing .solution-item > li {width:calc(100% / 3 - 20px); height: 200px; padding: 30px 40px;text-align: center; float: left; border:1px solid #eee; margin: 10px;}
.itOutsourcing .solution-item > li > p{font-size:27px;border-bottom:1px solid #eee;padding-bottom:30px;}
.itOutsourcing .solution-item > li > p > span {letter-spacing: 2px; font-weight: bold;}
.itOutsourcing .solution-item > li > ul{ text-align: left; padding-top: 20px;}
.itOutsourcing .solution-item > li > ul > li{list-style: disc;margin-left:20px;line-height: 1.6em;}

/* RD FrameWorks */
.imgBox{ width: 380px; height: 400px; position:relative; background: url(/redeess/images/solutions_img1.png) no-repeat center bottom / 85% 90%; margin: 0 30px;}
.roundText { width: 90px; height: 90px;  border-radius: 50%; background: #fff; border: 4px solid #41719c; text-align: center; padding-top: 26px; line-height: 16px; font-size: 13px; position: absolute; }
.roundText:nth-child(1){top: 50%; left: 3px;}
.roundText:nth-child(5){top: 50%; right: 3px;}
.roundText:nth-child(2){top: 18%; left: 10px;}
.roundText:nth-child(4){top: 18%; right: 10px;}
.roundText:nth-child(3){top: 0; left: 50%; transform: translateX(-50%);}
.flexColCenter { display: flex; flex-flow: column wrap; justify-content: center; padding: 10px 0; }
.detail-content {padding: 10px;}
.detail-title{color: #41719c; line-height: 25px;}
.detail-text{list-style-type: none;}
.detail-text li{line-height: 25px; list-style: inherit;}
.roundBox{
	width: 90px; height: 90px; line-height: 90px; border-radius: 50%; 
	margin: 10px 10px 10px 5px; box-shadow: 2px 2px 2px #ddd; 
	font-size: 50px; text-align: center;
	background-repeat: no-repeat;
	background-position: 57% 60%;
	background-size: 60% auto;
}
.webImg{height: 500px;}

/* RDWMS */
.section.RDWMS .ul-clicktab li {width: 20%; word-break: keep-all;}
.content-text{line-height: 25px;}
.mobile-content{ display: none;}
.section.RDWMS .system-overvie .detail-title{ color: #fff;}
.section.RDWMS .system-overvie .detail-content{border-radius: 7px; color: #fff; margin: 10px 0;}
.section.RDWMS .system-overvie .detail-content:nth-child(1){background: linear-gradient(90deg, #74c698, #7fc34e);}
.section.RDWMS .system-overvie .detail-content:nth-child(2){background: linear-gradient(90deg, #32bc98, #2abdb9);}
.section.RDWMS .system-overvie .detail-content:nth-child(3){background: linear-gradient(90deg, #367bbb, #4c61a8);}
.section.RDWMS .system-overvie .detail-content:nth-child(4){background: linear-gradient(90deg, #2f9bb6, #319cbc);}
.section.RDWMS .system-overvie .detail-title{ color: #fff;}
.section.RDWMS .flexColToggle{flex-basis: 50%;}
.section.RDWMS .brochure{}
.section.RDWMS .brochure span{text-align: center;display: block;}
.section.RDWMS .brochure span a{color: #000;padding: 10px 20px;border: 2px solid #eee;font-weight: bold;background-color: #eee;}
.section.RDWMS .brochure span a:hover {border:2px solid #ed6d2b;background-color: #fff;}

/* Customers */
.customers-box{justify-content: space-between;}
.Customers img { display: inline-block;  border: 1px solid #eee;  margin: 10px;}

/* History */
.history-box{box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.1);}
.history-box~.history-box{margin-top: 40px;}
.history-box .history-year{background: #41719c; color:#fff; line-height: 60px; padding-left: 30px; font-size: 25px;}
.history-box .history-year i:before{content: "\f107";}
.history-box.on .history-year i:before{content: "\f106";}
.history-box .history-list{max-height: 0; transition: max-height 0.5sease-out; overflow:hidden; transition: 0.2s;}
.history-box.on .history-list{max-height: 2000px; transition: max-height 0.5s ease-in;}
.history-box .history-list li{padding: 10px 0;}
.history-box .history-list li+li{border-top: 1px solid #f0f0f0;}
.history-box .history-list .history-period{display:inline-block; width:150px; padding-left:10px; color: #ed6d2b; font-weight: bold;}
.history-box .history-list .history-text{color: #555; font-weight: bold; padding-left:10px;}


/* 솔루션&컨설팅 상담 문의 */
.inquiry { text-align: center;}
.inquiry p {font-weight: bold;margin-bottom: 5px;}
.inquiry span a {color:#ed6d2b; position: relative;display:inline-block; padding:0 10px;margin: 0 3px;z-index: -1;}
.inquiry span a:after,.inquiry span a:before {content: ''; width: 1px; height:14px;background-color: #bbb;display: block;position:absolute;top:5px;}
.inquiry span a:after {left:0;}
.inquiry span a:before {right:0;}

/* RDWMS Setup Wizard 첫페이지*/
.setupFirst {background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ), url(/redeess/images/718.jpg;) no-repeat center center/ 100% 100%;}
.setupFirst .topWrap {color: #fff; text-align: center;}
.setupFirst .topWrap .logoList {margin: 70px 0; text-align: center;}
.setupFirst .topWrap .logoList li {display: inline-block; margin: 0 10px; height: 190px; border: 1px solid rgb(147 147 147 / 45%); }
.setupFirst .topWrap .logoList li img {width: 100%; height: 100%; padding: 60px 20px;
										background-size: 5px, 30px, 5px 5px, 30px 30px;
										background-image: linear-gradient(90deg, rgb(0 0 0 / 20%) 1px, transparent 1px), 
														  linear-gradient(90deg, rgb(63 63 63 / 35%) 1px, transparent 1px),
														  linear-gradient(rgb(43 43 43 / 39%) 1px, transparent 1px), 
														  linear-gradient(rgb(111 111 111 / 23%) 1px, transparent 1px);}
.setupFirst .topWrap .textCenter {color: #fff; font-size: 50px; line-height: 90px;}
.setupFirst .topWrap .textCenter span {display: block; font-size: 140px; font-weight: bold; color: #ed6d2b; letter-spacing: -5px;}
.setupFirst .inquiryPage {color:#fff; /*background-color: #ed6d2b;*/ background: linear-gradient(0.55turn, #eb7c42, #ec9061, #ed6d2b); padding: 35px 55px; border-radius: 5px;}
.setupFirst .inquiryPage:after {content:""; display:block; clear:both;}
.setupFirst .inquiryPage .txt {float: left; font-size: 18px; width: 80%;}
.setupFirst .inquiryPage .txt h2 {font-size: 23px; margin-bottom: 5px; font-weight: 100;}
.setupFirst .inquiryPage .txt .address p {display: inline-block; padding: 15px 15px 15px 0px; font-size: 22px;}
.setupFirst .inquiryPage .txt .address p:after {content: ""; display: inline-block; height: 12px; margin-left: 15px; border: 1px solid #fff;}
.setupFirst .inquiryPage .txt .address p i {margin-left: 0px; margin-right: 10px; font-size: 18px;}
.setupFirst .inquiryPage .txt .address p:last-child:after {border :none}
.setupFirst .inquiryPage .txt .time {font-size: 14px;}
.setupFirst .inquiryPage .startBtn {display: flex; float: right;height: 189px; align-items: center; flex-wrap: nowrap;text-align: center;}
.setupFirst .inquiryPage .startBtn li {text-align: center; display: inline-block; margin: 0 15px;}
.setupFirst .inquiryPage .startBtn li a {display: inline-block;color: #000;padding: 10px 20px;border: 2px solid #eee;font-weight: bold;background-color: #eee;}
.setupFirst .inquiryPage .startBtn li a:hover {border:2px solid #fff; color:#fff; background-color: unset;}
.setupFirst .inquiryPage .line {margin: 10px 0; border-bottom: 1px solid #d3d3d369;}

/*.solutionInquiry {background-color: #eee;}*/
/*.solutionInquiry .header-text {z-index: 1;}*/
.solutionInquiry .form {border: 1px solid #bbb; padding: 90px 30px 75px 30px; background: #ebebeb2e;}
.solutionInquiry .form h4 {margin: 25px 0px 10px; color:#ed6d2b}


/* RDWMS Setup Wizard 안내 페이지 */
.solutionInquiry .form .tab1 .fileBox p {margin: 40px 80px 30px; text-align: center;}
.solutionInquiry .form .tab1 .fileBox ul {text-align: center;}
.solutionInquiry .form .tab1 .fileBox ul li {display: inline-block; margin: 0px 3px; border: 1px solid #ccc;}
.solutionInquiry .form .tab1 .fileBox ul li a {display: block; width: 100%; height: 100%; color :#000; padding: 10px 20px; background-color: #fff;}
.solutionInquiry .form .tab1 .urlBox ul {margin: 20px 80px;}
.solutionInquiry .form .tab1 .urlBox ul li {line-height: 30px;}
.solutionInquiry .form .tab1 .urlBox ul li:before {content: ''; display: inline-block; width: 4px; height: 4px; margin-right: 5px; background: #222; vertical-align: middle;}
.solutionInquiry .form .tab1 .urlBox ul li a {color :#ed6d2b; font-size: 13px; margin-left: 8px; border-bottom: 1px solid #ed6d2b;}
.solutionInquiry .form .tab1 .urlBox ul li a:after {content: ''; display: inline-block;width: 16px; height: 16px; margin-left: 5px; background: url(/redeess/images/next.png) no-repeat center center / 100% 100%; vertical-align: middle;}


/* RDWMS Setup Wizard 요금 정보 */
.solutionInquiry .form .tab2 > p {margin: 40px 80px 30px; text-align: center;}
.solutionInquiry .form .tab2 .chargeList {display: flex; flex-wrap: wrap; margin: 40px 80px 30px;}
.solutionInquiry .form .tab2 .chargeList li {display: inline-block; width: 230px;height: 40px; line-height: 30px;}
.solutionInquiry .form .tab2 .chargeList li input[type="checkbox"]{display: none;}
.solutionInquiry .form .tab2 .chargeList li input[type="checkbox"]{display: inline-block; width: 15px; height: 15px; border:2px solid #707070; position: relative; }
.solutionInquiry .form .tab2 .chargeList li input[name="charge"]:checked:after{ content:'✔'; font-size: 12px; width: 15px; height: 15px; text-align: center; position: absolute; left: 0; top:0; background-color: #ed6d2b; color: #fff;}
.solutionInquiry .form .tab2 .chargeList li label span {margin-left: 7px;}
.solutionInquiry .form .tab2 .chargeList li button {padding: 5px; background-color: #3540d1; border: 1px solid #ccc; color:#fff; border-radius: 3px; float: right; margin-right: 20px;}
.solutionInquiry .form .tab2 .count {border: 1px solid #ccc; padding: 40px 0px; background-color: #fff; border-radius: 5px;}
.solutionInquiry .form .tab2 .count .txt {text-align: center; font-size: 17px;}
.solutionInquiry .form .tab2 .count .txt p {display: inline-block;}
.solutionInquiry .form .tab2 .count .txt p span {color: #f00; font-size: 30px;}
.solutionInquiry .chargePop {display: none;position: absolute; top: 0; z-index: 9999; bottom: 0; left: 0; right: 0; background: #000000b3;}
.solutionInquiry .chargePop.on {display: block;}
.solutionInquiry .chargePop .popList {display: flex; justify-content: center; align-items: center; text-align: center; height: 100%;}
.solutionInquiry .chargePop .popList li {position: relative; width: 650px; background: #fff; padding: 40px 0px; box-shadow: 8px 8px 20px 0 rgba(0, 0, 0, 0.2); border-radius: 5px;}
.solutionInquiry .chargePop .popList li h4 {font-size: 23px; letter-spacing: -2px; color :#ed6d2b;}
.solutionInquiry .chargePop .popList li p {font-size: 18px; margin: 5px 0px;}
.solutionInquiry .chargePop .popList li span {display: block; font-size: 15px; margin-bottom: 20px;}
.solutionInquiry .chargePop .popList li img {width: 500px;}
.chargePop .close {position: absolute; top: 20px; right: 20px;}
.chargePop .close span {display: inline-block; cursor: pointer; background: url(/common/theme/webdek/images/close.png) no-repeat center center; width: 14px; height: 14px;}

/* RDWMS Setup Wizard 문의 작성 페이지 */
.solutionInquiry .form .tab3 > p {margin: 40px 80px 30px; text-align: center;}
.solutionInquiry .form .tab3 .inputWrap {margin-top: 55px; padding: 0px 20px;}
.solutionInquiry .form .tab3 .inputWrap.first {margin-top: 40px;}
.solutionInquiry .form .tab3 .inputWrap h4 {padding-bottom: 20px;font-size: 30px; letter-spacing: -1px; color: #363636; border-bottom: 3px solid #ed6d2b;}
.solutionInquiry .form .tab3 .inputWrap h4 span {display: block; font-size: 24px;}
.solutionInquiry .form .tab3 .inputWrap h4 p {margin-top: 5px; font-size: 15px; color: #ed6d2b;}
.solutionInquiry .form .tab3 .inputWrap .input_list {display: flex; flex-wrap: wrap;}
.solutionInquiry .form .tab3 .inputWrap .input_list li {position: relative;width: 50%; margin: 10px 0;}
.solutionInquiry .form .tab3 .inputWrap .input_list li {width: 49%; margin-right: 2%;}
.solutionInquiry .form .tab3 .inputWrap .input_list li.fr {margin-right: 0;}
.solutionInquiry .form .tab3 .inputWrap .input_list li label {display: block; height: 30px; font-size: 15px;}
.solutionInquiry .form .tab3 .inputWrap .input_list li label .point {color: #ed6d2b;margin-left: 5px;}
.solutionInquiry .form .tab3 .inputWrap .input_list li input {width: 100%; height: 40px; padding: 10px;border: none; background-color: #efefef;}
.solutionInquiry .form .tab3 .inputWrap .input_list li input::placeholder {color: #393939;}
.solutionInquiry .form .tab3 .inputWrap .input_list li select {width: 100%; height: 40px; padding: 10px;border: none; background-color: #efefef; color: #393939; appearance: none; -webkit-appearance: none; -moz-appearance: none;}
.solutionInquiry .form .tab3 .inputWrap .input_list .arrow { position: absolute; top :45px; right: 3%; width :0; height :0; pointer-events: none; border-style :solid; border-width: 8px 5px 0 5px; border-color: #393939 transparent transparent transparent;}
.solutionInquiry .form .tab3 .inputWrap .input_list li input:focus {outline: 1px solid #ed6d2b;}
.solutionInquiry .form .tab3 .inputWrap .input_list li select:focus {outline: 1px solid #ed6d2b;}
.solutionInquiry .form .tab3 .inputWrap .agreeWrap {text-align: center;margin: 20px;}
.solutionInquiry .form .tab3 .inputWrap .agreeWrap p {font-size: 13px;}
.solutionInquiry .form .tab3 .inputWrap .agreeWrap p .point {color: #ed6d2b;margin-left: 5px;}
.solutionInquiry .form .tab3 .inputWrap .agreeWrap label {display: block; font-size: 15px; margin-top: 5px;}
.solutionInquiry .pageNext {margin: 0 auto; display: block;cursor: pointer; margin-top: 15px; text-align: center; color: #fff; padding: 10px 20px; border: 2px solid #eee; font-weight: bold; background-color: #ed6d2b;}
.solutionInquiry .pageNext:hover {border:2px solid #ed6d2b;background-color: #fff;color: #ed6d2b;}

/*.inquiryPop.on {position: absolute; right: 2%; bottom: 25%; display: inline-block; padding: 25px 30px; border: 1px solid #ddd; border-radius: 10px; background: #fff;}*/
/*.inquiryPop {display: none;}*/
/*.inquiryPop .line {margin: 20px 0; border-bottom: 1px solid #d3d3d3;}*/
/*.inquiryPop .close {position: absolute; top: 20px; right: 20px;}*/
/*.inquiryPop .close span {display: inline-block; cursor: pointer; background: url(/common/theme/webdek/images/close.png) no-repeat center center; width: 14px; height: 14px;}*/
/*.inquiryPop .tit {letter-spacing: -2px;}*/
/*.inquiryPop .tit h2 {margin-bottom: 5px; color: #ed6d2b; font-size: 24px; font-weight: 400; letter-spacing: -3px;}*/
/*.inquiryPop .tit span {font-size: 17px; line-height: 20px;}*/
/*.inquiryPop .address h2 {font-size: 36px; font-weight: 600; margin-bottom: 15px;}*/
/*.inquiryPop .address h2 span {display: block; height: 16px; font-size: 18px; font-weight: 500; letter-spacing: -2px;}*/
/*.inquiryPop .address p {font-size: 17px; margin-bottom: 10px;}*/
/*.inquiryPop .address p:last-child {margin-bottom: 0px;}*/
/*.inquiryPop .address p span {display: inline-block; cursor: pointer; width: 25px; height: 25px; border-radius: 50%; text-align: center; margin-right: 7px; color: #fff; background: #ed6d2b;}*/
/*.inquiryPop .time {color: #2d2d2d; font-size: 15px; font-weight: 100;}*/
/*.inquiryPop .time span {margin-right: 5px;}*/

.solutionInquiry .inquiryPage {width: 1050px; margin: 50px auto 0px; padding: 35px 55px; background-color: #fff;}
.solutionInquiry .inquiryPage:after {content:""; display:block; clear:both;}
.solutionInquiry .inquiryPage .txt {font-size: 18px;}
.solutionInquiry .inquiryPage .txt h2 {font-size: 23px; margin-bottom: 5px; font-weight: 100; color: #eb7c42;}
.solutionInquiry .inquiryPage .txt .address p {display: inline-block; padding: 15px 15px 15px 0px; font-size: 18px;}
.solutionInquiry .inquiryPage .txt .address p:after {content: ""; display: inline-block; height: 12px; margin-left: 15px; border: 1px solid #fff;}
.solutionInquiry .inquiryPage .txt .address p i {margin-left: 0px; margin-right: 10px; font-size: 18px; color: #eb7c42;}
.solutionInquiry .inquiryPage .txt .address p:last-child:after {border :none}
.solutionInquiry .inquiryPage .txt .time {font-size: 14px;}
.solutionInquiry .inquiryPage .startBtn {display: flex; float: right;height: 189px; align-items: center; flex-wrap: nowrap;text-align: center;}
.solutionInquiry .inquiryPage .startBtn li {text-align: center; display: inline-block; margin: 0 15px;}
.solutionInquiry .inquiryPage .startBtn li a {display: inline-block;color: #000;padding: 10px 20px;border: 2px solid #eee;font-weight: bold;background-color: #eee;}
.solutionInquiry .inquiryPage .startBtn li a:hover {border:2px solid #fff; color:#fff; background-color: unset;}
.solutionInquiry .inquiryPage .line {margin: 10px 0; border-bottom: 1px solid #c7c7c7ad;}

/* tab btn */
.ul-clicktabBtn {text-align: center; position: relative; z-index: 1; margin-bottom: 25px;}
.ul-clicktabBtn li {display: inline-block; width: 160px; margin: 0px 10px; transition:0.2s; padding: 40px 30px; text-align: center; font-weight: bold; cursor: pointer; border: 1px solid #ccc; background-color: #fff; border-radius: 10px 0px 10px 10px;}
.ul-clicktabBtn li img {width: 45px; height: auto;}
.ul-clicktabBtn li span {display: block; margin-top: 15px; color: #555; font-size: 14px;}
.ul-clicktabBtn li.on {/*background-color: #ed6d2b;*/border-color: #ed6d2b;}
.ul-clicktabBtn li.on span {color: #ed6d2b;}
.tab-btn{display: none; position: relative; top:-100px; min-height: 200px;}
.tab-btn.on {display: block;}
.tab-btn.on.first {padding-top: 0px;}
.room-block.rdpage {height: 0px;}

@media screen and (max-width: 1160px) {
	.wrapper {width:100%; margin: 0;padding: 10px;}
	.wrapper-inner > h2 {font-size: 20px;}
	.wrapper-inner > h5 {font-size: 14px;}
	.wrapper-inner > p {font-size: 15px;}
	.ul-overview > li > p{font-size: 15px}
	.ul-overview > li > span{font-size: 15px;}
}

@media screen and (max-width: 700px) {
 	.web-content{display: none;}
 	.mobile-content{display: revert;}
 	.map-info #mapImg {height: auto !important;}
 	.map-info #mapImg img {width: 100%; height: auto;}
 	
	/*레이아웃 */
	body{min-width:100%;}
	.section {min-width:100%;}
	.room-block {height:40px;min-width: 100%;}
	.room-block02 {height: 200px;min-width: 100%;}
	
	.header-text {text-align: center;min-width: 100%;height:200px;}
	.header-text h1 {padding-top: 120px; font-size: 22px;}
	
	.wrapper-inner > h2 {font-size: 22px;}
	.wrapper-inner > h5 {font-size: 16px;margin: 10px 0 10px 0; line-height: 30px;}
	
	.logoBox{height: 40px;}
	
	/*CEO introduce*/
	.ul-overview {margin: 50px 0 40px 0;}
	.ul-overview > li {float:left; width:50%; padding: 60px 4px 0 4px;background-size: 60px;}
	.ul-overview > li:nth-child(3) {background-size: 50px;}
	.ul-overview > li > p{font-size: 16px; margin:5px 0 0 0; line-height: 30px;}
	.ul-overview > li > span{font-size: 17px;display:inline-block; margin-bottom: 20px;}
	.wrapper-inner > p {border-bottom: 1px solid #eee; padding-bottom:40px;}
	.infoTitle{display: block;}
	.about-info div:nth-child(odd) span {background-color: #fff;}
	.about-info div span {display:block;padding-left:5px; font-size: 15px;}
	.about-info div span:nth-child(1) {width:100%;background-color:#eee;}
	.about-info div span:nth-child(2) {width:100%;height: 100%;}
	.map-text {  width: 100%; padding: 0 10px; word-break: keep-all;}
	
	/* IT Outsourcing */
	.itOutsourcing .solution-item > li {height: auto; padding: 20px 20px;width:90%;float: inherit;margin:0 auto 10px auto;}      
	.itOutsourcing .solution-item > li > p{font-size:25px; padding-bottom: 15px;}                                                        
	
	/* RD FrameWorks */
	.imgBox{margin: 0 auto;}
	.roundBox{ width: 70px; height: 70px; line-height: 70px; background-size: 55% auto; font-size: 40px }
	.RDFrameWorks .tab-block .detail-text {font-size: 12px;}
	.webImg{height: auto; width: 100%;}
	
	/* RD WMS */
	.section.RDWMS .flexColToggle{flex-basis: 100%;}
	
	/* Customers */
	.customers-box{justify-content: center;}
	
	/* History */
	.history-box .history-list .history-period{display: block;}
	
	/* RDWMS Setup Wizard 문의 작성 페이지 */
	.tab-btn {top: 0;}
	.ul-clicktabBtn li {display: block; width: auto; padding: 10px 30px; border-radius: 0px; margin-top: 5px;}
	.ul-clicktabBtn li img {display: none;}
	.ul-clicktabBtn li span {display: inline-block; margin-top: 0px;}
	.solutionInquiry .form {padding: 20px;}
	.solutionInquiry .form .tab1 .fileBox p {margin: 10px 0px 30px;}
	.solutionInquiry .form .tab1 .urlBox ul {margin: 20px 0px;}
	.solutionInquiry .form .tab1 .urlBox ul li a {display: block; margin-bottom: 15px; border-bottom: none;}
	.solutionInquiry .inquiryPage {width: auto; margin: 20px auto 0px; padding: 35px 30px;}
	.solutionInquiry .inquiryPage .txt .address p {display: block; padding: 5px 0px;}
	
	.solutionInquiry .form .tab2 > p {margin: 10px 0px 30px;}
	.solutionInquiry .form .tab2 .chargeList {margin: 20px 0px;}
	.solutionInquiry .form .tab2 .chargeList li {width: 50%;}
	.solutionInquiry .form .tab2 .chargeList li button {margin-right: 10px;}
	.solutionInquiry .form .tab2 .count {padding: 20px 0px;}
	.solutionInquiry .form .tab2 .count .txt p {display: block;}
	.solutionInquiry .form .tab2 .count .txt p span {font-size: 26px;}
	.solutionInquiry .form .tab2 .count .txt p span#won3 {font-weight: bold;}
	.solutionInquiry .chargePop .popList li {width: 90%;}
	.solutionInquiry .chargePop .popList li span {margin: 0px 10px 20px;}
	.solutionInquiry .chargePop .popList li img {width: 90%;}
	
	.solutionInquiry .form .tab3 > p {margin: 10px 0px 30px;}
	.solutionInquiry .form .tab3 .inputWrap h4 {border-bottom: 1px solid #ed6d2b;}
	.solutionInquiry .form .tab3 .inputWrap.first {margin-top: 10px; padding: 0px;}
	.solutionInquiry .form .tab3 .inputWrap {margin-top: 0px; padding: 0px;}
	.solutionInquiry .form .tab3 .inputWrap .input_list li {width: 100%; margin-right: 0px;}
	
	.room-block.rdpage {height: 40px;}
 }