#Board {position:relative;} #Board th {padding:15px 0; font-weight:400; color:#222;} #Board td {padding:15px 0; font-weight:300;} #Board caption {display:none} #Board .postsArea {text-align:right; margin-bottom:4px; overflow:hidden;} #Board .posts {padding-left:16px; font-size:13px; background:url("/images/common/icon/icon_post.gif") left top no-repeat;} #Board .posts span {margin-left:5px; font-weight:600; color:#333;} #Board .All_check {margin-top:50px; font-weight:300;} /* list.skin*/ #Board.list .type1 {width:100%; border-top:1px solid #333; overflow:hidden;} #Board.list .type1 table {width:100%;} #Board.list .type1 th {border-bottom:1px solid #e7e7e7; text-align:center;} #Board.list .type1 td {border-bottom:1px solid #e7e7e7; text-align:center;} #Board.list .type1 td.num img {width:32px;} #Board.list .type1 td.subject {text-align:left; padding-left: 10px; padding-right: 10px;} #Board.list .type1 td.subject span {margin-left:4px} #Board.list .type1 td.subject img {vertical-align:middle} #Board.list .type1 td.subject b {color:#222;} #Board.list .type1 td.nodata {padding:5% 0;} #Board.list .type1 td .writeInfo {display:none;} #Board .icon_new {font-size:15px; font-weight:500; color:#84c447;} #Board.list .comment {color:#333; font-weight:500;} /* list.skin (G.basic) - Gallery basic */ #Board .basic ul {/* margin-top:-55px; */font-size:0; text-align: center; display: flex; flex-wrap: wrap;} #Board .basic ul li {position:relative; /* display:inline-block; */ width:50%;/* margin-left:2%; margin-right: 2%; */ /* margin-top:55px; */ vertical-align:top; padding: 0 10px 50px 10px; box-sizing: border-box;} /* #Board .basic ul li:nth-child(4n-3) {margin-left:0;} */ #Board .basic ul li a {display:block;} #Board .basic ul li .check {position:absolute; top:5px; left:15px; z-index:10;} #Board .img_click {position: absolute; bottom: 0; right: 0; background-color: rgba(0,0,0,0.7); color: #84c447; font-size: 18px; width: 100%; height: 100%; text-align: center; /* line-height: 13; */ opacity: 0; transition: all 0.7s; display: flex; justify-content: center; align-items: center; transform: translateY(200px);} #Board .img_click p {background-color: #84c447; padding: 40px 30px; border-radius: 50%; color: #ffffff; width: 130px; height: 130px; box-sizing: border-box;} /* @media (max-width:640px) { #Board .img_click p {padding: 40px 30px; border-radius: 50%;width: 130px; height: 130px; } } */ #Board .basic ul li a:hover .img_click {opacity: 1;transform: translateY(0);} #Board .basic ul li .ThumbArea {position:relative;/* height: 390px; */ max-height: 100%; overflow: hidden;} #Board .basic ul li .ThumbArea img {/* position:absolute; */ width: 100%; height:100%; /* left: 50%; transform: translateX(-50%); */} #Board .basic ul li .ThumbArea .prd_icon_new {position:absolute; top:5px; left:5px; width:46px; height:25px; background:#84c447; font-family:'Poppins', Sans-serif; font-size:14px; font-weight:600; text-align:center; color:#fff; z-index:10; line-height:25px;} #Board .basic ul li .ThumbArea .prd_icon_new.ad {left:25px;} #Board .basic ul li .ThumbArea .prd_icon_hide {position:absolute; top:5px; left:5px; width:46px; height:25px; background:#e00000; font-family:'Poppins', Sans-serif; font-size:14px; font-weight:600; text-align:center; color:#fff; z-index:10; line-height:25px;} #Board .basic ul li .ThumbArea .prd_icon_hide.ad {left:25px;} #Board .basic ul li .TxtArea {margin-top:25px;} #Board .basic ul li .TxtArea .tt {display:block; width:100%; padding-bottom:10px; font-size:20px; color:#000; /* white-space:nowrap; text-overflow:ellipsis; */ word-break: keep-all;} #Board .basic ul li .TxtArea p {font-size:16px; font-weight:300; line-height:1.4; word-break:keep-all;} #Board .basic ul li.nodata, #Board .webzine ul li.nodata {width:100% !important; border-top:1px solid #eee; border-bottom:1px solid #eee; font-size:18px; text-align:center; font-weight:300; line-height:250px;} /* @media (max-width:1080px) { #Board .basic ul li .ThumbArea { height: 290px;} } @media (max-width:780px){ #Board .basic ul li .ThumbArea { height: 220px;} } @media (max-width:640px){ #Board .basic ul li .ThumbArea { height: 180px;} } @media (max-width:520px){ #Board .basic ul li .ThumbArea { height: 300px;} } @media(max-width:360px) { #Board .basic ul li .ThumbArea { height: 240px;} } */ /* list.skin (W.basic) - 웹진형 게시판 */ #Board .webzine ul li {display:table; width:100%; margin-top:40px; table-layout:fixed;} #Board .webzine ul li:first-child {margin-top:0;} #Board .webzine ul li .ThumbArea {position:relative; display:table-cell; width:330px; height:200px; overflow:hidden; vertical-align:top;} #Board .webzine ul li .ThumbArea .check {position:absolute; top:5px; left:5px; z-index:10;} #Board .webzine ul li .ThumbArea img {width:100%; height:100%; object-fit:cover;} #Board .webzine ul li .TxtArea {position:relative; display:table-cell; padding:10px 0 10px 45px; box-sizing:border-box; vertical-align:top;} #Board .webzine ul li .TxtArea .subject {display:block; max-width:100%; font-size:22px; font-weight:400; color:#222; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #Board .webzine ul li .TxtArea .con {padding-top:8px; font-size:16px; font-weight:300; line-height:1.5;} #Board .webzine ul li .TxtArea .date {position:absolute; left:45px; bottom:10px; display:block; font-size:12px; color:#888;} /* list.skin (F.basic)*/ #Board.list .faq-contain {} #Board.list .faq-contain .answerbox {position:relative; padding:15px 15px 15px 30px;} #Board.list .faq-contain .answerbox p {line-height:18px;} #Board.list .faq-contain .answerbox i { position:absolute; left:0; top:20px;} #Board.list .faq-contain i {display:inline-block; width:22px; height:22px; font-family:'Poppins', Sans-serif; font-style:normal; text-align:center; border-radius:50%; line-height:24px; font-size:13px; color:#fff; font-weight:700; vertical-align:middle;} #Board.list .faq-contain i.question { margin-right:2px; background-color:#84c447;} #Board.list .faq-contain i.answer { background-color:#ab2929;} /* list.skin (L.store.find) */ #Board.store {margin-top:60px;} #Board.store .select-area select {width:100px;} #Board.store .office_btn {width:20px;} #Board.store td {word-break:keep-all;} #Board.store td.subject {padding-left:20px;} #Board.store td.btn_map a {display:inline-block;} #Board.store td.btn_map img {width:25px;} #Board.store td.store_con_box {padding:15px; text-align:left;} #Board.store tr.store_contents {display:none;} .store_find {border:1px solid #e4e1dc; border-top:1px solid #333; margin-bottom:60px; *zoom:1} .store_find:after {content:""; display:block; clear:both; } .store_find .mapArea {float:left; width:50%;} .store_find .map {width:345px; height:471px; margin:0 auto; background:url('/images/common/board/map_korea.png') no-repeat 0 0; position:relative; border-right:none;} .store_find .map ul li {position:absolute;} .store_find .map ul li a {padding:5px 10px; font-size:15px; font-weight:300;} .store_find .map ul li:hover a, .store_find .map ul li.on a {color:#fff; background:#84c447; border-radius:100px; display:inline;} .store_find .map ul li.city01 {left:99px; top:103px;} .store_find .map ul li.city02 {left:234px; top:295px;} .store_find .map ul li.city03 {left:-14px; top:97px; background-position:right center; padding-left:0; padding-right:13px;} .store_find .map ul li.city04 {left:201px; top:237px;} .store_find .map ul li.city05 {left:120px; top:203px;} .store_find .map ul li.city06 {left:46px; top:299px; text-align:center; padding-left:0; padding-top:15px; background-position:center top;} .store_find .map ul li.city07 {left:246px; top:265px;} .store_find .map ul li.city08 {left:66px; top:404px;} .store_find .map ul li.city09 {left:90px; top:135px;} .store_find .map ul li.city10 {left:151px; top:302px; text-align:center; padding-left:0; padding-top:15px; background-position:center top;} .store_find .map ul li.city11 {left:217px; top:195px;} .store_find .map ul li.city12 {left:20px; top:192px; background-position:right center; padding-left:0; padding-right:13px;} .store_find .map ul li.city13 {left:157px; top:152px;} .store_find .map ul li.city14 {left:24px; top:341px; background-position:right center; padding-left:0; padding-right:13px;} .store_find .map ul li.city15 {left:80px; top:246px; text-align:center; padding-left:0; padding-top:15px; background-position:center top;} .store_find .map ul li.city16 {left:190px; top:103px;} .store_find .map ul li.city17 {left:120px; top:173px;} .store_find .store_search {float:right; width:50%; height:475px; padding:60px 40px; border-left:1px dashed #e4e1dc; background-color:#f5f5f5; box-sizing:border-box;} .store_find .store_search .title {font-family:'Poppins', Sans-serif; font-size:50px; font-weight:600; color:#080808; margin-bottom:20px; line-height:1;} .store_find .store_search .txt {padding-bottom:30px; margin-bottom:30px; border-bottom:1px dashed #000;} .store_find .store_search .txt b {color:#222;} .store_find .store_search .txt .little {font-size:16px; font-weight:300;} .store_find .store_search .search_area {margin-bottom:25px; *zoom:1 } .store_find .store_search .search_area:after {content:""; display:block; clear:both; } .store_find .store_search #search {padding:0 !important; margin:0 !important; background:none; overflow:hidden;} .store_find .store_search #search input.text {float:left; margin-left:0 !important; width:calc(100% - 120px);} .store_find .store_search #search .btn_search {float:left; margin-left:5px;} /*view.skin*/ #Board.view .type1 {width:100%; border-top:1px solid #333; border-bottom:1px solid #eee; overflow:hidden;} #Board.view .type1 table {width:100%;} #Board.view .type1 th {background:#f9f9f9; border-bottom:1px solid #e7e7e7; text-align:center; vertical-align:top;} #Board.view .type1 thead th {padding:25px 20px; font-size:18px;} #Board.view .type1 thead th .writeInfo {padding-top:4px; font-size:15px; font-weight:300; color:#666;} #Board.view .type1 td {padding:15px; border-bottom:1px solid #e7e7e7; text-align:left;} #Board.view .type1 tbody tr:last-child th, #Board.view .type1 tbody tr:last-child td {border-color:#d0d0d0;} #Board.view .type2 {border-top:1px solid #000; border-bottom:1px solid #eee;} #Board.view .type2 .Bd_titleArea {position:relative; padding:25px 20px; border-bottom:1px solid #eee;} #Board.view .type2 .Bd_titleArea .title {display:block; width:calc(100% - 80px); font-size:24px; color:#222;} #Board.view .type2 .Bd_titleArea .date {position:absolute; top:50%; right:20px; transform:translateY(-50%); font-size:16px; font-weight:300;} #Board.view .postsArea {margin-top:30px; margin-bottom:10px; text-align:left;} #Board.view .FileArea {padding:20px; border-top:1px solid #eee;} #Board.view .FileArea dl {overflow:hidden;} #Board.view .FileArea dl dt {float:left; width:46px; height:28px; background:#f4f4f4; border:1px solid #ccc; font-size:14px; font-weight:300; text-align:center; color:#888; line-height:28px; box-sizing:border-box;} #Board.view .FileArea dl dd {float:left; width:calc(100% - 46px); padding-left:10px; font-size:16px; font-weight:300; box-sizing:border-box;} #Board.view .FileArea dl dd a:hover {text-decoration:underline;} #DivContents {padding:40px 20px; font-weight:300;} #DivContents b {font-weight:600;} #DivContents #hashtag02 {margin-top:35px;} /* view.skin (G.product) */ #Board.view .product .TopInfo {border-top:1px solid #000;} #Board.view .product .TopInfo:after {display:block; content:""; clear:both;} #Board.view .product .TopInfo .ThumbArea {position:relative; float:left; width: 100%; max-width: 580px;} #Board.view .product .TopInfo .ThumbArea .prd_icon_new {position:absolute; top:5px; left:5px; width:75px; height:35px; background:#84c447; font-family:'Poppins', Sans-serif; font-weight:600; font-size:20px; text-align:center; color:#fff; z-index:10; line-height:35px;} #Board.view .product .TopInfo .ThumbArea .thumbBig div {vertical-align:top;} #Board.view .product .TopInfo .ThumbArea .thumbBig .list {position:relative; width:100%; padding-bottom:100%;} @media(max-width:1300px) { #Board.view .product .TopInfo .ThumbArea {width: 48%;} } @media(max-width:768px) { #Board.view .product .TopInfo .ThumbArea .thumbBig .list {min-height: 350px; height: 100%; padding-bottom: 0;} } @media(max-width:640px) { #Board.view .product .TopInfo .ThumbArea .thumbBig .list {min-height: 300px; } } @media(max-width:520px) { #Board.view .product .TopInfo .ThumbArea .thumbBig .list {min-height: 250px; } } @media(max-width:360px) { #Board.view .product .TopInfo .ThumbArea .thumbBig .list {min-height: 200px; } } #Board.view .product .TopInfo .ThumbArea .thumbBig .list img {position:absolute; top:0; left:0; width:576px; height:100%;} /* 수정 */ /* 스킨 G.product*/ #Board.view .product .TopInfo .ThumbArea .thumbBig .list img {width: 100%; height: auto; max-height: 100%; top: 50%; transform: translateY(-50%); box-sizing: border-box; /* padding: 20px; */} #Board.view .product .TopInfo .ThumbArea .slick-dots {margin-top:10px; overflow:hidden;} #Board.view .product .TopInfo .ThumbArea .slick-dots li {position:relative; float:left; width:9%; padding-bottom:9%; margin-right:0.8%; cursor:pointer;} #Board.view .product .TopInfo .ThumbArea .slick-dots li:last-child {margin-right:0;} #Board.view .product .TopInfo .ThumbArea .slick-dots li img {position:absolute; top:0; left:0; width:100%; height:100%; opacity: 0.4; filter:alpha(opacity=40); -mox-opacity:0.4;} #Board.view .product .TopInfo .ThumbArea .slick-dots li.slick-active img {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;} #Board.view .product .TopInfo .PrdInfo {position:relative; float:right; width:46%; min-height:576px; padding-top:5%; box-sizing:border-box;} #Board.view .product .TopInfo .PrdInfo .prdTitleArea {margin-bottom:7%;} #Board.view .product .TopInfo .PrdInfo .title {display:block; font-size:36px; font-weight:500; color:#222; line-height:1.2;} #Board.view .product .TopInfo .PrdInfo .s_detail {padding-top:1%; font-weight:300;} #Board.view .product .TopInfo .PrdInfo .prdDetail {padding-bottom:100px;} #Board.view .product .TopInfo .PrdInfo .prdDetail dl {margin-top:12px; line-height:1.3;} #Board.view .product .TopInfo .PrdInfo .prdDetail dl:after {display:block; content:""; clear:both;} #Board.view .product .TopInfo .PrdInfo .prdDetail dl:first-child {margin-top:0;} #Board.view .product .TopInfo .PrdInfo .prdDetail dl dt {position:relative; float:left; width:170px; padding-left:10px; font-weight:400; color:#222; box-sizing:border-box;} #Board.view .product .TopInfo .PrdInfo .prdDetail dl dt:before {content:''; position:absolute; top:9px; left:0; width:2px; height:2px; background:#000;} #Board.view .product .TopInfo .PrdInfo .prdDetail dl dd {float:left; width:calc(100% - 170px); font-weight:300;} #Board.view .product .TopInfo .PrdInfo .prdBtnArea {position:absolute; left:0; bottom:0; width:100%; overflow:hidden;} #Board.view .product .TopInfo .PrdInfo .prdBtnArea a {float:left; margin-left:5px; box-sizing:border-box;} #Board.view .product .TopInfo .PrdInfo .prdBtnArea a:first-child {margin-left:0;} #Board.view .product .TopInfo .PrdInfo .prdBtnArea a.btn_green {width:calc(100% - 130px);} #Board.view .product .TopInfo .PrdInfo .prdBtnArea a.btn_s {width:60px; height:60px; border:1px solid #ccc; font-size:0; line-height:0; text-indent:-9999px;} #Board.view .product .TopInfo .PrdInfo .prdBtnArea a.btn_share {background:#fff url('/images/common/btn/btn_share.png') no-repeat center center;} #Board.view .product .TopInfo .PrdInfo .prdBtnArea a.btn_list {background:#fff url('/images/common/btn/btn_list.png') no-repeat center center;} #Board.view .product #DivContents {margin-top:140px; padding:0 !important;} #Board.view .product #DivContents .detail_con {margin-top:80px;} /* #Board.view .product .TabType01 {height:50px;} */ #Board.view .product #DivContents .Detail {} #Board #grid {width:102%; margin-left:-1%;} #Board #grid .grid-item {width:25%;} #Board #grid .grid-item:nth-child(-n+4) {padding-top:0;} #Board #grid .grid-contents {display:none;} #Board #grid .grid-contents:first-of-type {display:block;} #Board #grid .grid-box {position:relative;} #Board #grid .check {position:absolute; top:5px; left:5px; z-index:10;} /*form.skin*/ #Board.form .type1 {width:100%; border-top:1px solid #222; overflow:hidden;} #Board.form .type1 table {width:100%; border-bottom:1px solid #eee;} #Board.form .type1 th {width:165px; padding:12px 0 12px 20px; text-align:left; vertical-align:top; line-height:45px; box-sizing:border-box;} #Board.form .type1 tr:first-child th, #Board.form .type1 tr:first-child td {padding-top:25px;} #Board.form .type1 tr:last-child th, #Board.form .type1 tr:last-child td {padding-bottom:25px;} #Board.form .type1 td {padding:12px; font-weight:300; font-size:15px; text-align:left;} #Board.form .type1 td input, #Board.form .type1 td select {font-weight:300;} #Board.form .type1 td input.text {width:100%;} #Board.form .type1 td input.num {width:100px;} #Board.form .type1 td input.num + .FieldInfo {display:inline-block; margin-left:5px;} #Board.form .type1 td input.file {font-weight:300;} #Board.form .type1 td label {margin-right:10px; font-size:18px;} #Board.form .type1 td .FieldInfo {display:block; padding-top:5px; font-weight:300; color:#999;} #Board.form .type1 td .file_name_wrap {display:inline-block;} #Board.form .type1 td .file_name {padding:0 10px; color:#999;} #Board.form .type1 td .file_name + label {font-size:15px; color:#222;} #Board.form .type1 td.notice input.text {width:calc(100% - 62px); margin-right:5px;} #Board.form .subject span {margin-left:10px;} #Board.form .type1 .require { color:#e00000; font-style:normal;} #Board.form .type1 textarea {width:100%; height:250px; padding:10px; font-weight:300; box-sizing:border-box; resize:none;} #Board.form .type1 .ch_link_type input.text {width:calc(100% - 200px); margin-right:10px;} #Board.form .caution {margin-top:15px; font-size:16px; font-weight:300;} /*form.skin > 개인정보동의*/ #Board .privacy {display:block; width:100%; padding:20px; border-bottom:1px solid #e7e7e7; background:#f9f9f9; box-sizing:border-box;} #Board .privacy .tit {margin-bottom:10px; font-size:17px; font-weight:400; color:#222;} #Board .privacy .textarea {width:100%; height:105px;} #Board .privacy .privacyCheck {margin-top:10px; text-align:right;} #Board .privacy .privacyCheck strong {color:#222;} /*passcheck*/ .xfCon {z-index:100} .pssscheckWrap {width:400px; margin-left:-200px; text-align:center; background-color:#fff; position:fixed; left:50%; top:300px; z-index:9999; padding:40px 30px 20px 30px; border:5px solid #eee;} .pssscheck { padding:30px 0; border-top:1px solid #222; border-bottom:1px solid #bbb;} .pssscheck input {width:150px;} .pssscheckWrap strong {display:inline-block; padding-right:10px; font-weight:400; vertical-align:middle;} .pssscheckWrap .writeBtnArea {padding-left:0px; margin-top:20px} /*latest.basic */ .latest {width:100%;} .latest.basic li {line-height:30px;} .latest.basic li a {display:block; width:100%; font-weight:300; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;} .latest.basic li a:hover {color:#84c447;} .latest.basic li img {width:20px; margin-right:5px; vertical-align:middle;} /*search*/ #search {margin-top:70px; padding:22px 0; background:#f6f6f6; text-align:center;} #search label {display:none} #search input {margin-left:1px;} #search select {width:145px;} #search input.text {width:370px; font-size:17px; font-weight:300;} /*writeBtnArea*/ #Board .writeBtnArea {width:100%; /* margin:30px 0; */ text-align:center;} #Board .writeBtnArea:after {display:block; content:""; clear:both;} #Board .writeBtnArea .colLeft {float:left} #Board .writeBtnArea .colRight {float:right} #Board .writeBtnArea .colTop {display:none;} #Board.list .writeBtnArea {margin-top:60px;} #Board.list .writeBtnArea.top {margin-top:1% !important; margin-bottom:40px;} #Board.view .writeBtnArea {margin-top:40px;} #Board.view .writeBtnArea.top {margin-top:0 !important; margin-bottom:20px;} #Board.form .writeBtnArea {margin-top:50px;} /*page*/ #Board .pageArea {position:relative; width:100%; margin-top:60px; text-align:center;} #Board .pageArea div {display:inline-block; vertical-align:middle;} #Board .pageArea .num {padding:0 30px;} #Board .pageArea b, #Board .pageArea a {display:inline-block; width:48px; height:48px; border:none; margin-left:6px; background:#f2f2f2; font-size:16px; text-align:center; line-height:48px; vertical-align:top; border-radius:15px; box-sizing:border-box;} #Board .pageArea b:first-child, #Board .pageArea a:first-child, #Board .pageArea .num + a {margin-left:0;} #Board .pageArea b {background:#87ca3c; color:#fff; font-weight:500;} #Board .pageArea a.arrow {border:1px solid #e8e8e8; background:#fff;} #Board .pageArea a.arrow img {height:18px; padding-top:14px;} /*============================================================*/ /*======================= PC 1280 px ~ =======================*/ /*============================================================*/ @media only screen and (max-width:1280px){ /* view.skin (G.product) */ #Board.view .product .TopInfo .PrdInfo {min-height:44.2vw;} } /*============================================================*/ /*======================= PC 1024 px ~ =======================*/ /*============================================================*/ @media only screen and (max-width:1024px){ #Board th {padding:12px 0;} #Board td {padding:12px 0;} #Board .All_check {margin-top:6%;} /* list.skin*/ #Board .icon_new {font-size:14px;} #Board.list .type1 table colgroup {display:none;} #Board.list .type1 table thead {display:none;} #Board.list .type1 td.num img {width:25px;} #Board.list .type1 td.pcb {display:none;} #Board.list .type1 td .writeInfo {display:block;} #Board.list .type1 td .writeInfo span {position:relative; margin:0 !important; margin-left:12px !important; padding-left:13px;} #Board.list .type1 td .writeInfo span:first-child {padding-left:0; margin-left:0 !important;} #Board.list .type1 td .writeInfo span:before {content:''; position:absolute; top:50%; left:0; width:1px; height:15px; background:#dfdfdf; transform:translateY(-50%);} #Board.list .type1 td .writeInfo span:first-child:before {display:none;} /* list.skin (G.basic) - Gallery basic */ #Board .basic ul {margin-top:-8%;} /* #Board .basic ul li {width:42%; margin-left:3%; margin-top:8%;} */ /* #Board .basic ul li:nth-child(4n-3) {margin-left:3%;} */ #Board .basic ul li:nth-child(3n-2) {margin-left:0;} #Board .basic ul li .TxtArea .tt {font-size:18px;} #Board .basic ul li .TxtArea p {font-size:15px;} #Board .basic ul li.nodata, #Board .webzine ul li.nodata {font-size:17px;} @media only screen and (max-width: 520px) { #Board .basic ul li {padding: 0;} } /* list.skin (W.basic) - 웹진형 게시판 */ #Board .webzine ul li {margin-top:4%;} #Board .webzine ul li .ThumbArea {width:45%; height:26vw;} #Board .webzine ul li .TxtArea {padding:1% 0 1% 4%;} #Board .webzine ul li .TxtArea .subject {font-size:20px;} #Board .webzine ul li .TxtArea .con {display:-webkit-box; padding-top:2%; font-size:15px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} #Board .webzine ul li .TxtArea .date {left:4vw; bottom:4%;} /* list.skin (F.basic)*/ #Board.list .faq-contain .answerbox {line-height:1.4;} #Board.list .faq-contain .answerbox i { top:16px; } /* list.skin (L.store.find) */ .store_find .mapArea {float:none; width:100%;} .store_find .store_search {float:none; width:100%; height:auto; padding:6% 4%; border-top:1px dashed #dfdfdf; border-left:none;} .store_find .store_search .title {font-size:42px;} .store_find .store_search .txt .little {margin-top:1%; font-size:15px;} #Board.store td.subject .title {display:block; padding:5px 0;} #Board.store td.subject .writeInfo .btn_s_black {margin-top:10px;} #Board.store td .writeInfo {margin:0;} #Board.store td.btn {display:none;} #Board.store td.btn_map {width:60px;} .store_find .store_search #search input.text {width:calc(100% - 105px);} /*view.skin*/ #Board.view .type1 thead th {font-size:17px;} #Board.view .type1 thead th .writeInfo {font-size:14px;} #Board.view .type2 .Bd_titleArea {padding:20px 15px;} #Board.view .type2 .Bd_titleArea .title {font-size:20px;} #Board.view .type2 .Bd_titleArea .date {right:15px; font-size:15px;} #Board.view .FileArea {padding:15px;} #Board.view .FileArea dl dt {width:42px; height:26px; font-size:13px; line-height:26px;} #Board.view .FileArea dl dd {width:calc(100% - 42px); font-size:15px;} #DivContents {padding:30px 15px;} #DivContents #hashtag02 {margin-top:25px;} /* view.skin (G.product) */ #Board.view .product .TopInfo .ThumbArea .prd_icon_new {width:70px; height:30px; font-size:18px; line-height:30px;} #Board.view .product .TopInfo .PrdInfo .title {font-size:32px;} #Board.view .product .TopInfo .PrdInfo .prdBtnArea a.btn_green {width:calc(100% - 120px);} #Board.view .product .TopInfo .PrdInfo .prdBtnArea a.btn_s {width:55px; height:55px;} #Board.view .product #DivContents {margin-top:15%;} #Board.view .product #DivContents .detail_con {margin-top:8%;} #Board #grid .grid-item {width:33.333333333%;} #Board #grid .grid-item:nth-child(-n+4) {padding-top:6%;} #Board #grid .grid-item:nth-child(-n+3) {padding-top:0;} /*form.skin*/ #Board.form .type1 th {width:150px; padding:10px 0 10px 15px; line-height:42px;} #Board.form .type1 td {padding:10px;} #Board.form .type1 tr:first-child th, #Board.form .type1 tr:first-child td {padding-top:20px;} #Board.form .type1 tr:last-child th, #Board.form .type1 tr:last-child td {padding-bottom:20px;} #Board.form .type1 td label {font-size:17px;} #Board.form .type1 td.notice input.text {margin-right:1%;} #Board.form .type1 .ch_link_type input.text {width:calc(100% - 160px);} #Board.form .caution {font-size:15px;} /*passcheck*/ .pssscheckWrap {width:350px; top:50%; padding:30px 25px; margin-left:-210px; margin-top:-158.5px;} .pssscheck {padding:25px 0;} /*latest.basic */ .latest.basic li {line-height:28px;} .latest.basic li img {width:2.5vw;} /*search*/ #search select {width:120px;} #search input.text {width:250px; font-size:16px;} /*writeBtnArea*/ #Board.list .writeBtnArea {margin-top:10%;} #Board.list .writeBtnArea .colLeft {display:none;} #Board.list .writeBtnArea.top {margin-bottom:4%;} #Board.view .writeBtnArea {margin-top:4%;} #Board.form .writeBtnArea {margin-top:6%;} /*page*/ #Board .pageArea {position:relative; margin-top:8%;} #Board .pageArea b, #Board .pageArea a {width:44px; height:44px; margin-left:5px; font-size:15px; line-height:44px; border-radius:14px;} #Board .pageArea a.arrow img {height:15px; padding-top:13px;} } /*===============================================================*/ /*======================= Mobile 768 px ~ =======================*/ /*===============================================================*/ @media only screen and (max-width:768px){ /* view.skin (G.product) */ #Board.view .product .TopInfo {border-top:none;} #Board.view .product .TopInfo .ThumbArea {position:relative; float:none; width:100%;} #Board.view .product .TopInfo .PrdInfo {float:none; width:100%; min-height:inherit;} #Board.view .product .TopInfo .PrdInfo .prdDetail {padding-bottom:0;} #Board.view .product .TopInfo .ThumbArea .slick-dots {position:absolute; right:-6vw; top:0; width:5vw; margin-top:0;} #Board.view .product .TopInfo .ThumbArea .slick-dots li {float:none; width:100%; padding-bottom:100%; margin:0.5vw 0 0 0;} #Board.view .product .TopInfo .ThumbArea .slick-dots li:first-child {margin-top:0;} #Board.view .product .TopInfo .PrdInfo .prdBtnArea {position:fixed; left:0; bottom:0; width:100%; z-index:50; -webkit-box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px -4px 8px 0px rgba(0, 0, 0, 0.2); box-shadow:0px -4px 8px 0px rgba(0, 0, 0, 0.2);} #Board.view .product .TopInfo .PrdInfo .prdBtnArea a {margin-left:0;} #Board.view .product .TopInfo .PrdInfo .prdBtnArea a.btn_green {float:right; width:calc(100% - 55px);} #Board.view .product .TopInfo .PrdInfo .prdBtnArea a.btn_share {float:left; border:none;} #Board.view .product .TopInfo .PrdInfo .prdBtnArea a.btn_list {display:block;} /* #Board.view .product .TopInfo .ThumbArea .thumbBig .list {padding-bottom: 60%;} */ #Board.view .product .TopInfo .PrdInfo .prdBtnArea a.btn_s:first-child {display: none;} #Board.view .product .TopInfo .ThumbArea .thumbBig .list img {padding: 5%;} } /*===============================================================*/ /*======================= Mobile 640 px ~ =======================*/ /*===============================================================*/ @media only screen and (max-width:640px){ /*search*/ #search {margin-top:7%;} #search select {width:110px;} #search input.text {width:230px;} } /*===============================================================*/ /*======================= Mobile 520 px ~ =======================*/ /*===============================================================*/ @media only screen and (max-width:520px){ #Board th {padding:3% 0; font-weight:500;} #Board td {padding:3% 0;} #Board .All_check {margin-top:8%;} /* list.skin*/ #Board.list .type1 colgroup {display:none;} #Board.list .type1 thead {display:none;} #Board.list .type1 td.num {width:30px;} #Board.list .type1 td.num img {width:4.5vw;} #Board.list .type1 td.subject {padding:3%;} #Board.list .type1 td.subject a {color:#222; font-weight:400;} #Board.list .type1 td.subject .icon_secret img {width:6px;} #Board.list .type1 td .writeInfo {padding-top:1%; font-size:3.4vw;} #Board.store td.subject .writeInfo .btn_s_black {margin-top:5%; margin-bottom:1%;} #Board .icon_new {font-size:3.2vw;} /* list.skin (G.basic) - Gallery basic */ #Board .basic ul li {width:100% ; margin-left:0%; margin-top:10%;} #Board .basic ul li:nth-child(4n-3), #Board .basic ul li:nth-child(3n-2) {margin-left:0%;} #Board .basic ul li:nth-child(2n-1) {margin-left:0;} #Board .basic ul li .ThumbArea .prd_icon_new {width:10vw; height:6vw; font-size:3.2vw; line-height:6vw;} #Board .basic ul li .TxtArea {margin-top:8%;} #Board .basic ul li .TxtArea .tt {padding-bottom:4%; font-size:4.2vw; font-weight:500;} #Board .basic ul li .TxtArea p {font-size:3.6vw;} #Board .basic ul li.nodata, #Board .webzine ul li.nodata {font-size:3.6vw; line-height:40vw;} /* list.skin (W.basic) - 웹진형 게시판 */ #Board .webzine ul li {margin-top:6%;} #Board .webzine ul li .ThumbArea {width:46%; height:25vw;} #Board .webzine ul li .TxtArea {padding:0 0 0 4%;} #Board .webzine ul li .TxtArea .subject {font-size:4vw;} #Board .webzine ul li .TxtArea .con {font-size:3.2vw; line-height:1.3;} #Board .webzine ul li .TxtArea .date {bottom:2%; font-size:2.5vw;} /* list.skin (F.basic)*/ #Board.list .faq-contain td.subject {padding-left:0;} #Board.list .faq-contain .answerbox {padding:4% 4% 4% 7.2%;} #Board.list .faq-contain i {width:5vw; height:5vw; font-size:3.2vw; line-height:5vw;} #Board.list .faq-contain .answerbox i {top:3.5vw;} /* list.skin (L.store.find) */ #Board.store {margin-top:14%;} #Board.store .select-area .tabType01 {width:75%;} #Board.store .select-area .tabType01 ul li {width:50%;} #Board.store .select-area .floatR {width:25%;} #Board.store .select-area select {width:100%;} #Board.store td.subject {padding:4% !important; line-height:1.3;} #Board.store td.subject .title {display:block; padding:3% 0; color:#666 !important; font-weight:300 !important;} #Board.store td .writeInfo {font-size:3.8vw !important;} #Board.store td .writeInfo:first-child {padding-top:0 !important;} #Board.store td.btn_map {width:10%;} #Board.store td.btn_map img {width:6vw;} #Board.store .office_btn {width:6vw;} #Board.store td.store_con_box {padding:4%;} .store_find {margin-bottom:14%;} .store_find .mapArea {position:relative; height:300px;} .store_find .map {position:absolute; left:50%; top:50%; height:450px; margin-left:-172.5px; margin-top:-225px; -ms-transform: scale(0.6); -moz-transform: scale(0.6); -webkit-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6);} .store_find .store_search {padding:12% 6%;} .store_find .store_search .title {margin-bottom:4%; font-size:8vw;} .store_find .store_search .txt {padding-bottom:8%; margin-bottom:8%;} .store_find .store_search .txt b {font-size:3.8vw;} .store_find .store_search .txt .little {font-size:3.4vw;} .store_find .store_search #search input.text {width:77%;} .store_find .store_search #search .btn_search {margin-left:1%;} /*view.skin*/ #Board.view .type1 colgroup {display:none;} #Board.view .type1 thead th {padding:4% 3%; font-size:15px;} #Board.view .type1 thead th .writeInfo {padding-top:1%; font-size:11px;} #Board.view .type1 tbody th {width:20%;} #Board.view .type1 td {padding:3%;} #Board.view .type2 {border-top:none;} #Board.view .type2 .Bd_titleArea {padding:8% 0 2%; border-bottom:none;} #Board.view .type2 .Bd_titleArea .title {width:100%; font-size:5vw; line-height:1.4;} #Board.view .type2 .Bd_titleArea .date {right:inherit; top:0; transform:translateY(0); font-size:3.2vw;} #Board.view .FileArea {padding:4% 0;} #Board.view .FileArea dl dt {width:9vw; height:6vw; font-size:3.2vw; line-height:6vw;} #Board.view .FileArea dl dd {width:calc(100% - 9vw); padding-left:3%; font-size:3.4vw;} #DivContents {padding:8% 0;} #DivContents #hashtag02 {margin-top:5%;} /* view.skin (G.product) */ #Board.view .product .TopInfo .ThumbArea {width:100%;} #Board.view .product .TopInfo .ThumbArea .prd_icon_new {width:16vw; height:8vw; font-size:4vw; line-height:8vw;} #Board.view .product .TopInfo .ThumbArea .slick-dots {top:inherit; bottom:6%; right:0; width:100%; height:2.2vw; text-align:center;} #Board.view .product .TopInfo .ThumbArea .slick-dots li {display:inline-block; width:2.2vw; height:2.2vw; padding:0; margin:0 0.8vw; border:1px solid #9d9d9d; background:#fff; border-radius:100%; vertical-align:top; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; box-sizing:border-box; overflow:hidden;} #Board.view .product .TopInfo .ThumbArea .slick-dots li.slick-active {background-color:#84c447; border-color:#84c447;} #Board.view .product .TopInfo .ThumbArea .slick-dots li span {display:none;} #Board.view .product .TopInfo .PrdInfo {padding:9% 5%;} #Board.view .product .TopInfo .PrdInfo .title {font-size:5.5vw;} #Board.view .product .TopInfo .PrdInfo .prdDetail dl {margin-top:2.5%;} #Board.view .product .TopInfo .PrdInfo .prdDetail dl dt {width:38%;} #Board.view .product .TopInfo .PrdInfo .prdDetail dl dd {width:62%;} #Board.view .product .TopInfo .PrdInfo .prdBtnArea a.btn_green {width:calc(100% - 13vw); height:13vw; line-height:13vw;} #Board.view .product .TopInfo .PrdInfo .prdBtnArea a.btn_s {width:13vw; height:13vw;/* background-image:url('/images/common/btn/btn_share_m.png'); */background-size:38%;} #Board.view .product #DivContents {margin-top:0;} #Board.view .product #DivContents .detail_con {margin:6% 0;} #Board.view .product #DivContents .section02 {padding-top:0;} #Board.view #grid {width:94%; margin-left:3%;} #Board.list #grid {width:104%; margin-left:-2%;} #Board #grid .grid-item {width:50%;} #Board #grid .grid-item:nth-child(-n+4), #Board #grid .grid-item:nth-child(-n+3) {padding-top:10%;} #Board #grid .grid-item:nth-child(-n+2) {padding-top:0;} /*form.skin*/ #Board.form .type1 th {display:block; width:100%; padding:8% 0 0 0; padding-bottom:0; box-sizing:border-box; line-height:1;} #Board.form .type1 td {display:block; width:100%; padding:0; padding-top:4%; font-size:3.4vw; box-sizing:border-box;} #Board.form .type1 tr:first-child th {padding-top:8%;} #Board.form .type1 tr:first-child td {padding-top:2%;} #Board.form .type1 tr:last-child th {padding-bottom:0;} #Board.form .type1 tr:last-child td {padding-bottom:9%;} #Board.form .type1 td label {margin-right:4%; font-size:3.6vw;} #Board.form .type1 td .FieldInfo {display:block; padding-top:2%; font-size:3.4vw;} #Board.form .type1 td input.file {width:100%;} #Board.form .type1 td .file_name_wrap {display:block; padding-top:1%;} #Board.form .type1 td .file_name {padding:0 4% 0 0;} #Board.form .type1 td .file_name + label {font-size:3.4vw;} #Board.form .type1 td.notice input.text {width:85%;} #Board.form .type1 textarea {height:50vw; padding:2%;} #Board.form .type1 .ch_link_type input.text {width:100%; margin-right:0; margin-bottom:2%;} #Board.form .caution {margin-top:4%; font-size:3.4vw;} /*form.skin > 개인정보동의*/ #Board .privacy {padding:4% 3%;} #Board .privacy .tit {margin-bottom:2%; font-size:13px; font-weight:500;} /*passcheck*/ .pssscheckWrap {width:90%; left:5%; padding:6% 5%; margin-bottom:-50%; border-width:3px; margin-left:0; box-sizing:border-box;} .pssscheck {padding:6% 0;} .pssscheck input {width:50%;} /*latest.basic */ .latest.basic li {line-height:1.8;} .latest.basic li img {width:4.5vw;} /*search*/ #search {margin-top:8%;} #search {padding:0; background:none;} #search select {width:22%; height:9vw;} #search input.text {width:54%; height:9vw; font-size:3.4vw;} #search select, #search input {float:left;} #search input {margin-left:1%;} /*writeBtnArea*/ #Board .writeBtnArea .colTop {display:block;} #Board.list .writeBtnArea .colLeft {display:none;} #Board.list .writeBtnArea.top {margin-bottom:6%;} #Board.view .writeBtnArea {margin-top:10%;} #Board.view .writeBtnArea .colTop input {width:100%;} #Board.view .writeBtnArea .colRight {float:none; width:100%; margin-top:1%; overflow:hidden;} #Board.view .writeBtnArea .colRight .btn_list {display:none;} #Board.view .writeBtnArea .colRight input {float:left; width:32.66666666666%; margin-left:1%;} #Board.view .writeBtnArea .colRight input:first-child {margin-left:0;} #Board.view .writeBtnArea.top {padding:0 4%; margin-bottom:6%; box-sizing:border-box;} #Board.view .writeBtnArea.top .colRight {margin-top:0;} #Board.form .writeBtnArea {margin-top:8%;} #Board.form .writeBtnArea:after {display:block; content:""; clear:both;} #Board.form .writeBtnArea input {float:left; width:49.5%; margin-left:1%;} #Board.form .writeBtnArea input:first-child {margin-left:0;} /*page*/ #Board .pageArea {position:relative; margin-top:12%;} #Board .pageArea .num {text-align:center; padding:0;} #Board .pageArea b, #Board .pageArea a {width:9vw; height:9vw; font-size:3.2vw; margin-left:1.2vw; line-height:9.2vw; border-radius:2.5vw;} #Board .pageArea .arrows_prev {position:absolute; top:0; left:0;} #Board .pageArea .arrows_next {position:absolute; top:0; right:0;} #Board .pageArea a.arrow img {height:3.4vw; padding-top:2.6vw;} } /* ==================================== 여기 아래 스킨부터 반응형 잡지 않음 =========================================== */ /* list.skin*/ #Board.list .type2 {width:100%; border-top:2px solid #333; overflow:hidden;} #Board.list .type2 table {width:100%;} #Board.list .type2 th {padding:30px 10px; border-bottom:1px dashed #ccc; text-align:center; vertical-align:top;} #Board.list .type2 td {padding:30px 10px; border-bottom:1px dashed #ccc; text-align:center; vertical-align:top;} #Board.list .type2 td.subject {text-align:left;} #Board.list .type2 td.subject span {margin-left:4px} #Board.list .type2 td.subject img {vertical-align:middle} /* list.skin (G.certifi)*/ #Board .certifi ul {display: flex; flex-wrap: wrap;} #Board .certifi ul li{width:20%; float:left; margin:0 0 30px; display:inline-block; background:url("/images/common/board/certifi_bg.gif") center top no-repeat} #Board .certifi .thumb{width:139px; position:relative; margin:0 auto;} #Board .certifi .thumb .magnifier{position:absolute; right:8px; top:1px} #Board .certifi .thumb span{padding:1px 0 0 1px; display:block;} #Board .certifi .subject {text-align:center; margin:10px 0 0 0; word-break: keep-all; padding: 0 10px; box-sizing: border-box;} /* list.skin (G.banner) */ #Board .banner ul li {float:left; display:inline-block; width:24.25%; margin-left:1%; margin-bottom:30px;} #Board .banner ul li:nth-child(4n-3) {margin-left:0;} #Board .banner .thumb {position:relative; width:241px; height:68px; margin:0 auto; background:url("/images/common/board/partner_bg.gif") left top no-repeat;} #Board .banner .thumb .magnifier {position:absolute; right:1px; top:1px; display:none} #Board .banner .thumb span { padding:1px 0 0 1px; display:block;} #Board .banner .subject { text-align:center; margin:10px 0 0 0; text-align:center;} #Board .banner .subject img {margin-top:-2px; vertical-align:middle;} /* list.skin (G.intro) - Gallery custom */ #Board #intro.basic ul li {position:relative; overflow:hidden;} #Board #intro.basic .overImage {position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:10; display:none;} #Board #intro.basic .overImage a {display:block; width:100%; height:100%; background:url('/images/common/board/bg_over.png') no-repeat center center;} /* list.skin (G.Layer) - Gallery custom */ #Board .Layer {width:100%; overflow:hidden; position:relative;} #Board .Layer ul {width:auto !important; margin-right:-13px; } #Board .Layer ul li {position:relative; float:left; width:265px !important; margin-right:13px; margin-bottom:13px; overflow:hidden; } #Board .Layer ul li:nth-of-type(4n) { margin-right:0; } #Board .Layer .thumb {margin-bottom:10px;} #Board .Layer .nodata {float:none; width:100% !important; height:30px; margin-right:0; padding-top:15px; text-align:center; border-top:2px solid #333; border-bottom:1px solid #ddd; background:none} #Board .Layer .subject {position:absolute; left:0; top:-240px; display:block; width:180px; height:60px; padding:90px 30px; text-align:center; font-size:18px; font-weight:bold; color:#fff; line-height:28px; background:url('/images/common/board/subject_bg.png') repeat left top; } #Board .Layer img{vertical-align:top} /*갤러리- 레이어 (팝업) */ .PhotoArea-contain {display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:999; } .PhotoArea-contain .in-photo-blind { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:1;} .PhotoArea { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; max-width:1100px; max-height:800px; overflow:hidden;} .PhotoArea > img { max-width:1100px; max-height:800px;} .PhotoArea .close {position:absolute; right:0; top:0; width:51px; height:51px; cursor:pointer;} .PhotoArea .title {position:absolute; top:0; width:100%; padding:0 60px 0 30px; box-sizing:border-box; line-height:51px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; color:#fff; font-size:15px; font-weight:bold; background-color:#000; opacity:.7; filter:Alpha(opacity=70); } /* list.skin (W.basic) */ #Board.list .W_photo {padding:10px;} /* list.skin (schedule) - calendar */ #schedule {overflow:hidden;} #schedule .box {overflow:hidden; width:100%;} #schedule .box .subject {padding:30px 0; text-align:center; font-family:'Arial'; border:1px solid #e0e0e0; border-bottom:0; background:#848484 url('/images/bbs/calendar_top_bg.png') repeat-x left bottom;} #schedule .box .subject span {font-weight:bold;font-size:24px;line-height:24px;vertical-align:top;color:#fff; display:inline-block; padding-top:5px;} #schedule .box .subject a {display:inline-block; margin-top:5px;} #schedule .box .calendar { width:100%; overflow:hidden; border-left:1px solid #e0e0e0; background:url('/images/bbs/calendar_bg.gif') repeat-x left bottom; padding-bottom:10px; } #schedule .box .calendar table {width:100%; border-right:1px solid #e0e0e0; } #schedule .box .calendar table th ,#Board .box table td {font-family:'Arial'; } #schedule .box .calendar table th { font-size:18px; height:35px; color:#5c5c5c; font-weight:bold; padding:15px 0; text-align:center; } #schedule .box .calendar table td { font-size:16px; height:60px; text-align:left; vertical-align:top; color:#666; padding:20px 10px; font-weight:normal; border-right:1px solid #e0e0e0; border-top:1px solid #e0e0e0;} #schedule .box .calendar table td a {display:block; margin-bottom:3px;} #schedule .box .calendar table td a.title {font-size:12px;} #schedule .box .calendar table td a.plan:hover {text-decoration:none;} #schedule .box .calendar table td div {margin-bottom:10px; text-align:center;} #schedule .box .calendar table td.today {background-color:#f3f3f3 !important} #schedule .box .calendar table th.saturday { border-right:1px solid #e0e0e0; } #schedule .box .calendar table .sunday {color:#e00900; } #schedule .box .calendar table .saturday {color:#2a67a9} /* list.skin (w.event) */ #Board.event .type1 {width:100%; border-top:2px solid #333; overflow:hidden;} #Board.event .type1 table {width:100%;} #Board.event .W_photo {padding:30px 10px;} #Board.event .W_photo .thumb {width:170px; height:120px; border:1px solid #dedede; padding:2px; background:#fff;} #Board.event .W_photo .thumb img {width:170px; height:120px;} #Board.event .subject_webzine {position:relative; padding:30px 10px; font-size:13px; text-align:left !important; vertical-align:top;} #Board.event .Wsubject {margin-bottom:10px; font-size:16px;} #Board.event .btn_more {position:absolute; left:0; bottom:30px; width:80px; height:28px; line-height:27px; font-size:13px; background:url('/images/common/btn/btn_bg1.gif') repeat-x left top; padding:0px; margin-left:1px; display:inline-block; color:#666; text-decoration:none; text-align: center; border:1px solid #ccc; border-top-color:#ddd; border-bottom-color:#bbb; cursor:pointer; border-radius:2px;} #Board.event span.state-icon { display:inline-block; width:96px; height:18px; padding:39px 0; text-align:center; text-align:center; font-size:18px; color:#fff; font-weight:400; border-radius:50%;} #Board.event span.state-icon.progress { background-color:#977b5d; } #Board.event span.state-icon.done { background-color:#aba9a9; } /* list.skin (W.staff) */ #Board.list .type2.staff td .name {display:block; padding-bottom:10px; font-size:22px; color:#101010;} #Board.list .type2.staff td .name span {font-size:16px; font-weight:400;} #Board.list .type2.staff td .con {position:relative; height:120px; padding-left:95px; margin-bottom:5px; color:#101010; font-size:14px; line-height:24px; overflow:hidden} #Board.list .type2.staff td .con .title {position:absolute; left:0; top:0; display:inline-block; width:95px; margin-left:0; color:#888; } /* list.skin (W.history, W.history_new) */ #Board.list .history td {padding:30px 10px; vertical-align:top;} #Board.list .history td.history_con {text-align:left; word-break:break-all; line-height:24px;} #Board.list .history td.W_photo {vertical-align:middle;} #Board.list .history .year {width:92px; height:92px; background:url('/images/bbs/02_bg_02.gif') left top no-repeat; font-size:22px; font-weight:600; text-align:center; color:#977b5d; line-height:92px; vertical-align:top} #Board.list .history .year a {color:#977b5d;} #Board.list .history .year a:hover {text-decoration:none} /* view.skin (G.product_2) */ #Board.view .product_2 {overflow:hidden;} #Board.view .product_2 .product_info {overflow:hidden;} #Board.view .product_2 .thumb {float:left; width:350px; } #Board.view .product_2 .thumb > img {width:350px; height:100%;} #Board.view .product_2 .thumbList {overflow:hidden; margin-top:10px;} #Board.view .product_2 .thumbList li {float:left; width:63.5px; height:52px; margin-left:8px; background-color:#000; } #Board.view .product_2 .thumbList li img {width:100%; height:100%; opacity:.5; filter:Alpha(opacity=50);} #Board.view .product_2 .thumbList li.on img {opacity:1; filter:Alpha(opacity=100);} #Board.view .product_2 .thumbList li:first-child {margin:0; } #Board.view .product_2 .con {float:right; width:700px; border-top:2px solid #222;} #Board.view .product_2 .con .title {padding:30px 0; font-weight:600; color:#252525; font-size:28px; border-bottom:2px solid #000;} #Board.view .product_2 .overview {padding:30px 0; white-space:pre-line;} #Board.view .product_2 #DivContents {margin:0; padding:30px 0;} #Board.view .product_2 .down_catalogue {width:165px; background:#fafafa url('/images/common/icon/icon_download.png') no-repeat 30px center; display:inline-block; text-indent:48px; padding:10px; border:1px solid #cbcbcb; color:#8a8a8a; font-size:12px; font-weight:bold;} #Board.view .product_2 .down_catalogue:hover {border:1px solid #977b5d; background:#977b5d url('/images/common/icon/icon_download_on.png') no-repeat 30px center; color:#fff;} /* view.skin (G.Grid) */ #pjtView {overflow:hidden;} #pjtView .floatL {width:49%;} #pjtView .floatL .pjtSlider li img {width:100%;} #pjtView .floatL .bx-pager {margin-top:5px;} #pjtView .floatL .bx-pager .bx-pager-item {display:inline-block; margin-left:5px; vertical-align:top;} #pjtView .floatL .bx-pager .bx-pager-item:first-child {margin-left:0;} #pjtView .floatL .bx-pager .bx-pager-item a {display:block; width:10px; height:10px; background:#555; font-size:0; line-height:0; text-indent:-9999px;} #pjtView .floatL .bx-pager .bx-pager-item a.active {width:40px; background:#977b5d;} #pjtView .floatR {width:49%; border-top:2px solid #222; border-bottom:1px solid #d0d0d0} #pjtView .floatR .view_title {padding:30px 0; font-weight:600; color:#252525; font-size:28px; border-bottom:2px solid #222;} #pjtView #DivContents {padding:30px 0;} /* view.skin (schedule) - calendar */ .schedule_view_wrap {overflow:hidden;} #schedule .view.floatL {width:450px;} #schedule .view.floatR {width:600px;} #schedule .view .box .subject {padding:20px 0;} #schedule .view .box .calendar table th {padding:10px 0; font-size:15px;} #schedule .view .box .calendar table td {height:35px; padding:7px 10px; font-size:13px; text-align:center;} #schedule .view .box .calendar table td a {display:inline-block; width:10px; height:10px; margin:0;} #schedule .view .box .calendar table td div {margin-bottom:5px; } #schedule .view .btnarea { margin-top:20px; } /* view.skin (W.blog) - sns 블로그 */ #Board.view .blog {margin-bottom:30px;} #Board.view .blog .TitleArea {padding:20px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background:#f5f5f5;} #Board.view .blog .TitleArea .subject {font-size:18px; color:#000; font-weight:600;} #Board.view .blog .TitleArea .DateArea {padding-top:10px; overflow:hidden;} #Board.view .blog .TitleArea .DateArea .date {float:left; font-size:14px; color:#666;} #Board.view .blog .TitleArea .DateArea .sns {float:right;} #Board.view .blog #DivContents {border-bottom:1px solid #e0e0e0;} /* view.skin (W.staff) */ #Board.view .type2.staff td .subject {margin-bottom:20px; font-size:22px; color:#101010; font-weight:600; vertical-align:top; background-color:#fff;} #Board.view .type2.staff td .subject span {font-size:16px; font-weight:400;} #Board.view .type2.staff td #DivContents {padding:0;} #Board.view .type2.staff td #DivContents dl {padding-top:20px;} #Board.view .type2.staff td #DivContents dl:first-child {padding-top:0;} #Board.view .type2.staff td #DivContents dl dt {padding-bottom:10px; font-size:16px; font-weight:600; color:#977b5d;} #Board.view .type2.staff td #DivContents dl dd {font-size:15px; line-height:24px;} /* view.skin (W.history, W.history_new) */ #Board.view .historyTitle {font-size:24px; font-weight:600; margin:30px 0; padding:0;} /*form.skin*/ #Board.form .type2 {width:100%; border-top:2px solid #333; overflow:hidden;} #Board.form .type2 table {width:100%;} #Board.form .type2 th {padding:10px 10px 10px 20px; background:#f9f9f9; border-bottom:1px solid #e7e7e7; font-size:14px; text-align:left; vertical-align:top; line-height:30px;} #Board.form .type2 td {height:30px; padding:10px; border-bottom:1px solid #e7e7e7; font-size:14px; text-align:left;} #Board.form .type2 td select {height:30px;} #Board.form .type2 td input.text {height:30px;} /* form.skin (schedule) - calendar */ .ui-datepicker-trigger {margin-left:5px; cursor:pointer;} /*comment*/ #commentArea {background:#f9f9f9; font-size:14px;} #CommentWrite, .commentList {padding:5px 15px; overflow:hidden} .commentList .listMenu {height:20px; padding-top:10px} .commentList .listMenu .writer {float:left; padding-right:5px; font-weight:600;} .commentList .listMenu .date {float:left; font-size:12px; color:#999;} .commentList .listMenu .option {float:right;} .commentList label {padding-right:10px;} .commentList table td {padding:10px 0 !important;} .cWrite .userInfo {padding-top:10px;} .cWrite .userInfo .writer {font-weight:600;} .cWrite .confirm {text-align:right;} .cWrite .textarea {width:100%; height:46px;} .commentList li.clamplshape { background:url("/images/common/icon/clampLshape.png") no-repeat 4px 10px;} /*latest.slide_gallery */ #viewArea {position:relative; width:100%; height:59px;overflow:hidden;} #imgList {position:absolute; width:2000px; left:0px; top:0px;} #imgList li {float:left; margin:0px; padding:0px;} /*latest.gallery */ #gallery{position:relative; width:100%; height:59px; overflow:hidden;} .galleryList {position:absolute; width:2000px; left:0px; top:0px;} #gallery #thumb{text-align:center; padding:0 5px;} #gallery #thumb img{vertical-align:top} #gallery #thumb a{display:inline-block; margin-bottom:2px} #gallery #thumb .out{padding:0px; border:2px solid #fff;} #gallery #thumb .over{border:2px solid #ff0000; padding:0px;} #gallery .bbsSubject{font-size:11px; color:#666;} /* latest.product */ .latest.product li {position:relative; width:356px; height:288px; background:#fff;} .latest.product li span.title {display:block; height:44px; border-top:1px solid #d5d5d5; color:#333; font-size:16px; font-weight:400; text-align:center; line-height:43px;} .latest.product li:hover span.border {position:absolute; top:-1px; left:-1px; display:block; width:217px; height:219px; border:2px solid #0c4b9e;} .latest.product li a {display:block; width:100%; height:223px; text-align:center; color:#555;} .latest.product li a img {width:100%; height:237px;} .mainProduct_slide .bx-controls-direction a {position:absolute; top:50%; display:block; width:29px; height:29px; margin-top:10px; font-size:0; line-height:0;} .mainProduct_slide .bx-controls-direction a.bx-prev {left:-50px; background:url('/images/main/btn_prev_pro.png') no-repeat 0 0;} .mainProduct_slide .bx-controls-direction a.bx-next {right:-50px; background:url('/images/main/btn_next_pro.png') no-repeat 0 0;} .evmainPro_contain { position:relative; } .evmainPro_contain .bx-controls { position:absolute; left:0; top:100px; width:65px; } .evmainPro_contain .bx-controls a.bx-prev { left:0; } .evmainPro_contain .bx-controls a.bx-next { right:0; } .latest.product.eventslide { } .latest.product.eventslide li {display:block; background:none; padding-top:36px; height:350px;} .latest.product.eventslide li a { display:block; height:auto;} .latest.product.eventslide li a + a { margin-top:67px; } .latest.product.eventslide li a u { text-decoration:none; display:block; text-align:left; font-size:14px; color:#999; font-weight:300; } .latest.product.eventslide li span.title { display:block; text-align:left; font-size:28px; color:#323232; font-weight:400; background:none; border:0;} .latest.product.eventslide li .ev_img { font-size:0; height:180px; } .latest.product.eventslide li .ev_img img { display:inline-block; vertical-align:top; width:253px; height:180px; box-shadow:2px 3px 5px 0px rgba(0,0,0,0.3);} .latest.product.eventslide li .ev_img img + img { margin-left:22px; }