@charset "utf-8";
/* SIR 지운아빠 *//* 
* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess 
*/ 
@font-face {
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 100; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
	     url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
		 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 

@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 300; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
		 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
		 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 

@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 400; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
	     url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
		 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
} 

@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 500; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
	     url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
		 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
} 

@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 700; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
	     url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
		 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
} 

@font-face {
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 900;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
		 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
		 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
}

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:15px;font-family:'Noto Sans KR', 'NanumGothic', 'Malgun Gothic', sans-serif; font-weight:300;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

#hd ul, nav ul, #ft ul, ul, li {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button {cursor:pointer}

textarea, select {font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}

/* 팝업레이어 */
#hd_pop {z-index:10;position:relative;margin:0 auto;width:1200px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

@media (max-width: 800px) {
	.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;max-width: 80%;left: 0!important;top: 50px!important;margin: 0 10%;}
	.hd_pops_con {width: auto!important;height: auto!important}
	.hd_pops_con img {width: 100%;height: auto}
	
	div#hd_pop {width:100%}
}

/* 상단 회원가입 등 링크 */
#tnb_wrap {width:1200px; margin:0 auto;}
#tnb {float:right;margin:0;padding:0;list-style:none;zoom:1}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {float:left;margin:0 0 0 10px}
#tnb a {display:inline-block;padding:0 5px;height:28px;color:#333;line-height:2.4em; font-weight:300; color:#8d8d8d; font-size:11px;}
#tnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none}
#tnb img {margin-right:3px}


/* 상단 레이아웃 */
#top_bg {width:100%; height:7px; background:url('/img/top_bg.jpg') center center;}
#hd {z-index:4;position:relative;min-width:1200px;background:#fff}
.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {margin:0 auto;padding:26px 0;width:1200px;zoom:1;}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {float:left;padding:5px 0 0;width:300px;}


