@charset "utf-8";

/******************************* sub-common *******************************/
	
	.sub-wrap{position:relative;}
	.sub-wrap .sub-inner{}
	.sub-inner h4,.sub-inner h5,.sub-inner h6{font-weight:normal;}
	.sub-inner h3{color:#000;font-size:35px;font-weight:600;margin-bottom:50px;}
	.sub-inner h4{color:#333;font-size:30px;}
	.sub-inner h5{color:#333;font-size:20px;}
	.sub-inner .title-inner{display:block;font-size:15px;color:#777;font-weight:300;margin:10px 0 0 0;}
	.sub-inner .bold{font-weight:600;}
	.sub-inner .eng-title{margin:30px auto;}
	.sub-inner .t-normal{color:#666;font-size:16px;line-height:1.8;text-align:left;}
	.sub-inner .t-normal p{padding-top:30px;}
	.sub-inner .inner-img{position:relative;margin:0 auto;width:100%;}
	.sub-container{position:relative;margin:0 auto;background:#fff;padding-bottom:100px;}
	.mga20{margin:20px auto;}.mga30{margin:30px auto;}
	.bg-cont{position:relative;margin:30px auto;padding:50px 0;background:#f8f9fd;}

	/* table */
	.default-table{clear:both;width:100%;border-top:2px solid #192354;background:#fff;}
	.default-table th, .default-table td{padding:15px;text-align:left;border-bottom:1px solid #dedede;font-size:15px;word-wrap:break-word;word-break:break-all;color:#555;}
	.default-table th{font-size:16px;color:#000;background:#f4f5f8;font-weight:normal;border-right:1px solid #dedede;}



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

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

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

	@media screen and (max-width:640px){	
		.sub-inner h3{font-size:30px;margin-bottom:30px;}
		.sub-inner h4{font-size:24px;}
		.sub-inner h5{font-size:15px;}
		.sub-inner .t-normal{font-size:14px;}
		.sub-inner .t-normal p{padding-top:20px;}
		.sub-container{padding-bottom:70px;}
		.bg-cont{margin:20px auto;padding:20px 10px;}
		.default-table th, .default-table td{padding:10px;font-size:14px;}
	    .sub-inner .title-inner{font-size:14px;padding:0 10px;}
	}

	@media screen and (max-width:480px){
		.sub-inner h3{font-size:24px;margin-bottom:20px;}
		.sub-inner h4{font-size:20px;}
		.sub-inner h5{font-size:14px;}
		.sub-inner .t-normal{font-size:13px;}
		.sub-inner .t-normal p{padding-top:10px;}
		.sub-container{padding-bottom:50px;}
		.default-table th, .default-table td{padding:7px;font-size:13px;}
	    .sub-inner .title-inner{font-size:13px;}
	}



/******************************* sub-visual *******************************/

	.sub-visual{position:relative;width:100%;height:350px;margin:0 auto;background-position:center 0;background-size:100% 100%;background-repeat:no-repeat;}
	.sub-visual .page-title{padding-top:177px;}
	.sub-visual .page-title h2{margin-bottom:20px;font-size:40px;font-weight:500;text-align:center;line-height:1em;color:#fff;}
	.sub-visual .page-title:after{display:block;width:1px;height:40px;margin:0 auto;background:#fff;content:"";}
	.sub-visual.company{background-image:url('../img/sub/subvis-company.jpg');}
	.sub-visual.cscenter{background-image:url('../img/sub/subvis-company.jpg');}
	.sub-visual.easysystem{background-image:url('../img/sub/subvis-easysystem.jpg');}
	.sub-visual.contract{background-image:url('../img/sub/subvis-contract.jpg');}


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

	@media screen and (max-width:1024px){
		.sub-visual{height:300px;}
		.sub-visual .page-title{padding-top:140px;}
	}

	@media screen and (max-width:980px){	
		.sub-visual{height:250px;}
		.sub-visual .page-title{padding-top:100px;}
	}

	@media screen and (max-width:640px){	
		.sub-visual{height:200px;}
		.sub-visual .page-title h2{font-size:30px;}
		.sub-visual .page-title:after{height:20px;}
	}

	@media screen and (max-width:480px){
		.sub-visual{height:150px;}
		.sub-visual .page-title{padding-top:70px;}
		.sub-visual .page-title h2{font-size:25px;margin-bottom:10px;}
	}



/******************************* location *******************************/

	.sub-container .location-wrap{position:absolute;left:0;top:-23px;width:100%;}
	.sub-container .location{width:100%;max-width:1500px;height:17px;padding-right:5px;margin:0 auto;box-sizing:border-box;font-size:12px;font-weight:400;text-align:right;line-height:1em;color:#ddd;}
	.sub-container .location span{vertical-align:middle;}
	.sub-container .location span:before{display:inline-block;padding:0 9px;font-size:11px;content:">";}
	.sub-container .location span:first-child:before{content:none;}

	@media screen and (max-width:980px){	
		.sub-container .location-wrap{display:none;}
	}



/******************************* snb *******************************/

	.snb-wrap{position:relative;width:100%;height:70px;margin-bottom:100px;}
	.lnb{position:absolute;left:0;top:0;width:100%;height:70px;background-color:#fff;border-bottom:1px solid #dadada;}
	.lnb.on{position:fixed;z-index:1000;}
	.lnb > ul{margin:0 auto;font-size:0px;}
	.lnb > ul:after{display:block;clear:both;content:'';}
	.lnb > ul > li{display:inline-block;position:relative;}
	.lnb > ul > li > a{display:table;position:relative;font-size:16px;text-align:center;color:#000;width:100%;height:70px;line-height:1.3;}
	.lnb > ul > li > a:hover{color:#247bd4;}
	.lnb > ul > li.on > a{border-bottom:2px solid #247bd4;color:#247bd4;}
	.lnb > ul > li > a:after{position:absolute;right:0;top:50%;width:1px;height:20px;margin-top:-10px;background:#dedede;content:"";}
	.lnb > ul > li:first-child > a:before{position:absolute;left:0;top:50%;width:1px;height:20px;margin-top:-10px;background:#dedede;content:"";}
	.lnb > ul > li > a .lnb_arrow{display:inline-block;width:11px;height:6px;margin-left:10px;background:url("../img/sub/icon-common.png") -468px -154px no-repeat;vertical-align:middle;}
	.lnb > ul > li.on > a .lnb_arrow{background-position:-432px -154px;}
	.lnb > ul > li > a > span{display:table-cell;vertical-align:middle;}
	.lnb.col2 li{width:50%;}
	.lnb.col3 li{width:33.3%;}
	.lnb.col4 li{width:25%;}
	.lnb.col5 li{width:20%;}
	.lnb.col6 li{width:16.66666%;}
	.lnb.col7 li{width:14.2857%;}
	.lnb .sub_lnb{display:none;position:absolute;left:0;top:71px;z-index:100;width:100%;border:1px solid #dedede;border-top:none;}
	.lnb li.active .sub_lnb{display:block;}
	.lnb .sub_lnb li{width:100%;border-top:1px solid #dedede;text-align:left;}
	.lnb .sub_lnb li:first-child{border-top:none;}
	.lnb .sub_lnb li a{display:block;position:relative;padding:0 20px;background-color:#fff;font-size:16px;line-height:48px;color:#555;}
	.lnb .sub_lnb li a:hover{color:#247bd4;background:#fafafa;}
	.lnb .sub_lnb li a:after{display:inline-block;position:absolute;right:20px;top:20px;width:6px;height:11px;background:url("../img/sub/icon-common.png") -471px -180px no-repeat;content:'';}
	
	/* sub-tab */
	.sub-wrap .tab_nav{margin-bottom:60px;text-align:center;}
	.sub-wrap .tab_nav ul{display:inline-block;border:1px solid #dedede;font-size:0;text-align:center;}
	.sub-wrap .tab_nav li{display:inline-block;width:250px;}
	.sub-wrap .tab_nav li a{display:block;width:100%;height:50px;padding-top:16px;border-left:1px solid #dedede; box-sizing:border-box;font-size:16px;font-weight:400;line-height:1em;color:#555;}
	.sub-wrap .tab_nav li:first-child a{border-left:0 none;}
	.sub-wrap .tab_nav li.on a{background:#247bd4;color:#fff;}

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

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

	@media screen and (max-width:980px){	
		.snb-wrap{height:60px;margin-bottom:50px;}
		.lnb{height:60px;}
		.lnb > ul > li > a{height:60px;font-size:15px;}
		.lnb.on{background:#192354;}
		.lnb.on > ul > li > a{color:#fff;}
		.lnb.on > ul > li > a:hover{color:#53a8ff;}
		.lnb.on > ul > li.on > a{border-bottom:2px solid #53a8ff;color:#53a8ff;}
		.lnb.on > ul > li > a:after{background:#465082;}
		.lnb.on > ul > li:first-child > a:before{background:#465082;}
		.sub-wrap .tab_nav ul{width:95%;}
		.sub-wrap .tab_nav ul li{width:33.33%;}
		.sub-wrap .tab_nav li a{height:40px;padding-top:0;font-size:14px;line-height:40px;}
		.lnb .sub_lnb li a{padding:10px;font-size:14px;line-height:18px;}
		.lnb .sub_lnb{top:56px;}
		.lnb .sub_lnb li a:after{content:none;}
	}

	@media screen and (max-width:640px){
		.snb-wrap,.lnb,.lnb > ul > li > a{height:55px;}
		.lnb > ul > li > a{font-size:14px;}
		.sub-wrap .tab_nav ul li a{display:table;line-height:1.3;padding:0 2px;}
		.sub-wrap .tab_nav ul li a span{display:table-cell;vertical-align:middle;}

	}

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



/******************************* company *******************************/

	.inner-img.company{height:400px;margin:50px auto;background:#fff url('../img/sub/inner-company.jpg') no-repeat top center;}
	.bottom-sign{position:relative;margin:50px 0;padding:70px 0 0 0;}
	.bottom-sign:before{position:absolute;content:'';left:50%;top:0;width:1px;height:50px;background:#dedede;}
	.default-table.team{margin-top:70px;}

	/* 찾아오시는길 */
	.location-map{width:100%;height:550px;margin:0 auto 70px auto;border:1px solid #dedede;background:#eee;}
	.map-cont{position:relative;margin:70px auto 0 auto !important;}
	.default-table.company th{background:#fff;text-align:center;}
	.default-table.map{border-top:1px solid #eee;border-left:1px solid #eee;border-right:1px solid #eee;}
	.default-table.map th{background:#fafafa;text-align:center;border-right:1px solid #eee;padding:0 !important;}
	.default-table.map td{position:relative;}
	.default-table.map th,.default-table.map td{border-bottom:1px solid #eee;padding:12px 0 12px 20px;}
	.default-table.map td span{padding-left:30px;}
	.default-table.map td em.bus{padding:2px 5px;font-size:12px;border-radius:2px;color:#fff;margin:0 5px;}
	.default-table.map td em.bus.green{background:#68c825;}
	.default-table.map td em.bus.blue{background:#2e8ae0;}
	.map-icon{display:table;width:60px;height:60px;border-radius:50%;background:#6c8eb0;text-align:center;margin:0 auto 10px auto;}
	.map-icon i{display:table-cell;vertical-align:middle;color:#fff;font-size:30px;}
	.default-table.map .subway{width:25px;height:25px;line-height:25px;border-radius:50%;text-align:center;position:absolute;display:block;left:15px;color:#fff;}
	.default-table.map .subway.num7{background:#986437;}
	.default-table.map .subway.num1{background:#083aa3;}


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

	@media screen and (max-width:640px){
		.inner-img.company{height:150px;margin:20px auto;background-size:100% 100%;}
		.bottom-sign{margin:50px 0;padding:50px 0 0 0;}
		.bottom-sign:before{height:30px;}
		.location-map{height:400px;margin:0 auto 20px auto;}
		.map-cont{margin:50px auto 0 auto !important;}
		.map-icon{width:40px;height:40px;margin:0 auto 5px auto;}
		.map-icon i{font-size:20px;}
		.default-table.map th,.default-table.map td{padding:10px;line-height:1.8;}
		.default-table.map td span{padding-left:25px;}
		.default-table.map .subway{width:20px;height:20px;line-height:20px;left:10px;}
		.default-table.map td em.bus{padding:1px 3px;font-size:11px;margin:0 2px;}
	}

	@media screen and (max-width:480px){
		.location-map{height:300px;margin:0 auto 10px auto;}
		.map-cont{margin:20px auto 0 auto !important;}
		.default-table.map th,.default-table.map td{padding:7px;}
		.default-table.map .subway{left:7px;}
	}




/******************************* easy-system *******************************/

	.inner-img.easysystem{height:400px;margin:50px auto;background:#fff url('../img/sub/inner-company.jpg') no-repeat top center;}
	.sub-inner.easy .t-normal{margin-top:20px;color:#777;line-height:1.5;}
	.easy-list{position:relative;margin:50px auto;display:inline-block;}
	.easy-list dl{float:left;width:33.33%;border-left:1px solid #d5d7e1;padding:0 20px;}
	.easy-list dl:first-child{border-left:none;padding-left:0;}
	.easy-list dl dt{position:relative;font-size:16px;text-align:center;color:#000;padding:10px 0;min-height:45px;background:#fff;border:2px solid #247bd4;}
	.easy-list dl dt:after{content:'';position:absolute;left:50%;top:45px;width:1px;height:30px;background:#247bd4;}
	.easy-list dl dd{background:#fff;margin:30px auto 0 auto;border:1px solid #e7e8f0;border-top:1px solid #247bd4;padding:20px;min-height:180px;overflow:hidden;box-shadow:3px 3px 3px #c5d0db;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}

	@media screen and (max-width:980px){	
	    .easy-list dl{float:none;width:100%;padding:0;}
		.easy-list dl dd{margin:30px auto 20px auto;min-height:50px;}
	}

	@media screen and (max-width:640px){
	    .easy-list{margin:20px auto;}
		.easy-list dl dd{margin:10px auto 20px auto;min-height:100px;padding:10px;}
		.easy-list dl dt{font-size:15px;padding:7px 0;}
		.easy-list dl dt:after{content:none;}
	}

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




/******************************* contract *******************************/

	.center-button{position:relative;padding-bottom:30px;}
	.center-button.bottom{padding:50px 0 0 0;}
	.center-button .btn-big{width:250px !important;height:50px !important;line-height:50px !important;background:#247bd4 !important;color:#fff;}
	.center-button .btn-big:hover{background:#135daa !important;}
	.sub-inner.hosting .color-tbl{margin:50px auto 0 auto;}
	.sub-inner.hosting h5{margin:50px auto;}

	table.color-tbl{width:100%;position:relative;border-top:1px solid #011233;border-right:1px solid #ddd;}
	table.color-tbl thead tr{height:48px;}
	table.color-tbl thead tr th{border-bottom:1px solid #ddd;border-left:1px solid #ddd;background:#eef3f8;vertical-align:middle;text-align:center;font-size:16px;color:#000;}
	table.color-tbl tbody tr th{border-bottom:1px solid #ddd;border-left:1px solid #ddd;font-size:16px;color:#000;}
	table.color-tbl tbody tr td{text-align:left;border-bottom:1px solid #ddd;border-left:1px solid #ddd;padding:15px;}
	table.color-tbl tbody tr td p{line-height:20px;color:#555;text-indent:-15px;margin-left:15px;margin-bottom:10px;letter-spacing:-0.2px;}
	table.color-tbl tbody tr td p.line-through{text-decoration:line-through;}
	table.color-tbl tbody tr td p.t-bold{color:#000;font-size:16px;font-weight:600;}
	table.color-tbl tbody tr td p.t-blue{color:#247bd4;}


	table.color-tbl.L-th{margin:0 auto;position:relative;border-top:1px solid #011233;border-right:1px solid #ddd;}
	table.color-tbl.L-th tbody tr th{border-bottom:1px solid #ddd;border-left:1px solid #ddd;background:#eaeff9;font-size:16px;color:#333;}
	table.color-tbl.L-th tbody tr td{text-align:left;border-bottom:1px solid #ddd;border-left:1px solid #ddd;padding:30px 25px;background:#fff;color:#555;}
	table.color-tbl.L-th tbody tr td p{text-indent:0;margin-left:0;line-height:1.5;margin-bottom:0;}
	table.color-tbl.L-th tbody tr td p.txt-title{font-size:16px;color:#204ca1;}
	table.color-tbl.L-th tbody tr td p em.txt-subtitle{color:#333;}
	table.color-tbl.L-th tbody tr.total{border:3px solid #c2cee5;height:80px;}
	table.color-tbl.L-th tbody tr.total.pd10{height:120px;} 
	table.color-tbl.L-th tbody tr.total td{padding:0;vertical-align:middle;}

	ul.serviceInfo{overflow:hidden;border:1px solid #ddd;}
	ul.serviceInfo li{float:left;width:50%;padding:35px 0 35px 40px;box-sizing:border-box;}
	ul.serviceInfo li:hover{background:#eef3f8;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;}
	ul.serviceInfo li:nth-child(1),ul.serviceInfo li:nth-child(2){border-bottom:1px solid #ddd;}
	ul.serviceInfo li:nth-child(1),ul.serviceInfo li:nth-child(3){border-right:1px solid #ddd;}
	ul.serviceInfo li dl{position:relative;overflow:hidden;}
	ul.serviceInfo li dl dt{float:left;width:70px;height:70px;}
	ul.serviceInfo li dl dt.svrIcon01{background:url('../img/sub/icon-server01.png') no-repeat center center;}
	ul.serviceInfo li dl dt.svrIcon02{background:url('../img/sub/icon-server02.png') no-repeat center center;}
	ul.serviceInfo li dl dt.svrIcon03{background:url('../img/sub/icon-server03.png') no-repeat center center;}
	ul.serviceInfo li dl dt.svrIcon04{background:url('../img/sub/icon-server04.png') no-repeat center center;}
	ul.serviceInfo li dl dd{float:left;margin-left:30px;}
	ul.serviceInfo li dl dd p.title{color:#333;font-size:20px;margin-bottom:10px;text-align:left;}
	ul.serviceInfo li dl dd p{color:#797979;text-align:left;}
	ul.serviceInfo li dl dd p i{position:relative;top:2px;color:#333;}

	ul.serverInfo{overflow:hidden;}
	ul.serverInfo li{float:left;position:relative;width:330px;height:300px;margin-right:55px;}
	ul.serverInfo li.info01{background:url('../img/sub/server-info01.jpg') no-repeat center center;}
	ul.serverInfo li.info02{background:url('../img/sub/server-info02.jpg') no-repeat center center;}
	ul.serverInfo li.info03{background:url('../img/sub/server-info03.jpg') no-repeat center center;}
	ul.serverInfo li:last-child{margin-right:0;}
	ul.serverInfo li div{position:absolute;bottom:0;width:330px;height:180px;background:rgba(0, 0, 0, 0.7);color:#fff;font-size:14px;padding:15px 20px;text-align:left;}

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

	@media screen and (max-width:1024px){
		ul.serviceInfo li dl dt{display:none;}
		ul.serviceInfo li dl dd{margin-left:0;}
		ul.serviceInfo li{padding:20px;}
		ul.serverInfo li{width:33.33%;margin-right:0;}
	}

	@media screen and (max-width:980px){
		ul.serviceInfo{border:none;}
		ul.serviceInfo li{width:100%;border:none !important;margin:10px auto;padding:0;}
		ul.serviceInfo li dl{border:1px solid #ddd;padding:15px;}
		ul.serverInfo li{width:100%;}
		ul.serverInfo li div{width:100%;}
		ul.serverInfo li.info01,ul.serverInfo li.info02,ul.serverInfo li.info03{background-size:cover;margin:10px auto;}
		.sub-inner.hosting .color-tbl,.sub-inner.hosting h5{margin:20px auto 0 auto;}

	}

	@media screen and (max-width:640px){	
		.sub-inner.hosting h5{font-size:18px;}
		ul.serviceInfo li dl dd p.title{font-size:16px;margin-bottom:5px;}
		table.color-tbl.L-th tbody tr th{font-size:15px;}
		table.color-tbl.L-th tbody tr td{padding:20px;}
		table.color-tbl.L-th tbody tr td p.txt-title{font-size:15px;}
		table.color-tbl.L-th tbody tr.total{height:50px;}
		ul.serviceInfo li{margin:5px auto;}
		ul.serverInfo li.info01,ul.serverInfo li.info02,ul.serverInfo li.info03{margin:5px auto;}
	}

	@media screen and (max-width:480px){
		.sub-inner.hosting h5{font-size:15px;}
		.center-button .btn-big{width:200px !important;}
		table.color-tbl thead tr th,table.color-tbl tbody tr th{font-size:14px;}
		table.color-tbl tbody tr td{padding:10px;}
		table.color-tbl tbody tr td p{margin-left:5px;text-indent:-5px;margin-bottom:0;}
		table.color-tbl.L-th tbody tr td p.txt-title,table.color-tbl.L-th tbody tr th{font-size:14px;}
		table.color-tbl.L-th tbody tr td{padding:10px;}
		ul.serviceInfo li dl dd p.title{font-size:15px;}
		ul.serverInfo li div{height:150px;font-size:13px;padding:10px 15px;}
	}



/******************************* popup *******************************/

	.popup{width:100%;height:100%;display:none;position:fixed;top:0px;left:0px;z-index:100001;background:rgba(0,0,0,0.75);}
	.popup-inner{width:600px;padding:15px 40px 20px 40px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);box-shadow:0px 2px 6px rgba(0,0,0,1);border-radius:3px;background:#fff;overflow-y:scroll;max-height:700px;}
	.popup-inner.popup-page{width:1300px;position:absolute;top:50%;left:50%;height:600px;padding:0;overflow:scroll;}
	.popup-close{width:35px;height:35px;display:inline-block;position:absolute;top:27px;right:27px;transition:ease 0.25s all;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%);background:#192354;font-size:20px;text-align:center;line-height:35px;color:#fff;}
	.popup-close:hover{background:#080b34;color:#fff;text-decoration:none;}
	.popup-inner h2{font-size:24px;color:#000;margin-bottom:20px;letter-spacing:-0.5px;border-bottom:1px solid #000;padding-bottom:8px;font-weight:normal;}
	.popup-inner.popup-page h2{margin-bottom:0;padding:10px 0 8px 20px;border-bottom:1px solid #fff;}
	.popup-inner h3{font-size:18px;color:#000;overflow:hidden;text-align:left;font-weight:normal;}
	.popup-inner h3 span{font-size:13px;color:#777;display:inline-block;text-align:right;float:right;position:relative;top:6px;}
	.popup-inner .form-box{margin:10px auto 20px auto;background:#eef3f8;padding:10px 20px;/* overflow-y: scroll; */}
	.form-box dl{position:relative;overflow:hidden;padding:6px 0;text-align:left;}
	.form-box dl dt{position:relative;float:left;width:25%;height:25px;line-height:25px;font-size:14px;color:#1b1b1b;}
	.form-box dl dd{position:relative;float:right;width:75%;color:#333;font-size:13px;line-height:25px;/* height:25px; */}
	.form-box .infotxt{font-size:13px;color:#204ca1;margin-left:25%;}
	.form-box .infotxt i{font-size:16px;color:#204ca1;position:relative;top:1px;}
	.form-box dl dd input{height:27px !important;width:100%;line-height:27px;margin:0;box-sizing:border-box;padding:0;padding-left:8px;color:#333;background:#fff;}
	.form-box dl dd input::-webkit-input-placeholder{color:#999;font-size:13px;}
	.form-box dl dd input::-moz-placeholder{color:#999;font-size:13px;}
	.form-box dl dd input::-ms-input-placeholder{color:#999;font-size:13px;}
	.form-box dl dd input::placeholder{color:#999;font-size:13px;}
	.form-box dl dd input label{height:35px;line-height:35px;margin:0;}
	.form-box dl dd input{}
	.form-box dl dd input[type=radio],.popup-inner .form-box dl dd input[type=checkbox]{width:0;padding:0;position:relative;top:-1px;}
	.form-box dl dd.textBox textarea{height:70px;overflow-y:scroll;padding:8px!important;font-size:13px;width:100%;}
	.popup-inner .popup-button.severhosting{margin-bottom:30px;}

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

	}

	@media screen and (max-width:640px){
		.popup-inner{width:90%;padding:20px;height:80%;overflow-y:scroll;}
		.popup-inner .form-box{padding:10px;}
		.form-box dl{border-bottom:2px dotted #ddd;}
		.form-box dl dt,.form-box dl dd{float:none;width:100%;font-size:14px;}
		.form-box .infotxt{margin-left:0;font-size:12px;}
		.popup-inner h2{font-size:20px;}
		.popup-inner h3{font-size:16px;}

	}

	@media screen and (max-width:480px){
		.popup-inner h3 span{font-size:12px;top:0;}	
		.popup-close{top:20px;right:20px;font-size:15px;}
		
	}




/******************************* cs center *******************************/

	/* 고객센터안내 */
	.cs-inner{position:relative;}
	.cs-inner p.t-normal{width:100%;text-align:center;margin:0 auto 20px auto;color:#000;}
	.cs-inner .cs-cont-wrap{width:800px;padding:70px;background:#e7ecf6;margin:0 auto;display:inline-block;}
	.cs-cont-wrap .icon-tel{display:table;float:left;margin-top:40px;width:120px;height:120px;border-radius:50%;background:#192354;text-align:center;}
	.cs-cont-wrap .icon-tel i{color:#fff;font-size:50px;display:table-cell;vertical-align:middle;}
	.cs-cont-wrap .cs-cont{width:500px;float:right;box-sizing:border-box;display:inline-block;padding:30px;background:#fff;}
	.cs-cont dl{width:100%;display:inline-block;border-bottom:1px solid #dedede;padding:10px 0 5px 0;}
	.cs-cont dl dt{color:#fff;background:#247bd4;padding:5px 10px;float:left;margin-right:15px;width:65px;font-size:13px;border-radius:3px;}
	.cs-cont dl dd{float:left;text-align:left;}

	@media screen and (max-width:980px){
	    .cs-inner .cs-cont-wrap{width:600px;padding:50px;}
	    .cs-cont-wrap .icon-tel{float:none;margin:0 auto 10px auto;}
	    .cs-cont-wrap .icon-tel i{font-size:45px;}
	    .cs-cont-wrap .cs-cont{width:100%;float:none;padding:25px;}

	}

	@media screen and (max-width:640px){
	    .cs-inner .cs-cont-wrap{width:90%;margin:0 auto;padding:30px;}
	    .cs-cont-wrap .icon-tel{margin:10px auto;width:80px;height:80px;}
	    .cs-cont-wrap .icon-tel i{font-size:35px;}
		.cs-cont dl dt{padding:5px 7px;float:none;margin-right:0;width:100%;}
		.cs-cont dl dd{float:none;text-align:center;padding:5px 0;}

	}

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