/*
	cszone hompage index 메인페이지 - 작성자:이해나리
	Basic Set 은 수정불가
*/


/* main visualArea 시작 */
#wrap #visualArea_w {width:100%; height:419px;margin:0 auto;margin-top:-10px; background:#f0f0f1 url("../image/index/bgMain.png") no-repeat center 0; z-index:20;}
#wrap #visualArea_w #visualArea {position:relative; width:970px;height:419px; margin:0 auto;}/*padding:0 210px; */
	/* 좌측 슬로건 */
#visualArea div.mainText {display:block;float:left; position:relative; width:287px; margin-top:57px;}
		/* 대한민국 NO.1 솔루션!*/
#visualArea div.mainText span {display:block; text-indent:-9999px; width:146px; height:17px; background: url("../image/index/mainText_1.png") no-repeat 0 0;}
		/* CSNet24 */
#visualArea div.mainText h2 {display:block; text-indent:-9999px; width:297px; height:80px; margin-top:-7px; background: url("../image/index/mainText_csnet24.png") no-repeat 0 0;}
		/* "고객A/S통합관리" */
#visualArea div.mainText strong {display:block; text-indent:-9999px; width:287px; height:37px; margin-top:8px; background: url("../image/index/mainText_2.png") no-repeat 0 0;}
		/* 설명 */
#visualArea div.mainText ul.csnet24_info {display:block; width:100%; height:165px; margin-top:16px; border-top:1px solid #fff; border-bottom:1px solid #fff;}
#visualArea div.mainText ul.csnet24_info li {color:#fff; font-size:12px;}
#visualArea div.mainText ul.csnet24_info li.tit {font-family:"Myriad Pro"; font-size:20px; line-height:16px; margin:11px 0; }
		/* 솔루션체험 바로가기 */
#visualArea div.mainText ul.csnet24_info li.btn_goSolu a {display:block; text-indent:-9999px; position:absolute; top:175px;left:245px; width:106px; height:106px; background: url("../image/index/btn_solutiongo.png") no-repeat 0 0;}
#visualArea div.mainText ul.csnet24_info li.btn_goSolu a:hover {background: url("../image/index/btn_solutiongo_ov.png") no-repeat 0 0;}
		/* NAVER블로그 바로가기 */
#visualArea div.mainText ul.csnet24_info li.btn_goBlog a {display:block; text-indent:-9999px; position:absolute; top:175px;left:380px; width:106px; height:106px; background: url("../image/index/btn_bloggo.png") no-repeat 0 0;}
#visualArea div.mainText ul.csnet24_info li.btn_goBlog a:hover {background: url("../image/index/btn_bloggo_ov.png") no-repeat 0 0;}

	/* 우측 이미지 */
#visualArea div.sloganImg {display:block;float:right; text-indent:-9999px; margin:-6px -90px 0 0; width:617px; height:419px; background: url("../image/index/bookHand.png") no-repeat 0 0;}

/* container 시작 */
#wrap #container {position:relative; width:970px; height:auto; margin:0 auto;}
#wrap #container:after {content:""; clear:both; display:block; visibility:hidden; height:0;}

#wrap div h3, #wrap div span.btn_go a {display:block;text-indent:-9999px;}
	/* 프리미엄솔루션 시작 */
