@import url("common.css");
@import url("sub02.css");

/* 2015-04-27 리뉴얼 by suk*/
.subimg_home {width:100%; background:url('/img/subimg_homeCare.jpg') no-repeat center top; height:160px;}
.subimg_skin {width:100%; background:url('/img/subimg_skinCare.jpg') no-repeat center top; height:160px;}
/* 2015-04-27 리뉴얼 by suk*/

.subimg_company {width:100%; background:url('/img/subimg_company.jpg') no-repeat center top; height:160px;}
.subimg_product_auto {width:100%; background:url('/img/subimg_winfilm.jpg') no-repeat center top; height:160px;}
.subimg_product_board {width:100%; background:url('/img/subimg_faq.jpg') no-repeat center top; height:160px;}
.subimg_product_archi {width:100%; background:url('/img/subimg_winfilm.jpg') no-repeat center top; height:160px;}
.subimg_shop {width:100%; background:url('/img/subimg_shop.jpg') no-repeat center top; height:160px;}
.subimg_faq {width:100%; background:url('/img/subimg_faq.jpg') no-repeat center top; height:160px;}
.subimg_member {width:100%; background:url('/img/subimg_member.jpg') no-repeat center top; height:160px;}
.subimg_guide {width:100%; background:url('/img/subimg_guide.jpg') no-repeat center top; height:160px;}


#container {position:relative; width:1000px; margin:0 auto; overflow:hidden; background:url('/img/sub_bg.gif') repeat-y; padding-bottom:80px;}

