#wrap {width: 100%; min-width: 1360px;} /* .safe-box {position: relative; width: 1240px; margin: 0 auto; padding: 0px 60px;} .safe-box2 {position: relative; width: 1240px; margin: 0 auto;} .full-box {position: relative; margin: 0px 60px;} .full-box2 {position: relative;} */ #header-wrap {position: relative; z-index: 999999;} #header {position: relative; width: calc(100% - 120px); min-width: 1240px; height: 83px; margin: 0px 60px;} #header #logo {position: absolute; top: 15px; left: 0px;} #gnb-box {position: absolute; top: 35px; right: 260px; z-index: 999;} #gnb-box>ul {} #gnb-box>ul>li {float: left; margin: 0 25px;} #gnb-box>ul>li:last-child {margin-right: 0px;} #gnb-box>ul>li>a {display: block; height: 48px; font-family: 'Noto Sans KR', sans-serif; font-size: 17px; color: #888;} #gnb-box>ul>li>a.on, #gnb-box>ul>li>a:hover {color: #333;} #gnb-box>ul>li>ul {position: absolute; top: 48px; width: 170px; overflow: hidden; padding: 25px 0px 25px 0px; text-align: center; background-color: #303747;} #gnb-box>ul>li:nth-child(1)>ul {display: none; left: -29px; height: 155px;} #gnb-box>ul>li:nth-child(2)>ul {display: none; left: 82px; height: 155px;} #gnb-box>ul>li:nth-child(3)>ul {display: none; left: 198px; height: 108px;} #gnb-box>ul>li:nth-child(4)>ul {display: none; left: 309px; height: 28px;} #gnb-box>ul>li:nth-child(5)>ul {display: none; left: 422px; height: 88px;} #gnb-box>ul>li:nth-child(6)>ul {display: none; left: 536px; height: 55px;} #gnb-box>ul>li:nth-child(7)>ul {display: none; left: 640px; height: 88px;} #gnb-box>ul>li>ul>li {margin-bottom: 10px;} #gnb-box>ul>li>ul>li>a {font-family: 'Malgun Gothic', sans-serif; font-weight:300; font-size: 14px; color: #fff;} #gnb-box>ul>li>ul>li>a:hover {color: #b7aba2;} #login-box {position: absolute; top: 33px; right: 85px;} #login-box a {display: inline-block; height: 31px; line-height: 31px; font-family: 'Malgun Gothic', sans-serif; font-size: 13px; font-weight: 700; color: #999; margin-right:20px;} #login-box a:hover {color: #303747;} #contact-box {position: absolute; top: 33px; right: 0px;} #contact-box a {display: block; width: 86px; height: 31px; line-height: 31px; font-family: 'Malgun Gothic', sans-serif; font-size: 13px; font-weight: 700; color: #999; background: url(../img/contact-off-bg.png) 56px no-repeat;} #contact-box a:hover {color: #303747; background-image: url(../img/contact-on-bg.png);} /* 헤더 */ #category-box {position: relative; width: 60px; float: left;} #category-box a {display: block; position: absolute; top: 50%; left: 50%; width: 11px; height: 120px; margin-top: -60px; margin-left: -5px; background-image: url(../img/category-btn-off.png);} #category-box a.on, #category-box a:hover {background-image: url(../img/category-btn-on.png);} #right-box {position: relative; width: 60px; float: left;} /* 컨텐츠 */ #footer {font-family: 'Malgun Gothic', sans-serif; position: relative; width: calc(100% - 120px); min-width: 1240px; height: 77px; margin: 0px 60px; border-top:1px solid #f7f7f7;} #footer .addr-box {position: absolute; top: 22px;} #footer .addr-box .addr-li {margin-bottom: 5px;} #footer .addr-box .addr-li li {float: left;} #footer .addr-box .addr-li li span {font-size: 12px; color: #999; float: left; padding: 0 10px 0 0; } #footer .addr-box .addr-li li span a {color: #999;} #footer .addr-box .addr-li li span:before {display: block; content:""; color: #a6a6a6; float: right;} #footer .addr-box .addr-li li:last-child span:before {display: none;} #footer .addr-box .copy {/* margin-top: 7px; */ font-size: 12px; font-weight: 700; color: #aaa; text-transform:uppercase; } #other-site-link {position: absolute; bottom: 20px; right: 0px; z-index: 9999999;} #other-site-link .site-link-form {position: relative; width: 178px; height: 28px; line-height: 28px; font-size: 12px; font-family: "malgun gothic"; text-indent: 20px; color: #666; border: 1px solid #ddd; background-color: transparent; cursor: pointer;} #other-site-link .site-link-form .list-arrow {position: absolute; top: 39%; right: 15px; width: 11px; height: 6px; background-image: url(../img/other-site-arrow.gif); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);} #other-site-link.list-on .site-link-form .list-arrow {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);} #other-site-link .other-site-list {display: none; border: 1px solid #ddd; background-color: #fff;} #other-site-link .other-site-list li a {display: block; width: 178px; height: 38px; line-height: 38px; text-indent: 20px; font-size: 13px; font-family: "malgun gothic"; color: #666;} #other-site-link .other-site-list li a:hover {background-color: #ddd; color: #666;} #mem-link {position: absolute; bottom: 20px; right: 0px; z-index: 999999;} #mem-link a {display:inline-block; transition-duration:0.4s;} #mem-link a.a-mail {width:132px; height:24px; line-height:24px; font-weight:bold; font-size:13px; text-align:center; color:#fff; vertical-align: top; background:rgba(170,170,170,0.7); border-radius:30px;} #mem-link a.a-mail:hover {background:rgba(170,170,170,1);} #mem-link a.a-adm {width:25px; height:24px; opacity:0.5; background:url(../img/admin.png) center right no-repeat;} #mem-link a.a-adm:hover {opacity:1;} /* 푸터 */ #site-map {position: absolute; top: 0px; left: 0px; width:0%; height: 740px; background-color: rgba(48,55,71,0.9); overflow: hidden; z-index: 9999999;} #site-map .close-btn {position: absolute; top: 30px; right: 30px; width: 29px; height: 28px; background-image: url(../img/site-close-btn.png); cursor: pointer;} #site-map .inner-box {position: relative; width: 1120px; margin: 0 auto; margin-top: 150px;} #site-map .inner-box ul {} #site-map .inner-box>ul>li {position: absolute;} #site-map .inner-box>ul>li>a {font-size: 26px; color: #fff;} #site-map .inner-box>ul>li>ul {margin-top: 20px;} #site-map .inner-box>ul>li>ul>li {margin-bottom: 15px;} #site-map .inner-box>ul>li>ul>li>a {font-size: 16px; color: #b2b6c0;} #site-map .inner-box>ul>li>ul>li>a:Hover {color: #fff;} #site-map .inner-box>ul>li:nth-child(1) {left: 0px;} #site-map .inner-box>ul>li:nth-child(2) {left: 160px;} #site-map .inner-box>ul>li:nth-child(3) {left: 320px;} #site-map .inner-box>ul>li:nth-child(4) {left: 480px;} #site-map .inner-box>ul>li:nth-child(5) {left: 640px;} #site-map .inner-box>ul>li:nth-child(6) {left: 800px;} #site-map .inner-box>ul>li:nth-child(7) {left: 960px;} /* 사이트 맵 */ /*윤리신고*/ ul.tabs{ margin: 0px; padding: 0px; list-style: none; } ul.tabs li { background: none; color: #777; display: inline-block; padding: 10px 15px; cursor: pointer; } ul.tabs li.current{ background: #ededed; color: #222; font-weight: 900; } .tab-content{ display: none; background: #ededed; padding: 40px; } .tab-content.current{ display: inherit; } .customer03 { margin: 80px 0 100px; } .customer03 h3 { text-align: center; padding: 30px 0; } .customer03 .ul_style { padding: 15px; } .customer03 .ul_style li { list-style: decimal; } .customer03 h4 { font-weight: 600; font-size: 15px; color:#222; padding: 20px 0 5px 0; } .customer03 b { display: block; padding-top: 40px; text-align: center; } .customer03 b span { font-weight: 500; } .customer03 #tab-2 p { padding-bottom: 30px; } .customer03 #tab-2 p span { display: block; padding: 5px 0 0 15px; } .customer03 i { display: block; margin-top: 15px; font-style: normal; font-weight: 600; color:#222; } .customer03 i a { font-weight: 400; color:#e50505; font-size: 14px; } .customer03 i a img { display: inline-block; width: 25px; } .customer03 #tab-3 p { margin-bottom: 20px; font-size: 14px; }