.con01 {display:block; float:left; width:596px; height:307px; padding:38px 0 0 27px; background: url("../image/index/con01_bg.png") no-repeat 0 0;}
.con01 h3.tit_con {width:326px; height:46px; margin-bottom:40px; background: url("../image/index/con01_tit.png") no-repeat 0 0;}
.con01 span.btn_go a {width:173px; height:21px; background: url("../image/index/btn_goPremium.png") no-repeat 0 0;}
.con01 span.btn_go a:hover {background: url("../image/index/btn_goPremium_ov.png") no-repeat 0 0;}
.con01 p {font-size:13px; color:#62615f; margin-top:18px; line-height:20px;}
.con01 p em {display:block; font-size:16px; text-decoration:underline; margin-top:44px; }


	/* 파워형솔루션 시작 */
.con02 {display:block; float:left; width:318px; height:307px; padding:38px 0 0 27px; background: url("../image/index/con02_bg.png") no-repeat 0 0;}
.con02 h3.tit_con {width:269px; height:46px; margin-bottom:40px; background: url("../image/index/con02_tit.png") no-repeat 0 0;}
.con02 p {font-size:13px; color:#62615f; margin:18px 0; line-height:20px;}
.con02 span.btn_go a {width:145px; height:20px; background: url("../image/index/btn_goPower.png") no-repeat 0 0;}
.con02 span.btn_go a:hover {background: url("../image/index/btn_goPower_ov.png") no-repeat 0 0;}


	/* Customer center 시작 */
.con03 {display:block; float:left; width:313px; height:286px; padding-top:28px;}
.con03 h3.tit_con {width:100%; height:22px; margin-bottom:11px; padding-bottom:5px; border-bottom:3px solid #dddedf; background: url("../image/index/con03_tit.png") no-repeat 0 0;}
.con03 ul li.go_btnBox {display:block; width:100%; height:53px;}
.con03 ul li.go_btnBox div a {display:block; text-indent:-9999px; float:left;}
	
	/* 견적 상담하기 버튼 */
.con03 ul li.go_btnBox div.go_estimate a {width:99px; height:53px; background: url("../image/index/btn_estimate.png") no-repeat 0 0;}
.con03 ul li.go_btnBox div.go_estimate a:hover {background: url("../image/index/btn_estimate_ov.png") no-repeat 0 0;}
	/* 무료 체험하기 버튼 */
.con03 ul li.go_btnBox div.go_experience a {width:101px; height:53px; margin-left:-31px; background: url("../image/index/btn_experience.png") no-repeat 0 0;}
.con03 ul li.go_btnBox div.go_experience a:hover {background: url("../image/index/btn_experience_ov.png") no-repeat 0 0;}
	/* 상담 신청하기 버튼 */
.con03 ul li.go_btnBox div.go_advice a {width:99px; height:53px; margin-left:-29px; background: url("../image/index/btn_advice.png") no-repeat 0 0;}
.con03 ul li.go_btnBox div.go_advice a:hover {background: url("../image/index/btn_advice_ov.png") no-repeat 0 0;}
	/* 사용요금 보기 버튼 */
.con03 ul li.go_btnBox div.go_charge a {width:101px; height:53px; margin-left:-30px; background: url("../image/index/btn_charge.png") no-repeat 0 0;}
.con03 ul li.go_btnBox div.go_charge a:hover {background: url("../image/index/btn_charge_ov.png") no-repeat 0 0;}
	
	/* 상담전화 */
.con03 ul li.callBox {display:block; width:224px; height:75px; margin:10px 0; padding-left:77px; border:6px solid #dddedf; background: url("../image/index/n_1.png") no-repeat 20px 5px;}
.con03 ul li.callBox span {display:block; margin-top:6px; font-size:13px; font-weight:bold; color:#3f3e3c;}
.con03 ul li.callBox em {display:block; margin-top:-2px; line-height:32px; font-size:20px; font-weight:bold; color:#010101;}
.con03 ul li.callBox strong {display:block; margin-top:0px; font-size:11px; font-weight:normal; color:#3f3e3c;}
.con03 ul li.callBox img {display:inline-block; float:right; margin-top:-56px; margin-right: -26px; width:75px; height:63px;}

	/* 무통장입금 */
.con03 ul li.bankBox {display:block; width:224px; height:75px; margin:10px 0; padding-left:77px; border:6px solid #dddedf;  background: url("../image/index/n_2.png") no-repeat 20px 4px;}
.con03 ul li.bankBox span {display:block; margin-top:10px; font-size:13px; font-weight:bold; color:#3f3e3c;}
.con03 ul li.bankBox em {display:block; margin-top:-3px; font-size:20px; font-weight:bold; color:#010101;}
.con03 ul li.bankBox strong {display:block; margin-top:0px; font-size:11px; font-weight:normal; color:#3f3e3c;}
.con03 ul li.bankBox img {display:inline-block; float:right; margin:-50px -20px 0 0; width:77px; height:53px;}


	/* Additional Service 시작 */
.con04 {display:block; float:left; width:274px; height:286px; margin:0 22px; padding-top:28px;}
.con04 h3.tit_con {width:100%; height:22px; margin-bottom:11px; padding-bottom:5px; border-bottom:3px solid #dddedf; background: url("../image/index/con04_tit.png") no-repeat 0 0;}
.con04 span {display:block; height:21px; font-size:15px; color:#3f3e3c; margin-bottom:4px;}
.con04 ul li {display:inline-block; float:left; width:124px; height:26px; text-align:center; line-height:26px; background:#f2f4f4; margin-bottom:15px;}
.con04 ul li.aln_right {float:right}
.con04 ul li.spacing {letter-spacing:-1px;}
.con04 div {display:block;width:100%; height:31px; margin-top:175px; padding-top:14px; background: url("../image/index/openApi.png") no-repeat top right;}

*:first-child+html .con04 div {margin-top:0;} /* ie7 cross-browsing */
.con04 div em {display:block; width:266px; height:31px; border:3px solid #dddedf;}
.con04 div em img {margin:-2px 0 0 53px;}
.con04 div em img.kt_logo_img {margin-top:-2px;}


.newQnA_w {display:block; float:left; width:339px; height:286px; padding-top:28px;}	
	/* News 시작 */
.con05 {display:block; position:relative; width:100%; height:170px;}
.con05 h3.tit_con {width:100%; height:22px; margin-bottom:11px; padding-bottom:5px; border-bottom:3px solid #dddedf; background: url("../image/index/con05_tit.png") no-repeat 0 0;}
.con05 span.underLine {position:absolute;top:10px;left:0; display:block; text-indent:-9999px; width:71px; border-bottom:3px solid #333;}
.con05 span.moreLink a {display:block; position:absolute;top:14px;right:0; text-indent:-9999px; width:35px; height:8px; background: url("../image/index/more.png") no-repeat 0 0;}
.con05 ul.newsList li em {margin:0 20px; font-size:10px; color:#848381;}
.con05 ul.newsList li strong {width:262px;height:10px; font-size:12px; color:#6f6d6a;}
.con05 ul.newsList li span {display:block; font-size:13px; letter-spacing:-1px; color:#3f3e3c; overflow:hidden; }
.con05 ul.newsList li a:hover span {font-weight: bold;}
	/* Q&A 시작 */
.con06 {display:block; position:relative; width:100%; height:162px; }
.con06 h3.tit_con {width:100%; height:22px; margin-bottom:11px; padding-bottom:5px; border-bottom:3px solid #dddedf; background: url("../image/index/con06_tit.png") no-repeat 0 0;}
.con06 span.underLine {position:absolute;top:10px;left:0; display:block; text-indent:-9999px; width:54px; border-bottom:3px solid #333;}
.con06 span.moreLink a {display:block; position:absolute;top:14px;right:0; text-indent:-9999px; width:35px; height:8px; background: url("../image/index/more.png") no-repeat 0 0;}
.con06 ul.QnAList li {line-height:21px;}
.con06 ul.QnAList li a:hover {text-decoration: underline;}
.con06 ul.QnAList li em {margin:0 16px; font-size:10px; color:#848381;}
.con06 ul.QnAList li strong {float: right; font-size:12px; font-weight:bold; color: dimgray;}
.con06 ul.QnAList li span {font-size:13px; letter-spacing:-1px; color:#3f3e3c; margin-right:10px; overflow:hidden; }
.con06 ul.QnAList li a:hover span, .con06 ul.QnAList li a:hover strong {color: blueviolet; font-weight: bold;}

    /* 현금영수증 배너 시작 */
.con07 {
    clear: both;
    width: 607px;
    padding-top: 13px;
}
.hometax_banner {
    width: 100%;
    height: 84px;
    padding-left: 77px;
    box-sizing: border-box;
    border: 6px solid #dddedf;
    background: url("../image/index/n_3.png"),
        url("../image/index/bg_hometax.png");
    background-repeat: no-repeat, no-repeat;
    background-position: 20px 4px, right bottom;
}
.hometax_banner strong {
    display: inline-block;
    font-size: 20px;
    margin-top: 15px;
}
.hometax_banner strong span {
    color: #1f425c;
}
.hometax_banner p {
    font-size: 13px;
    color: #3f3e3c;
    font-weight: bold;
    margin-top: 8px;
}