/* 세라믹 */ #wrap .wrap #contents .sub14 .gary_line{margin-top:70px;height:5px;width:180px;margin-bottom:30px;background-color:#d1d1d1} #wrap .wrap #contents .sub_t14 {width:728px;height:750px;margin-left:0} #wrap .wrap #contents .sub14 {width:728px;height:4650px;background-color:#fff;margin-left:10px;margin-top:10px;margin-bottom:769px} #wrap .wrap #contents .sub_t14 .sub0t_14 {width:728px;height:750px;margin-top:0} #wrap .wrap #contents .sub_t14 .sub0t_14 .thumb {position:absolute; top:20px; left:0 ;z-index:9} #wrap .wrap #contents .sub_t14 .sub0t_14 .thumb2 {background-image:url('/images/sub_btn_box.png');background-repeat:no-repeat;position:absolute; top:590px; left:10px ;z-index:99;width:300px;height:160px} #wrap .wrap #contents .sub_t14 .sub0t_14 .thumb2 img{padding:30px 0 0 30px} #wrap .wrap #contents .sub_t14 .sub0t_14 .thumb3 {position:absolute; top:590px; right:10px ;z-index:99;width:300px;height:160px} #wrap .wrap #contents .sub14 .sub14_1 {position:relative;width:668px;height:395px;background-color:#fff;margin-left:50px;padding-top:1px;border-bottom:1px solid #dcdcdc} #wrap .wrap #contents .sub14 .sub14_1 h4 {padding:0 0 0 50px;margin-bottom:20px;font-size:25px;color:#b3b3b3;line-height:25px;font-weight:bold} #wrap .wrap #contents .sub14 .sub14_1 h4 img{margin-right:15px;margin-top:-3px} #wrap .wrap #contents .sub14 .sub14_1 p {padding:0;font-size:12px;color:#7f7f7f;line-height:12px} #wrap .wrap #contents .sub14 .sub14_1 .cen_txt0{padding:50px 0 0 50px;font-size:28px;color:#434343;line-height:28px} #wrap .wrap #contents .sub14 .sub14_1 .cen_txt1{padding:25px 0 0 50px;font-size:22px;color:#adb301;line-height:26px;font-weight:bold;width:270px} #wrap .wrap #contents .sub14 .sub14_1 .cen_txt2{padding:30px 0 0 50px;color:#7d7d7d;font-size:14px;line-height:22px} #wrap .wrap #contents .sub14 .sub14_1 .thumb {position:absolute;bottom:5px; right:0 ;z-index:9} #wrap .wrap #contents .sub14 .sub14_1 .thumb img{width:309px} #wrap .wrap #contents .sub14 .sub14_2 {position:relative;width:628px;height:561px;background-color:#fff;margin-left:50px;padding-top:70px;border-bottom:0;background-image:url('/images/sub_02/sub_0206_img2_3.png');background-repeat:no-repeat;background-position:0 70px} #wrap .wrap #contents .sub14 .sub14_2 h4 {padding:0 0 0 50px;margin-bottom:20px;font-size:25px;color:#b3b3b3;line-height:25px;font-weight:bold} #wrap .wrap #contents .sub14 .sub14_2 h4 img{} #wrap .wrap #contents .sub14 .sub14_2 p {padding:0;font-size:12px;color:#7f7f7f;line-height:12px} #wrap .wrap #contents .sub14 .sub14_2 .cen_txt0{padding:60px 0 10px 50px;font-size:28px;color:#ced512;line-height:28px} #wrap .wrap #contents .sub14 .sub14_2 .cen_txt1{padding:20px 0 0 50px;color:#fff;font-size:14px;line-height:18px} #wrap .wrap #contents .sub14 .sub14_2 .cen_txt1 img{margin-right:15px;margin-top:-6px} #wrap .wrap #contents .sub14 .sub14_2 .cen_txt2{padding:20px 0 0 70px;color:#fff;font-size:14px;line-height:18px} #wrap .wrap #contents .sub14 .sub14_2 .cen_txt2 img{margin-right:15px;margin-top:-6px} #wrap .wrap #contents .sub14 .sub14_2 .thumb {position:absolute;left:355px; top:300px ;z-index:9} #wrap .wrap #contents .sub14 .sub14_2 .thumb img{width:200px} #wrap .wrap #contents .sub14 .sub14_3 {position:relative;width:628px;height:1270px;background-color:#fff;margin-left:50px;padding-top:1px;border-bottom:1px solid #dcdcdc;border-top:1px solid #dcdcdc} #wrap .wrap #contents .sub14 .sub14_3 h4 {padding:0 0 0 50px;margin-bottom:20px;font-size:25px;color:#b3b3b3;line-height:25px;font-weight:bold} #wrap .wrap #contents .sub14 .sub14_3 h4 img{margin-right:15px;margin-top:-3px} #wrap .wrap #contents .sub14 .sub14_3 p {padding:0;font-size:12px;color:#7f7f7f;line-height:12px} #wrap .wrap #contents .sub14 .sub14_3 .cen_txt0{padding:50px 0 0 50px;font-size:28px;color:#434343;line-height:28px} #wrap .wrap #contents .sub14 .sub14_3 .cen_txt1{padding:20px 0 0 50px;font-size:22px;color:#adb301;line-height:26px;font-weight:bold} #wrap .wrap #contents .sub14 .sub14_3 .cen_txt2{padding:20px 0 0 50px;color:#7d7d7d;font-size:13px;line-height:18px} #wrap .wrap #contents .sub14 .sub14_3 .thumb {position:absolute;bottom:65px; left:0 ;z-index:9} #wrap .wrap #contents .sub14 .sub14_3 .thumb ul{width:628px} #wrap .wrap #contents .sub14 .sub14_3 .thumb ul li.pic_left{margin-left:0;margin-right:0;float:left} #wrap .wrap #contents .sub14 .sub14_3 .thumb ul li.pic_right{margin-left:0;margin-top:10px;float:left} #wrap .wrap #contents .sub14 .sub14_3 .thumb ul li.pic_left img{width:608px} #wrap .wrap #contents .sub14 .sub14_3 .thumb ul li.pic_right img{width:608px} #wrap .wrap #contents .sub14 .sub14_3 .cen_txt3{position:absolute;top:362px;left:185px;color:#fff;font-weight:bold;font-size:24px;line-height:24px;z-index:9999} #wrap .wrap #contents .sub14 .sub14_3 .cen_txt4{position:absolute;top:782px;left:175px;color:#fff;font-weight:bold;font-size:24px;line-height:24px;z-index:9999} #wrap .wrap #contents .sub14 .sub14_4 {position:relative;width:628px;height:750px;background-color:#fff;margin-left:50px;padding-top:1px;border-bottom:1px solid #dcdcdc} #wrap .wrap #contents .sub14 .sub14_4 h4 {padding:0 0 0 50px;margin-bottom:20px;font-size:25px;color:#b3b3b3;line-height:25px;font-weight:bold} #wrap .wrap #contents .sub14 .sub14_4 h4 img{margin-right:15px;margin-top:-8px} #wrap .wrap #contents .sub14 .sub14_4 p {padding:0;font-size:14px;color:#7f7f7f;line-height:22px} #wrap .wrap #contents .sub14 .sub14_4 .cen_txt0{padding:0 0 20px 50px;font-size:25px;color:#434343;line-height:25px;line-height:20px} #wrap .wrap #contents .sub14 .sub14_4 .cen_txt1{padding:35px 0 0 50px;color:#adb301;font-weight:bold;font-size:22px;line-height:22px} #wrap .wrap #contents .sub14 .sub14_4 .cen_txt1 img{margin-right:15px;margin-top:-6px} #wrap .wrap #contents .sub14 .sub14_4 .cen_txt1 .sub_text{margin-left:50px;margin-top:10px;color:#7d7d7d;font-size:14px;font-weight:normal;line-height:22px} #wrap .wrap #contents .sub14 .sub14_4 .thumb {display:none} #wrap .wrap #contents .lines {position:relative;width:728px;height:1px;background-color:#d6d6d6;margin-left:0;margin-top:121px;display:block} /* 세라믹 */ @media all and (min-width:940px){ #wrap .wrap #contents .sub14 {width:736px;height:4650px;background-color:#fff;margin-left:0;margin-top:10px;margin-bottom:10px} #wrap .wrap #contents .sub_t14 .sub0t_14 {width:736px;height:750px;margin-top:0} #wrap .wrap #contents .sub_t14 .sub0t_14 .thumb2 {left:0 } #wrap .wrap #contents .sub_t14 .sub0t_14 .thumb3 {right:0} #wrap .wrap #contents .lines {display:none} } @media all and (min-width:1200px){ /* 세라믹 */ #wrap .wrap #contents .sub14 .gary_line{margin-top:70px;height:5px;width:180px;margin-bottom:30px;background-color:#d1d1d1} #wrap .wrap #contents .sub_t14 {width:1007px;height:715px;margin-left:0} #wrap .wrap #contents .sub14 {width:1007px;height:3750px;background-color:#fff;margin-left:0;margin-top:10px;margin-bottom:10px} #wrap .wrap #contents .sub_t14 .sub0t_14 {width:1007px;height:715px;margin-top:0} #wrap .wrap #contents .sub_t14 .sub0t_14 .thumb {position:absolute; top:20px; left:125px ;z-index:9} #wrap .wrap #contents .sub_t14 .sub0t_14 .thumb2 {background-image:url('/images/sub_btn_box.png');background-repeat:no-repeat;position:absolute; top:555px; left:0 ;z-index:99;width:300px;height:160px} #wrap .wrap #contents .sub_t14 .sub0t_14 .thumb2 img{padding:30px 0 0 30px} #wrap .wrap #contents .sub_t14 .sub0t_14 .thumb3 {position:absolute; top:555px; right:0 ;z-index:99;width:300px;height:160px} #wrap .wrap #contents .sub14 .sub14_1 {position:relative;width:940px;height:380px;background-color:#fff;margin-left:60px;padding-top:1px;border-bottom:1px solid #dcdcdc} #wrap .wrap #contents .sub14 .sub14_1 h4 {padding:0 0 0 50px;margin-bottom:20px;font-size:25px;color:#b3b3b3;line-height:25px;font-weight:bold} #wrap .wrap #contents .sub14 .sub14_1 h4 img{margin-right:15px;margin-top:-3px} #wrap .wrap #contents .sub14 .sub14_1 p {padding:0;font-size:13px;color:#7f7f7f;line-height:20px} #wrap .wrap #contents .sub14 .sub14_1 .cen_txt0{padding:50px 0 0 50px;font-size:28px;color:#434343;line-height:28px} #wrap .wrap #contents .sub14 .sub14_1 .cen_txt1{padding:25px 0 0 50px;font-size:22px;color:#adb301;line-height:26px;font-weight:bold;width:470px} #wrap .wrap #contents .sub14 .sub14_1 .cen_txt2{padding:30px 0 0 50px;color:#7d7d7d} #wrap .wrap #contents .sub14 .sub14_1 .thumb {position:absolute;bottom:15px; right:10px ;z-index:9} #wrap .wrap #contents .sub14 .sub14_1 .thumb img{width:425px} #wrap .wrap #contents .sub14 .sub14_2 {position:relative;width:880px;height:567px;background-color:#fff;margin-left:60px;padding-top:70px;border-bottom:0;background-image:url('/images/sub_02/sub_0206_img2_2.png');background-repeat:no-repeat;background-position:0 70px} #wrap .wrap #contents .sub14 .sub14_2 h4 {padding:0 0 0 50px;margin-bottom:20px;font-size:25px;color:#b3b3b3;line-height:25px;font-weight:bold} #wrap .wrap #contents .sub14 .sub14_2 h4 img{} #wrap .wrap #contents .sub14 .sub14_2 p {padding:0;font-size:13px;color:#7f7f7f;line-height:20px} #wrap .wrap #contents .sub14 .sub14_2 .cen_txt0{padding:70px 0 10px 280px;font-size:28px;color:#ced512;line-height:28px} #wrap .wrap #contents .sub14 .sub14_2 .cen_txt1{padding:20px 0 0 280px;color:#fff;font-size:13px;line-height:20px} #wrap .wrap #contents .sub14 .sub14_2 .cen_txt1 img{margin-right:15px;margin-top:-6px} #wrap .wrap #contents .sub14 .sub14_2 .cen_txt2{padding:20px 0 0 300px;color:#fff;font-size:13px;line-height:20px} #wrap .wrap #contents .sub14 .sub14_2 .cen_txt2 img{margin-right:15px;margin-top:-6px} #wrap .wrap #contents .sub14 .sub14_2 .thumb {position:absolute;left:45px; top:240px ;z-index:9} #wrap .wrap #contents .sub14 .sub14_2 .thumb img{width:200px} #wrap .wrap #contents .sub14 .sub14_3 {position:relative;width:880px;height:720px;background-color:#fff;margin-left:60px;padding-top:1px;border-bottom:1px solid #dcdcdc;border-top:1px solid #dcdcdc} #wrap .wrap #contents .sub14 .sub14_3 h4 {padding:0 0 0 50px;margin-bottom:20px;font-size:25px;color:#b3b3b3;line-height:25px;font-weight:bold} #wrap .wrap #contents .sub14 .sub14_3 h4 img{margin-right:15px;margin-top:-3px} #wrap .wrap #contents .sub14 .sub14_3 p {padding:0;font-size:13px;color:#7f7f7f;line-height:20px} #wrap .wrap #contents .sub14 .sub14_3 .cen_txt0{padding:50px 0 0 50px;font-size:28px;color:#434343;line-height:28px} #wrap .wrap #contents .sub14 .sub14_3 .cen_txt1{padding:20px 0 0 50px;font-size:22px;color:#adb301;line-height:26px;font-weight:bold} #wrap .wrap #contents .sub14 .sub14_3 .cen_txt2{padding:20px 0 0 50px;color:#7d7d7d;font-size:13px;line-height:20px} #wrap .wrap #contents .sub14 .sub14_3 .thumb {position:absolute;bottom:65px; left:0 ;z-index:9} #wrap .wrap #contents .sub14 .sub14_3 .thumb ul{width:1090px} #wrap .wrap #contents .sub14 .sub14_3 .thumb ul li.pic_left{margin-right:4px;margin-left:0} #wrap .wrap #contents .sub14 .sub14_3 .thumb ul li.pic_right{margin-left:4px;margin-top:0} #wrap .wrap #contents .sub14 .sub14_3 .thumb ul li.pic_left img{width:437px} #wrap .wrap #contents .sub14 .sub14_3 .thumb ul li.pic_right img{width:437px} #wrap .wrap #contents .sub14 .sub14_3 .cen_txt3{position:absolute;top:260px;left:110px;color:#fff;font-weight:bold;font-size:24px;line-height:24px;z-index:9999} #wrap .wrap #contents .sub14 .sub14_3 .cen_txt4{position:absolute;top:260px;left:530px;color:#fff;font-weight:bold;font-size:24px;line-height:24px;z-index:9999} #wrap .wrap #contents .sub14 .sub14_4 {position:relative;width:880px;height:830px;background-color:#fff;margin-left:60px;padding-top:1px} #wrap .wrap #contents .sub14 .sub14_4 h4 {padding:0 0 0 50px;margin-bottom:20px;font-size:25px;color:#b3b3b3;line-height:25px;font-weight:bold} #wrap .wrap #contents .sub14 .sub14_4 h4 img{margin-right:15px;margin-top:-8px} #wrap .wrap #contents .sub14 .sub14_4 p {padding:0;font-size:13px;color:#7f7f7f;line-height:20px} #wrap .wrap #contents .sub14 .sub14_4 .cen_txt0{padding:0 0 20px 50px;font-size:25px;color:#434343;line-height:25px;line-height:20px} #wrap .wrap #contents .sub14 .sub14_4 .cen_txt1{padding:30px 0 0 490px;color:#adb301;font-weight:bold;font-size:22px;line-height:22px} #wrap .wrap #contents .sub14 .sub14_4 .cen_txt1 img{margin-right:15px;margin-top:-6px} #wrap .wrap #contents .sub14 .sub14_4 .cen_txt1 .sub_text{margin-left:50px;margin-top:10px;color:#7d7d7d;font-size:13px;font-weight:normal;width:330px;line-height:20px} #wrap .wrap #contents .sub14 .sub14_4 .thumb {position:absolute;left:50px; top:235px ;z-index:9;display:block} /* 세라믹 */ } @media all and (min-width:1550px){ /* 세라믹 */ #wrap .wrap #contents .sub14 .gary_line{margin-top:70px;height:5px;width:180px;margin-bottom:30px;background-color:#d1d1d1} #wrap .wrap #contents .sub_t14 {width:1218px;height:620px;margin-left:0} #wrap .wrap #contents .sub14 {width:1218px;height:3650px;background-color:#fff;margin-left:0;margin-top:10px} #wrap .wrap #contents .sub_t14 .sub0t_14 {width:1218px;height:620px;margin-top:0} #wrap .wrap #contents .sub_t14 .sub0t_14 .thumb {position:absolute; top:30px; left:160px ;z-index:9} #wrap .wrap #contents .sub_t14 .sub0t_14 .thumb2 {background-image:url('/images/sub_btn_box.png');background-repeat:no-repeat;position:absolute; top:460px; left:0 ;z-index:99;width:300px;height:160px} #wrap .wrap #contents .sub_t14 .sub0t_14 .thumb2 img{padding:30px 0 0 30px} #wrap .wrap #contents .sub_t14 .sub0t_14 .thumb3 {position:absolute; top:460px; right:0 ;z-index:99;width:300px;height:160px} #wrap .wrap #contents .sub14 .sub14_1 {position:relative;width:1090px;height:380px;background-color:#fff;margin-left:60px;padding-top:1px;border-bottom:1px solid #dcdcdc} #wrap .wrap #contents .sub14 .sub14_1 h4 {padding:0 0 0 50px;margin-bottom:20px;font-size:25px;color:#b3b3b3;line-height:25px;font-weight:bold} #wrap .wrap #contents .sub14 .sub14_1 h4 img{margin-right:15px;margin-top:-3px} #wrap .wrap #contents .sub14 .sub14_1 p {padding:0;font-size:13px;color:#7f7f7f;line-height:20px} #wrap .wrap #contents .sub14 .sub14_1 .cen_txt0{padding:50px 0 0 50px;font-size:28px;color:#434343;line-height:28px} #wrap .wrap #contents .sub14 .sub14_1 .cen_txt1{padding:25px 0 0 50px;font-size:22px;color:#adb301;line-height:26px;font-weight:bold;width:470px} #wrap .wrap #contents .sub14 .sub14_1 .cen_txt2{padding:30px 0 0 50px;color:#7d7d7d} #wrap .wrap #contents .sub14 .sub14_1 .thumb {position:absolute;bottom:15px; right:65px ;z-index:9} #wrap .wrap #contents .sub14 .sub14_1 .thumb img{width:425px} #wrap .wrap #contents .sub14 .sub14_2 {position:relative;width:1090px;height:684px;background-color:#fff;margin-left:60px;padding-top:70px;border-bottom:0;background-image:url('/images/sub_02/sub_0206_img2_1.png');background-repeat:no-repeat;background-position:0 70px} #wrap .wrap #contents .sub14 .sub14_2 h4 {padding:0 0 0 50px;margin-bottom:20px;font-size:25px;color:#b3b3b3;line-height:25px;font-weight:bold} #wrap .wrap #contents .sub14 .sub14_2 h4 img{} #wrap .wrap #contents .sub14 .sub14_2 p {padding:0;font-size:13px;color:#7f7f7f;line-height:20px} #wrap .wrap #contents .sub14 .sub14_2 .cen_txt0{padding:100px 0 0 450px;font-size:28px;color:#ced512;line-height:28px} #wrap .wrap #contents .sub14 .sub14_2 .cen_txt1{padding:35px 0 0 450px;color:#fff;font-size:13px;line-height:20px} #wrap .wrap #contents .sub14 .sub14_2 .cen_txt1 img{margin-right:15px;margin-top:-6px} #wrap .wrap #contents .sub14 .sub14_2 .cen_txt2{padding:25px 0 0 470px;color:#fff;font-size:13px;line-height:20px} #wrap .wrap #contents .sub14 .sub14_2 .cen_txt2 img{margin-right:15px;margin-top:-6px} #wrap .wrap #contents .sub14 .sub14_2 .thumb {position:absolute;left:75px; top:235px ;z-index:9} #wrap .wrap #contents .sub14 .sub14_2 .thumb img{width:327px} #wrap .wrap #contents .sub14 .sub14_3 {position:relative;width:1090px;height:750px;background-color:#fff;margin-left:60px;padding-top:1px;border-bottom:1px solid #dcdcdc;border-top:1px solid #dcdcdc} #wrap .wrap #contents .sub14 .sub14_3 h4 {padding:0 0 0 50px;margin-bottom:20px;font-size:25px;color:#b3b3b3;line-height:25px;font-weight:bold} #wrap .wrap #contents .sub14 .sub14_3 h4 img{margin-right:15px;margin-top:-3px} #wrap .wrap #contents .sub14 .sub14_3 p {padding:0;font-size:13px;color:#7f7f7f;line-height:20px} #wrap .wrap #contents .sub14 .sub14_3 .cen_txt0{padding:50px 0 0 50px;font-size:28px;color:#434343;line-height:28px} #wrap .wrap #contents .sub14 .sub14_3 .cen_txt1{padding:20px 0 0 50px;font-size:22px;color:#adb301;line-height:26px;font-weight:bold;width:90%} #wrap .wrap #contents .sub14 .sub14_3 .cen_txt2{padding:20px 0 0 50px;color:#7d7d7d;width:70%;font-size:13px;line-height:20px} #wrap .wrap #contents .sub14 .sub14_3 .thumb {position:absolute;bottom:65px; left:0 ;z-index:9} #wrap .wrap #contents .sub14 .sub14_3 .thumb ul{width:1090px} #wrap .wrap #contents .sub14 .sub14_3 .thumb ul li.pic_left{margin-right:4px;margin-left:0} #wrap .wrap #contents .sub14 .sub14_3 .thumb ul li.pic_right{margin-left:4px;margin-top:0} #wrap .wrap #contents .sub14 .sub14_3 .thumb ul li.pic_left img{width:540px} #wrap .wrap #contents .sub14 .sub14_3 .thumb ul li.pic_right img{width:540px} #wrap .wrap #contents .sub14 .sub14_3 .cen_txt3{position:absolute;top:322px;left:160px;color:#fff;font-weight:bold;font-size:24px;line-height:24px;z-index:9999} #wrap .wrap #contents .sub14 .sub14_3 .cen_txt4{position:absolute;top:322px;left:675px;color:#fff;font-weight:bold;font-size:24px;line-height:24px;z-index:9999} #wrap .wrap #contents .sub14 .sub14_4 {position:relative;width:1090px;height:800px;background-color:#fff;margin-left:60px;padding-top:1px} #wrap .wrap #contents .sub14 .sub14_4 h4 {padding:0 0 0 50px;margin-bottom:20px;font-size:25px;color:#b3b3b3;line-height:25px;font-weight:bold} #wrap .wrap #contents .sub14 .sub14_4 h4 img{margin-right:15px;margin-top:-8px} #wrap .wrap #contents .sub14 .sub14_4 p {padding:0;font-size:13px;color:#7f7f7f;line-height:20px} #wrap .wrap #contents .sub14 .sub14_4 .cen_txt0{padding: 0 0 20px 50px;font-size:25px;color:#434343;line-height:25px;line-height:20px} #wrap .wrap #contents .sub14 .sub14_4 .cen_txt1{padding:45px 0 0 510px;color:#adb301;font-weight:bold;font-size:22px;line-height:22px} #wrap .wrap #contents .sub14 .sub14_4 .cen_txt1 img{margin-right:15px;margin-top:-6px} #wrap .wrap #contents .sub14 .sub14_4 .cen_txt1 .sub_text{margin-left:50px;margin-top:10px;color:#7d7d7d;font-size:13px;font-weight:normal;width:500px;line-height:20px} #wrap .wrap #contents .sub14 .sub14_4 .thumb {position:absolute;left:50px; top:235px ;z-index:9;display:block} /* 세라믹 */ }