@charset "utf-8"; @import url("./common.css"); #wrap {width:100%; min-width:1240px; overflow-x:hidden;} .menu_controller { display:block; position:fixed; z-index:99999999; top:50%; left:16px; width:40px; height:26px; margin-top:-13px; cursor:pointer; } .menu_controller .close_line1 { position:absolute; top:0; left:0; width:40px; height:2px; background-color:#a09c9c; } .menu_controller .close_line2 { position:absolute; top:8px; left:0; width:26px; height:2px; background-color:#a09c9c; } .menu_controller .close_line3 { position:absolute; top:16px; left:0; width:40px; height:2px; background-color:#a09c9c; } .menu_controller .close_line4 { position:absolute; top:24px; left:0; width:26px; height:2px; background-color:#a09c9c; } ul.lnb_sns { position:fixed; z-index:99999999; top:50%; left:28px; width:15px; margin-top:80px; } ul.lnb_sns li { margin-bottom:25px; } #wrap_fnb { display:none; position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; } #wrap_fnb .model { position:absolute; z-index:2; bottom:100px; right:100px; width:732px; height:514px; } #wrap_fnb ul.fnb { position:absolute; z-index:3; top:140px; left:240px; width:748px; height:408px; } #wrap_fnb ul.fnb li { } #wrap_fnb ul.fnb > li { position:relative; opacity:0; } #wrap_fnb ul.fnb > li:last-child { border-bottom:none; } #wrap_fnb ul.fnb li a { } #wrap_fnb ul.fnb li a .on { display:none; } #wrap_fnb ul.fnb > li.on a .off { display:none; } #wrap_fnb ul.fnb > li.on a .on { display:block; } #wrap_fnb ul.fnb li .dep2 { display:none; } #wrap_fnb ul.fnb li .dep2:after { content:""; display:block; clear:both; } #wrap_fnb ul.fnb li.on .dep2 { display:block; } #wrap_fnb ul.fnb li .dep2 li { display:inline-block; float:left; height:35px;} #wrap_fnb ul.fnb li .dep2 li > a { height:35px; } #wrap_fnb ul.fnb li .dep2 li > a .on2 {display:none;} #wrap_fnb ul.fnb li .dep2 li.on a .off2 {display:none;} #wrap_fnb ul.fnb li .dep2 li.on a .on2 {display:inline-block;} #wrap_fnb ul.fnb-info { position:absolute; z-index:40; bottom:146px; left:228px; width:261px; height:110px; } #wrap_fnb ul.fnb-info .info01 {} #wrap_fnb ul.fnb-info .info02 { margin-top:14px; } #wrap_fnb ul.fnb-info .info03 { margin-top:14px; } #wrap_fnb ul.fnb-info ul.sns { margin-top:14px; } #wrap_fnb ul.fnb-info ul.sns li { display:inline-block; float:left; height:24px; margin-right:6px; overflow:hidden; } #wrap_fnb ul.fnb-info ul.sns li a:hover img { margin-top:-24px; } #wrap_fnb .fnb_bg { position:fixed; z-index:1; top:0; left:0; width:100%; height:100%; background-color:#ffffff; opacity:0.9; } #header {position:relative; z-index:9999; width:100%; height:98px; border-bottom:2px solid #cbe2cd; box-sizing:border-box; background-color:#ffffff; } #header .header_inner {position:relative; top:0; left:0; } #header .header_inner h1.main_logo { position:absolute; top:0; left:0; margin-left:44px; } #header .header_inner .gnb { position:absolute; z-index:2; top:0; left:50%; margin-left:-413px; } #header .header_inner .gnb li { display:inline-block; float:left; } #header .header_inner .gnb > li {position:relative; height:98px;} #header .header_inner .gnb li a {display:inline-block;} #header .header_inner .gnb li a .on {display:none;} #header .header_inner .gnb li.on a .off {display:none;} #header .header_inner .gnb li.on a .on {display:block;} #header .header_inner .gnb li.m1 ul {width:722px; left:0;} #header .header_inner .gnb li.m2 ul {width:349px; left:6px;} #header .header_inner .gnb li.m3 ul {width:449px; left:-17px;} #header .header_inner .gnb li.m4 ul {width:773px; left:-249px;} #header .header_inner .gnb li.m7 ul {width:276px; left:0px;} #header .header_inner .gnb li .dep2 { display:none; position:absolute; top:98px; height:40px; } #header .header_inner .gnb li.on .dep2 {display:block;} #header .header_inner .gnb li .dep2 li {} #header .header_inner .gnb li .dep2 li > a {height:40px; display:inline-block;} #header .header_inner .gnb li .dep2 li > a .on2 {display:none;} #header .header_inner .gnb li .dep2 li.on a .off2 {display:none;} #header .header_inner .gnb li .dep2 li.on a .on2 {display:block;} #header .header_inner .wrap_search-location { position:absolute; z-index:2; top:37px; right:0px; width:180px; height:26px; background:url('../../images/header/store.jpg') 1px 1px no-repeat; } #header .dep2_bg { display:none; position:absolute; z-index:1; top:98px; left:0; width:100%; height:41px; border-bottom:1px solid #f7f7f7; box-sizing:border-box; background-color:#ffffff; } #contents { min-height:288px; padding-top:51px; } #contents .outter_contents { position:relative; top:0; left:0; width:100%; } #contents .inner_contents { position:relative; width:1100px; padding-bottom:50px; margin:0 auto; } #contents .tit_top_area {width:100%; padding:40px 0 38px 0; position:relative; text-align:center;} #contents .tit_top_area .location {position:absolute; right:0; top:42px; color:#363636;} #contents .tit_top_area .location span {padding:0 9px; vertical-align:top;} #contents .top_tab_style {position:relative; z-index:100; display:inline-block; width:100%; margin-bottom:30px;} #contents .top_tab_style.mb50 {margin-bottom:50px;} #contents .top_tab_style li {float:left; margin-right:-1px; border:1px solid #d7d7d7; text-align:center;} #contents .top_tab_style li a {display:block; height:38px; color:#363636; font-size:14px; text-decoration:none; background-color:#f4f4f4; line-height:38px; letter-spacing:-1px;} #contents .top_tab_style li.on a {background-color:#18202A; color:#fff;} #contents .top_tab_style .dep1 {position:relative;} #contents .top_tab_style .dep1 a {background:#f4f4f4 url(../images/contents/top_tab_arrow_off.gif) 140px center no-repeat;} #contents .top_tab_style .dep1.m3 a {background-position:300px center;} #contents .top_tab_style .dep1.on a {background-image:url(../images/contents/top_tab_arrow_on.gif); background-color:#18202A;} #contents .top_tab_style .dep1 .dep2 {width:100%; display:none; border-bottom:1px solid #D7D7D7; position:absolute; left:-1px; top:39px;} #contents .top_tab_style .dep1.on .dep2 {display:block;} #contents .top_tab_style .dep1 .dep2 li {width:100%; border:0; border-left:1px solid #D7D7D7; border-right:1px solid #D7D7D7;} #contents .top_tab_style .dep1 .dep2 li a {width:100%; height:30px; display:block; background:#FFFFFF; font-size:14px; line-height:30px; color:#363636;} #contents .top_tab_style .btn_style02 a {display:block; height:38px; color:#ffffff; font-size:14px; text-decoration:none; background-color:#0062a0; line-height:38px; letter-spacing:-1px;} #contents .top_tab_style .btn_style02.on a {background-color:#18202A; color:#fff;} /* ** ** TITLE ** ** */ .wrap_title { width:100%; height:118px; border-bottom:1px solid #dedede; } .wrap_title.no_border { border:none; } .wrap_title .title_inner { position:relative; width:1240px; margin:0 auto; } .wrap_title .title_inner h3 {} .wrap_tab { border-bottom:1px solid #dedede; } .wrap_tab ul { padding:23px 0; margin:0 auto; } .wrap_tab ul:after { clear:both; content:''; display:block; } .wrap_tab ul li { display:inline-block; float:left; height:21px; margin:0 15px; overflow:hidden; } .wrap_tab ul li.on a img { margin-top:-21px; } .wrap_tab ul li a:hover img { margin-top:-21px; } /* ** ** FOOTER ** ** */ #footer { position:relative; z-index:2316; top:0; left:0; width:100%; height:262px; margin-top:0px; border-top:1px solid #d8d8d8; background-color:#ffffff; } #footer .footer_inner { position:relative; top:24px; left:50%; width:1074px; height:158px; margin-left:-537px; } #footer .footer_inner h2.logo { position:absolute; z-index:2; top:0; left:50%; width:152px; margin-left:-76px; } #footer .footer_inner .address { position:absolute; z-index:1; top:90px; left:0; width:100%; padding-top:8px; border-top:1px solid #d8d8d8; } #footer .footer_inner .copyright { position:absolute; z-index:1; top:146px; left:50%; width:206px; margin-left:-103px } /* ** ** MAIN ** ** */ #contents .main_contents { position:relative; top:0; left:0; width:100%; margin-left:0; } #contents .main_contents .section05, #contents .main_contents .section06, #contents .main_contents .section07 { position:relative; top:0; left:0; width:1920px; } #contents .main_contents .section01 { position:relative; top:0; left:0; width:100%; height:866px; } #contents .main_contents .section01 .device { position:absolute; top:0; left:0; width:100%; height:866px; } #contents .main_contents .section01 .device .swiper-container01 { position:absolute; top:0; left:50%; width:1920px; height:866px; margin-left:-960px; } #contents .main_contents .section01 .device .swiper-container01 .swiper-slide { position:relative; width:1920px; height:866px; overflow:hidden; } #contents .main_contents .section01 .device .swiper-container01 .swiper-pagination {position:absolute; z-index:2316; bottom:20px; left:0; width:100%; text-align:center;} #contents .main_contents .section01 .device .swiper-container01 .swiper-pagination-switch { display:inline-block; width:16px; height:16px; border-radius:16px; background:#ffffff; margin:0 6px; cursor:pointer; } #contents .main_contents .section01 .device .swiper-container01 .swiper-active-switch { border:1px solid #ffffff; box-shadow: inset 2px 1px 0px rgba(0,0,0,0.5); background:#f9575b; } #contents .main_contents .section02 { position:relative; top:0; left:50%; width:1920px; height:807px; margin-left:-960px; overflow:hidden; } #contents .main_contents .section02 .title { margin:87px 0 0 212px; } #contents .main_contents ul.wrap_devide { margin:0 0 0 196px; } #contents .main_contents ul.wrap_devide:after { content:''; display:block; clear:both; } #contents .main_contents ul.wrap_devide li { display:inline-block; float:left; margin-right:20px; } #contents .main_contents ul.wrap_devide li:last-child { margin-right:0px; } #contents .main_contents .section02 li.devide01 { position:relative; display:inline-block; width:367px; height:630px; } #contents .main_contents .section02 li.devide02 { position:relative; display:inline-block; width:367px; height:630px; } #contents .main_contents .section02 li.devide03 { position:relative; display:inline-block; width:754px; height:630px; background:url('../images/main/section02/devide03_bg.jpg') top left no-repeat; } #contents .main_contents .section02 li.devide03 .swiper-container02 { width:754px; height:630px; overflow:hidden; } #contents .main_contents .section02 li.devide03 .swiper-container02 .swiper-slide { height:630px; } #contents .main_contents .section02 li.devide03 .navi { position:absolute; z-index:2; width:58px; height:58px; overflow:hidden; } #contents .main_contents .section02 li.devide03 .navi a:hover img { margin-top:-58px; } #contents .main_contents .section02 li.devide03 .prev { top:245px; left:0; } #contents .main_contents .section02 li.devide03 .next { top:245px; right:0; } #contents .main_contents .section03 { position:relative; top:0; left:0; width:100%; height:866px; } #contents .main_contents .section03 .device { position:absolute; top:0; left:0; width:100%; height:866px; } #contents .main_contents .section03 .device .swiper-container03 { position:absolute; top:0; left:50%; width:1920px; height:866px; margin-left:-960px; } #contents .main_contents .section03 .device .swiper-container03 .swiper-slide { position:relative; width:1920px; height:866px; overflow:hidden; } #contents .main_contents .section03 .device .swiper-container03 .swiper-pagination {position:absolute; z-index:2316; bottom:20px; left:0; width:100%; text-align:center;} #contents .main_contents .section03 .device .swiper-container03 .swiper-pagination-switch { display:inline-block; width:16px; height:16px; border-radius:16px; background:#ffffff; margin:0 6px; cursor:pointer; } #contents .main_contents .section03 .device .swiper-container03 .swiper-active-switch { border:1px solid #ffffff; box-shadow: inset 2px 1px 0px rgba(0,0,0,0.5); background:#f9575b; } #contents .main_contents .section04 { position:relative; top:0; left:50%; width:1920px; height:760px; margin-left:-960px; overflow:hidden; } #contents .main_contents .section04 .title { margin:74px 0 0 212px; } #contents .main_contents .section04 li.devide01 { position:relative; display:inline-block; width:367px; height:600px; } #contents .main_contents .section04 li.devide02 { position:relative; display:inline-block; width:367px; height:600px; } #contents .main_contents .section04 li.devide02 .btn { position:absolute; z-index:2316; bottom:0; right:0; width:148px; height:44px; overflow:hidden; } #contents .main_contents .section04 li.devide02 .btn a:hover img { margin-top:-44px; } #contents .main_contents .section04 li.devide03 { position:relative; display:inline-block; width:754px; height:600px; background:url('../images/main/section04/devide03_bg.jpg') top left no-repeat; } #contents .main_contents .section04 li.devide03 .swiper-container04 { width:754px; height:600px; overflow:hidden; } #contents .main_contents .section04 li.devide03 .swiper-container04 .swiper-slide { height:600px; } #contents .main_contents .section04 li.devide03 .navi { position:absolute; z-index:2; width:58px; height:58px; overflow:hidden; } #contents .main_contents .section04 li.devide03 .navi a:hover img { margin-top:-58px; } #contents .main_contents .section04 li.devide03 .prev { top:245px; left:0; } #contents .main_contents .section04 li.devide03 .next { top:245px; right:0; } #contents .main_contents .section05 { position:relative; z-index:2; width:1920px; height:671px; background-color:#fff1e8; } #contents .main_contents .section05 .wrap_txt { position:absolute; z-index:2; top:85px; left:375px; width:750px; height:501px; } #contents .main_contents .section05 .wrap_txt .mark { position:absolute; z-index:2; top:101px; left:553px; width:197px; height:145px; } #contents .main_contents .section05 .wrap_txt .graph01 { position:relative; width:500px; height:57px; } #contents .main_contents .section05 .wrap_txt .graph01 .depth02 { position:absolute; z-index:2; top:0; left:0; width:0; height:57px; background:url('../images/main/section05/graph01_over.png') 0 0 no-repeat; } #contents .main_contents .section05 .wrap_txt .graph01 .depth01 { position:absolute; z-index:1; top:0; left:0; width:500px; height:57px; background:url('../images/main/section05/graph01.png') 0 0 no-repeat; } #contents .main_contents .section05 .wrap_txt .graph02 { position:relative; width:500px; height:33px; margin-top:11px; } #contents .main_contents .section05 .wrap_txt .graph02 .depth02 { position:absolute; z-index:2; top:0; left:0; width:0; height:33px; background:url('../images/main/section05/graph02_over.png') 0 0 no-repeat; } #contents .main_contents .section05 .wrap_txt .graph02 .depth01 { position:absolute; z-index:1; top:0; left:0; width:500px; height:33px; background:url('../images/main/section05/graph02.png') 0 0 no-repeat; } #contents .main_contents .section05 .wrap_txt .graph03 { position:relative; width:500px; height:33px; margin-top:8px; } #contents .main_contents .section05 .wrap_txt .graph03 .depth02 { position:absolute; z-index:2; top:0; left:0; width:0; height:33px; background:url('../images/main/section05/graph03_over.png') 0 0 no-repeat; } #contents .main_contents .section05 .wrap_txt .graph03 .depth01 { position:absolute; z-index:1; top:0; left:0; width:500px; height:33px; background:url('../images/main/section05/graph03.png') 0 0 no-repeat; } #contents .main_contents .section05 .wrap_txt .graph04 { position:relative; width:500px; height:33px; margin-top:8px; } #contents .main_contents .section05 .wrap_txt .graph04 .depth02 { position:absolute; z-index:2; top:0; left:0; width:0; height:33px; background:url('../images/main/section05/graph04_over.png') 0 0 no-repeat; } #contents .main_contents .section05 .wrap_txt .graph04 .depth01 { position:absolute; z-index:1; top:0; left:0; width:500px; height:33px; background:url('../images/main/section05/graph04.png') 0 0 no-repeat; } #contents .main_contents .section05 .wrap_model { position:absolute; z-index:1; top:0; left:1097px; } #contents .main_contents .section06 { position:relative; top:0; left:0; width:100%; height:860px; } #contents .main_contents .section06 .device { position:absolute; top:0; left:0; width:100%; height:860px; } #contents .main_contents .section06 .device .swiper-container06 { position:absolute; top:0; left:50%; width:1920px; height:860px; margin-left:-960px; } #contents .main_contents .section06 .device .swiper-container06 .swiper-slide { position:relative; width:1920px; height:860px; overflow:hidden; } #contents .main_contents .section06 .device .swiper-container06 .swiper-slide.slide01 .title { position:absolute; z-index:2; top:251px; left:330px; } #contents .main_contents .section06 .device .swiper-container06 .swiper-slide.slide01 ul.btns { position:absolute; z-index:9; top:476px; left:332px; } #contents .main_contents .section06 .device .swiper-container06 .swiper-slide.slide01 ul.btns li { display:inline-block; float:left; } #contents .main_contents .section06 .device .swiper-container06 .swiper-slide.slide01 .txt { position:absolute; z-index:2; top:423px; left:333px; } #contents .main_contents .section06 .device .swiper-container06 .swiper-slide.slide01 .wrap_model { position:absolute; z-index:3; top:0; left:0; } #contents .main_contents .section06 .device .swiper-container06 .swiper-slide.slide02 .wrap_txt { position:absolute; top:257PX; left:388px; } #contents .main_contents .section06 .device .swiper-container06 .swiper-slide.slide02 .wrap_txt .li { display:inline-block; float:left; } #contents .main_contents .section06 .device .swiper-container06 .swiper-pagination {position:absolute; z-index:2316; bottom:20px; left:0; width:100%; text-align:center;} #contents .main_contents .section06 .device .swiper-container06 .swiper-pagination-switch { display:inline-block; width:16px; height:16px; border-radius:16px; background:#ffffff; margin:0 6px; cursor:pointer; } #contents .main_contents .section06 .device .swiper-container06 .swiper-active-switch { border:1px solid #ffffff; box-shadow: inset 2px 1px 0px rgba(0,0,0,0.5); background:#f9575b; } #contents .main_contents .section07 { position:relative; top:0; left:50%; width:1920px; height:710px; margin-left:-960px; overflow:hidden; } #contents .main_contents .section07 .title { margin:62px 0 0 210px; } #contents .main_contents .section07 li.devide01 { position:relative; display:inline-block; width:367px; height:552px; } #contents .main_contents .section07 li.devide02 { position:relative; display:inline-block; width:367px; height:552px; } #contents .main_contents .section07 li.devide03 { position:relative; display:inline-block; width:754px; height:607px; background:url('../images/main/section07/devide03_bg.jpg') top left no-repeat; } #contents .main_contents .section07 li.devide03 .swiper-container07 { width:754px; height:607px; overflow:hidden; } #contents .main_contents .section07 li.devide03 .swiper-container07 .swiper-slide { height:607px; } #contents .main_contents .section07 li.devide03 .navi { position:absolute; z-index:2; width:58px; height:58px; overflow:hidden; } #contents .main_contents .section07 li.devide03 .navi a:hover img { margin-top:-58px; } #contents .main_contents .section07 li.devide03 .prev { top:233px; left:0; } #contents .main_contents .section07 li.devide03 .next { top:233px; right:0; } @media screen and (min-width:1581px){ } @media all and ( min-width:1441px ) and ( max-width:1580px ) { #contents .main_contents .section02, #contents .main_contents .section04, #contents .main_contents .section07 { width:1434px; height:740px; margin-left:-717px; } #contents .main_contents .section02 .title, #contents .main_contents .section04 .title, #contents .main_contents .section07 .title { margin:86px 0 0 0; } #contents .main_contents ul.wrap_devide { margin:0 0 0 0; } #contents .main_contents ul.wrap_devide li.devide01, #contents .main_contents ul.wrap_devide li.devide01 img { width:344px; } #contents .main_contents ul.wrap_devide li.devide02, #contents .main_contents ul.wrap_devide li.devide02 img { width:344px; } #contents .main_contents ul.wrap_devide li.devide03 { width:706px; height:562px; background-size:cover; } #contents .main_contents ul.wrap_devide li.devide03 .swiper-container02, #contents .main_contents ul.wrap_devide li.devide03 .swiper-container04, #contents .main_contents ul.wrap_devide li.devide03 .swiper-container07 { width:706px; height:562px; } #contents .main_contents ul.wrap_devide li.devide03 .swiper-container02 .swiper-slide, #contents .main_contents ul.wrap_devide li.devide03 .swiper-container04 .swiper-slide, #contents .main_contents ul.wrap_devide li.devide03 .swiper-container07 .swiper-slide { height:562px; } #contents .main_contents ul.wrap_devide li.devide03 .swiper-container02 .swiper-slide img, #contents .main_contents ul.wrap_devide li.devide03 .swiper-container04 .swiper-slide img, #contents .main_contents ul.wrap_devide li.devide03 .swiper-container07 .swiper-slide img { height:562px; } } @media screen and (max-width:1440px){ #contents .main_contents .section02, #contents .main_contents .section04, #contents .main_contents .section07 { width:1257px; height:700px; margin-left:-628px; } #contents .main_contents .section02 .title, #contents .main_contents .section04 .title, #contents .main_contents .section07 .title { margin:86px 0 0 0; } #contents .main_contents ul.wrap_devide { margin:0 0 0 0; } #contents .main_contents ul.wrap_devide li.devide01, #contents .main_contents ul.wrap_devide li.devide01 img { width:300px; } #contents .main_contents ul.wrap_devide li.devide02, #contents .main_contents ul.wrap_devide li.devide02 img { width:300px; } #contents .main_contents ul.wrap_devide li.devide03 { width:617px; height:490px; background-size:cover; } #contents .main_contents ul.wrap_devide li.devide03 .swiper-container02, #contents .main_contents ul.wrap_devide li.devide03 .swiper-container04, #contents .main_contents ul.wrap_devide li.devide03 .swiper-container07 { width:617px; height:490px; } #contents .main_contents ul.wrap_devide li.devide03 .swiper-container02 .swiper-slide, #contents .main_contents ul.wrap_devide li.devide03 .swiper-container04 .swiper-slide, #contents .main_contents ul.wrap_devide li.devide03 .swiper-container07 .swiper-slide { height:490px; } #contents .main_contents ul.wrap_devide li.devide03 .swiper-container02 .swiper-slide img, #contents .main_contents ul.wrap_devide li.devide03 .swiper-container04 .swiper-slide img, #contents .main_contents ul.wrap_devide li.devide03 .swiper-container07 .swiper-slide img { height:490px; } } /* common */ .page_no {text-align:center;} .page_no span {vertical-align:top;} .page_no a { display:inline-block; width:33px; height:33px; margin:0 1px; line-height:35px; border:1px solid #e8e8e8; background-color:#fff; color:#323232; text-decoration:none;} .page_no span a.on {background-color:#828282; color:#fff;} .btn_wrap {height:30px; position:relative; margin-bottom:80px;} .btn_wrap .search_title {position:absolute; left:0px; top:0px;} .btn_wrap .search_write {position:absolute; right:0px; top:0px;} .btn_wrap .btn_treelist {position:absolute; right:0px; top:0px;} .btn_wrap .btn_next {padding-left: 100px; margin-bottom: 1px; background: #ebebeb url(../images/btn/btn_next.png) 14px 8px no-repeat;} .btn_wrap .btn_next a {display:block; font-size:12px; height:30px; line-height:30px; color:#636363; font-weight:bold;} .btn_wrap .btn_prev {padding-left: 100px; background: #ebebeb url(../images/btn/btn_prev.png) 14px 8px no-repeat;} .btn_wrap .btn_prev a {display:block; font-size:12px; height:30px; line-height:30px; color:#636363; font-weight:bold;} /* 게시판 */ #contents .inner_contents .notice_list { width:1100px; margin:40px auto; border-top:1px solid #b2b2b2; } #contents .inner_contents .notice_list .inner_nolist {width:1100px; margin:0 auto; margin-top: 18px; margin-bottom: 29px;} #contents .inner_contents .notice_list .inner_nolist .btn_wrapin {position:relative;} #contents .inner_contents .notice_list .inner_nolist .btn_wrapin .btn_tr_list {position:relative; left:617px; top:0px; display:inline-block; } #contents .inner_contents .notice_list .inner_nolist .btn_comments { position:relative; padding:10px 0px 10px 90px; background:#ebebeb url(../images/btn/btn_comments.png) 20px 10px no-repeat; } .reply_delete { position:absolute; z-index:2; top:3px; left:310px; border:none; cursor:pointer; } .reply_cancle { position:absolute; z-index:2; top:3px; left:365px; border:none; cursor:pointer; } #contents .inner_contents .notice_list .inner_nolist .btn_comments .comments_textblue {width:643px; height:32px; padding: 12px; border: solid 1px #d7d7d7; background:#fff; overflow:hidden; resize:none;} #contents .inner_contents .notice_list .inner_nolist .count_comment {padding-top:12px; padding-bottom:12px; color:#636363; text-align:left;} #contents .inner_contents .notice_list .inner_nolist .btn_comments .comments_text {width:642px; height:35px; padding: 12px; border: solid 1px #d7d7d7; background:#fff;} #contents .inner_contents .notice_list .inner_nolist .btn_comments .comment_right { position:absolute; top:20px; right:19px; width:80px; height:57px; overflow:hidden; } #contents .inner_contents .notice_list .inner_nolist .comment_list li {border-bottom: solid 1px #b7b7b7; padding: 10px 0;} #contents .inner_contents .notice_list .inner_nolist .comment_list .border_bot {border-bottom: solid 2px #636363;} #contents .inner_contents .notice_list .inner_nolist .comment_list li span { display:inline-block; vertical-align:top; font-size:12px; color:#636363; font-weight:bold; } #contents .inner_contents .notice_list .inner_nolist .comment_list li strong {width:540px; margin-left: 52px; margin-right: 10px; display:inline-block; text-align:left;} #contents .inner_contents .notice_list .inner_nolist .comment_list li .comment_time {font-size:12px; color:#898989;} #contents .inner_contents .notice_list .inner_nolist .comment_list1 { margin-bottom: 30px;} #contents .inner_contents .notice_list .inner_nolist .comment_list1 .top_alpha {border-bottom: solid 1px #b7b7b7; padding:11px 0 12px;} #contents .inner_contents .notice_list .inner_nolist .comment_list1 .bot_alpha {border-bottom: solid 2px #636363; padding:11px 0 12px;} #contents .inner_contents .notice_list .inner_nolist .comment_list1 .border_bot {border-bottom: solid 2px #636363;} #contents .inner_contents .notice_list .inner_nolist .comment_list1 p span { display:inline-block; vertical-align:top; font-size:12px; color:#636363; font-weight:bold; } #contents .inner_contents .notice_list .inner_nolist .comment_list1 p strong {width:540px; margin-left: 52px; margin-right: 10px; display:inline-block; text-align:left;} #contents .inner_contents .notice_list .inner_nolist .comment_list1 p .comment_time {font-size:12px; color:#898989;} /* 이벤트 게시판 */ #contents .inner_contents .notice_list_event {width:978px; margin:40px auto; border: solid 1px #009cff; border-top: solid 2px #0062a0;} #contents .inner_contents .notice_list_event .inner_nolist {width:860px; margin:0 auto; margin-top: 18px; margin-bottom: 29px;} #contents .inner_contents .notice_list_event .inner_nolist .btn_wrapin {position:relative;} #contents .inner_contents .notice_list_event .inner_nolist .btn_wrapin .btn_tr_list {position:relative; left:617px; top:0px; display:inline-block; } #contents .inner_contents .notice_list_event .inner_nolist .btn_comments { padding: 20px 0 20px 89px; margin-bottom:5px; background:#ebebeb url(../images/btn/btn_comments.png) 20px 40px no-repeat; border: solid 1px #d7d7d7; position:relative;} #contents .inner_contents .notice_list_event .inner_nolist .btn_comments .comments_textblue {width:643px; height:32px; padding: 12px; border: solid 1px #d7d7d7; background:#fff; overflow:hidden; resize:none;} #contents .inner_contents .notice_list_event .inner_nolist .count_comment {padding-bottom:12px; color:#636363; text-align:left;} #contents .inner_contents .notice_list_event .inner_nolist .btn_comments .comments_text {width:642px; height:35px; padding: 12px; border: solid 1px #d7d7d7; background:#fff;} #contents .inner_contents .notice_list_event .inner_nolist .btn_comments .comment_right {width:80px; height:57px; overflow:hidden; position:absolute; top:20px; right:19px;} #contents .inner_contents .notice_list_event .inner_nolist .comment_list li {border-bottom: solid 1px #b7b7b7; padding: 10px 0;} #contents .inner_contents .notice_list_event .inner_nolist .comment_list .border_bot {border-bottom: solid 2px #636363;} #contents .inner_contents .notice_list_event .inner_nolist .comment_list li span { display:inline-block; vertical-align:top; font-size:12px; color:#636363; font-weight:bold; } #contents .inner_contents .notice_list_event .inner_nolist .comment_list li strong {width:540px; margin-left: 52px; margin-right: 10px; display:inline-block; text-align:left;} #contents .inner_contents .notice_list_event .inner_nolist .comment_list li .comment_time {font-size:12px; color:#898989;} #contents .inner_contents .notice_list_event .inner_nolist .comment_list1 { margin-bottom: 30px;} #contents .inner_contents .notice_list_event .inner_nolist .comment_list1 .top_alpha {border-bottom: solid 1px #b7b7b7; padding:11px 0 12px;} #contents .inner_contents .notice_list_event .inner_nolist .comment_list1 .bot_alpha {border-bottom: solid 2px #636363; padding:11px 0 12px;} #contents .inner_contents .notice_list_event .inner_nolist .comment_list1 .border_bot {border-bottom: solid 2px #636363;} #contents .inner_contents .notice_list_event .inner_nolist .comment_list1 p span { display:inline-block; vertical-align:top; font-size:12px; color:#636363; font-weight:bold; } #contents .inner_contents .notice_list_event .inner_nolist .comment_list1 p strong {width:540px; margin-left: 52px; margin-right: 10px; display:inline-block; text-align:left;} #contents .inner_contents .notice_list_event .inner_nolist .comment_list1 p .comment_time {font-size:12px; color:#898989;} /* 이벤트 게시판 list */ .table_style04 {margin-bottom:29px;} .table_style04 tr th {padding: 10px 0; font-size:16px; color:#959595; line-height:40px; border-bottom: solid 1px #009cff; text-align:center;} .table_style04 tr td {padding: 10px 0; font-size:12px; color:#363636; border-bottom: solid 1px #ebebeb; text-align:center;} .table_style04 tr td.left {text-align:left;} .table_style04 tr td.classification {color:#868686;} .table_style04 tr td.alpha_hi {line-height:14px;} .table_style04 tr td.color_namedate {color:#898989;} /* 게시판 list */ .table_style01 {margin-bottom:29px;} .table_style01 tr th {padding: 10px 0; font-size:16px; color:#959595; line-height:40px; border-bottom: solid 1px #898989; text-align:center;} .table_style01 tr td {padding: 10px 0; font-size:12px; color:#363636; border-bottom: solid 1px #ebebeb; text-align:center;} .table_style01 tr td.left {text-align:left;} .table_style01 tr td.classification {color:#868686;} .table_style01 tr td.alpha_hi {line-height:14px;} .table_style01 tr td.color_namedate {color:#898989;} /* 게시판 view */ .table_style02 {margin-bottom: 29px;} .table_style02 tr th {padding: 20px 0 10px 0; font-size:14px; font-weight:bold; color:#363636; border-bottom: solid 1px #898989; text-align:left;} .table_style02 tr td {padding: 12px 0; font-size:12px; color:#363636; border-bottom: solid 1px #ebebeb; text-align:left;} .table_style02 tr td.title {text-align:left;} .table_style02 tr td.title img {vertical-align:-1px;} .table_style02 tr td.table_mh {padding-top: 15px; min-height:250px;} .table_style02 tr td.table_mh01 {padding-bottom: 100px; padding-top: 15px; padding-left: 10px; text-align:left; border-bottom: dotted 1px #ededed;} .table_style02 tr td.table_mh01 p {padding: 15px 0; font-size:15px; line-height:20px; color:#363636;} .table_style02 tr td.table_mh02 {padding-bottom: 100px; padding-top: 15px; padding-left: 10px; text-align:left; border-bottom:2px solid #636363;} .table_style02 tr td.table_mh02 p {padding: 15px 0; font-size:15px; line-height:20px; color:#363