@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); * { margin:0; padding:0; } img { border:0; margin:0; padding:0;} ul { list-style:none; } a { text-decoration:none; } img,hr {border:0;} body {font-size:12px;} #header_wrap { position:relative; width:100%; height:170px; font-family: 'Nanum Gothic', sans-serif;} #header_wrap #header { position:relative; width:1000px; height:122px; margin:0 auto; } #header_wrap #header #topgnb { position:absolute; right:0; top:0; } #header_wrap #header #topgnb ul li { float:left; width:80; height:10px; line-height:10px; padding:0 10px 0 10px; font-size:10px; text-align:center; border-left:1px solid #a1a1a1; margin-top:5px; } #header_wrap #header #topgnb ul li:first-child {border:0;} #header_wrap #header #topgnb ul li a { color:#a1a1a1; } #header_wrap #header #logo { position:relative; width:380px; margin:0 auto; } #header_wrap #header #logo img { margin-top:20px; } #maingnb .topnav { position:absolute; bottom:0; width:100%; height:45px; background: #81562c; } #maingnb .topnav ul { margin:0 auto; width:1000px; line-height:90px; } #maingnb .topnav li { float:left; width:199px; height:45px; line-height:45px; background:#81562c; text-align:center; border-left:1px solid #ad7f50; font-weight:700; font-size:15px;display:inline-block;} #maingnb .topnav li:last-child { border-right:1px solid #ad7f50; width:197px; } #maingnb .topnav li a { color:#fff; } #maingnb .dropdwon { clear:both; /* display:none; */ width:1000px; position: absolute; top:170px; left:50%; margin-left:-500px; font-size:13px; z-index:999; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZTFjYyIgc3RvcC1vcGFjaXR5PSIwLjk1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGUxY2MiIHN0b3Atb3BhY2l0eT0iMC45NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(240,225,204,0.95) 0%, rgba(240,225,204,0.95) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,225,204,0.95)), color-stop(100%,rgba(240,225,204,0.95))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(240,225,204,0.95) 0%,rgba(240,225,204,0.95) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(240,225,204,0.95) 0%,rgba(240,225,204,0.95) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(240,225,204,0.95) 0%,rgba(240,225,204,0.95) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(240,225,204,0.95) 0%,rgba(240,225,204,0.95) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f0e1cc', endColorstr='#f2f0e1cc',GradientType=0 ); /* IE6-8 */ line-height:22px; font-weight:700; } #maingnb .dropdwon a {color:#81562c;} #maingnb .dropdwon a:hover {text-decoration:underline;} #maingnb .dropdwon ul {float:left; width:179px; height:442px; padding-left:20px; margin: 20px 0; border-left:1px solid #cfa479;} #maingnb .dropdwon ul:first-child {border-left:none;} #content_wrap { position:relative; width:100%; height:100%; overflow:hidden; } #content_wrap #content { overflow:hidden; } #content_wrap #content #con01 { position:relative; width:100%; height:589px; background:url('http://skintrans5800.cafe24.com/base/img/newmain/con_bg.jpg');} #content_wrap #content #con01 #slides { width:1000px; height:589px; margin:0 auto; } #content_wrap #content #con02 { position:relative; width:100%; height:248px; background: #f5f5f5; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;} #content_wrap #content #con02 #con02wrap { width:1000px; height:248px; margin:0 auto; } #content_wrap #content #con02 #con02wrap .section { float:left; } #content_wrap #content #con02 #con02wrap .section li { border:0; width:250px; height:128px; box-sizing:border-box; } #content_wrap #content #con02 #con02wrap .main_board { background:url('/base/img/newmain/board01.png'); background-repeat:no-repeat; background-position:10% 10%; width:250px; height:248px; float:left; box-sizing:border-box; } #content_wrap #content #con02 #con02wrap .main_board > a > img { padding:45px 0px 0px 210px ; } #content_wrap #content #con02 #con02wrap .main_board .main_board_in { width: 210px; padding:20px; } #content_wrap #content #con03 { position:relative; width:100%; height:250px;} #content_wrap #content #con03 #con03wrap { width:1000px; height:250px; margin:0 auto; } #content_wrap #content #con03 #con03wrap .main_board { float:left; width:229px; height:210px; margin:19px 10px 19px 10px; background:url('/base/img/newmain/board02.png'); background-repeat:no-repeat; background-position:8% 8%; } #content_wrap #content #con03 #con03wrap .main_board > a > img { padding:35px 0px 0px 200px ; } #content_wrap #content #con03 #con03wrap .main_board2 { float:left; width:229px; height:210px; margin:19px 10px 19px 10px; background:url('/base/img/newmain/board03.png'); background-repeat:no-repeat; background-position:8% 8%; } #content_wrap #content #con03 #con03wrap .main_board2 > a > img { padding:35px 0px 0px 200px ; } #content_wrap #content #con03 #con03wrap .section { float:left; width:498px; height:210px; margin:19px 0px 19px 0px; border-right:1px solid #d7d7d7; border-left:1px solid #d7d7d7; } #con04 {position:relative; width:100%; height:430px; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background:#fff;} #con04 #sitemap { width:1000px; height:39px; margin:0 auto; } #con04 #sitemap span { float:left; font-size:12px; line-height:39px; font-family: 'Nanum Gothic', serif; } #con04 #sitemap ul { float:right;} #con04 #sitemap ul li { float:left; height:39px; padding:0px; border-left:1px solid #d7d7d7;} #con04 #sitemap ul li:last-child { border-right:1px solid #d7d7d7; border-left:1px solid #d7d7d7; } #con04 #sitemap ul img {display:block;} #con04 #con04wrap { width:100%; height:460px; border-top:1px solid #d7d7d7; background:#f5f5f5; font-family: 'Nanum Gothic', serif; } #con04 #con04wrap #con04wrap2 { width:1000px; height:460px; margin:0 auto; } #con04 #con04wrap #con04wrap2 #sitemap1 { width:1000px; float:left; } #con04 #con04wrap #con04wrap2 #sitemap1 ul.list { float:left; font-size:12px; width:110px; padding:10px; margin: 0 0 35px 0; } #list_3 {width:130px !important;} #con04 #con04wrap #con04wrap2 #sitemap1 ul.list p { font-size:14px; font-weight:bold; color:#464646; height: 60px; line-height:60px; } #con04 #con04wrap #con04wrap2 #sitemap1 ul.list li { height:20px; line-height:20px; } #con04 #con04wrap #con04wrap2 #sitemap1 ul.list li a { color:#787878; } #con04 #con04wrap #con04wrap2 #sitemap2 { width:1000px; height:390px; background:url('/base/img/newmain/con4.jpg') no-repeat; margin:0 auto; background-position:100% 100%; } #footer_wrap {clear:both; width:100%; font-family: 'Nanum Gothic', serif; } #footer_wrap #footer { width:1000px; margin:0 auto; position:relative;} #footer_wrap #footer #ft_logo { width:70px; padding:15px 30px 17px 15px;float:left; } #footer_wrap #footer #copyright { float:left; font-size:12px; padding:30px 0px 30px 0px; color:#a1a1a1; width:500px; line-height:18px;} #footer_wrap #footer #ft_img {position:absolute; right:0; top:25px;} #footer_wrap #footer #ft_img li {float:left; padding-left:10px;} #footer_wrap #footer #ft_cp li {float:left;} #footer_wrap #footer:after {clear:both;display:block;content:"":} .main_board_in {margin-top:20px;} .main_board_in a {color:#666;} /* 2018년 리뉴얼 추가 */ .container {width:1000px;margin:0 auto;} .clearfix:after {display: block;content: "";clear: both;} #content_wrap #content #sec01 {position:relative;width:100%;background:#e6ce99;} #content_wrap #content #sec02, #content_wrap #content #sec04 {position:relative;width:100%;padding:50px 0;} #content_wrap #content #sec03 {position:relative;width:100%;padding:40px 0;background:#f9eccf;} #content_wrap #content .box {float:left;} #content_wrap #content .box_mg {margin-right:22px;} #content_wrap #content .box img {display:block;} #content_wrap #content #sec01 .box.qicon:hover {background:#e0bb6a;} #content_wrap #content #sec03 .box {margin-top:11px;margin-bottom:11px;} #content_wrap #content #sec04 .container {display:flex;} #content_wrap #content #sec04 .board {flex:1;padding:0 30px;width:332px;float:left;border-right:1px solid #e8e8e8;position:relative;box-sizing:border-box;} #content_wrap #content #sec04 .board:first-child {padding-left:0;} #content_wrap #content #sec04 .board:last-child {border-right:0;width:334px;padding-right:0;} #content_wrap #content #sec04 .board a.btn_plus {position:absolute;right:30px;top:0px;} #content_wrap #content #sec04 .board .board_in {padding-top:20px;} /*-------------------------------------------------------------------------- 서 브 --------------------------------------------------------------------------*/ #container {clear:both; width:100%; height:100%;} #container .inner {width:1000px; height:100%; margin:auto; position:relative;} #container .sub_bg {width:100%; height:170px; background:url('http://skintrans5800.cafe24.com/base/img/newmain/con_bg.jpg');} #container .sub_bg p {text-align:right; padding-top:50px;} #container .sub_bg h2 { width:195px; height:58px; background: rgb(210, 172, 103); text-align:center; line-height:58px; font-size:16px; color:#81562c; position:absolute; left:0; bottom:0; font-family: 'Nanum Gothic', serif; } #snb {width:193px; height:100%; float:left; font-family: 'Nanum Gothic', serif; font-size:13px; font-weight:700; padding-bottom:60px;} #snb li {border-bottom: 1px solid #ccc; line-height:45px;} #snb a {display:block; padding-left:15px; color:#707070;} #snb a:hover {color:#81562c;} #snb .on > a {color:#81562c;} #snb .snb_sub {width:100%; height:100%; background:#f8f8f8; line-height:26px; border-top: 1px solid #ccc; padding: 10px 0;} #snb .snb_sub dd {padding-left:15px;} #snb .snb_sub dd > a:hover {color:#333;} #sub_content {width:1000px;; margin:auto; *zoom:1; border-left: 1px solid #ccc; box-sizing:border-box;} #sub_content:after {content:" "; display:block; clear:both;} #sub_content .right_content {float:right; width:750px; border-left: 1px solid #ccc; padding-left:55px;} #sub_content .route { text-align:right; font-family: 'Nanum Gothic', serif; font-size:11px; word-spacing:8px; letter-spacing:-0.7px; color:#898989; margin: 20px 0; } #sub_content .title {font-family: 'Nanum Gothic', serif; margin-bottom:40px;} #sub_content .title h3 {font-size:36px; letter-spacing:-1px; color:#464646;} #sub_content .title p {font-size:14px; font-weight:700; color:#d2ac67; text-transform:uppercase; margin-top:7px;} #sub_content .content_body {padding-bottom:100px;} /* 서브페이지 탭 */ .content_body .board_tab ul { margin:24px 0; height:50px; } .content_body .board_tab ul li { float:left; height:30px; line-height:30px; padding:6px 10px 6px 10px; border:4px solid #ddd; margin-right:14px; } .content_body .board_tab ul li a { font-size:15px; color:#505050; font-family: 'Nanum Gothic', serif; } .content_body .board_tab ul li.on { border:4px solid #b3987e; color:#8c6f53; font-weight:bold; } .content_body .board_tab ul li.on a {color:#8c6f53; } .content_body .mbc_title { margin:10px 0 30px 0; } .content_body .tstyle_list {width:100%;border-top: solid 2px #ddbb83;} .content_body .tstyle_list td, .content_body .tstyle_list th {border-bottom:1px solid #e5e5e5;padding:5px 0; text-align:center;} .content_body .mbc_title .replay {width: 100%; text-align: center; padding:22px 0px; background:orange; color:#fff; font-size:26px; display:inline-block;font-weight:bold;font-family:'Nanum Gothic';} .content_body .mbc_title h4 {margin-bottom:5px; font-size:24px; color:#cb9c4e;font-family: 'Nanum Gothic', sans-serif;letter-spacing:-0.07em;margin-top:10px;} .content_body .mbc_title ul li {color:#707070; font-size:15px;font-family: 'Nanum Gothic', serif;line-height:1.6;} .content_body .mbc_title p { font-size:15px;font-family: 'Nanum Gothic', serif;line-height:1.6;} .content_body .mbc_title th, .content_body .mbc_title td {font-family: 'Nanum Gothic', serif;font-size:14px;} /*갤러리*/ #sub_content .tab {height:45px; font-family: 'Nanum Gothic', serif; font-size:14px; font-weight:700; margin-bottom:26px;font-weight:bold;} #sub_content .tab li { float:left; width:50%; height:43px; text-align:center; line-height:45px; background:#e8d4b0; border-bottom:2px solid #464646; } #sub_content .tab a {display:block; color:#81562c;} #sub_content .tab_on a {width:100%; height:100%; background:#464646; color:#fff;} #view {width:100%; height:452px; border:1px solid #d7d7d7; margin-bottom:30px; text-align:center; background:#f1f1f1;} #view img {margin-left:160px;} #carousel li {width:74px; margin-left:7px;} #carousel li:first-child {margin-left:0;} #carousel img {width:100%; display: block; opacity: 0.5; filter:alpha(opacity=50); cursor: pointer; border:1px solid #d7d7d7;} #carousel img:hover {opacity: 1; filter:alpha(opacity=100); } #carousel .flex-active-slide img {opacity: 1; cursor: default;} .map { width:750px; height: 50px; } .map ul li { float:left; } html {scrollbar-3dLight-Color: #efefef; scrollbar-arrow-color: #dfdfdf; scrollbar-base-color: #efefef; scrollbar-Face-Color: #dfdfdf; scrollbar-Track-Color: #efefef; scrollbar-DarkShadow-Color: #efefef; scrollbar-Highlight-Color: #efefef; scrollbar-Shadow-Color: #efefef} /* Chrome, Safari용 스크롤 바 */ ::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; } ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: url('./images/bg.png') #efefef} ::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)} ::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}