.clearfix{clear:both}
.clear-both{content:''; display:block; clear:both;}
#warp{ width:100%;min-height:100%; position:relative; overflow:hidden;  }
img{width:100%;}
/*상단*/

.width1200{width:1200px;margin:0 auto; position:relative;}
.width1000{width:1000px;margin:0 auto; position:relative;}
.width600{width:600px;margin:0 auto; position:absolute; top:300px;}
h1{font-size:55px; line-height:65px; letter-spacing:-1.2px;}
h2{font-size:35px; line-height:65px; letter-spacing:-1.2px; margin-top:90px;}
h3{font-size:24px; line-height:30px; letter-spacing:-1px; font-weight:500; padding:60px 0 30px 0; text-align:center; letter-spacing:0.2px;}
h4{font-size:18px; line-height:30px; letter-spacing:-1px;}
.white{background-color:#fff;}
.index{ color:#fff;	background:url(../images/back.png) no-repeat top; background-size:cover; height:100%; overflow:hidden; }
html, body { height:100%;  }

.on a{color:#00a982 !important}
.sub-navi-fixed{position: fixed; top: 0px; z-index:1000000000000;}
.intro{font-size:15px; line-height:28px; letter-spacing:-0.7px; padding-top:64px;}
.mo_br{display:inline;}
.green-tit{font-size:22px; line-height:30px; color:#01a982; text-align:left; padding:40px 0 10px 0; letter-spacing:0.2px;}
.mo-spec{display:inline;}

/**모바일메뉴**/
.mo-menu-trigger, .mo-menu-trigger span{display:inline-block; transition:all .4s; box-sizing:border-box;}
.mo-menu-trigger{display:none;}
.mo-menu-trigger span{position:absolute; left:0; width:100%; height:4px; background-color:#fff; border-radius:4px; }
.mo-menu-trigger span:nth-of-type(1){top:0;}
.mo-menu-trigger span:nth-of-type(2){top:10px;}
.mo-menu-trigger span:nth-of-type(3){bottom:0;}
.mo-menu-trigger.active span:nth-of-type(1){
	-webkit-transform:translateY(10px) rotate(-315deg);
	transform:translateY(10px) rotate(-315deg);}
.mo-menu-trigger.active span:nth-of-type(2){	opacity:0;}
.mo-menu-trigger.active span:nth-of-type(3){	-webkit-transform:translateY(-10px) rotate(315deg);	transform:translateY(-10px) rotate(315deg);}
.m-gnb-bg{display:none;}
/**모바일메뉴**/



.header{padding:20px 0;}
.header ul .left{float:left;}
.header ul .left .logo li{display:inline-block;vertical-align:middle;}
.header ul .left .logo li:first-child{padding-right:20px;} 
.header ul .left .logo li:last-child{border-left: 1px solid #889192;padding-left:20px;} 

.header ul .right{width:70%;float:right;line-height:30px;margin-top:10px;}
.header ul .right .menu li{float:left; text-align:center; margin-right:4px; margin-right:30px;}
.header ul .right .menu li:last-child{margin-right:0px;}
.header ul .right .menu li a{color:#fff;}
.header ul .right .menu li a:hover{color:#25edbf;}

.header ul .right .menu li:after{content:''; display:block; clear:both;}
.header:after{content:''; display:block; clear:both;}
.white  ul .right .menu li a{color:#000}

.index_title{text-align: center;margin-top:180px;}
.index_title li:nth-child(1){width:550px;	margin:0 auto;background-image: url(../images/index_title_1.png),url(../images/index_title_2.png);	background-repeat: no-repeat, no-repeat; /* 반복 */	background-position: top left, top right; /* 위치 */	line-height: 90px;	padding-top:20px;}
.index_title li:nth-child(1) h2{font-weight:300;}
.index_title li:nth-child(2) h2{font-weight:bold;}
.index_title li:nth-child(3){background: url(../images/bar.png) top center no-repeat;background-size:53px 3px;  margin-top:30px;padding-top:20px;}

.index_footer{line-height:65px;text-align:center;  background-color:rgba( 0, 13, 16, 0.5 ); position:absolute; bottom:0; width:100%;font-size:11.5px; }
.index_footer li{display:inline-block;border-right:1px solid #fff;line-height:15px;vertical-align:middle;padding-right:8px;padding-left:8px;}
.index_footer li:nth-child(6){border:0;}
.index_footer li:nth-child(7){border:0;}
.index_footer li a{border:0;padding:1px 4px; border:1px solid #34373a; color:#fff;}


/**g2b disk page **/

.sub_header{background-size: cover; height:264px; color:#fff; text-align:center; }
.spec_list{float:left; width:490px; border:1px solid #dedede; padding:40px 20px 25px 20px; margin-right:8px; box-sizing:border-box; margin-bottom:10px;}
.spec_list:last-child{margin-right:0;}
.spec_list dt{font-size:20px; line-height:30px;}
.spec_list dt span{font-size:14px; color:#4e4e4e;}
.spec_list li{border-bottom:1px solid #dedede; line-height:40px; padding:0 20px; }
.spec_list li:first-child{border-top:1px solid #dedede; line-height:40px;}
.spec_list li span:first-child{float:left;}
.spec_list li span:last-child{float:right; color:#717171; align:left;}
.spec_list li:after{content:''; display:block; clear:both;}
.spec_list p{text-align:center; padding:0; margin:0;}
.spec_list a{background-color:#01a982; color:#fff; padding:12px 85px; text-align:center; margin:30px 0; display:inline-block;}

/**g2b disk page end*/

/**g2b page**/

.g2b-slide{width:1000px; overflow:hidden;}
.slideP{position:relative; width:1200px; height:auto;}
.g2b_spec{margin-right:5px; padding:15px 20px;  border:1px solid #dedede; box-sizing:border-box;}
.g2b_spec dd{font-size:17px; font-weight:500; color:#000;}
.g2b_spec dd:last-child{font-size:13px; font-weight:300;  color:#4e4e4e; letter-spacing:-0.5px;}
.g2b_spec:last-child{margin-right:0;}

.green-tit a{font-size:15px; font-weight:400; color:#01a982; border:1px solid #01a982; text-align:left; padding:1px 10px ; letter-spacing:0.2px;}

.slideL{position:absolute; top:200px; left:0; }
.slideR{position:absolute; top:200px; right:0; }
.slide img{width:26px; height:42px;}
.g2b_spec a{background-color:#01a982; color:#fff; padding:4px 30px; text-align:center; margin:30px 0; display:inline-block;font-size:13px;}
.lastspec{margin-right:0;}
.blue-btn{font-size:19px; font-weight:400; padding:20px 70px; background-color:#0284c1; color:#fff; border-radius:100px;  }
.blue-btn:hover{color:#fff;}


.btn-area{text-align:center; padding-top:100px; margin:0;}


/**g2b tab**/
.g2bS-tab .selected{background-color:#425563; color:#fff;}
.g2bS-tab li{float:left; width:33%; background-color:#d1d5d8; padding:12px 10px; text-align:center; box-sizing:border-box; margin-top:1%; color:#707070; cursor:pointer;}
/*.g2bS-tab li:nth-child(2){background-color:#dadfe3; color:#707070;}*/
.g2bS-tab:after{content:''; display:block; clear:both;}

/**sever**/

.sto-con-tit{float:left; width:400px; padding:0 20px 0 0; box-sizing:border-box; }
.toppd{padding-top:80px;}
.sto-con-list{position:relative; float:left; width:800px;}

.server-slideL{position:absolute; top:100px; left:-35px; z-index:1;}
.server-slideR{position:absolute; top:100px; right:-10px; z-index:1;}


.sto-con-list ul li{margin-right:20px;}
.sto-con-list ul li dl{padding:30px 20px; border:1px solid #eee;}
.sto-con-list ul li:last-child{margin-right:0;}

.sto-con-tit dd{font-size:15px; font-weight:400; color:#474747; letter-spacing:-0.5px;  line-height:26px;  }
.sto-con-tit dt{font-size:25px; color:#01a982; font-weight:500; background-image: url(../images/jungwon_sub2_server_tit_bar.jpg); background-repeat: no-repeat, no-repeat; padding:10px 0;  }

.server-slide img{width:26px; height:43px;}
.sto-con-list a{background-color:#01a982; color:#fff; padding:4px 30px; text-align:center; margin:10px 0; display:inline-block;}
.sto-con:after{content:''; display:block; clear:both;}

.line{border-bottom:1px solid #eee; margin:50px 0;}

.bottompd{margin-bottom:13%;}

/**sever end**/

/**inquiry**/
.manager{float:left; border:1px solid #dedede; width:49%; padding:35px; box-sizing: border-box; }
.manager:last-child{float:right; width:49%; padding:35px; box-sizing: border-box;}
.manager:after{content:''; display:block; clear:both;}
.manager:last-child{margin-right:0;}
.manager li:first-child{font-size:20px; color:#425563; font-weight:500; padding-bottom:2%;}
.manager li:last-child{font-size:15px;}
.manager a{font-size:15px; color:#565656; text-decoration:none; cursor:pointer;}
.manager img{width:20px; height:14px;}
.manager-con:after{content:''; display:block; clear:both; }
.manager-con{padding-top:15px;}
.manager-con .manager{margin-right:1%;}
.manager-active{border:2px solid #01a982; color:#01a982;}
.manager-active li:first-child{font-size:20px; color:#01a982; font-weight:500; padding-bottom:2%;}

.pro-info li input{ font-family:'Noto Sans KR', sans-serif; margin-bottom:1%; padding:12px 0 12px 15px; box-sizing: border-box; border:1px solid #dedede; background-color:#f8f7f7; font-size:14px; color:#8f8f8f; font-weight:400; vertical-align:middle; letter-spacing:-0.5px; line-height:14px; align:left; display:inline-block;}
.pro-info li textarea{ font-family:'Noto Sans KR', sans-serif; width:100%; margin-bottom:1%; padding:15px 0 0 15px; box-sizing: border-box; border:1px solid #dedede; background-color:#f8f7f7; font-size:14px; color:#8f8f8f; font-weight:400; vertical-align:middle; letter-spacing:-0.5px; line-height:14px;}
.pro-info li:first-child input{ font-family:'Noto Sans KR', sans-serif; width:100%; margin-bottom:1%; padding:15px 0 15px 15px; box-sizing: border-box; border:1px solid #dedede; background-color:#f8f7f7; font-size:14px; color:#8f8f8f; font-weight:400; vertical-align:middle; letter-spacing:-0.5px; line-height:14px;}

.pro-info li textarea{ width:100%; height:200px; margin-bottom:1%; padding:15px; }
.man-info li input{ font-family:'Noto Sans KR', sans-serif; width:49.3%; margin:0 1% 1% 0; padding:15px 0 15px 15px; box-sizing: border-box; border:1px solid #dedede; background-color:#f8f7f7; font-size:14px; color:#8f8f8f; font-weight:400; vertical-align:middle; letter-spacing:-0.5px; line-height:14px; }
.man-info li input:nth-child(2n){margin-right:0;}
.man-info .grade input{width:100%;}
.info{ width:100%;  box-sizing: border-box; border:1px solid #dedede; background-color:#f8f7f7; font-size:14px; color:#8f8f8f;  padding:15px; line-height:20px;}
.blue-btn-long{font-size:19px; font-weight:400; padding:20px 100px; background-color:#0284c1; color:#fff; border-radius:100px;  }
.blue-btn-long:hover{color:#fff;}
.info a{background-color:#435563; color:#fff; padding:4px 15px; }
.info li:last-child{padding-top:1.5%;}
.info li:first-child{color:#595959;}



/**board**/

/**popup**/
.popup{background-color:#fff; position:relative; }
.pop-close{position:absolute; z-index:999999999; top:1%; left:1%;  height:43px; }
.pop-close img {  width:42px; height:43px;}
.pop-wrap{position:absolute; z-index:999999; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8);}

.popup-con{padding:0 5% 5% 5%; height:1150px;}
.popup-con img{width:100%; margin:0 auto; }
.popup_head li:first-child{float:left; box-sizing:border-box;}
.popup_head li:last-child{float:right; box-sizing:border-box;}
.popup_head li dt{font-size:24px; font-weight:400px; color:#000; line-height:50px; padding-top:36%;}
.popup_head li dd{font-size:16px; color:#4e4e4e; line-height:20px;}
.popup_head:after{content:''; display:block; clear:both; }

.body_list span:first-child{float:left; color:#000; width:20%; box-sizing:border-box; font-size:14px;}
.body_list span:last-child{float:right; color:#787878;  width:80%; box-sizing:border-box; font-size:13px; letter-spacing:-0.5px; }
.body_list span:after{content:''; display:block; clear:both; }
.body_list li span{border-bottom:1px solid #d2d2d2;  line-height:40px;}
.body_list li:first-child span{border-top:1px solid #000;  line-height:40px;}

/**popup**/

/**syndi**/
.syndi-con{text-align:center; }
.syndi-con dt img{width:50%; text-align:center;}
.syndi-con dd{font-size:26px; font-weight:500; line-height:50px; letter-spacing:-1px;}
.syndi-source{border:1px solid #ccc; padding:20px; margin-top:2%;}
.syndi-btn{text-align:center; margin:0 auto; margin:20px 0 50px 0;}
.syndi-btn:after{content:''; display:block; clear:both; }
.syndi-btn li{display:inline;}
.syndi-btn li:first-child a{background-color:#0284c1; color:#fff; font-size:16px; font-weight:15px;  border-radius:100px;  padding:10px 40px; margin-right:1%;}
.syndi-btn li:last-child a{background-color:#01a982; color:#fff; font-size:16px; font-weight:15px;  border-radius:100px;  padding:10px 40px;}

/**event**/
.event_header{background:url(../images/event_2.png) no-repeat top; background-size: cover; height:327px;color:#fff;text-align:center;}
.event_header dt{padding-top:75px;display:inline-block;}
.event_header dt img{width:34px;height:auto;margin-bottom:20px;}
.event_header dd{background: url(../images/bar.png) top center no-repeat;background-size:53px 3px;margin-top:35px;padding-top:30px;}

.event_banner{margin-bottom:20px;margin-top:50px;}
.event{text-align:center; }
.event dt{background-color: #fff; color:#00a982; border-top:3px solid #00a982; border-bottom:1px solid #00a982; line-height:60px; margin-top:80px;}
.event span{float:left;}
.event dt:after{content:''; display:block; clear:both;}
.event span:nth-child(1){width:16%;}
.event span:nth-child(2){width:70%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.event span:nth-child(3){width:10%;}
.event dd{border-bottom:1px solid #ccc; line-height:60px;}
.event dd span:nth-child(1){color:#797979}
.event dd span:nth-child(2){text-align:left;}
.event dd span:nth-child(3){color:#797979}
.event dd:after{content:''; display:block; clear:both;}

.event_view{width:100%;margin-top:80px;}
.event_view dt{border-top:2px solid #00a982;padding:20px;border-bottom:1px solid #ccc;box-sizing:border-box;}
.event_view dt span:first-child{background-color:#00a982;text-align:center;padding:3px 20px;color:#fff;   display:inline-block;}
.event_view dt span:last-child{width:100%;  display:inline-block;font-weight:500;margin-top:5px;}
.event_view dd{padding:20px;padding-bottom:130px;color:#7b7b7b;border-bottom:1px solid #ccc;}
.event_view dd img{width:100%;height:auto; display:block;}
.event_view_btn{width:100%;text-align:right;margin-top:15px;}
.event_view_btn a{padding:6px 38px;background-color:#00a982;color:#fff;}		

.paging{width:100%;text-align:center;margin-top:30px; margin-bottom:18%;}

/**footer**/
.footer{line-height:70px;text-align:center;  width:100%; margin:0 auto; font-size:12px; padding:35px 0 45px 0 ;  border-top:1px solid #dedede; margin-top:100px; }
.footer li{float:left; border-right:1px solid #dedede; line-height:15px; vertical-align:middle; padding-right:10px; padding-left:10px; color:#6e6e6e;}
.footer li:after{content:''; display:block; clear:both;}
.footer li:nth-child(6){border:0;}
.footer li:last-child{border:0;padding:1px 5px; border:1px solid #ccc;}





.m_v_br{display:none}
/*모바일 메뉴*/
.btn{display:none;}
#menu{display:none;}
.w_img{display:block;}
.m_img{display:none;}

@media only screen and (max-width: 1200px) {
	.width1200{width:96%; }
	.header ul{width:100%;}
	.computer_list{padding:30px 0}
	.computer_menu ul li{width:19%;}
   	.computer_list ul li span:nth-child(1n){width:15%;}
	.computer_list ul li span:nth-child(2n){width:25%;}
	.computer_list .computer_list_50 ul li span:nth-child(1){width:35%;}
	.computer_list .computer_list_50 ul li span:nth-child(2){width:40%;}
	.computer_list .computer_list_50 dd{line-height:30px;}
	.computer_list  dd span:first-child{width:70%;}
	.popup_disc_list{padding:30px 0;margin:0;}
	.hybrid_menu ul li{width:16%;}
	.index_footer{line-height:35px !important; padding:1% 0;}
	
	.sto-con{width:96%; margin:0 auto;}
	.sto-con-tit{width:100%;  }
	.sto-con-list{width:100%;}
	
	.server-slideL{position:absolute; top:100px; left:-10; z-index:1;}
	.server-slideR{position:absolute; top:100px; right:-10; z-index:1;}
	.sto-con-tit dd{font-size:16px; padding-bottom:5px;  }
	.sto-con-list ul li dl{font-size:16px; }
}


@media only screen and (max-width: 1000px) {
	
	.index div.width1200{position:static !important;}
	.sub_header div.width1200{position:static !important;}
	/**모발메뉴변경**/
	.mo-menu-trigger{position:absolute; top:20px; right:20px; z-index:999999999; display:block; width:34px; height:24px; cursor:pointer;}
	.mo-menu-trigger.active span{background-color:#fff;}
	.menu{position:absolute; top:0; right:0px; margin-top:0; z-index:99999999; width:100%; height:100%;  padding:0 !important; padding-top:33px !important; background-color:#061523; color:#fff; transform: translateX(100%); -webkit-transform:translateX(100%); opacity:0;}
	.menu.active{opacity:1; transform:translateX(0px); -webkit-transform:translateX(0px); transition:all .4s;}
	.m-gnb-bg.active{position:absolute; display:block; top:0; left:0; z-index:9999999; width:100%; height:100%; background:rgba(0, 0, 0, 0.8);}

	.menu li{float:none; width:100%; padding-top:0px; border-bottom:1px solid #2a3d4f;}
	.menu li a{display:block; height:auto; width:100%; color:#758184; padding:20px 0; text-align:center;}
	.menu li.ative a, .gnb li a:hover{color:#fff; border-bottom:0px;}

	.index_footer{line-height:25px !important; padding:1% 0;}
	.index_footer li{border:0 !important;}	
	.header ul .left{width:100%; text-align:left;}
	.header ul .right{width:0%;}
	.width1000{width:96%;}
	 h3{font-size:24px; line-height:30px; padding:40px 0 20px 0; ;}
	.spec_list{width:49%;}
	.spec_list:last-child{margin-right:0;	}
	.footer{font-size:13px; padding:20px 0 60px 0 ; margin-top:70px;}
	.footer li{line-height:20px;}
	

	.g2b-slide{width:50%; overflow:hidden;}
	.mo-spec-mg{margin-left:5%;}
	
	
	.g2b_spec dd{font-size:17px; }
	.g2b_spec dd:last-child{font-size:15px;}
	.g2b_spec a{font-size:16px; padding:4px 30px; text-align:center; margin:20px 0; display:inline-block;}
	.btn-area{text-align:center; padding:7% 0 5% 0; margin:0;}
	.mo-spec{display:none;}
	
	
	
}

@media only screen and (max-width: 880px) {	
	.g2b ul{width:20%;}
	.g2b ul+ul{margin-left:6% !important;}
	.index_footer{ line-height:20px; font-size:11px;}
	.intro{font-size:17px; line-height:30px;}
	.spec_list{width:100%; margi-right:0; margin-bottom:1.5%;}
	.spec_list a{padding:12px 85px; text-align:center; margin:30px 0; display:block; font-size:18px;}	
	.server_spec dd{font-size:17px;}
	.server_spec{width:32%;}	
	.server-slideL img{width:80%; }
	.server-slideR img{width:80%; }
	.server-slideL {width:3%; left:-22px;}
	.server-slideR {width:3%; right:-5px;}
	.sto-con-tit dd{font-size:16px; padding-bottom:10px;  }
	.man-info li input{width:100%;}	
	.body_list span:first-child{float:none; width:100%; display:block; padding-left:2%; }
	.body_list span:last-child{float:none; width:100%; display:block; background-color:#Eee;  padding-left:2%;}
	.popup-con{height:2000px;}
	
}

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

	.computer_list ul li img{width:100%;}
	.index_title{margin-top:30%;}
	 h1{font-size:36px;}
	 h4{font-size:15px; line-height:30px;}
	.mo_br{display:none;}
	.intro{padding-top:30px;}
	.index_title li:nth-child(1){width:360px;}
	.footer{font-size:13px; padding:20px 0 80px 0 ; }

	.server-slideL {width:3%; left:-8px; top:150px;}
	.slideL{position:absolute; top:200px; left:10px; }
	.server-slideR {top:150px;}
	.toppd{padding-top:9%;}
	.popup_head li dt{line-height:30px;}
	
	.event dt{ line-height:30px; margin-top:40px;}

	.event dt:after{content:''; display:block; clear:both;}
	.event span:nth-child(1){width:15%;}
	.event span:nth-child(2){width:70%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
	.event span:nth-child(3){width:15%;}
	.event dd{border-bottom:1px solid #ccc; line-height:50px;}
	.popup{width:100%; }
	.info a{margin-top:2%; display:inline-block;}
}



@media only screen and (max-width: 480px) {
	.sub_header{height:150px;}
	h2{margin-top:50px; font-size:28px; letter-spacing:-1px;}	
	.computer_list ul li img{width:100%;}
	.index_title{margin-top:30%;}
	 h1{font-size:36px; line-height:50px;}
	 h4{font-size:15px; line-height:30px;}	
	.index_title li:nth-child(1){width:360px;}
	.footer li:last-child{border:none; text-decoration:underline;}
	.sto-con-tit dt{font-size:23px;}
	.manager{float:none;  width:100%; padding:15px; margin-bottom:1%;}
	.manager:last-child{float:none; width:100%; padding:15px;}
	.manager li:first-child{font-size:16px;}
	.intro{font-size:16px; line-height:27px; letter-spacing:-1px;}
	.blue-btn-long{font-size:18px; padding:18px 70px; }
	.btn-area{padding-top:10%;}
	.green-tit{padding:4% 0 2% 0;}
	.syndi-btn li{text-align:center; align:center;}
	.syndi-btn li a {display:block; width:70%; margin:1% 3%;}	
	.syndi-btn{margin:20px 0 30px 0; }
	
}


@media only screen and (max-width: 375px) {
	h1{font-size:px;}
	h4{font-size:14px; line-height:30px;}
	h3{font-size:20px; padding:25px 0 10px 0;}
	.intro{font-size:14px; line-height:25px;}
	.spec_list{padding:25px 15px 25px 15px;}
	.spec_list dt{font-size:16px; line-height:25px;}
	.spec_list a{font-size:15px; margin:20px 0;}
	.spec_list li {font-size:13px; padding:0 15px;}
	.footer li{border-right:0;}
	
   	.computer_menu ul li{width:50%;border:0}
	.header ul .left{width:80%;}
	.header ul .left img{width:70%;;}
	.header ul .right .menu li{float:left; text-align:center; margin-right:0px; margin-right:0;}
	
	
	.header ul .left .logo li:first-child{padding-right:0;} 
	.header ul .left .logo li:last-child{border-left: 0; padding-left:0px;} 

	
	
}