/***************************************************
					 메인
***************************************************/ 
.text_main {width:100%;font-size:40px;text-align:center;}
.text_sub {margin-top:20px;font-size:18px;color:#666;text-align:center;}
.en {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}

.main_banner {width:100%;background:#000;text-align:center;}
.main_banner .text {width:100%;margin:0 auto;padding:60px 0;background:url(/images/main/main01_bg.png) center no-repeat;}
.main_banner .text_main {width:100%;color:#fff;font-weight:normal;}
.main_banner .text_main span {display:block;margin-bottom:10px;font-size:30px;}
.main_banner .text_main strong {display:block;margin-top:20px;font-family:Arial, Helvetica, sans-serif;font-size:120px;}
.main_banner .text_sub {width:80%;max-width:800px;min-width:685px;margin:0 auto;margin-top:10px;font-size:16px;color:#fff;line-height:30px;}
.main_banner .buttonWrap {margin-top:50px;text-align:center;}
.main_banner .buttonWrap .button {padding:13px 70px 17px;}

@media only screen and (max-width:860px){
.text_main {font-size:28px;}
.text_sub {margin-top:15px;font-size:16px;}
}

@media only screen and (max-width:768px){
.text_main {font-size:24px;}
.text_sub {margin-top:15px;font-size:16px;}

.main_banner .text {padding:50px 0;background-size:cover;}
.main_banner .text_main span {font-size:24px;}
.main_banner .text_main strong {margin-top:15px;font-size:100px;}
.main_banner .text_sub {min-width:505px;font-size:15px;line-height:25px;}
.main_banner .buttonWrap {margin-top:40px;text-align:center;}
.main_banner .buttonWrap .button {padding:10px 60px 12px;}
}

@media only screen and (max-width:639px){
.text_main {font-size:20px;}
.text_sub {display:none;}

.main_banner .text {padding:30px 0 40px;}
.main_banner .text_main span {margin-bottom:5px;font-size:15px;}
.main_banner .text_main strong {margin-top:15px;font-size:50px;}
.main_banner .buttonWrap {margin-top:20px;text-align:center;}
.main_banner .buttonWrap .button {padding:8px 40px 10px;}
}


/***************************************************
					  솔루션
***************************************************/ 
.solution {width:100%;padding:100px 0;text-align:center;}
.solution .text_main .en {display:block;margin-top:10px;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:18px;font-weight:normal;}
.solution .text_sub {margin-top:30px;}
	.product {display:inline-block;width:100%;margin-top:50px;}
	.product dd {width:25%;float:left;margin-top:30px;}
	.product .img {display:block;width:80%;max-width:180px;margin:0 auto;}
	.product .tit {display:block;margin-top:20px;font-size:24px;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;letter-spacing:-1px;}
	.product .txt {margin-top:10px;}
	.product .txt span {display:block;margin-top:5px;font-size:16px;color:#666;}

@media only screen and (max-width:768px){
.solution .text_main .en {margin-top:5px;font-size:15px;}
	.product {margin-top:30px;}
	.product .tit {margin-top:15px;font-size:20px;}
	.product .txt {margin-top:10px;}
	.product .txt span {margin-top:3px;font-size:13.4px;color:#666;}
}

@media only screen and (max-width:639px){
.solution .text_main .en {margin-top:5px;font-size:13px;}
	.product {margin-top:0;}
	.product dd {width:50%;float:left;}
	.product .img {width:70%;}
	.product .tit {margin-top:5px;font-size:20px;}
	.product .txt {margin-top:5px;}
	.product .txt span {margin-top:3px;font-size:13.4px;color:#666;}
}


/***************************************************
				 제품소개 - 롤링
***************************************************/ 
.prd_detail {background:url(/images/main/main03_bg.png) right no-repeat;width:100%;max-width:1400px;margin:0 auto;color:#fff;}
.prd_detail .pc {display:block;float:right;}
.prd_detail .tb {display:none;float:right;}
.prd_detail .textWrap {position:absolute;top:0;right:100px;width:100%;max-width:800px;padding:80px 0;}

.prd_detail .tit {font-size:40px;font-weight:normal;}
.prd_detail .tit em {display:block;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:50px;font-weight:bold;}
.prd_detail .tit .ET {color:#f52;} 
.prd_detail .tit .VP {color:#6c6;}
.prd_detail .tit .SC {color:#18f;}
.prd_detail .exp {display:block;margin-top:20px;line-height:25px;color:#ddd;}
.prd_detail .exp .br {display:block;}
.prd_detail .ls_chk {margin-top:20px;}
.prd_detail .ls_chk li {padding:13px 0;padding-left:50px;background:url(/images/main/main03_chk.png) left no-repeat;}
.prd_detail .button {display:block;width:100px;margin-top:30px;padding:15px 50px;}

@media only screen and (max-width:1024px){
.prd_detail .pc {display:none;float:right;}
.prd_detail .tb {display:block;float:right;height:530px;}
.prd_detail .textWrap {width:90%;right:0;margin:0 5%;padding:40px 0;}
}

@media only screen and (max-width:860px){
.prd_detail .exp .br {display:inline;}
}

@media only screen and (max-width:768px){
.prd_detail .tb {display:block;float:right;height:450px;}
.prd_detail .textWrap {padding:30px 0;}
.prd_detail .tit {font-size:30px;}
.prd_detail .tit em {font-size:40px;}
.prd_detail .exp {line-height:20px;height:80px;}
.prd_detail .ls_chk {margin-top:15px;}
.prd_detail .ls_chk li {padding:8px 0;padding-left:30px;background-size:20px;}
.prd_detail .button {width:90px;margin-top:20px;padding:12px 40px;}
}

@media only screen and (max-width:639px){
.prd_detail .tb {display:block;float:right;width:100%;height:270px;}
.prd_detail .textWrap {padding:20px 0;text-align:center;}
.prd_detail .tit {font-size:24px; }
.prd_detail .tit em {font-size:36px;}
.prd_detail .exp {display:none;}
.prd_detail .ls_chk {margin-top:10px;}
.prd_detail .ls_chk li {padding:8px 0;background:none;}
.prd_detail .button {width:100px;margin:0 auto;margin-top:10px;padding:10px 30px;}
}

@media only screen and (max-width:340px){
.prd_detail .ls_chk li {font-size:12px;}
}

@media only screen and (max-width:320px){
.prd_detail .ls_chk li {font-size:11px;}
}

/***************************************************
				 	  인재채용
***************************************************/ 
.recruite {width:100%;margin:0 auto;padding:100px 0;background:url(/images/main/main04_bg.png) 50% 75% no-repeat;}
.recruite .text_exp {width:70%;margin-top:80px;}
.recruite .text_exp strong {display:block;margin-bottom:20px;font-size:18px;color:#333;line-height:140%;}
.recruite .text_exp span {display:block;margin-bottom:5px;}
.recruite p {color:#666;}
.recruite dl {margin:20px 0;}
.recruite dd {padding:25px 0;padding-left:90px;}
.recruite dd h3 {margin-bottom:10px;}
.recruite .talent01 {background:url(../images/main/main04_ico1.png) left no-repeat;}
.recruite .talent02 {background:url(../images/main/main04_ico2.png) left no-repeat;}
.recruite .talent03 {background:url(../images/main/main04_ico3.png) left no-repeat;}
.recruite .button {margin-top:30px;padding:15px 60px;}

@media only screen and (max-width:768px){
.recruite .conBox {text-align:center;}
.recruite .text_exp {width:80%;margin:0 auto;margin-top:20px;line-height:150%;}
.recruite .text_exp strong {font-size:15px;}
.recruite .text_exp span {display:inline;}
.recruite dl {display:inline-block;width:100%;margin:40px 0 0;}
.recruite dd {width:33.3%;float:left;padding:100px 0 20px 0;}
.recruite dd h3 {margin-bottom:10px;}
.recruite dd span {display:none;}
.recruite .talent01, .recruite .talent02, .recruite .talent03  {background-position:top center;background-size:70px;}
.recruite .button {margin-top:20px;padding:10px 40px;}
}

/***************************************************
				 	  고객지원
***************************************************/
.inquiry {width:100%; max-width:965px;margin:0 auto;padding:100px 0;}
.inquiry dl {width:100%;display:inline-block;margin-top:80px;}
.inquiry dd {width:33.3%;float:left;text-align:center;}
.inquiry .img {width:60%;max-width:89px;}
.inquiry .tit {margin-top:20px;font-size:22px;}
.inquiry .exp {width:90%;margin:0 auto;margin-top:20px;font-size:14px;color:#666;line-height:150%;/*letter-spacing:-1px;*/}
.inquiry .exp span {display:block;}
.inquiry .button {margin-top:20px;}

@media only screen and (max-width:999px){
.inquiry .exp {display:none;}
}

@media only screen and (max-width:768px){
.inquiry dl {display:inline-block;width:100%;margin-top:40px;}
.inquiry .tit {margin-top:15px;font-size:15px;}
.inquiry .exp {width:90%;margin:0 auto;margin-top:15px;font-size:14px;}
.inquiry .button {margin-top:15px;}
}

/***************************************************
				 공지 및 콜센터
***************************************************/
.wideBox.mcs {display:inline-block;background:url(/images/main/num_bg.png) center no-repeat;background-size:100%;}
.cscenter {width:100%;max-width:1500px;margin:0 auto;}
.cscenter .halfBox {display:inline-block;position:relative;width:50%;max-width:750px;float:left;padding:150px 0;}
.cscenter .notice {background:url(/images/main/main06_bg01.png) center no-repeat;}
.cscenter .call {background:url(/images/main/main06_bg02.png) center no-repeat;}
.cscenter .main_text {width:90%;margin:0 auto;font-size:36px;font-weight:bold;text-align:Center;line-height:130%;color:#fff;}
.cscenter .hoverBox {visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/common/bg_lb.PNG);text-align:center;color:#fff;}
.cscenter .hoverBox h2 {width:100%;margin-top:100px;font-size:50px;}
.cscenter .hoverBox p {margin-top:20px;font-size:16px;}
.cscenter .hoverBox .button {margin-top:50px;padding:15px 50px;}
.cscenter .hoverBox .num {display:block;margin-top:40px;font-size:56px;}
.cscenter .halfBox:hover>.hoverBox {visibility:visible;}
.cscenter .halfBox:hover .main_text {visibility:hidden;}
.cscenter .halfBox.active .hoverBox {visibility:visible;}
.cscenter .halfBox.active .main_text {visibility:hidden;}

@media only screen and (max-width:1024px){
.cscenter .hoverBox {visibility:visible;}
.cscenter .main_text {visibility:hidden;}
}

@media only screen and (max-width:999px){
.cscenter .halfBox {padding:120px 0;}
.cscenter .main_text {font-size:30px}
.cscenter .hoverBox h2 {margin-top:80px;font-size:40px;}
.cscenter .hoverBox .button {margin-top:30px;padding:15px 50px}
.cscenter .hoverBox .num {margin-top:15px;font-size:46px;}
}

@media only screen and (max-width:860px){
.cscenter .main_text {font-size:24px}
}

@media only screen and (max-width:768px){
.cscenter .halfBox {padding:100px 0;}
.cscenter .main_text {font-size:20px}
.cscenter .hoverBox h2 {margin-top:60px;font-size:30px;}
.cscenter .hoverBox .button {margin-top:20px;padding:10px 40px}
.cscenter .hoverBox .num {margin-top:10px;font-size:36px;}
}

@media only screen and (max-width:639px){
.cscenter .halfBox {display:inline-block;width:100%;float:none;padding:0;}
.cscenter .notice, .cscenter .call {background-size:cover;}
.cscenter .main_text {display:none;}
.cscenter .hoverBox {visibility:visible;position:relative;top:0;left:0;padding:20px 0;}
.cscenter .hoverBox h2 {margin-top:0;font-size:20px;}
.cscenter .hoverBox p {display:none;}
.cscenter .hoverBox .button {margin-top:20px;padding:10px 30px;font-size:15px;}
.cscenter .hoverBox .num {display:block;margin-top:20px; font-size:42px;}
}

/***************************************************
				      공통
***************************************************/
@media only screen and (max-width:999px){
.solution, .recruite, .inquiry {padding:80px 0;}
}

@media only screen and (max-width:860px){
.solution, .recruite, .inquiry {padding:60px 0;}
}

@media only screen and (max-width:768px){
.solution, .recruite, .inquiry {padding:50px 0;background:none;}
}

@media only screen and (max-width:639px){
.solution, .recruite, .inquiry {padding:30px 0;}
}