/* 메인메뉴 */
#gnb {float:right; width:580px;}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb_1dul {margin:0 auto !important;padding:0;width:690px;zoom:1}
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_1dli {z-index:10;position:relative;float:left; width:20%; text-align:center; margin-top:20px;}
.gnb_1da {display:inline-block;padding:0;height:35px;font-weight:300;text-decoration:none;font-size:17px; color:#545454; line-height:35px;}
.gnb_1da:focus, .gnb_1da:hover {text-decoration:none}
.gnb_1dli_air .gnb_1da {background-color:#fff;color:#434343}
.gnb_1dli_on .gnb_1da {background-color:#fff;color:#434343}
.gnb_2dul {display:none;position:absolute;top:35px;width:150px}
.gnb_2da {display:block;padding:13px 0;text-align:center;text-decoration:none}
.gnb_1dli_air .gnb_2da {background-color:#333;color:#fff}
.gnb_1dli_on .gnb_2da {background-color:#333;color:#fff}
.gnb_2da:focus, .gnb_2da:hover {background:#666;text-decoration:none}
.gnb_1dli_over .gnb_2dul {display:block;left:0;background:#fff}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0;background:#fff}

#gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em}
#gnb_empty a {text-decoration:underline}

/* 중간 레이아웃 */
#wrapper_m {z-index:5;margin:0 auto;width:100%;zoom:1}
#wrapper_m:after {display:block;visibility:hidden;clear:both;content:""}
#wrapper {z-index:5;margin:0 auto;width:100%;zoom:1}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#container_m {z-index:4;position:relative;float:left;padding:0;width:100%;min-height:500px;height:auto !important;height:500px;background:#fff;font-size:1em;zoom:1}
#container_m:after {display:block;visibility:hidden;clear:both;content:""}
#container {z-index:4;margin:0 auto;padding-top:15px;width:1200px;min-height:500px;height:auto !important;height:500px;background:#fff;font-size:1em;zoom:1;}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin-bottom:20px;font-size:1.2em;font-weight:bold}

/****** visual 
.wrap_main {position:relative; height:490px; width:100%; color:#fff; overflow:hidden;z-index:0;}
.wrap_main .spot {width:100%; height:490px;}
.wrap_main .spot_images{overflow:hidden ;height:490px}
.wrap_main .spot_images .spot_image1, .wrap_main .spot_images .spot_image2, .wrap_main .spot_images .spot_image3 {position:absolute;top:0;left:0;z-index:0;width:100%;height:490px;text-align:center;}
.wrap_main .spot_images .spot_image2, .wrap_main .spot_images .spot_image3 {opacity:0;filter:alpha(opacity=0)}
.wrap_main .spot_images .image {height:490px;}
.wrap_main .spot_images .image div {position:relative; width:1200px;*width:1200px;height:490px;margin:0 auto;text-align:left}

		
.wrap_main .spot_image1, .wrap_main .spot_image2, .wrap_main .spot_image3 {background:#fff;}

.wrap_main .spot_image1 .image {background:url('/img/mv1.jpg') center top no-repeat;}
.wrap_main .spot_image2 .image {background:url('/img/mv2.jpg') center top no-repeat;}
.wrap_main .spot_image3 .image {background:url('/img/mv3.jpg') center top no-repeat;}
.wrap_main .spot_image1 .image div{_background:url('/img/mv1.jpg') center top no-repeat;}
.wrap_main .spot_image2 .image div{_background:url('/img/mv2.jpg') center top no-repeat;}
.wrap_main .spot_image3 .image div{_background:url('/img/mv3.jpg') center top no-repeat;}

.wrap_main .mainshow {z-index:10 !important; }
.wrap_main .spot_static {position:absolute; top:470px; left:48%; z-index:780;}
.wrap_main .spot_static a {float:left; width:30px; height:2px; margin-left:7px; background:#58585a;}
.wrap_main .spot_static a:hover{background:#bab954;}
.wrap_main .spot_static a.on{background:#bab954;}


.image .text {width:500px; position:relative; top:100px; overflow:hidden; z-index:780; display:none;}
.image .text ul {width:100%;}
.image .text li {width:100%; font-size:20px; letter-spacing:-0.5pt;}
.image .text li.tit {font-size:40px; color:#fff; font-weight:500; line-height:normal; text-shadow:3px 2px 10px #000;}
.image .text li.big {font-size:60px; color:#fff; font-weight:700; line-height:normal; margin:15px 10px; text-shadow:3px 2px 20px #000;}
.image .text li.txt {font-size:17px; color:#859296; line-height:130%;}
.image .text li.txt2 {font-size:17px; color:#507986; line-height:130%;}

.white {color:#fff !important;}
***************/

/* mv */
#mv {width:100%; height:490px; background:url('/img/mv_bg.jpg'); text-align:center;}


/* SIGN pop */
#sign_pop {text-align:center; padding:0 20px 20px; background:#bbb954;}
#sign_pop h3 {padding:25px; font-size:35px; color:#fff; font-weight:500;}
#sign_pop .pop_sign_txt {padding:30px 0; font-size:17px; line-height:27px; color:#434343; font-weight:300; letter-spacing:-0.01em; background:#fff;}
#sign_pop .pop_sign_txt p span {color:#908e27; font-weight:400;}
#sign_pop .pop_sign_txt p a {font-weight:400;}
#sign_pop .pop_sign_txt p a:hover {color:#777;}

/* 메인 레이아웃 */
#mwrap {width:100%; height:330px; margin-top:20px; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; background:url('/img/m_cont_bg.jpg') center center;}
#mwrap .mcont {width:1200px; margin:0 auto;}
#mwrap .mcont h3 {font-size:18px; font-weight:400; color:#5c5959;}
#mwrap .mcont .box1 {float:left; width:380px; padding:35px 31px 35px 0;}
#mwrap .mcont .box1 h3 {margin-bottom:12px;}
#mwrap .mcont .box1 p {margin-top:1px}
#mwrap .mcont .box2 {float:left; width:351px; padding:35px 31px 35px 31px;}
#mwrap .mcont .box2 h3 {margin-bottom:12px;}
#mwrap .mcont .box2 p {float:left; margin-top:1px}
#mwrap .mcont .box3 {float:left; width:351px; height:127px; padding:20px 0 16px 25px;}
/*#mwrap .mcont .box4 {float:left; width:351px; padding:20px 0 14px 25px; background:url('/img/cs_bg.jpg') no-repeat;} 
#mwrap .mcont .box4 .pn {font-size:40px; color:#88872e; font-weight:500;}
#mwrap .mcont .box4 .time {font-size:14px; color:#24272b; font-weight:300;}
#mwrap .mcont .box4 .ct {font-size:14px; color:#70757d; font-weight:300;}
#mwrap .mcont .box4 .ct span {color:#d2420e;}*/
#mwrap .mcont .box4 {float:left; width:351px; padding:16px 0 14px 25px; font-weight:400;} 
#mwrap .mcont .box4 p {font-size:12px; letter-spacing:-0.01em; color:#434343;} 
#mwrap .mcont .box4 p span {color:#7b7a18;}
#mwrap .mcont .box4 a:hover {color:#999;}

#loca_wrap {clear:both; width:100%; padding-top:90px; text-align:center;}
#loca_wrap h2 {font-size:35px; color:#333; font-weight:400; line-height:40px; margin-bottom:30px;}
#loca_wrap h2 span {font-size:23px; color:#5c5959;}
#loca_wrap .loca_inner {height:192px; background:#f5f5f5;}
#loca_wrap .loca_cont {width:1200px; margin:0 auto;}
#loca_wrap .loca_cont p {float:left;}

/* 서브 레이아웃 */
#sv {width:100%; height:176px; text-align:center; background:url('/img/sv_bg.jpg') repeat-x;}
.line_img {padding:50px 0;}
.cboth {clear:both;}
.cbothline {clear:both; padding:40px 0; border-bottom:1px solid #e6e6e6;}
.mt40 {margin-top:40px;}
.pt60 {padding-top:60px;}
.pt50 {padding-top:50px;}

#sub_cate, #sub_cate2, #sub_cate3 {width:1200px;}
#sub_cate li {float:left; width:16.6666%; text-align:center; border:1px solid #d7d7d7; border-left:none; box-sizing:border-box;}
#sub_cate2 li {float:left; width:33.3333%; text-align:center; border:1px solid #d7d7d7; border-left:none; box-sizing:border-box;}
#sub_cate3 li {float:left; width:50%; text-align:center; border:1px solid #d7d7d7; border-left:none; box-sizing:border-box;}
#sub_cate li:first-child, #sub_cate2 li:first-child, #sub_cate3 li:first-child {border-left:1px solid #d7d7d7;}
#sub_cate li a, #sub_cate2 li a, #sub_cate3 li a {font-size:16px; color:#545454; font-weight:300; line-height:45px;}
#sub_cate li.on, #sub_cate2 li.on, #sub_cate3 li.on {background:#bab954;}
#sub_cate li.on a, #sub_cate2 li.on a, #sub_cate3 li.on a {color:#fff; font-weight:400;}

#sub_title {clear:both; padding:55px 0 20px; text-align:center; font-size:35px; color:#2f312d; font-weight:500;}
#sub_cont {padding:40px; border:1px solid #d7d7d7; min-height:500px;}

#sub_cont .greeting img {float:left; margin-right:30px;}
#sub_cont .greeting h4 {font-size:24px; color:#242121; font-weight:400;}
#sub_cont .greeting h4 span {font-size:22px; color:#494646;}
#sub_cont .greeting p {font-size:17px; color:#434343; font-weight:300; margin-top:50px; line-height:27px;}
#sub_cont .greeting p span {font-weight:400; color:#222;}


#sub_cont .organization {text-align:center;}

#sub_cont .certified h4 {float:left; font-size:45px; color:#2f312d; font-weight:500; line-height:50px; margin-top:30px;}
#sub_cont .certified h4 span {font-weight:400; color:#9e9d27;}
#sub_cont .certified .ctf_img {float:right;}
#sub_cont .certified p {float:left; font-size:17px; line-height:27px; letter-spacing:-0.03em; color:#434343; font-weight:300;}

#sub_cont .certified2 h4 {font-size:45px; color:#2f312d; font-weight:500; line-height:50px; margin-top:30px; text-align:center;}
#sub_cont .certified2 h4 span {font-weight:400; color:#9e9d27;}
#sub_cont .certified2  .box_h4 {font-size:20px; font-weight:400; text-align:left; margin-top:40px;}
#sub_cont .certified2 p {font-size:17px; line-height:27px; color:#434343; font-weight:300; text-align:center;}
#sub_cont .certified2 .ctf_img {float:left; margin:0 0 20px;}

#sub_cont .patent {clear:both; padding-top:40px;}
#sub_cont .patent h4 {font-size:20px; font-weight:400;}

#sub_cont .location {width:1100px; margin:0 auto;}
#cheonan {padding-top:50px;}
#jeonju {padding-top:50px;}
#sub_cont .location h4 {font-size:21px; color:#2f312d; font-weight:400; margin:0 0 5px;}
#sub_cont .location h4:first-child {margin-top:-50px;}
#sub_cont .location h4 a {font-size:17px; font-weight:300;}
#sub_cont .location h4 a:hover {color:#8f8e1b;}
#sub_cont .location p {font-size:17px; color:#434343; font-weight:300; margin-bottom:10px;}

#sub_cont .material h4.title {width:100%; font-size:27px; color:#434343; text-align:center; font-weight:400; line-height:35px; padding:35px 0; background:url('/img/gray_bg.jpg')}
#sub_cont .material h4.title span {font-size:17px; font-weight:300;}
#sub_cont .mt_box1 h4 {font-size:22px; color:#2f312d; font-weight:400; margin:50px 0 10px;}
#sub_cont .mt_box1 ul li {font-size:17px; line-height:27px; color:#434343; font-weight:300;}
#sub_cont .mt_box1 .img1 {margin-top:30px;}
#sub_cont .mt_box2 h3 {font-size:28px; color:#81800c; font-weight:400; margin-bottom:20px;}
#sub_cont .mt_box2 h3 span {font-size:17px; color:#777; font-weight:300;}
#sub_cont .mt_box2 h4 {font-size:22px; color:#2f312d; font-weight:400; margin:50px 0 10px;}
#sub_cont .mt_box2 .txt_area {padding:30px 30px 180px; border:1px solid #e6e6e6; background:url('/img/material_bg.jpg') no-repeat;}
#sub_cont .mt_box2 .txt_area p.txt_title {padding:3px 12px; margin-bottom:12px; display:inline-block; color:#fff; font-size:19px; border-left:5px solid #9e9d27; background:#474845;}
#sub_cont .mt_box2 .txt_area ul li {font-size:17px; line-height:27px; color:#434343; font-weight:300;}

#sub_cont .amh3 {font-size:28px; color:#81800c; font-weight:400;}
#sub_cont .amh3 span {font-size:17px; color:#777; font-weight:300;}
#sub_cont h4.title {font-size:22px; color:#2f312d; font-weight:400; margin:50px 0 10px;}
#sub_cont h4.title2 {font-size:22px; color:#2f312d; font-weight:400; margin:0px 0 10px;}
#sub_cont .atm .fbimg {float:left;}
#sub_cont .txt_title {clear:both; padding:3px 12px; margin-bottom:12px; display:inline-block; color:#fff; font-size:19px; border-left:5px solid #9e9d27; background:#474845;}
#sub_cont .txt_title2 {padding:3px 12px; margin:50px 0 12px; display:inline-block; color:#fff; font-size:19px; border-left:5px solid #9e9d27; background:#474845;}
#sub_cont .txt_title3 {clear:both; padding:3px 12px; margin-bottom:12px; display:inline-block; color:#fff; font-size:19px; border-left:5px solid #9e9d27; background:#474845;}
#sub_cont .exteriors {float:left; width:756px; height:250px; padding:25px 30px; margin-bottom:10px; border:1px solid #e6e6e6;}
#sub_cont .exteriors ul li {float:left; text-align:center; line-height:35px; font-size:15px; font-weight:400; color:#434343; margin-left:14px;}
#sub_cont .exteriors ul li:first-child {margin-left:0;}
#sub_cont .interiors {clear:both; width:1056px; height:270px; padding:25px 30px; border:1px solid #e6e6e6;}
#sub_cont .interiors li {float:left; text-align:center; line-height:35px; font-size:15px; font-weight:400; color:#434343; margin-left:10px;}
#sub_cont .interiors li:first-child {margin-left:0;}
#sub_cont .nj {padding:30px; border:1px solid #e6e6e6;}
#sub_cont .nj ul li {font-size:17px; line-height:27px; color:#434343; font-weight:300;}
#sub_cont .nj ul.imgul {margin-top:20px; height:220px;}
#sub_cont .nj ul.imgul li {float:left; text-align:center; text-align:center; line-height:35px; font-size:15px; font-weight:400; color:#434343;}
#sub_cont .nj ul.imgul2 {margin-top:20px; height:220px;}
#sub_cont .nj ul.imgul2 li {float:left; margin-right:20px; text-align:center; line-height:35px; font-size:15px; font-weight:400; color:#434343;}
#sub_cont .nj ul.imgul3 {margin-top:20px; height:415px;}
#sub_cont .nj ul.imgul3 li {float:left; margin:0 20px 20px 0;}
#sub_cont .nj a.nj_btn img {width:790px; height:84px; margin:50px 0 0 134px;}
#sub_cont .yj {padding:30px; border:1px solid #e6e6e6;}
#sub_cont .yj ul li {font-size:17px; line-height:27px; color:#434343; font-weight:300;}
#sub_cont .yj ul.imgul {margin-top:20px; height:250px;}
#sub_cont .yj ul.imgul li {float:left; text-align:center; text-align:center; line-height:35px; font-size:15px; font-weight:400; color:#434343;}
#sub_cont .yj ul.imgul2 {margin-top:20px; height:210px;}
#sub_cont .yj ul.imgul2 li {float:left; margin-right:20px; text-align:center; line-height:35px; font-size:15px; font-weight:400; color:#434343;}
#sub_cont .yj a.nj_btn img {width:790px; height:84px; margin:50px 0 0 134px;}
#sub_cont .arp {padding:30px 30px 110px; margin-bottom:50px; border:1px solid #e6e6e6;}
#sub_cont .arp .txt_title {margin-top:40px;}
#sub_cont .arp ul li {width:50%; float:left; font-size:17px; color:#434343; line-height:27px; font-weight:300;}

#sub_cont .bmh3 {font-size:28px; color:#81800c; font-weight:400;}
#sub_cont .bmh3 span {font-size:17px; color:#777; font-weight:300;}
#sub_cont .ach3 {margin-top:50px; font-size:28px; color:#81800c; font-weight:400;}
#sub_cont .ach3 span {font-size:17px; color:#777; font-weight:300;}
#sub_cont .btm .fbimg {float:left;}
#sub_cont .txt_title {clear:both; padding:3px 12px; margin-bottom:12px; display:inline-block; color:#fff; font-size:19px; border-left:5px solid #9e9d27; background:#474845;}
#sub_cont .txt_title2 {padding:3px 12px; margin:50px 0 12px; display:inline-block; color:#fff; font-size:19px; border-left:5px solid #9e9d27; background:#474845;}
#sub_cont .txt_title3 {clear:both; padding:3px 12px; margin-bottom:12px; display:inline-block; color:#fff; font-size:19px; border-left:5px solid #9e9d27; background:#474845;}
#sub_cont .sbd {padding:20px; margin-bottom:10px; border:1px solid #e6e6e6; text-align:center; font-size:17px; color:#434343; font-weight:400;}
#sub_cont .sbd p {margin-top:10px;}
#sub_cont .pet {padding:30px; border:1px solid #e6e6e6;}
#sub_cont .pet ul li {font-size:17px; line-height:27px; color:#434343; font-weight:300;}
#sub_cont .pet ul.imgul {margin-top:20px; height:220px;}
#sub_cont .pet ul.imgul li {float:left; margin-right:20px; text-align:center; text-align:center; line-height:35px; font-size:15px; font-weight:400; color:#434343;}
#sub_cont .pet ul.imgul2 {margin-top:20px; height:220px;}
#sub_cont .pet ul.imgul2 li {float:left; margin-right:20px; text-align:center; line-height:35px; font-size:15px; font-weight:400; color:#434343;}
#sub_cont .pet ul.imgul3 {margin-top:20px; height:415px;}
#sub_cont .pet ul.imgul3 li {float:left; margin:0 20px 20px 0;}
#sub_cont .pet a.int_btn img {width:790px; height:84px; margin:50px 0 0 134px;}
#sub_cont .pet .tbp {margin-top:30px;}
#sub_cont .gcsj {padding:30px; border:1px solid #e6e6e6;}
#sub_cont .gcsj ul li {font-size:17px; line-height:27px; color:#434343; font-weight:300;}
#sub_cont .gcsj ul.imgul {margin-top:20px; height:250px;}
#sub_cont .gcsj ul.imgul li {float:left; text-align:center; text-align:center; line-height:20px; font-size:15px; font-weight:400; color:#434343;}
#sub_cont .gcsj ul.imgul2 {margin-top:20px; height:210px;}
#sub_cont .gcsj ul.imgul2 li {float:left; margin-right:20px; text-align:center; line-height:35px; font-size:15px; font-weight:400; color:#434343;}
#sub_cont .gcsj a.nj_btn img {width:790px; height:84px; margin:50px 0 0 134px;}
#sub_cont .appcase {width:1110px; margin:20px auto;}

#sub_cont .nbline_jj {float:left; width:549px; margin-right:20px;}
#sub_cont .nbline_ca {float:left; width:549px;}
#sub_cont .jjgj {width:489px; height:631px; padding:30px;border:1px solid #e6e6e6;}
#sub_cont .jjgj ul {margin-bottom:25px;}
#sub_cont .jjgj ul li {font-size:17px; line-height:27px; color:#434343; font-weight:300;}
#sub_cont .nbline_ca .jjgj img {margin-top:27px;}

#sub_cont .jjbox1>table  {margin-top:20px;}
#sub_cont .jjbox1 .tbp2 {font-size:15px; color:#434343; font-weight:300; margin-top:10px;}
#sub_cont .jjbox2 {clear:both; font-size:17px; line-height:27px; color:#434343; font-weight:300;}
#sub_cont .jjbox2 ul {margin-top:10px;}
#sub_cont .jjbox2 ul li {float:left; margin:10px 4px 0;}

#sub_cont .labbox {width:100%; font-size:17px; line-height:29px; color:#434343; font-weight:300; margin-top:40px; padding:30px; border:1px solid #e7e7e7; box-sizing:border-box; background:url('/img/rnd_bg.jpg') }
#sub_cont .certified h4.imgh4 {float:left; line-height:0; margin-top:0;}

#sub_cont .lfbox .lf_box1 {clear:both; width:100%; height:190px; margin:10px 0 5px; background:#333;}
#sub_cont .lfbox .lf_box1 img {float:left; margin-right:30px;}
#sub_cont .lfbox .lf_box1 p.box_title {padding-top:30px; font-size:19px; font-weight:400; color:#fff;}
#sub_cont .lfbox .lf_box1 p {font-size:17px; line-height:27px; color:#f0f0f0; font-weight:300;}
#sub_cont .lfbox .lf_box2 {clear:both; width:100%; height:190px; margin:10px 0 5px; background:#eaeaea;}
#sub_cont .lfbox .lf_box2 img {float:left; margin-right:30px;}
#sub_cont .lfbox .lf_box2 p.box_title {padding-top:30px; font-size:19px; font-weight:400; color:#2f312d;}
#sub_cont .lfbox .lf_box2 p {font-size:17px; line-height:27px; color:#4c4d4b; font-weight:300;}

#sub_cont .mp_box { margin:20px 0 50px; font-size:17px; line-height:30px; color:#434343; font-weight:300; padding-bottom:60px; border-bottom:1px solid #e7e7e7;}
#sub_cont .mp_box img {padding:20px; margin:25px 0; border:1px solid #e7e7e7;}

#sub_cont .ch_table {float:left; width:780px;}
#sub_cont .chimg {float:right; margin-top:10px;}
#sub_cont .cboth_h3 {clear:both}
#sub_cont .line_box {clear:both; padding-top:60px; border-bottom:1px solid #e7e7e7;}
#sub_cont .cboth_box {clear:both;}



/* tap 카테고리 */
.tabs .tabNavi { zoom:1; margin-top:10px; border-right:1px solid #e6e6e6; border-top:1px solid #e6e6e6;}
.tabs .tabNavi:after {content:""; display:block; clear:both;}
.tabs .tabNavi li {width:33.333%; list-style:none; float:left; background:#fff; text-align:center; line-height:18px;}		
.tabs .tabNavi li a {display:block;font-size:15px;color:#222;border-left:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;padding:15px 0;}
.tabs .tabNavi li:first-child a{ }
.tabs .tabNavi li a.selected {color:#fff; background:#81800c;}
.tab{padding-top:30px;}
.tab p{position:relative; font-size:20px; color:#2f312d; font-weight:400; padding-bottom:20px; padding-top:6px;  }
.tab .tapimg {float:left; clear:both; margin-bottom:10px;}
.tab ul {float:left; padding:25px; width:768px; height:130px; font-size:16px; color:#333; line-height:26px; font-weight:300; background:#f1f1f1;}


/* 견적문의 팝업 */
#layer_pop_bg {width:700px; height:620px; background:url('/img/layer_pop_bg.jpg') no-repeat;}
#layer_pop_bg .layer_pop {width:633px; margin:0 auto; padding:30px 0;}
#layer_pop_bg .layer_pop h2 {font-size:40px; font-weight:500; text-align:center; color:#dbda6d;}
#layer_pop_bg .layer_pop #txt {width:100%; height:279px; margin-top:30px; padding:10px 17px; font-size:14px; color:#434343; line-height:30px; font-family:'Noto Sans KR'; box-sizing:border-box;}
#layer_pop_bg .layer_pop #fregister_private textarea {width:100%; height:50px; margin-top:5px; padding:5px 10px; font-size:12px; color:#434343; line-height:20px; font-family:'Noto Sans KR'; font-weight:300; box-sizing:border-box;}
#layer_pop_bg .layer_pop #fregister_private .fregister_agree {font-size:12px; color:#fff; margin-bottom:35px;}


/* 테이블 */
caption {display:none;}

.tableType1 {font-size:14px; color:#333; width:100%; border-collapse:separate; *border-collapse:collapse; border-spacing:0; table-layout:fixed; border-top:2px solid #9e9d27; margin:10px auto 0;}
.tableType1 th {background:#f5f5f5;border-bottom:1px solid #E6E6E6;padding:13px 0;text-align:center;line-height:20px; font-weight:400; border-left:1px solid #e6e6e6;}
.tableType1 td {border-bottom:1px solid #E6E6E6;padding:13px 0; line-height:20px;word-break:break-all; border-left:1px solid #e6e6e6; text-align:center;}
.tableType1 th:first-child, .tableType1 td:first-child {border-left:none;}
.tableType1 td.txt_left {text-align:left; padding:0 10px;}
.tableType1 td.b_left {border-left:1px solid #e6e6e6;} 

.tableType2 {font-size:14px; color:#333; width:100%; border-collapse:separate; *border-collapse:collapse; border-spacing:0; table-layout:fixed; border-top:2px solid #9e9d27; margin:10px auto 0;}
.tableType2 th {background:#f5f5f5;border-bottom:1px solid #E6E6E6;padding:13px 0;line-height:20px; font-weight:400; border-left:1px solid #e6e6e6; text-align:center;}
.tableType2 td {border-bottom:1px solid #E6E6E6;padding:13px 3px; line-height:20px;word-break:break-all; border-left:1px solid #e6e6e6; text-align:center;}
.tableType2 th:first-child {border-left:none;}
.tableType2 td:first-child {border-left:none; text-align:left;}
.tableType2 td.txt_left {text-align:left; padding:0 10px;}
.tableType2 td.b_left {border-left:1px solid #e6e6e6;} 
.tableType2 td span {font-size:13px; color:#777;}


/* 하단 레이아웃 */
#ft {clear:both; padding-top:120px; min-width:1200px;background:#fff}
#ft_link {line-height:48px; text-align:center; background:#363636;}
#ft_link p {color:#7d7d7d;}
#ft_link p a {color:#d2d2d2; font-size:14px;}
#ft_link p a:hover {color:#efefef;}
#ft_inner {width:1200px; margin:0 auto; padding:25px 0; font-size:14px; line-height:20px; color:#777;}
#ft_inner img {float:left; margin-right:40px;}

#ft::after {clear:both;}


/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {position:absolute;top:0;left:161px;;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat;}
#captcha #captcha_reload {position:absolute;top:31px;left:161px;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat  0 -30px;border-top:1px solid #ccc;text-indent:-999px}
#captcha #captcha_key {margin:0 0 0 33px;padding:0 5px;width:70px;height:60px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat  0 -30px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* 버튼 */
a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {padding:8px;border:0;background:#98971f;color:#fff;letter-spacing:-0.1em;cursor:pointer; font-size:13px;}
.btn_submit2 {padding:11px 8px;border:0;background:#98971f;color:#fff;letter-spacing:-0.1em;cursor:pointer; font-size:13px;}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

a.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;padding:7px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;padding:7px 7px;border:1px solid #3b3c3f;background:#434343;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_admin {display:inline-block;padding:7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}

/* 댓글 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px;}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:12px 0;border-top:2px solid #9e9d27;border-bottom:1px solid #e6e6e6;background:#f5f5f5;color:#383838;font-size:14px;text-align:center;letter-spacing:-0.1em; font-weight:400;}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:8px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all; font-weight:300;}
.tbl_head01 a {}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0;}
.tbl_frm01 th {width:150px;padding:7px 13px; text-align:center; border:1px solid #e9e9e9;border-left:0;background:#f5f5f5; font-size:14px; font-weight:400;}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em; font-size:13px; font-weight:300;font-family:'Malgun Gothic';}
.tbl_frm01 textarea {padding:10px; box-sizing:border-box;}
.frm_input {height:22px}
.tbl_frm01 textarea {width:98%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') top right no-repeat !important}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #333;border-bottom:1px solid #dde4e9;background:#fff;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:20px}

.new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;background:#4b545e;color:#fff;line-height:2em;cursor:pointer}
.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}

/* 검색결과 색상 */
.sch_word {color:#ff3061}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#e4eaec;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}