.lnb {float:left; width:160px; padding-top:45px; margin-left:25px;}
.lnb h2 {height:58px; margin-left:7px;}
.lnb li {margin-top:0px; font-size:0; line-height:0;}
.lnb h2.svc {margin-left:-6px; margin-bottom:20px;}
.lnb li a {display:block; width:160px; height:30px;}
/* add */
.lnb li ul {padding-bottom:5px; border-bottom:1px solid #ececec;}
.lnb li ul li:first-child a {margin-top:5px;}
.lnb li ul li a {display:block; width:160px; height:21px;}
/* add */
.lnb li a.on {background-position:0px -50px;}
.lnb li a.hover {background-position:0px -50px;}

.lnb li .n0 {background:url(/company/img/sm01.png) 0 0 no-repeat;}
.lnb li .n1 {background:url(/company/img/sm02.png) 0 0 no-repeat;}
.lnb li .n2 {background:url(/company/img/sm03.png) 0 0 no-repeat;}
.lnb li .n3 {background:url(/company/img/sm04.png) 0 0 no-repeat;}
.lnb li .n4 {background:url(/company/img/sm05.png) 0 0 no-repeat;}
.lnb li .n5 {background:url(/company/img/sm06.png) 0 0 no-repeat;}

.contentArea {float:right; width:700px; padding-top:45px; margin-right:45px;}
.tit_area h3 {height:50px; padding-top:45px;}
.tit_area h4 {height:50px; padding-top:45px;}
.tit_area p {float:right !important; *margin-top:0px; font-size:11px; color:#727272;}
.tit_area .here {color:#4c4c4c; font-weight:bold;}

.contents {min-height:300px;}

	.contents .section {margin-bottom:40px;}
	.contents .sub_txt {margin-bottom:40px;}
	.contents .sub_txt02 {margin-bottom:40px; margin-top:30px;}
	.contents h4 {margin-bottom:25px;}
	.contents h4.sub_tit {margin-bottom:10px;}
	.contents h5 {margin-bottom:10px; font-size:12px; color:#222222; background:url('/img/icon_bullet.gif') no-repeat 0 5px; padding-left:10px;}
	.contents p.sub_tit {*margin-bottom:5px; }

		.sub_stxt {padding-bottom:40px; margin-top:-10px;}
		.point_tt {padding-right:10px; color:#5889d9; font-weight:bold; }
		.point_tt02 {padding-right:10px; padding-left:20px; color:#412E29; font-weight:bold; }
		.point_b {color:#222; font-weight:bold; margin-bottom:5px;}

		.s_tit {color:#004fc1; font-weight:bold; padding-bottom:7px;}
		.point_red {color:#ee3a43; font-weight:bold; padding-bottom:7px;}

/* 준비중 */
.ready {width:680px; padding-top:50px;}
.ready .ready_tit {font-weight:normal; font-family:georgia; font-style:italic; font-size:34px; line-height:110%; color:#c50021; padding-bottom:20px;}
.ready .sub_box {background-color:#ebecf0; padding:20px;}



/**********COMPANY**********/

.greeting {width:700px; background:url('/company/img/greeting_img.jpg') no-repeat right 70px;}
.greeting p {margin-top:30px;}

.history {width:700px;}
.history_bg {width:700px; height:400px; background:url('/company/img/history_bg.gif') repeat-y; }

.history dl {/*clear:both; */ zoom:1;}
.history dl:after {display:block; content:""; clear:both;}
.history dt {float:left; position:relative; width:120px; text-align:center; color:#ffffff; font-weight:bold; font-family:arial; font-size:16px; padding:20px 0;}
.history dd {float:left; position:relative; padding:20px 0px 20px 30px;}

.history dd ul {display:block; zoom:1;}
.history dd li:after {display:block; content:""; clear:both;}
.history dd li span {display:block; /*margin-left:65px;*/ }
.history .history_tit {float:left; font-family:arial; color:#e31329; font-weight:bold; font-size:12px; width:65px; *height:20px;}
.history .history_txt {float:left; width:485px; white-space: nowrap; *height:20px;}


.why_skc {width:700px;}
.why_skc ul {margin-bottom:20px;}

.contact {width:700px;}
.contact .map {margin-bottom:20px;}
.contact .map_address dt {width:100px; float:left; border-bottom:solid 1px #9c9c9c; padding:8px 10px; color:#333333; font-weight:bold;}
.contact .map_address dd {width:560px; float:left; border-bottom:solid 1px #dadada; padding:8px 10px;}


/**********PRODUCT**********/

.product {width:700px;}
.product ul {margin-bottom:20px;}
.product .object {margin:80px 0;}
.product .spec {margin-bottom:30px;}

.pro_table {width:100%; border-bottom:solid 1px #c1c1c1; font-family:돋움;}
	.pro_table table {}
	.pro_table th {border-left:1px solid #ffffff; border-bottom:1px solid #ffffff; color:#ffffff; background-color:#757575; padding:4px; font-size:11px; line-height:120%;}
	.pro_table td {border-bottom:1px solid #ececea; border-right:1px solid #ececea; padding:5px; text-align:center; font-size:11px; font-family:arial;}
	.pro_table img {vertical-align:middle;}


/**********SHOP**********/

.shop {width:700px;}

.shop_list {width:100%; border-bottom:solid 1px #b6b6af;}
	.shop_list table {}
	.shop_list th {border-left:1px solid #818181; border-right:1px solid #aaaaaa; color:#ffffff; height:36px; background:url('/shop/img/shop_list_bg.gif') repeat-x; font-size:12px; line-height:120%;}
	.shop_list td {border-bottom:1px solid #ececea; padding:5px; text-align:center; color:#666;}

.shop .v_subject {background:url('/shop/img/shop_view_bg.gif') no-repeat; height:36px; font-size:16px; font-weight:bold; color:#ffffff; line-height:36px; padding-left:20px;}
.shop .v_btn {float:right; margin:20px;}
.shop_view {width:100%;}
	.shop_view table {}
	.shop_view th {width:90px; border-bottom:1px solid #ececea; color:#222; padding:5px 0 5px 20px; text-align:left; background:url('/shop/img/icon_arrow.gif') no-repeat 90px 9px; line-height:120%;}
	.shop_view td {border-bottom:1px solid #ececea; padding:5px; text-align:left; color:#666;}

/**********WARRANTY(품질보증서)**********/

.warranty {width:700px;}
.warranty .h2 {margin-bottom:30px; width:700px; text-align:center; border:solid 2px #df012a;}
.warranty .section {margin-bottom:20px; width:700px;}
.warranty .print_tit {background:url('/member/img/tit_print.jpg') no-repeat; text-align:left; font-family:뫼비우스; font-weight:bold; color:#000000; font-size:15px; padding:171px 0 35px 420px;}

.warranty .warranty_search {width:650px; border:solid 5px #f1f1f1; margin-bottom:30px; padding:20px;}

.warranty_list {width:100%; border-bottom:solid 1px #b6b6af;}
	.warranty_list table {}
	.warranty_list th {border-left:1px solid #818181; border-right:1px solid #aaaaaa; color:#ffffff; height:36px; background:url('/shop/img/shop_list_bg.gif') repeat-x; font-size:12px; line-height:120%;}
	.warranty_list td {border-bottom:1px solid #ececea; padding:5px; text-align:center; color:#666;}

.warranty .v_subject {background:url('/shop/img/shop_view_bg.gif') no-repeat; height:36px; font-size:14px; font-weight:bold; color:#ffffff; line-height:36px; padding-left:20px;}
.warranty .v_subject02 {background:url('/shop/img/print_view_bg.gif') no-repeat; height:36px; font-size:14px; font-weight:bold; color:#ffffff; line-height:36px; padding-left:30px;}
.warranty .v_subject03 {background:url('/shop/img/print_view_bg.gif') no-repeat; height:36px; font-size:14px; font-weight:bold; color:#ffffff; line-height:36px; padding-left:40px;}
.warranty .v_btn {width:660px; text-align:center; margin:20px;}
.warranty_view {width:100%;}
	.warranty_view table {}
	.warranty_view th {border-bottom:1px solid #ececea; color:#222; padding:5px 0 5px 20px; text-align:left; background:url('/shop/img/icon_arrow.gif') no-repeat right 9px; line-height:160%;}
	.warranty_view td {border-bottom:1px solid #ececea; padding:5px 20px; text-align:left; color:#666;}

.warranty_view02 {width:100%;}
	.warranty_view02 table {}
	.warranty_view02 th {border-bottom:1px solid #ececea; color:#222; padding:5px 0 5px 20px; text-align:left; background:url('/shop/img/icon_arrow.gif') no-repeat right 9px; line-height:160%;}
	.warranty_view02 td {padding:5px 0 0 0; text-align:center; color:#666; font-size:12px;}

.input {font-family:dotum, "돋움", sans-serif; color:#595b5f; padding:0 3px; border:1px solid #e1e1e1; vertical-align:middle;}






/**********COMPANY**********/


.sitemap {width:700px; /*width:1000px;*/}
.sitemap .section {float:left; width:175px; min-height:280px;}
.sitemap .section.last {min-height:200px; margin-bottom:0;}
/*
.sitemap {width:1000px;}
.sitemap .section {float:left; width:175px;} 
*/
.sitemap ul {width:150px; border-top:solid 1px #9c9c9c;}
.sitemap ul li {width:150px; border-bottom:solid 1px #e4e4e4; padding:6px 0;}




/* 기본 테이블 */
.table_style {width:100%; border-bottom:solid 1px #c1c1c1;}
	.table_style table {}
	.table_style th {border-left:1px solid #ffffff; border-bottom:1px solid #ffffff; color:#ffffff; background-color:#757575; padding:5px; font-size:12px; line-height:120%;}
	.table_style td {border-bottom:1px solid #ececea; border-right:1px solid #ececea; padding:5px; text-align:center; font-size:12px; color:#888;}

.table_style02 {width:100%; border-top:solid 1px #c1c1c1; border-bottom:solid 1px #c1c1c1;}
	.table_style02 table {}
	.table_style02 th {border-left:1px solid #ffffff; border-bottom:1px solid #ffffff; color:#ffffff; background-color:#c1c1c1; padding:5px; font-size:12px; line-height:120%;}
	.table_style02 td {border-bottom:1px solid #ececea; border-right:1px solid #ececea; padding:5px; text-align:left; font-size:12px; color:#888;}


/*Sub*/
.1dep_tit{padding:0 0 7px 0;}
.1dep_cont{padding:7px 10px 10px 15px;}
.1dep_img{padding:5px 0 25px 5px;}
.2dep_tit{padding:5px 0 10px 10px;}
.2dep_cont{padding:7px 10px 10px 20px;}
.2dep_img{padding:5px 0 25px 5px;}

/*이용안내관련*/
.policy {width:680px; line-height:150%; margin:0 auto;}
	.policy_head {font-weight:bold; font-family: Malgun Gothic, "맑은 고딕","굴림","돋움"; padding-bottom:20px; text-align:center; color:#000; font-size:17px;}
	.policy_tit {font-weight:bold; padding-bottom:10px; color:#333; font-size:15px;}
	.dep_tit {padding:0 0 5px 0; font-weight:bold; color:#555;}
	.dep_cont {padding:7px 10px 20px 15px;}
	.dep_cont2 {background:#f4f4f4; border:1px solid #e1e1e1; padding:10px; margin:10px 0px;}
	.dep_box {padding:5px 10px 10px 0px;}
	.dep_img01 {padding:5px 0 25px 5px;}
	.dep_tit02 {display:block; padding:5px 0 10px 10px;}
	.dep_cont02 {display:block; padding:7px 10px 10px 20px;}
	.dep_img02 {padding:5px 0 25px 5px;}


/* 2014-05-25 접근성 고도화 By Kuns */
.responsible {margin-top:20px; zoom:1;}
.responsible:after {content:""; display:block; clear:both;}
.responsible dl {float:left; width:350px;}
.responsible dl.first {width:349px;}
.responsible dl dt {background:#757575; padding:5px 0 2px; color:#fff; text-align:center; font-weight:bold;}
.responsible dl.first dt {border-right:1px solid #fff;}
.responsible dl dd {padding:5px 0; border-bottom:1px solid #c1c1c1; text-align:center;}
.responsible dl.first dd {border-right:1px solid #ececea;}

/* contact us */
.cu_map {margin-top:50px; border:1px solid #f26522; border-width:3px 0;}
.cu_map li {position:relative; padding:20px 0 20px 190px; border-top:1px dotted #b2b2b2;}
.cu_map li:first-child {border-top:0 none;}
.cu_map li .img {position:absolute; top:50%; left:0; margin-top:-56px;}
.cu_map li p strong {display:block; margin-bottom:3px; color:#333;}
.cu_map li p a {display:inline-block; *display:inline; zoom:1; margin-top:21px;}

.mapInner {position:relative; width:460px; margin:20px auto 0;}
.mapInner h3 {margin-bottom:15px;}
.mapInner p.loca {background:url(/company/img/map_dott.gif) 0 5px no-repeat; margin-top:10px; padding-left:8px; font-size:11px; color:#727272; line-height:16px;}
.mapInner p.locaSeoul {background:url(/company/img/map_dott.gif) 0 14px no-repeat; margin-top:10px; padding:10px 0 0 8px; border-top:1px solid #d9d9d9; font-size:11px; color:#555; line-height:16px;}
.mapInner p.locaSeoul strong {display:block;}
.mapInner .close {position:absolute; top:10px; right:0;}


/* 아이디 / 비밀번호 찾기 */
.infoSrh {width:400px; margin:30px auto 0 auto;}
.infoSrh ul {border-top:1px solid #996633; border-bottom:1px solid #eae6e6;}
.infoSrh ul li {zoom:1;}
.infoSrh ul li:after {content:""; display:block; clear:both;}
.infoSrh ul li label {float:left; background:#eee5db; width:130px; padding:5px 5px 5px 0; color:#666; text-align:right;}
.infoSrh ul li div {float:left; width:260px; padding:5px 0 5px 5px; border-top:1px solid #eae6e6;}
.infoSrh ul li:first-child div {border-top:1px solid #eae6e6;}
.infoSrh .txtSrh {margin-top:10px; text-align:center;}
.infoSrh .txtSrh em {text-decoration:underline;}
.infoSrh .btnC {margin-top:10px; padding-top:10px; border-top:1px solid #eae6e6;}
.popClose {position:fixed; bottom:0; left:0; background:#E7E7E7; width:100%; text-align:right;}

/* 회원가입 약관 */
.agree {}
.agree p {margin:10px 0 5px;}
.agree .agreeLst {background:url(/images/bg_agree.gif) 0 0 no-repeat; width:685px; height:157px; padding:5px 0 0 15px;}
.agree .agreeLst iframe {width:665px; border:0 none;}
.agree .btnR {margin-top:10px;}

/* 회원탈퇴 */
.memOut table {border-top:1px solid #b6b6af;}
.memOut table th {background:#757575; padding:5px 0 5px 10px; border-bottom:1px solid #fff; color:#fff; text-align:left; vertical-align:middle;}
.memOut table td {padding:5px 0 5px 10px; border-bottom:1px solid #EAE6E6;}

/* member - 내정보수정 */
.sub_tit {}
.memForm {border-bottom:1px solid #dddbde; }
.memForm table {position:relative; width:100%; border-spacing:0; padding:0; border:0; border-collapse:collapse;}
.memForm th {position:relative; padding:10px 0 8px 0; border-top:1px solid #dddbde; font-weight:normal; text-align:left;}
.memForm th .tit_blt {vertical-align:top; } 
.memForm th label {vertical-align:-2px; margin-left:3px;}

.memForm td {position:relative; padding:10px 0 8px 0; border-top:1px solid #dddbde; vertical-align:middle;}
.memForm td .mp_notice {position:absolute; top:15px; left:145px;}
.memForm td .mp_notice.ty02 {position:absolute; top:62px; left:320px;}
.memForm td .mp_notice.ty03 {top:15px; left:230px;}
.memForm td .mp_notice.ty04 {left:330px;}
.memForm td .mp_notice.ty05 {left:190px;}
.memForm td .mp_notice .mp_idt {padding-left:10px; text-indent:-10px;}
.memForm td .zipAddr {display:block; margin-bottom:6px;}
.memForm td .em_radio {vertical-align:top;}
.memForm td label {vertical-align:-4px; *vertical-align:-5px;}
.memForm td a {vertical-align:-6px; *vertical-align:-4px;}
.tit_btm {margin:10px 0 29px 0;}
.btn_center {text-align:center;}
.btn_center a {margin-left:4px;}
.btn_center.mt20 input {vertical-align:-14px;}
.btn_center input {vertical-align:0px; /*-14px*/}
.mp_pwd {border:1px solid #E5E5E5}

/* auto_classic.asp */
.classic_con01 {}
.classic_con01 th {border-top:1px solid #e6e6e6; padding:0; }
.classic_con01 th img {display:block;}
.classic_con01 td {border-top:1px solid #e6e6e6; padding:0 0 0 10px; }
.classic_con01 td.bn{border-top:none;}

/* 제품 시공가격표 */
.sigongM h5 {background:url(/img/blt_red5x5.gif) 0 7px no-repeat; padding-left:11px;}
.sigongM table {font-size:11px; text-align:center;}
.sigongM table th {background:#767676; padding:5px 0; color:#fff; border-left:1px solid #fff;}
.sigongM table th:first-child {border-left:0 none;}
.sigongM table td {padding:5px 0; border:1px solid #ececea; border-width:1px 0 1px 1px;}
.sigongM table tr:first-child td {border-top:0 none;}
.sigongM p {margin:10px 0 30px 0;}
.sigongM p span {color:#e31329; font-weight:bold;}

/* 인증서 */
.sign {border-top:2px solid #767676; border-bottom:1px solid #ececea; zoom:1;}
.sign:after {content:""; display:block; clear:both;}
.sign li {float:left; width:159px; min-height:258px; padding:20px 0 20px 21px; border-bottom:1px solid #ececea;}
.sign li.first {width:160px; padding-left:0;}
.sign li a {display:block;}
.sign li a .img {padding:4px; border:1px solid #d8d8d8;}
.sign li a .img img {display:block;}
.sign li a p {margin-top:10px;}
.sign li a strong {color:#4c4c4c;}
.sign li a span {color:#727272;}

.paging02 {margin-top:20px; text-align:center;}
.paging02 * {display:inline-block; *display:inline; zoom:1;}
.paging02 button {position:relative; top:2px; background:0 none; margin:0; padding:0; border:0 none; vertical-align:middle; cursor:pointer;}
.paging02 a {padding:3px 5px 0 2px; border-right:1px solid #ccc; line-height:12px;}
.paging02 a.first {padding-left:4px; border-left:1px solid #ccc;}
.paging02 a.prev {background:url(/Skin/Board/Board/construct/images/page_allow1.gif) 0 4px no-repeat; padding-left:7px; border:0 none;}
.paging02 a.next {background:url(/Skin/Board/Board/construct/images/page_allow2.gif) 58px 4px no-repeat; padding-right:7px; border:0 none;}
.paging02 a.on {color:#e31329; font-weight:bold;}


/* 차량용 시공점 */
.mapWrap {margin-top:30px; zoom:1;}
.mapWrap:after {content:""; display:block; clear:both;}
.mapWrap .sigongMap {float:left;}
.mapWrap .gugun {float:right; width:390px;}
.mapWrap .gugun strong {color:#4c4c4c;}
.mapWrap .gugun ul {background:#fff9fa; margin-top:10px; border-top:2px solid #e4e4e4; border-bottom:1px solid #e4e4e4; zoom:1;}
.mapWrap .gugun ul:after {content:""; display:block; clear:both;}
.mapWrap .gugun ul li {float:left; width:129px; padding:5px 0 2px; border-bottom:1px solid #e4e4e4; text-align:center;}
.mapWrap .gugun ul li.cn {border:1px solid #e4e4e4; border-width:0 1px 1px 1px;}
.mapWrap .gugun ul li a:hover,
.mapWrap .gugun ul li a.on{color:#e31329; text-decoration:underline; font-weight:bold;}

.sgSrh {
	border:3px solid #ececea;
	zoom:1;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0;
	text-align: center;
}

.sgSrh:after {content:""; display:block; clear:both;}
.sgSrh label {background:url(/faq/img/blc_txt.gif) left 7px no-repeat; padding-left:5px;  font-weight:bold; color:#333333; }
.sgSrh * {
	display:inline-block;

/* 우편번호 찾기 */
.postWrap {position:relative;}
.postWrap .postTab {}
.postWrap .postTab ul {zoom:1;}
.postWrap .postTab ul:after {content:""; display:block; clear:both;}
.postWrap .postTab ul li {float:left; width:49.5%;}
.postWrap .postTab ul li:first-child {margin-right:1%;}
.postWrap .postTab ul li a {display:block; padding:5px 0 5px 0; color:#3A664F; border:1px solid #48705B; text-align:center;}
.postWrap .postTab ul li.on a {background:#48705B; color:#fff; font-weight:bold;}

.postWrap #postLst01 {}
.postWrap #postLst01 .srhInfo {padding:20px 0 0 0; text-align:center;}
.postWrap #postLst01 .srhFrm {margin:10px 0; text-align:center;}
.postWrap #postLst01 .srhFrm * {display:inline-block; *display:inline; zoom:1;}
.postWrap #postLst01 .srhFrm input[type=image] {border:0 none; vertical-align:middle;}
.postWrap #postLst01 .srhFrm label {background:#DBEEE5; width:97px; padding:2px 0 1px 10px; border:1px solid #009999; text-align:left; font-weight:bold;}
.postWrap #postLst01 .srhFrm.ty2 {padding-left:5px; text-align:left;}
.postWrap .polst table {}
.postWrap .polst table th {background:#DBEEE5; padding:7px 0 5px; text-align:center;} 
.postWrap .polst table th:first-child {border-right:1px solid #EAE6E6;}
.postWrap .polst table td {padding:7px 0 5px; border-bottom:1px solid #EAE6E6; text-align:center;}
.postWrap .polst table td.sbj {padding-left:10px; text-align:left;}

.postWrap #postLst02 {display:none;}
.postWrap #postLst02 .srhInfo {padding:20px 0 0 0; text-align:center;}
.postWrap #postLst02 .srhFrm {margin:10px 0; text-align:left;}
.postWrap #postLst02 .srhFrm * {display:inline-block; *display:inline; zoom:1;}
.postWrap #postLst02 .srhFrm p:first-child {margin-bottom:5px;}
.postWrap #postLst02 .srhFrm input[type=image] {border:0 none; vertical-align:middle;}
.postWrap #postLst02 .srhFrm label {background:#DBEEE5; width:97px; padding:2px 0 1px 10px; border:1px solid #009999; text-align:left; font-weight:bold;}

.postWrap .polst {overflow-y:scroll; height:170px; border-top:1px solid #009999;}
.postWrap .close {position:fixed; bottom:0; left:0; background:#ececec; width:100%; text-align:right;}

/* 아이디/비밀번호찾기 결과 */
.findOkWrap {position:relative;}
.findOkWrap .idView {width:400px; margin:30px auto 0; padding:15px 0;  border-top:1px solid #996633; border-bottom:1px solid #eae6e6; text-align:center;}