#mwrap{width:100%; overflow:hidden; min-width:320px;}
#mwrap img{max-width:100%;}

header { position:fixed; width: 100%; height:85px; background-color:#fff; z-index: 100; } /* height:125px; */
section { position:relative; margin-top: 85px; } /* margin-top: 125px; */

.headerin{ position:relative; height:85px; background-color:#fff; } /* relative */
.logo{position:absolute; left:60px; top:19px;}	
.logo img { width: 180px; }
.utill{display:block;position:absolute; top:10px; right:100px;}
.utill > ul > li{display:inline-block; line-height:20px; color:#333; padding:5px 8px; margin-left:2px; text-align:center;}
.utill > ul > li a{color:#333;}
.utill .fa{font-size:24px;color:#666; margin-bottom:5px;}
.openbtn{position: absolute; right: 0px; top:0px; width:85px; height:85px; text-align: center; padding: 30px;  box-sizing: border-box; cursor:pointer; background: #FF240A;} /* #092c74 */
.openbtn img{vertical-align: middle; }

.headerin .gnb{position:relative; z-index:1; max-width:650px; margin-left:auto; margin-right:auto;height:30px; overflow:hidden;top:30px; z-index:300; }
.headerin .gnb .d1{position:relative;float:left; margin-right:90px; }
.headerin .gnb .d1:last-child{margin-right:0;}
.headerin .gnb .d1 .m{display:block; line-height:30px; color:#333; text-decoration:none;font-size:23px; font-weight:700;}
.headerin .gnb .d1:hover .m{color:#333;}	
.headerin .gnb .d1 .sub{position:absolute; top:50px; left:0;width:260px; height:170px;}
.headerin .gnb .d1:last-child .sub{width:100%;}

.headerin .gnb .d1 .sub ul{padding-top:20px;}
.headerin .gnb .d1 .sub ul li{margin-bottom:8px;}
.headerin .gnb .d1 .sub ul li a{color:#fff; font-size:15px; text-decoration:none;}
.headerin .gnb .d1 .sub ul li a:hover{font-weight:bold;}
.headerin .subBg{position:absolute; top:85px; left:0;width:100%; height:140px; background-color:rgba(0,0,0,0.5);	display:none;z-index:200;}

.header-txt{ position:relative; padding: 10px 0; background-color:var(--orange2); text-align: center; display: none; }
.header-txt span { display: inline-block; font-weight: 700; color: #FFFFFF; margin:0 10px; }
.header-txt .tit { font-size: 1.2em; }
.header-txt .tel { font-size: 1.1em; }
.header-txt .email { font-size: 1.1em; }


#side{position: fixed; top: 0px; right:-760px; width:400px; height:1000px; background:var(--orange); z-index: 900;  overflow: hidden;overflow-y: scroll;}
.closebtn{position: absolute; right: 20px; top:20px; height:40px; padding:0 20px; width:100px; line-height:40px; text-align: center; color:var(--orange); background:#fff;  cursor:pointer; font-size:20px; font-weight:bold; border-radius:30px;}
#side ul{padding-top:100px;}
#side ul li{color:#fff; font-size:25px; margin-bottom:30px; font-weight:700; border-bottom:1px solid rgba(255, 255, 255, 0.2); padding-left:50px; padding-bottom:20px;}
#side ul li a{color:#fff; font-size:25px; font-weight: 700; }
#side ul li img{height: 40px;  margin-right: 15px; vertical-align: middle;}
#side ul li i{font-size:30px; width:70px; text-align:center; color:#fff;}
.bkBg {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #000; opacity: 0.8; z-index: 600;display: none;}

.mbox_title{font-size:50px; text-align:center;color:#252525;}
.mbox_title2{font-size:20px; text-align:center;color:#555; margin-top:20px; font-weight:300;}
.mbox_title span{font-weight:600;}

.mbox1{position:relative;}
.mbox1 > ul > li{height:555px; background:url('/images/bg_mv3.png')no-repeat right center/cover; opacity:0; filter: brightness(85%); }
.mbox1_img{position:absolute; right:50%; bottom:0; margin-right:-600px;}
.mbox1_img > img{width:460px;}
.boxslidw{position:absolute; top: 35px;left: 38px;width: 376px;height: 223px;overflow: hidden;border-radius: 2px;}

.mbox1_text{position:absolute; left:50%; top:45%; margin-left:-600px; transform: translateY(-50%); color:#FF240A; }/*#3AA5E1 #BB0000*/
.mbox1_p1{font-size:52px; font-weight:700; line-height:1.4; margin-bottom:20px;  letter-spacing: -3px; transform: translateY(100px); transition:all 1s; opacity:0.1; } /* text-shadow:5px 5px 20px rgba(255, 255, 255, 0.7); text-shadow:5px 5px 20px rgba(15, 60, 115, 0.7) */
.mbox1_p2{font-size:20px; font-weight:500; line-height:1.6;  transform: translateY(100px); transition:all 2s; opacity:0.1; } /* text-shadow:5px 5px 10px rgba(255, 255, 255, 0.8); text-shadow:5px 5px 10px rgba(15, 60, 115, 0.8); */
.mbox1_p1.view, .mbox1_p2.view {opacity:1;  transform: translateY(0px); }


.main-solution { position:relative; width: 100%; margin: 50px auto 30px auto; padding:0; text-align: center; overflow: hidden; }
.main-solution .solution-tit-box { position:relative; display: inline-block; width: 500px; text-align: left; background:#FD843D; border-radius: 20px; padding: 0px; margin:0; }
.main-solution .solution-tit-box span { font-size: 30px; }
.main-solution ul{ display: inline-block; min-width: 1300px; text-align: center; }
.main-solution ul li { position:relative; float: left; width: calc(25% - 80px); margin: 70px 14px 20px 14px; border:1px solid #F4F4F4; border-radius: 20px; padding: 20px; box-shadow: 3px 3px 20px 1px #EFEEE9; }
.main-solution ul li:first-child { width: 450px; min-height: 300px; text-align: left; background:#FD843D; border-radius: 20px; padding: 30px; margin-top: 45px; }
.main-solution ul li:first-child span.tit1 { font-size: 35px; color: #FFFFFF; line-height: 35px; }
.main-solution ul li:first-child span.tit2 { display:block; font-size: 35px; color: #FFFFFF; font-weight: 800; line-height: 40px; }
.main-solution ul li:first-child span.tit-btn { position:relative; display:block; width: 200px; margin-top: 50px; padding: 20px 20px; background: #FD9D63; font-size: 25px; color: #FFFFFF; font-weight: 500; opacity:0.8; border-radius: 20px; overflow: hidden; }
.main-solution ul li span.img-tit{ position:relative; display:block; margin-top:10px; font-size: 20px; font-weight: 700; line-height: 30px; letter-spacing: -2px; }


.main-youtube-wrap{ display:grid; grid-template-columns:1fr 1fr; margin: 0px 0px 20px 0px; padding: 70px 0; background: #F5F6F8; }
.main-youtube-wrap .text{  position: relative; display: block; float: right; right: 0; width: 600px; margin: 0 0 0 auto; padding-right: 60px; padding-top:30px; text-align: left;  }
.main-youtube-wrap .text dl{}
.main-youtube-wrap .text dl dt{position: relative; font-weight: 600; font-size: 46px; color:#222;  margin-bottom: 40px;}
/* .main-youtube-wrap .text dl dt::after{content: "";position: absolute; top:100%; transform: translateY(10px);right: -100px; width:120%; max-width:800px; height: 2px; background: var(--orange2);} */
.main-youtube-wrap .text dl dt span{display: block; color:#d1d1d1; font-size: 18px; margin-bottom: 10px;}
.main-youtube-wrap .text dl dd p {font-size: 15px; margin-bottom: 5px; color: #666; }
.main-youtube-wrap .text dl dd strong{ font-size: 17px; color: #222; }
.main-youtube-wrap .player { width: 100%; background-size: cover;  } /* opacity : 0.6; */


.main-product-wrap { position:relative; width: 100%; margin: 0 auto; padding:30px 0 0 0; text-align: center; background: #FFFFFF; overflow: hidden; } /* #F5F6F8 */
.main-product-wrap .main-product { position:relative; width: 100%; max-width: 1300px; margin: 80px auto; padding:0; text-align: center; overflow: hidden; }
.main-product-wrap .main-product .tit { text-align: left; padding-left: 30px; }
.main-product-wrap .main-product .tit h1 { font-size: 50px; font-weight: 700; }
.main-product-wrap .main-product .tit h2 { font-size: 27px; font-weight: 600; line-height:27px; }
.main-product-wrap .main-product ul{ display: inline-block; text-align: center; }
.main-product-wrap .main-product ul li { position:relative; float: left; width: calc(33.3% - 20px); margin: 30px 10px 20px 10px; background:#ffffff;  border:1px solid #F4F4F4; border-radius: 20px; padding: 20px 0px; box-shadow: 3px 3px 20px 1px #EFEEE9; }
.main-product-wrap .main-product ul li span.img-head-tit{ position:relative; display:block; margin:10px 0 15px 20px; font-size: 25px; font-weight: 700; color: #FD843D; line-height: 30px; letter-spacing: -2px; text-align: left; }
.main-product-wrap .main-product ul li span.img-tit{ position:relative; display:block; margin:10px 0 10px 20px; font-size: 21px; font-weight: 500; line-height: 30px; letter-spacing: -2px; text-align: left; }
.main-product-wrap .main-product ul li img { width: 100%; }

.main-partner{ margin:0 auto; text-align:center; margin:50px 0 0px 0; padding: 70px 0; background: #F5F6F8; overflow:hidden; }
.main-partner .main-partner-body { max-width:1200px; margin:0 auto; text-align:center; overflow:hidden; }
.main-partner h3 span{color:#333333; font-size:45px; line-height:50px; display:block; font-weight:700; text-align:center; margin-bottom:10px; }
.main-partner h3 span strong{color:#019ced;}
.main-partner .subtit{ display:block; font-size:20px; font-weight:400; margin-bottom:50px; }
.main-partner .subtit .hanja{ font-family: sans-serif; color: #DF4C54; font-weight:700; }
.main-partner ul { margin: 0 auto; padding:0; text-align:center; overflow:hidden; }
.main-partner ul li { float:left; display:block;  width: 180px; height: 250px; margin: 0 10px; padding:0; text-align:center; overflow:hidden; }/*width: 20%;*/
.main-partner ul li .partner-item1 { background:url(../images/partner01.png) no-repeat center; background-size: cover; width:180px; height:180px; margin: 0 auto; cursor:pointer; }
.main-partner ul li .partner-item2 { background:url(../images/partner02.png) no-repeat center; background-size: cover; width:180px; height:180px; margin: 0 auto; cursor:pointer; }
.main-partner ul li .partner-item3 { background:url(../images/partner03.png) no-repeat center; background-size: cover; width:180px; height:180px; margin: 0 auto; cursor:pointer; }
.main-partner ul li .partner-item4 { background:url(../images/partner04.png) no-repeat center; background-size: cover; width:180px; height:180px; margin: 0 auto; cursor:pointer; }
.main-partner ul li .partner-item5 { background:url(../images/partner05.png) no-repeat center; background-size: cover; width:180px; height:180px; margin: 0 auto; cursor:pointer; }
.main-partner ul li .partner-item6 { background:url(../images/partner06.png) no-repeat center; background-size: cover; width:180px; height:180px; margin: 0 auto; cursor:pointer; }
.main-partner ul li .partner-item7 { background:url(../images/partner07.png) no-repeat center; background-size: cover; width:180px; height:180px; margin: 0 auto; cursor:pointer; }
.main-partner ul li .partner-item8 { background:url(../images/partner08.png) no-repeat center; background-size: cover; width:180px; height:180px; margin: 0 auto; cursor:pointer; }
.main-partner ul li .partner-item9 { background:url(../images/partner09.png) no-repeat center; background-size: cover; width:180px; height:180px; margin: 0 auto; cursor:pointer; }

.main-partner ul li .partner-item10 { background:url(../images/partner10.png) no-repeat center; background-size: cover; width:180px; height:180px; margin: 0 auto; cursor:pointer; }
.main-partner ul li .partner-item11 { background:url(../images/partner11.png) no-repeat center; background-size: cover; width:180px; height:180px; margin: 0 auto; cursor:pointer; }
.main-partner ul li .partner-item12 { background:url(../images/partner12.png) no-repeat center; background-size: cover; width:180px; height:180px; margin: 0 auto; cursor:pointer; }
.main-partner ul li .partner-item13 { background:url(../images/partner13.png) no-repeat center; background-size: cover; width:180px; height:180px; margin: 0 auto; cursor:pointer; }
.main-partner ul li .partner-item14 { background:url(../images/partner14.png) no-repeat center; background-size: cover; width:180px; height:180px; margin: 0 auto; cursor:pointer; }
.main-partner ul li .partner-item15 { background:url(../images/partner15.png) no-repeat center; background-size: cover; width:180px; height:180px; margin: 0 auto; cursor:pointer; }
.main-partner ul li .partner-item16 { background:url(../images/partner16.png) no-repeat center; background-size: cover; width:180px; height:180px; margin: 0 auto; cursor:pointer; }
.main-partner ul li .partner-item17 { background:url(../images/partner17.png) no-repeat center; background-size: cover; width:180px; height:180px; margin: 0 auto; cursor:pointer; }
.main-partner ul li .partner-item18 { background:url(../images/partner18.png) no-repeat center; background-size: cover; width:180px; height:180px; margin: 0 auto; cursor:pointer; }
.main-partner ul li .partner-item19 { background:url(../images/partner19.png) no-repeat center; background-size: cover; width:180px; height:180px; margin: 0 auto; cursor:pointer; }

.main-partner ul li span { display: block; text-align:center; padding-top:200px; font-weight:700; line-height:18px;  }

.slick-slider { margin:0 -10px; }
.slick-slide { padding:0px; text-align:center; margin-right:20px; margin-left:20px; }

.partner-list{ width:100%; margin: 0 auto; margin-top: 50px;}
.partner-list .prev{position:absolute; width:76px; height:63px; left: 50%; margin-top:-183px; margin-left:-670px; z-index:700; border-radius:30px; background:url(../images/btn_left.png) no-repeat; cursor:pointer; }
.partner-list .next{position:absolute; width:76px; height:63px; left: 50%; margin-top:-183px; margin-left:595px; z-index:700;border-radius:30px; background:url(../images/btn_right.png) no-repeat; cursor:pointer; }
.partner-slide-list .slick-active{opacity: 1;}


#footer{width:100%; background:#151829;}
#footer .ft-in {
    max-width: 1450px;
    margin: 0 auto;
    padding: 40px 0px;
    font-size: 1.1em;
}
#footer .ft-in:after{content:""; display:block; clear:both;}

#footer .ft-copy { margin-left: 0px; color:#989AA5; text-align:center; }
#footer .ft-copy > span{font-size:0.875em;}
#footer .ft-copy .f-copy-txt { margin-bottom: 10px;  }
#footer .ft-copy .f-copy-txt span { font-size: 1.2em; font-weight: 800; white-space: pre-line; }
#footer .ft-copy .f-copy-addr { display:inline-block; font-size: 0.95em; margin-bottom: 10px; white-space: pre-line; }
#footer .ft-copy .f-copy-tel { display:inline-block; font-size: 0.95em; margin-bottom: 10px; white-space: pre-line; }
#footer .ft-copy .f-copy { display:block; margin-top:10px; margin-bottom: 10px; white-space: pre-line; }
#footer .ft-copy .f-copy span { font-size: 0.95em;  }

#footer .topbtn{position: fixed; right:80px; bottom:40px; cursor: pointer; z-index: 2;}


.svis{position:relative;width:100%; height:200px;background:url('/images/bg_smv.png')no-repeat center/cover; }
.svis_title{ color:#fff; font-size:20px; font-weight:bold;text-align:center; padding-top:80px; transform: translateY(100px); transition:all 1s; opacity:0.1; }
.svis_title.view {opacity:1;  transform: translateY(0px); }

#scontainer { max-width:1200px; margin:0 auto; text-align:center; position:relative; }
.sub_common{ width: 100%;   text-align:center; padding-top:80px; margin-bottom: 70px; }
.sub_common h3 span{color:#000; font-size:50px; line-height:50px; display:block; font-weight:800; text-align:center;  letter-spacing:-0.04em; margin-bottom:20px; } /* font-family:'GmarketSans'; */
.sub_common h3 span strong{color:#019ced;}
.sub_common .subtit{ display:block; font-size:20px; margin-bottom:100px; }
.sub_common .subtit-box{ display:block; font-size:17px; padding: 20px 0; margin-bottom:100px; background: #F4F4F4; }
.sub_common .subtit-box .txt-box{ display:block; width: 500px; margin:0 auto; text-align: left; font-size:17px; padding: 20px 0 20px 10px; }
.sub_common article { max-width:1300px; margin:0 auto; }

.sub-menu-sol {
	position: relative;
	width: 100%;
	max-width:1200px;
	margin: 50px auto 100px auto;
	padding: 0px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 7px;
	overflow:hidden; 
	 }
.sub-menu-sol .item-menu { padding:15px 10px; float:left; border:1px solid #EAECEF; border-radius: 6px; background: #F0F0FF; text-align:center;  cursor:pointer; }
.sub-menu-sol .item-menu span { font-size: 20px; font-weight: 700; }
.sub-menu-sol .item-menu:first-child { border-top-left-radius: 25px; border-bottom-left-radius: 25px; }
.sub-menu-sol .item-menu:last-child { border-top-right-radius: 25px; border-bottom-right-radius: 25px; }
.sub-menu-sol .item-menu:nth-child(4) { border-top-left-radius: 25px; border-bottom-left-radius: 25px; }
.sub-menu-sol .item-menu:nth-child(3) { border-top-right-radius: 25px; border-bottom-right-radius: 25px; }
.sub-menu-sol .item-menu:hover { background: var(--light-primary); border-color: var(--light-primary); }
.sub-menu-sol .item-menu:hover span { color: #FFFFFF; }


.sub-menu-pro {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 50px auto 100px auto;
	padding: 0px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 7px;
	overflow:hidden; 
	 }
.sub-menu-pro .item-menu { padding:15px 10px; float:left; border:1px solid #EAECEF; border-radius: 6px; background: #F0F0FF; text-align:center; cursor:pointer; }
.sub-menu-pro .item-menu span { font-size: 20px; font-weight: 700; }
.sub-menu-pro .item-menu:first-child { border-top-left-radius: 25px; border-bottom-left-radius: 25px; }
.sub-menu-pro .item-menu:last-child { border-top-right-radius: 25px; border-bottom-right-radius: 25px; }
.sub-menu-pro .item-menu:hover { background: var(--light-primary); border-color: var(--light-primary); }
.sub-menu-pro .item-menu:hover span { color: #FFFFFF; }


.sub-menu-hpc {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 50px auto 100px auto;
	padding: 0px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 7px;
	overflow:hidden; 
	 }
.sub-menu-hpc .item-menu { padding:15px 10px; float:left; border:1px solid #EAECEF; border-radius: 6px; background: #F0F0FF; text-align:center; cursor:pointer; }
.sub-menu-hpc .item-menu span { font-size: 20px; font-weight: 700; }
.sub-menu-hpc .item-menu:first-child { border-top-left-radius: 25px; border-bottom-left-radius: 25px; }
.sub-menu-hpc .item-menu:last-child { border-top-right-radius: 25px; border-bottom-right-radius: 25px; }
.sub-menu-hpc .item-menu:hover { background: var(--light-primary); border-color: var(--light-primary); }
.sub-menu-hpc .item-menu:hover span { color: #FFFFFF; }


.sol-screen{ width: 100%; margin:80px auto 50px auto; text-align:center; overflow:hidden; }
.sol-screen .sol-screen-body { max-width:1200px; margin:0 auto; text-align:center; overflow:hidden; }
.sol-screen h3 span{color:#333333; font-size:45px; line-height:50px; display:block; font-weight:700; text-align:center; margin-bottom:10px; }
.sol-screen h3 span strong{color:#019ced;}
.sol-screen h4 span{color:#333333; font-size:40px; line-height:50px; display:block; font-weight:700; text-align:center; margin-bottom:10px; }
.sol-screen h4 span strong{color:#019ced;}
.sol-screen .subtit{ display:block; font-size:20px; font-weight:400; margin-bottom:50px; }
.sol-screen .sol-list{ width:100%; margin: 0 auto; padding:0; text-align:center; overflow:hidden;}
/*
.sol-screen .sol-list .prev{position:absolute; width:76px; height:63px; left: 50%; margin-top:183px; margin-left:-670px; z-index:700; border-radius:30px; background:url(../images/btn_left.png) no-repeat; cursor:pointer; }
.sol-screen .sol-list .next{position:absolute; width:76px; height:63px; left: 50%; margin-top:183px; margin-left:595px; z-index:700;border-radius:30px; background:url(../images/btn_right.png) no-repeat; cursor:pointer; }
*/
.sol-screen .sol-list .prev{position:absolute; width:76px; height:63px; left: 50%; margin-top:183px; margin-left:-670px; z-index:700; border-radius:30px; background:url(../images/btn_left.png) no-repeat; cursor:pointer; }
.sol-screen .sol-list .next{position:absolute; width:76px; height:63px; left: 50%; margin-top:183px; margin-left:590px; z-index:700;border-radius:30px; background:url(../images/btn_right.png) no-repeat; cursor:pointer; }

.sol-screen .sol-list .sol-slide-list { position:relative; width: 100%; overflow:hidden; }
.sol-screen .sol-list .sol-slide-list .sol-item { width: 100%; margin: 0 auto; text-align: center; }
.sol-screen .sol-list .sol-slide-list .sol-item img { position:relative; width: 100%; }
.sol-screen .sol-list .sol-slide-list .sol-item .subtit-box{ display:block; font-size:16px; padding: 15px 10px; min-height: 160px; margin-bottom:50px; background: #F4F4F4; text-align: left; border-radius: 6px; }
/*
.sol-screen .sol-list .sol-slide-list .slick-active{ transform: scale(1.0); opacity: 1;}
.sol-screen .sol-list .sol-slide-list .slick-slide:not(.slick-active) { transform: scale(0.8); opacity: 0.3; }
*/

.sol-dashBoard { max-width: 1200px; margin:0 auto; text-align:center; padding-bottom: 100px; overflow:hidden; }
.sol-dashBoard article img { position:relative; width: 100%; }

.serverRack { width: 100%; margin: 0 auto; padding-bottom: 50px; text-align: center; overflow:hidden; }
.serverRack img { width: 30%; }


.sub-menu-log {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 50px auto 100px auto;
	padding: 0px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 7px;
	overflow:hidden; 
	 }
.sub-menu-log .item-menu { padding:15px 10px; float:left; border:1px solid #EAECEF; border-radius: 6px; background: #F0F0FF; text-align:center; cursor:pointer; }
.sub-menu-log .item-menu span { font-size: 15px; font-weight: 700; }
.sub-menu-log .item-menu:first-child { border-top-left-radius: 25px; border-bottom-left-radius: 25px; }
.sub-menu-log .item-menu:last-child { border-top-right-radius: 25px; border-bottom-right-radius: 25px; }
.sub-menu-log .item-menu:hover { background: var(--light-primary); border-color: var(--light-primary); }
.sub-menu-log .item-menu:hover span { color: #FFFFFF; }