@charset "utf-8"; body{max-width:1920px;margin:0 auto;} /*** common ***/ #wrap {min-width:1240px;overflow:hidden;} .after_div {*zoom:1;} .after_div:after {clear:both;content:"";display:block;} .clear {*zoom:1;} .clear:after {clear:both;content:"";display:block;} .fl {float:left;} .fr {float:right;} .relative {position:relative;} .absolute {position:absolute;} .block {display:block;} .blind, .dn {display:none !important;} /*** 정렬 ***/ .ta_left {text-align:left !important;} .ta_center {text-align:center !important;} .ta_right {text-align:right !important;} /*─────────────────────────────────────────────────────────── input, button ───────────────────────────────────────────────────────────*/ /* input */ input[type="text"], input[type="password"], input[type="number"], input[type="date"] {height:26px;line-height:26px;border:1px #d3d3d3 solid;color:#555;font-size:12px;text-indent:5px;padding:0;margin:0;box-sizing:border-box;vertical-align:middle;text-align:left;border-radius:0;outline:0;} input[type="text"]::-webkit-input-placeholder {color:#555;} input[type="text"]::-moz-placeholder {color:#555;} input[type="text"]:-ms-input-placeholder {color:#555;} input[type="text"]:-moz-placeholder {color:#555;} input[type="password"]::-webkit-input-placeholder {color:#555;} input[type="password"]::-moz-placeholder {color:#555;} input[type="password"]:-ms-input-placeholder {color:#555;} input[type="password"]:-moz-placeholder {color:#555;} button {outline:0;box-sizing:border-box;} select {outline:0;cursor:pointer;height:27px;line-height:25px;font-size:12px;color:#555;border:1px solid #ddd;box-sizing:border-box;margin:0;padding:0 0 0 10px;vertical-align:middle;text-align:left;border-radius:0;background-color:#fff;background:#fff url('../images/da_image/select_arrow.png') no-repeat right 19px center;} /*화살표 없애기*/ select {-webkit-appearance:none;-moz-appearance:none;appearance:none;} select::-ms-expand {display:none;} select option {line-height:28px;padding:5px 0;} .select_box_wrap {display:inline-block;height:30px;line-height:30px;position:relative;z-index:1;box-sizing:border-box;margin:0;padding:0;} .select_box_wrap .select_box_arrow {display:none;cursor:pointer;position:absolute;z-index:5;width:0px;height:0px;right:7px;top:12px;border-right:6px solid transparent;border-bottom:6px solid #aaa;transform:rotate(315deg);-ms-transform:rotate(315deg);-webkit-transform:rotate(315deg);-moz-transform:rotate(225deg);-o-transform:rotate(315deg);}/*right:5px;top:15px;width:8px;height:5px;background:url(../../../../lib/images/icon_select_arrow.png) 0 0 no-repeat;*/ input[type="checkbox"] {display:none;} input[type="checkbox"] + label {cursor:pointer;font-size:14px;} input[type="checkbox"] + label:before, input[type="checkbox"] + label::before {display:inline-block;content:"";width:25px;height:25px;margin:-2px 16px 0 0;vertical-align:middle;background:url("../images/da_image/chk-off.png") left top no-repeat;cursor:pointer;} input[type="checkbox"]:checked + label:before, input[type="checkbox"]:checked + label::before {background:url("../images/da_image/chk-on.png") left top no-repeat;} input[type="radio"] {display:none;} input[type="radio"] + label {cursor:pointer;} input[type="radio"] + label:before, input[type="radio"] + label::before {display:inline-block;content:"";width:13px;height:13px;margin:-2px 5px 0 20px;vertical-align:middle;background:url('../../../../lib/images/icon_input_radio.png') left top no-repeat;cursor:pointer;} input[type="radio"]:checked + label:before, input[type="radio"]:checked + label::before {background:url('../../../../lib/images/icon_input_radio_on.png') left top no-repeat;} input[type="radio"] + label:first-of-type:before, input[type="radio"] + label:first-of-type::before {margin-left:0;} textarea {font-size:12px;color:#666;border:1px solid #ddd;box-sizing:border-box;margin:0;padding:0 10px;vertical-align:middle;text-align:left;border-radius:0;} .btn_center {text-align:center;font-size:0;} .btn_center a {margin:0;} .btn_center button + button, .btn_center a + button, .btn_center button + a, .btn_center a + a {margin-left:8px;} .btn_center input {margin-top:-10px;} .btn_right a {font-size:15px;font-weight:700;} .btn, .btn_sm, .btn_bbs_go {font-weight:700;border-style:solid;border-width:1px;padding:0;margin:0;text-indent:0;vertical-align:top;text-align:center;display:inline-block;box-sizing:border-box;cursor:pointer;box-shadow:none;outline:0 !important;} .btn, .btn:hover {width:105px;height:40px;line-height:38px;font-size:15px;color:#fff;} .btn_basic, .btn_basic:hover {border-color:#888 !important;background-color:#7e7e7e !important;} .btn_point, .btn_point:hover {border-color:#eb3b4b !important;background-color:#eb3b4b !important;} .btn_sm, .btn_sm:hover {border-color:#ddd !important;background-color:#fff !important;color:#555 !important;} .btn_reset {background:#fff url('../images/board/icon_btn_reset.gif') no-repeat 9px 50%;padding:0 10px 0 30px;line-height:28px;} .board_search .btn, .board_search .btn:hover {width:60px;height:34px;color:#fff;line-height:32px;font-size:13px;} /*─────────────────────────────────────────────────────────── layout ───────────────────────────────────────────────────────────*/ .skip_nav {position:relative;z-index:9999;} .skip_nav a {display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;font-size:12px;color:#fff;font-weight:bold;white-space:nowrap;text-align:center;} .skip_nav a:focus, .skip_nav a:active {height:auto;width:100%;padding:0;margin-bottom:0;position:absolute;left:0;top:0;} .w_layout, .wid_100 {width:100%;text-align:center;margin:0;padding:0;}/*text-align은 익스7이하에서 맞추기 위해서 명명*/ .w_set, .w_custom, .wid_cus {width:1420px;text-align:left;margin:0 auto;padding:0 20px;box-sizing:border-box;position:relative;} /* header 레이아웃 */ .warpper {width:100%;} /* header 와 footer 제외하고 전체를 감싸는 영역 */ .warpper .contents_wrap {width:1280px;margin:0 auto;padding:0;position:relative;z-index:1;vertical-align:top;font-size:0;min-height:640px;box-sizing:border-box;} /* warpper 안에 측면과 컨텐츠를 감싸는 영역 */ .warpper .contents_wrap #aside {width:20%;float:left;vertical-align:top;} /* 측면을 감싸는 영역 */ .warpper .contents_wrap #contents_box {width:100%;padding:66px 0 150px 0;vertical-align:top;} /* 컨텐츠를 감싸는 영역 */ .warpper .contents_wrap #aside + #contents_box {font-size:12px;width:80%;padding:30px 0 50px 40px;box-sizing:border-box;float:left;} /* 측면과 컨텐츠가 함께 나올때 영역 사이즈 재설정 */ .warpper .contents_wrap .nav_wrap {margin-top:-7px;} /* 네비게이션 감싸는 영역. 레이아웃에 따라 위치가 ".contents_wrap > .nav_wrap" 일수도, ".contents_wrap #contents_box > .nav_wrap" 일수도 있음 */ .warpper .contents_wrap #contents_box #content {width:100%;margin:0;padding:0;text-align:left;} /* 컨텐츠 */ .warpper .contents_wrap #contents_box #content:after {clear:both;content:"";display:block;} @media only screen and (max-width:1350px){ .warpper .contents_wrap{width:100%;padding:0 30px;} } /* 네비게이션 영역 */ .nav_wrap {} .nav_wrap .nav_box {padding:0 0 24px 0;border:0;margin:0;border-bottom:1px #858585 solid;margin-bottom:30px;} .nav_wrap .nav_box:after {clear:both;content:"";display:block;} .nav_wrap .nav_box h2 {font-size:28px;color:#333;line-height:46px;float:left;font-weight:700;font-family:'Lato','Nanum Gothic', sans-serif;position:relative;z-index:1;padding:12px 0 0 0;} .nav_wrap .nav_box h2:before {content:"";display:inline-block;width:15px;height:2px;background:#333;position:absolute;left:0;top:0;} .nav_wrap .nav_box ul {float:right;font-size:0;line-height:18px;padding:0px 0 0 0;} .nav_wrap .nav_box ul li {text-align:right;line-height:18px;padding:0;color:#aaa;font-size:8px;display:inline-block;} .nav_wrap .nav_box ul li + li {padding-left:5px;} .nav_wrap .nav_box ul li span, .nav_wrap .nav_box ul li strong, .nav_wrap .nav_box ul li a {padding:0px 4px;font-size:11px;display:inline-block;line-height:17px;width:auto;color:#888;vertical-align:middle;margin:0;font-family:'Nanum Gothic', sans-serif;} .nav_wrap .nav_box ul li strong a {padding:0;} .nav_wrap .nav_box ul li a.home {padding:0;margin-right:4px;background:url('../images/sub/route_home.gif') no-repeat 0 45%;width:9px;height:18px;text-indent:999px;overflow:hidden;} .nav_wrap .nav_box ul li:last-child a, .nav_wrap .nav_box ul li:last-child span, .nav_wrap .nav_box ul li:last-child strong {color:#222;font-weight:700;padding-right:0;} /*측면영역*/ #aside {padding:0;text-align:left;} #aside .sub_menu {float:left;width:220px;} #aside .sub_menu dl {padding-bottom:40px;} #aside .sub_menu dl dt {position:relative;display:block;width:220px;height:40px;line-height:55px;text-indent:20px;font-size:17px;font-weight:600;color:#fff;z-index:100;top:-55px;} #aside .sub_menu dl dt:after{content:"";display:block;position:absolute;left:0px;top:0px;width:100%;height:55px;background-color:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75);opacity:.75;z-index:-1;} #aside .sub_menu dl dt + dd a {border-top:solid 1px #ddd;} #aside .sub_menu dl dt span {position:relative;display:block;width:220px;height:55px;line-height:55px;text-indent:20px;font-size:17px;font-weight:600;color:#fff;z-index:100;} #aside .sub_menu dl dt .sub_tit_bg {position:absolute;top:0;left:0;width:220px;height:55px;background-color:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";/* IE 8 */ filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75);/* IE 7 and olders */ opacity:.75;z-index:10;} #aside .sub_menu dl dd a {display:inline-block;text-indent:20px;font-size:14px;color:#444;width:220px;height:39px;line-height:39px;border-bottom:solid 1px #ddd;} #aside .sub_menu dl dd:hover a, #aside .sub_menu dl dd.on a {color:#eb3b4b;background:url("../images/sub/sub_nav_dot.gif") no-repeat;background-position:195px 50% ;} /* 측면 공통요소 영역 - left_bnr */ #aside .sub_menu h2 {color:#333;font-size:16px;line-height:22px;margin:0 0 8px 0;font-weight:700;font-family:'Disis', sans-serif;} .quick_menu {text-align:left;font-size:0;padding-top:11px;} .quick_menu li {display:inline-block;vertical-align:top;width:70px;height:65px;box-sizing:border-box;border:1px #777 solid;border-radius:5px;} .quick_menu li + li {margin-left:5px;} .quick_menu li a {display:block;height:100%;color:#666;font-size:12px;font-weight:500;font-family:'Noto Sans KR', sans-serif;line-height:20px;padding:37px 0 6px 0;box-sizing:border-box;text-align:center;} .quick_menu li.notice {background:url('../images/common/icon_aside_lnb01.gif') no-repeat 50% 11px;} .quick_menu li.map {background:url('../images/common/icon_aside_lnb02.gif') no-repeat 50% 11px;} .quick_menu li.cs {background:url('../images/common/icon_aside_lnb03.gif') no-repeat 50% 11px;} @media only screen and (max-width:1437px){ .w_set, .w_custom, .wid_cus{width:100%;min-width:1240px;padding-left:20px;padding-right:20px;box-sizing:border-box;} } /*─────────────────────────────────────────────────────────── HEADER | outline/header.html, outline/nav.html ───────────────────────────────────────────────────────────*/ /** PC 일반 **/ .skip_nav {position:relative;z-index:9999;} .skip_nav a {display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;font-size:12px;color:#fff;font-weight:bold;white-space:nowrap;text-align:center;} .skip_nav a:focus, .skip_nav a:active {height:auto;width:100%;padding:0;margin-bottom:0;position:absolute;left:0;top:0;} #header .hd_lnb li a, #header .hd_gnb li, #header .hd_gnb li a {} #header {left:0;top:0;height:100px;border:0;text-align:center;position:fixed;z-index:10;width:100%;box-sizing:border-box;font-size:0;padding: 0 60px;transition: all 0.6s;background:transparent;border-bottom:1px solid rgba(255,255,255,0.1);} #header .w_set {width:100%;box-sizing:border-box;max-width:1180px;padding:0;margin:0 auto;} #header .w_set2 {position:relative;} #header .hd_logo {left: 60px;top: 50%;position:absolute;z-index:15;width: 269px;height: 55px;transform: translateY(-50%);} #header .hd_logo a {background: url('../images/da_image/hd-logo.png') no-repeat left;font-size: 0;display: block;height: 100%;background-size:100% auto;} #header .hd_lnb {padding-left:330px;line-height:100px;margin:0;font-size:0;width:100%;display:block;vertical-align:top;text-align:left;display:inline-block;box-sizing:border-box;z-index:10;} #header .hd_lnb > li, #header .hd_lnb > li > a {padding:0;line-height: 2;font-size: 0.88vw;font-weight: 500;color:#fff;vertical-align: middle;text-align:center;display:inline-block;box-sizing:border-box;transition: all .2s;letter-spacing: -0.02em;} #header .hd_lnb > li:hover, #header .hd_lnb > li:hover a {color:#1c948e;} #header .hd_lnb > li {padding: 0 0.97vw;position:relative;} #header .hd_lnb > li > a {padding:0;position:relative;z-index:1;} #header .hd_lnb .hd_lnb_dep2 {z-index: 55;display:none;position:absolute;left:50%;transform:translateX(-50%);top:120%;background-image: linear-gradient(135deg, #0ba29a, #00a455, #04377b);border-radius:10px 0 10px 0;width:max-content;min-width:140px;padding: 18px 20px;} #header .hd_lnb > li:nth-of-type(5) .hd_lnb_dep2 {/* width:320px; */} #header .hd_lnb .hd_lnb_dep2 li, #header .hd_lnb .hd_lnb_dep2 li a {font-size:18px;line-height:2.22;font-weight:400;color:#fff !important;letter-spacing:-0.01em;} #header .hd_right {top:50%;right:60px;height:auto;margin:0;padding:0;font-size:0;position:absolute;vertical-align:top;text-align:center;display:inline-block;box-sizing:border-box;z-index:15;transform:translateY(-50%);} #header .hd_right .hd_family, #header .hd_right .menu-trigger {display:inline-block;vertical-align:middle;} #wrap .hd_family {font-size:0;display: inline-block;vertical-align:middle;} #wrap .hd_family li {display:inline-block;vertical-align:middle;} #wrap .hd_family li + li {margin-left:10px;} #wrap .hd_family li a {display:block;width:auto;height:42px;font-size:16px;line-height:40px;font-weight:300;color:#eee;letter-spacing:-0.01em;padding:0 16px;box-sizing:border-box;position:relative;transition:0.3s;} #wrap .hd_family li a:before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #edecec;background:rgba(255,255,255,0.2);box-sizing:border-box;opacity:0.4;border-radius:10px 0 10px 0;z-index:-1;transition:0.3s;} #header .hd_right .menu-trigger {position:relative;padding:0;width:30px;height:25px;box-sizing: border-box;margin-left:40px;} #header .hd_right .menu-trigger span {transition:0.3s;position:absolute;width: 100%;height:3px;background-color: #fff;left: 0;} #header .hd_right .menu-trigger span:nth-of-type(1) {top: 0;} #header .hd_right .menu-trigger span:nth-of-type(2) {top: 50%;margin-top: -1.5px;} #header .hd_right .menu-trigger span:nth-of-type(3) {bottom: 0;} /* scroll header */ #header.on {background:#fff;box-shadow:0 5px 15px rgba(0,0,0,0.05);} #header.on .hd_logo {} #header.on .hd_logo a {background:url('../images/da_image/hd-logo-ov.png') no-repeat left;background-size:100% auto;} #header.on .hd_lnb li, #header.on .hd_lnb li a{color:#222;} #header.on .hd_lnb li:hover, #header.on .hd_lnb li:hover a{color:#1c948e;} #header.on .hd_right .hd_family li a {color:#666;} #header.on .hd_right .hd_family li a:before {opacity:1;background:#fff;border:1px solid #cccccc;} #header.on .hd_right .menu-trigger span {background:#333333;} /* hover */ #header:hover {background:#fff} #header:hover .hd_logo {} #header:hover .hd_logo a {background:url('../images/da_image/hd-logo-ov.png') no-repeat left;background-size:100% auto;} #header:hover .hd_lnb li, #header:hover .hd_lnb li a{color:#222;} #header:hover .hd_lnb li:hover, #header:hover .hd_lnb li:hover a{color:#1c948e;} #header:hover .hd_right .hd_family li a {color:#666;} #header:hover .hd_right .hd_family li a:before {opacity:1;background:#fff;border:1px solid #cccccc;} #header:hover .hd_right .menu-trigger span {background:#333333;} @media only screen and (max-width:1840px) { #header {padding:0 30px;} #wrap .hd_logo {left:30px !important;} #wrap .hd_right {right:30px !important;} #header .hd_lnb {padding-left:310px;} #header .hd_lnb > li {/* padding:0 15px; */} #header .hd_lnb > li, #header .hd_lnb > li > a {/* font-size:16px; */} #aside .aside_box .aside_top {padding:0 30px !important;} #wrap .hd_right .hd_family li a {font-size:16px !important;} } @media only screen and (max-width:1640px) { #header .hd_lnb {padding-left:260px;} #wrap .hd_logo {width:220px !important;height:45px !important;} } @media only screen and (max-width:1640px) { #header .hd_lnb > li, #header .hd_lnb > li > a {/* font-size:15px; */} #wrap .hd_right .hd_family li a {font-size:15px !important;} } @media only screen and (max-width:1540px) { #header .hd_lnb {display:none;} } /*─────────────────────────────────────────────────────────── ASIDE | outline/header.html, outline/nav.html ───────────────────────────────────────────────────────────*/ /* PC 일반 */ #aside {top:0px;/*right:-100%;*/width:100%;transition:0.8s;height:100%;box-sizing:border-box;box-sizing:border-box;position:fixed;background:#fff;z-index:99;} #aside {visibility:hidden;transform-origin: top center;opacity: 0;transition:all 0.4s;} #aside.on {/*right:0%;*/visibility:visible;opacity: 1;} #aside .aside_box {border-radius: 0 0 80px 0;background: url('../images/da_image/category-bg.jpg') no-repeat center;background-size: cover;} #aside .aside_box .aside_top {width:100%;height:100px;padding:0 60px;position:relative;z-index:1;box-sizing: border-box;} #aside .aside_box .aside_top .hd_family li a {color:#fff;} #aside .aside_box .aside_top .hd_family li a::before {border-color:#ccc !important;background:rgba(255,255,255,0.1);opacity:1;} #aside .aside_box .aside_top .hd_logo {width:269px;height:55px;display:block;position:absolute;top:50%;left:60px;transform:translateY(-50%);} #aside .aside_box .aside_top .hd_logo a {background:url('../images/da_image/hd-logo.png') no-repeat top left;background-size:auto 100%;font-size:0;display:block;width:100%;height:100%;} #aside .aside_box .aside_top .hd_right {position:absolute;display:block;right:60px;top:50%;transform:translateY(-50%);} #aside .aside_box .hd_lang{position:relative;display: inline-block;vertical-align: middle;margin-right:30px;} #aside .aside_box .hd_lang dt{position:relative;font-size:15px;font-weight:600;color:#fff;display: flex;cursor: pointer;} #aside .aside_box .hd_lang dt span{display: flex;font-size:inherit;font-weight:inherit;color:inherit;padding-right:21px;align-items: center; } #aside .aside_box .hd_lang dt span:before{display:inline-flex; content:''; width:30px; height:30px; background:url('../images/da_image/icon-global.png') no-repeat center;background-size:auto 100%;margin-right:10px; transition:all 0.4s;} #aside .aside_box .hd_lang dt span:after{position:absolute;content:'';top:13px;right:0;border-top:7px solid #ddd;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:none;transition:all 0.4s;opacity:0.7;} #aside .aside_box .hd_lang dt.on span:after{transform:rotate(180deg);top:12px;} #aside .aside_box .hd_lang dd{display:none;text-transform:uppercase;position:absolute;top: calc(100% + 5px);left:50%;width: 100%;transform:translateX(-50%);text-align: center;background: #fff;border: 1px solid #ddd;box-sizing: border-box;} #aside .aside_box .hd_lang dd ul{padding: 11px 16px;} #aside .aside_box .hd_lang dd ul li{} #aside .aside_box .hd_lang dd ul li a{position:relative;display: inline-block;font-size: 14px;font-weight: 400;color:#333;padding: 7px 0;transition:all 0.4s;} #aside .aside_box .hd_lang dd ul li a:before{position:absolute;content:'';width:0;height:1px;background:#a60000;left:50%;bottom: 8px;transform:translateX(-50%);transition:all 0.4s;} #aside .aside_box .aside_top .hd_right .btn_aside_close {display:inline-block;width: 36px;height: 36px;position:relative;vertical-align: middle;margin-left:30px;} #aside .aside_box .aside_top .hd_right .btn_aside_close .menu-trigger2.active-1 {width:100%;height:100%;display:block;} #aside .aside_box .aside_top .hd_right .btn_aside_close .menu-trigger2.active-1 span {transition:0.3s;position:absolute;width:100%;height:2px;background-color: #fff;left:0;top: 18px;} #aside .aside_box .aside_top .hd_right .btn_aside_close .menu-trigger2.active-1 span:nth-of-type(1) {-webkit-transform:translateY (0) rotate (-45deg);transform:translateY(0) rotate(-45deg);} #aside .aside_box .aside_top .hd_right .btn_aside_close .menu-trigger2.active-1 span:nth-of-type(2) {opacity:0;} #aside .aside_box .aside_top .hd_right .btn_aside_close .menu-trigger2.active-1 span:nth-of-type(3) {-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg);} #aside .aside_box {width:100%;height:100%;margin:0;padding:0;overflow-y:auto;position:relative;z-index:1;box-sizing:border-box;display:block;} #aside .aside_box .btn_aside_close {} #aside .aside_box .aside_logo {text-align:left;margin-bottom:22px;} #aside .aside_box .aside_logo a {display:block;background:url('../images/test/hd_logo.png') no-repeat left;font-size:0;height:20px;background-size:auto 100%;} #aside .aside_box .aside_gnb {text-align:left;display:block;} #aside .aside_box .aside_gnb li {display:inline-block;vertical-align:middle;} #aside .aside_box .aside_gnb li + li {margin-left:23px;} #aside .aside_box .aside_gnb li a {display:block;font-size:14px;color:#ffffff;} #aside .aside_box .aside_search {margin:40px 0 28px;height:40px;background:#fff;position:relative;display:block;} #aside .aside_box .aside_search .search_input {width:100%;padding:0 10px;box-sizing:border-box;color:#333;font-size:13px;border:none;line-height:40px;} #aside .aside_box .aside_search .search_enter {width:24px;height:24px;background:url('../images/test/aside_search.png') no-repeat 0 0;position:absolute;right:15px;top:50%;margin-top:-12px;background-size:auto 100%;font-size: 0;border: 0;} #aside ul.slidemenu {padding:0 0 50px 0;} #aside ul.slidemenu li.on > .icons {background:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),transparent;background-position:center;background-size:100% 1px,0 100%;background-repeat:no-repeat;} #aside ul.slidemenu .depth1_li {text-align:left;display:block;vertical-align:top;font-size:0;border-bottom:1px solid rgba(255,255,255,0.2);position:relative;display: flex;align-items: center;} #aside ul.slidemenu .depth1_li:last-child {border-bottom:0;} #aside ul.slidemenu .depth1_li + .depth1_li {margin-top:0;margin-left:0;} #aside ul.slidemenu .depth1_li a, #aside ul.slidemenu .depth1_li .icons {display:inline-block;vertical-align:middle;} #aside ul.slidemenu .depth1_li a {} #aside ul.slidemenu .depth1_li .depth1_a {font-size:36px;font-weight:700;line-height:1.4;color:#fff;width:403px;padding:25px 0;text-transform: uppercase;} #aside ul.slidemenu .depth1_li .icons {width:20px;height:20px;background:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),transparent;background-position:center;background-size:100% 1px,1px 100%;background-repeat:no-repeat;} #aside ul.slidemenu .depth1_li .depth1_a.now {background:url('../images/test/aside_cate_on.png') no-repeat 97%;background-size:auto 8px;} #aside ul.slidemenu .depth1_li .depth {padding:38.5px 0;border:0;width:calc(100% - 403px);} #aside ul.slidemenu .depth1_li .depth li {padding-left:0;position:relative;display:inline-block; margin-right:52px;} #aside ul.slidemenu .depth1_li .depth li:last-child {margin-right:0;} #aside ul.slidemenu .depth1_li .depth li a {font-size:22px;line-height:1;color:#ddd;display:inline-block;position:relative;transition:all 0.3s;} #aside ul.slidemenu .depth1_li .depth li:hover a {color:#fff;} #aside ul.slidemenu .depth1_li .depth li a:after {content:'';display:block;position:absolute;width:0;height:2px;background:#fff;bottom:-2px;left:0;transition:all 0.3s;} #aside ul.slidemenu .depth1_li .depth li:hover a:after {width:100%;} @keyframes menuAni { 0% { opacity: 0; } 100% { opacity: 1; } } @media only screen and (max-width:1400px){ #aside ul.slidemenu .depth1_li .depth li a{font-size:20px;} } /*─────────────────────────────────────────────────────────── FOOTER | outline/footer.html ───────────────────────────────────────────────────────────*/ #footer {} #footer .footer_cont {} #footer .footer_info {background:#111715;padding:59px 0 48px;} #footer .footer_info .w_set {display:flex;align-items: flex-start;justify-content:space-between;} #footer .footer_info address {font-size:16px;line-height:2;font-weight:300;color:#888;letter-spacing:-0.04em;} #footer .footer_info address strong {display:block;font-size:18px;line-height:1;font-weight:500;color:#aaa;letter-spacing:-0.04em;padding-bottom:20px;} #footer .footer_info address span {margin:0 16px;display:inline-block;} #footer .footer_info address a {font-size:inherit;color:inherit;font-weight:inherit;} #footer .footer_info .ft_logo {} #footer .footer_info .ft_logo img {} #footer .footer_btm {background:#0c1110;padding:28px 0 27px;} #footer .footer_btm .w_set {display:flex;align-items: flex-start;justify-content:space-between;} #footer .footer_btm .ft_copy {font-size:14px;line-height:1;font-weight:400;color:#555;} #footer .footer_btm .ft_copy span {display:inline-block;margin:0 20px;} #footer .footer_btm .ft_copy a {font-size:inherit;font-weight:Inherit;color:inherit;} #footer .footer_btm .ft_nav {} #footer .footer_btm .ft_nav li {font-size:16px;line-height:1;font-weight:300;color:#555;float:left;position:relative;z-index:0;letter-spacing:-0.04em;} #footer .footer_btm .ft_nav li + li {margin-left:16px;padding-left:20px;} #footer .footer_btm .ft_nav li + li:before {content:'·';display:block;position:absolute;font-size:inherit;font-weight:inherit;color:inherit;top:0;left:0;} #footer .footer_btm .ft_nav li a {font-size:inherit;font-weight:inherit;font-weight:inherit;color:inherit;} #footer .footer_btm .ft_nav li strong {font-size:inherit;font-weight:inherit;color:#aaa;} #footer .scroll_top {position:fixed;width:54px;height:54px;background:#04377b url('../images/da_image/icon_top.png') no-repeat center;border-radius:12px 0 12px 0;right:60px;bottom:-60px;box-shadow:2px 2px 9px rgba(0,0,0,0.2);z-index:10;opacity:0;transition:all 0.6s;cursor:pointer;} #footer .scroll_top.on {bottom:60px;opacity:1;} #footer .scroll_top a {width:100%;height:100%;font-size:0;position:relative;} /*─────────────────────────────────────────────────────────── INDEX | index.html ───────────────────────────────────────────────────────────*/ .main_title {} .main_title h3 {font-size:50px;font-weight:700;color:#000000;line-height:1;letter-spacing:-0.04em;} .main_title h4 {padding-bottom:32px;} .main_title h4 span {font-size:22px;line-height:1;font-weight:600;letter-spacing:-0.02em;background-image:linear-gradient(71deg, #0ba29a 10%, #00a455 20% 40%, #04377b 100%);-webkit-background-clip: text;background-clip:text;-webkit-text-fill-color: transparent;} .btn_link {display:inline-block;height:58px;border-radius:12px 0 12px 0;border:1px solid #edecec80;font-size:18px;line-height:56px;font-weight:500;color:#fff;padding:0 36px;box-sizing:border-box;transition:0.6s;} .btn_link span {font-size:inherit;font-weight:inherit;color:inherit;letter-spacing:-0.04em;padding-right:25px;position:relative;z-index:0;transition:0.6s;} .btn_link span:after {content:'';width:7px;height:7px;border:1px solid #fff;border-width:1px 1px 0 0;transform:rotate(45deg);right:0;top:7px;position:absolute;transition:0.6s;} .btn_link:hover {border-color:#fff;background:#fff;} .btn_link:hover span {color:#333;} .btn_link:hover span:after {border-color:#333;} .btn_link.sm {width:58px;padding:0;} .btn_link.sm span {font-size:0;} .btn_link.sm span:after {top:-10px;left:22px;} /*** 메인 비주얼 ***/ #wrap .main_visual {position:relative;width:100%;min-width:1200px;margin:0;height:100vh;max-height:960px;background:#000;border-radius:0 0 80px 0;overflow:hidden;} #wrap .main_visual .slick-slide {overflow:hidden;position:relative;text-align:center;height:100vh;max-height:960px;border:none;min-height:100% !important;} .main_visual .slick-slide a {display:inline-block;height:100vh;max-height:960px;width:100%;max-width:1920px;margin:0 auto;text-align:Center;position:absolute;left:0;top:0;outline:0;background-position:center;background-size:cover !important;transition:transform 2s ease-in-out, opacity 2s ease-in-out;transform:scale(1.1) rotate(0.003deg);} .main_visual .slick-slide img {display:inline-block;height:auto;width:100%;max-width:1920px;} .main_visual .txt_box {text-align:left;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%;font-size:0;} .main_visual .txt_box strong, .main_visual .txt_box p {display:block;color:#fff;font-family:'Pretendard';opacity:0;transform:translateY(100px);transition:all 0.5s;} .main_visual .txt_box strong {font-size:64px;line-height:1.28;font-weight:700;color:#fff;letter-spacing:-0.04em;} .main_visual .txt_box p {font-size:22px;line-height:1.45;font-weight:300;color:#fff;letter-spacing:-0.01em;padding-top:31px;} /*active*/ .main_visual .active .txt_box strong, .main_visual .active .txt_box p {opacity:1;transform:translateY(0);transition:all 0.5s;} .main_visual .active .txt_box p{transition-delay:0.3s;} .main_visual .active a {transform:scale(1) rotate(0);} /*dots*/ .main_visual .slick-dots {position:absolute;bottom:50px;left:50%;transform:translateX(-50%);font-size:0;} .main_visual .slick-dots li {font-size:0;display:Inline-block;} .main_visual .slick-dots li + li {margin-left:12px;} .main_visual .slick-dots li button {width:12px;height:12px;border-radius:4px 0 4px 0;background:#fff;opacity:0.6;font-size:0;} .main_visual .slick-dots li.slick-active button {opacity:1;} .main_visual .slick-arrow {position:absolute;top:50%;transform:translate(-50%,-50%);width:33px;height:64px;z-index:1;font-size:0;} /*arrow*/ .main_visual .slick-prev {left:60px;} .main_visual .slick-next {right:60px;} .main_visual .slick-prev:before, .main_visual .slick-next:before {content:'';width:45px;height:45px;border:1px solid rgba(255,255,255,0.5);border-width:1px 1px 0 0;transform:rotate(45deg);right:10px;top:9px;position:absolute;} .main_visual .slick-prev:before {transform:rotate(225deg);right:auto;left:10px;top:9px;} /*scroll*/ .main_visual .scroll_down{position:relative;left:0;bottom:2px;cursor:pointer;z-index: 10;text-align:left;} .main_visual .scroll_down span{display: inline-block;box-sizing:border-box;font-size:14px;color:#fff;font-weight:300;position:relative;padding-left:91px;position:absolute;transform: rotate(270deg);bottom:53px;left:-44px;} .main_visual .scroll_down span:before{width:80px;height:1px;content:"";background:#888;opacity:0.8;position: absolute;left:0;top:calc(50% - 1px);} .main_visual .scroll_down span:after{width:5px;height:5px;content:"";background:#1c948e;box-sizing:border-box;border-radius:100%;position: absolute;top:calc(50% - 2.5px);bottom:54px;animation:scroll 1s ease-in Infinite Alternate;} @keyframes scroll{ 0%{left:80px;} 100%{left:0px} } /*** ABOUT HOLOSMEDIC ***/ .main_about {padding:220px 0 140px;margin-top:-100px;background:url('../images/da_image/main-about-bg.png') no-repeat top right;} .main_about .main_title {} .main_about .main_title h3 {line-height:1.32;} .main_about .main_title h4 {} .main_about .about_cont {padding-top:50px;} .main_about .about_cont ol {font-size:0;counter-reset: section;} .main_about .about_cont ol li {font-size:32px;font-weight:700;letter-spacing:-0.04em;width:calc(33.333% - 19.99px);height:280px;display:inline-block;position:relative;z-index:1;overflow:hidden;transition:all 0.5s;} .main_about .about_cont ol li + li {margin-left:30px;} .main_about .about_cont ol li:nth-of-type(1) {background:#0ba29a10 url('../images/da_image/main-about-icon-01.png') no-repeat bottom 47px right 60px;color:#146f6a;border-radius:40px 0 0 0;} .main_about .about_cont ol li:nth-of-type(2) {background:#23ac3810 url('../images/da_image/main-about-icon-02.png') no-repeat bottom 52px right 54px;color:#227f31;} .main_about .about_cont ol li:nth-of-type(3) {background:#37557e10 url('../images/da_image/main-about-icon-03.png') no-repeat bottom 54px right 64px;color:#062a59;border-radius:0 0 40px 0;} .main_about .about_cont ol li > a {position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;} .main_about .about_cont ol li p {position:absolute;top:50px;left:50px;font-size:inherit;font-weight:inherit;color:inherit;transition:0.6s;} .main_about .about_cont ol li p:before {content: "0" counter(section);counter-increment: section;display:block;font-size:20px;line-height:1;font-weight:400;color:inherit;font-family:'Inter';padding-bottom:21px;} .main_about .about_cont ol li .bg {position:absolute;width:100%;height:100%;opacity:0;transition:0.6s;top:0;left:0;z-index:-1;} .main_about .about_cont ol li:nth-of-type(1) .bg {background:url('../images/da_image/main-about-ovbg-01.jpg') no-repeat center;background-size:cover;} .main_about .about_cont ol li:nth-of-type(2) .bg {background:url('../images/da_image/main-about-ovbg-02.jpg') no-repeat center;background-size:cover;} .main_about .about_cont ol li:nth-of-type(3) .bg {background:url('../images/da_image/main-about-ovbg-03.jpg') no-repeat center;background-size:cover;} .main_about .about_cont ol li .btn_link {position:absolute;bottom:40px;right:40px;background:#fff;transform:scale(0);opacity:0;transition:0.6s;} .main_about .about_cont ol li .btn_link span:after {border-color:#333;} .main_about .about_cont ol li:hover {box-shadow:12px 20.8px 8px 0 rgba(7, 0, 1, 0.15);} .main_about .about_cont ol li:hover p {color:#fff;} .main_about .about_cont ol li:hover .bg {opacity:1;} .main_about .about_cont ol li:hover .btn_link {transform:scale(0);opacity:1;transform:scale(1);} /*** NEWS & NOTICE ***/ .main_news {background:url('../images/da_image/main-news-bg.png') no-repeat top right -327px;padding:140px 0;} .main_news .main_title h3 {display:inline-block;} .main_news .main_tab {display:inline-block;font-size:0;margin-left:52px;margin-bottom:10px;vertical-align:super;} .main_news .main_tab li {font-size:20px;line-height:1;font-weight:400;color:#000;letter-spacing:-0.04em;display:inline-block;position:relative;z-index:0;cursor:pointer;} .main_news .main_tab li + li {margin-left:45px;} .main_news .main_tab li.on {color:#1c948e;} .main_news .main_tab li.on:after {content:'';display:block;width:100%;height:2px;background:#1c948e;bottom:-1px;left:1px;position:absolute;} .main_news .news_cont {padding-top:60px;position:relative;z-index:0;} .main_news .news_cont .tab_con {display:none;} .main_news .news_cont .tab_con.on {display:block;} .main_news .news_cont .tab_con ul {font-size:0;} .main_news .news_cont .tab_con ul li {display:inline-block;width:calc(25% - 21px);box-sizing:border-box;border-radius:20px 0 20px 0;position:relative;transition:0.6s;} .main_news .news_cont .tab_con ul li:hover {box-shadow:12px 20.8px 8px 0 rgba(7, 0, 1, 0.15);} .main_news .news_cont .tab_con ul li:before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #aaaaaa;border-radius:20px 0 20px 0;z-index:-1;background:#fff;transition:0.6s;box-sizing:border-box;} .main_news .news_cont .tab_con ul li:hover:before {opacity:0;} .main_news .news_cont .tab_con ul li:after {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-style: solid;border-width:2px;border:2px solid transparent;background-image:linear-gradient(#fff, #fff), linear-gradient(to top, #0ba29a, #29ab74, #5a709b);border-radius:20px 0 20px 0;background-origin:border-box;background-clip:content-box,border-box;box-sizing:border-box;transition:0.6s;box-sizing:border-box;opacity:0;z-index:-1;} .main_news .news_cont .tab_con ul li:hover:after {opacity:1;} .main_news .news_cont .tab_con ul li + li {margin-left:28px;} .main_news .news_cont .tab_con ul li a {display:block;padding:49px 39px;} /*.main_news .news_cont .tab_con ul li:hover a {padding:48px 38px;}*/ .main_news .news_cont .tab_con ul li em {font-size:18px;line-height:1;font-weight:400;color:#04377b;letter-spacing:-0.02em;display:block;} .main_news .news_cont .tab_con ul li .subject {font-size:20px;line-height:1.6;font-weight:300;color:#333;letter-spacing:-0.04em;margin:30px 0 52px;word-break:break-all;overflow:hidden;white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;} .main_news .news_cont .tab_con ul li .date {font-size:18px;line-height:1;font-weight:300;color:#888;letter-spacing:-0.04em;font-family:'Pretendard';display:block;} .main_news .news_cont .btn_more {width:30px;height:30px;position:absolute;top:-30px;right:0;font-size:0;} .main_news .news_cont .btn_more:before, .main_news .news_cont .btn_more:after {content:'';display:block;position:absolute;width:100%;height:2px;background:#333333;top:50%;left:50%;transform:translate(-50%,-50%);} .main_news .news_cont .btn_more:after {width:2px;height:100%;} /*** SERVICE ***/ .main_service {background:url('../images/da_image/main-service-bg.jpg') no-repeat center;background-size:cover;padding:120px 0;} .main_service .w_custom {display:flex;justify-content: space-between;align-items:center;} .main_service .main_title {} .main_service .main_title h3 {font-size:60px;line-height:1.1;font-weight:700;color:#fff;letter-spacing:-0.02em;} .main_service .main_title p {font-size:20px;line-height:1.6;font-weight:500;color:#fff;letter-spacing:-0.04em;padding-top:30px;} .main_service .main_title .btn_link {margin-top:73px;} .main_service .service_cont {} .main_service .service_cont ul {font-size:0;width:780px;} .main_service .service_cont ul li {display:inline-block;width:360px;height:440px;box-sizing:border-box;border-radius:20px 0 20px 0;box-shadow:12px 20.8px 8px 0 rgba(7, 0, 1, 0.15);padding:60px 40px;vertical-align: top;position: relative;z-index: 0;} .main_service .service_cont ul li:nth-of-type(1) {background:url('../images/da_image/main-service-img-01.jpg') no-repeat center;background-size:cover;} .main_service .service_cont ul li:nth-of-type(2) {background:url('../images/da_image/main-service-img-02.jpg') no-repeat center;background-size:cover;margin: 80px 0 0 60px;} .main_service .service_cont ul li > a {position:absolute;width:100%;height:100%;z-index:0;top:0;left:0;} .main_service .service_cont ul li p {font-size:22px;line-height:1;font-weight:500;color:#fff;letter-spacing:-0.04em;} .main_service .service_cont ul li p strong {display:block;font-size:33px;line-height:1.16;font-weight:600;color:#fff;margin-top:20px;} .main_service .service_cont ul li .btn_link {position:absolute;left:40px;bottom:60px;transition:0.6s;} .main_service .service_cont ul li:hover .btn_link {border-color:#fff;background:#fff;} .main_service .service_cont ul li:hover .btn_link span:after {border-color:#333;} /*** CAREERS ***/ .main_careers {height:420px;background:url('../images/da_image/main-careers-bg.jpg') no-repeat center;background-size:cover;display:flex;align-items:center;justify-content:center;} .main_careers .main_title {text-align:center;} .main_careers .main_title h3 {color:#fff;} .main_careers .main_title .btn_link {margin-top:32px;} @media only screen and (max-width:1540px) { .main_visual .slick-arrow {display:none;} } /*─────────────────────────────────────────────────────────── 서브페이지 ───────────────────────────────────────────────────────────*/ /*공통*/ .sub_w_custom{width:1280px;margin:0 auto;box-sizing:border-box;} .sub_visual{width:100%; height:520px; background-size:cover; background-repeat:no-repeat; background-position:center; display:flex; align-items:center; justify-content:center; text-align:center;box-sizing:border-box;border-radius:0 0 80px 0;} .sub_visual .txt_box{text-align:left;} .sub_visual h3{font-size:64px;font-weight:bold; color:#fff; text-transform:uppercase;letter-spacing:-2.56px;} .sub_visual p{font-size:20px;font-weight:300; color:#fff;letter-spacing:-0.4px;margin-top:22px;} .location_menu{position:relative;margin-top:-70px; z-index:5;box-sizing:border-box;border-radius:16px 16px 0 0;padding:0 30px;background:#fff;} .location_menu .menu_box{border-bottom:1px solid #ddd;box-sizing:border-box;display:flex;align-items:center;height:70px;} .location_menu .home{font-size:0; width:50px; height:100%; background:url('../images/da_image/location-menu-home.png') no-repeat center;display: inline-block;margin-right:10px;} .location_menu dl{display:flex; height:100%;} .location_menu dl dt, .location_menu dl dd{position:relative; height:100%;display:flex;align-items:center;} .location_menu dl dt{} .location_menu dl dd{} .location_menu dl dt span, .location_menu dl dd span{position:relative; width:330px; font-size:17px; font-weight:400; color:#222; padding:0 30px; cursor:pointer;font-family:'Pretendard';display: block;box-sizing:border-box;letter-spacing:-0.5px;} .location_menu dl dt span:before, .location_menu dl dd span:before{position:absolute; content:''; width:1px; height:20px; background:#ccc; top:50%; left:-1px; transform:translateY(-50%); } .location_menu dl dt span:after, .location_menu dl dd span:after{position:absolute;content:'';width:6px;height:6px;border:1px solid #222;border-width:1px 1px 0 0;transform:translateY(-50%) rotate(135deg);top: 44%;right: 32px; transition:all 0.4s;} .location_menu dl dt.on span:after, .location_menu dl dd.on span:after{transform:translateY(-50%) rotate(-45deg); top:56%;} .location_menu dl dt ul, .location_menu dl dd ul{display:none; position:absolute; left:0; top:100%; width:100%; padding:20px 20px; background:#f5f5f5; z-index:5; box-sizing:border-box;border:1px solid #ddd} .location_menu dl dt ul li + li, .location_menu dl dd ul li + li{margin-top:20px;} .location_menu dl dt ul li a, .location_menu dl dd ul li a{font-size:17px;font-weight:400; color:#222; transition:all 0.4s;} .location_menu dl dt ul li.on a, .location_menu dl dd ul li.on a{font-weight:500; color:#1c948e;} /* over */ @media only screen and (min-width:1024px){ .location_menu dl dt ul li a:hover, .location_menu dl dd ul li a:hover{font-weight:500;color:#1c948e;} } .sub_title{text-align: center;margin-bottom:41px;} .sub_title h4{font-size:60px;font-weight:bold;color:#000;letter-spacing:-2.4px;font-family:'Pretendard';} .sub_title h5{font-size:30px;font-weight:bold;color:#000;letter-spacing:-2.4px;font-family:'Pretendard'; word-break:keep-all; line-height:1.4;} .sub_title p{font-size:22px;color:#222;font-weight:400;letter-spacing:-0.66px;line-height:36px;font-family:'Pretendard';margin-top:28px;} .sub_title p + h5{margin-top:60px;} .sub_pipeline .sub_title p{font-size:28px;margin-top:22px;} @media only screen and (max-width:1350px){ .sub_w_custom{width:100%; padding:0 30px;} } /*─────────────────────────────────────────────────────────── 개별페이지 ───────────────────────────────────────────────────────────*/ /*** 인사말 회사소개 | company/index.html ***/ .sub_content.about {} .sub_content.about h5 {} .sub_content.about h2 {color:#222;font-size:22px;font-weight:500;padding:50px 0 30px;} .sub_content.about h2 span {color:#bf1e2e;font-size:22px;font-weight:500;} .sub_content.about p {color:#999;font-size:14px;font-weight:400;line-height:20px;padding:0 0 40px;margin:0 0 30px;background:url("../images/da_image/about_line.gif") no-repeat left bottom;} .sub_content.about span.sign {float:right;color:#999;font-size:14px;font-weight:400;} .sub_cont .about_info {background:url("../images/da_image/bg_about_01.jpg") no-repeat left top;text-align:center;height:320px;} .sub_cont .about_tit {margin:0 0 0 33px;text-align:left;color:#fff;font-size:22px;font-weight:700;line-height:35px;letter-spacing:-0.06em;background:url("../images/da_image/bg_about_line.gif") no-repeat left bottom;padding:54px 0 27px 0;} .sub_cont .about_text {margin:0 0 0 33px;padding:16px 0 0 0;text-align:left;color:#fff;font-size:15px;line-height:23px;font-weight:400;letter-spacing:-0.06em;} .sub_cont .about_box {padding:58px 0 0 0;} .sub_cont .about_box dl {width:276px;padding:164px 0 0 0;} .sub_cont .about_box dt {text-align:center;margin:0;color:#333;font-size:18px;line-height:24px;font-weight:700;letter-spacing:-0.06em;padding:0 0 10px 0;} .sub_cont .about_box dd {text-align:center;margin:0;color:#888;font-size:13px;line-height:20px;font-weight:600;letter-spacing:-0.06em;} .sub_cont .about_box .box1 {background:url("../images/da_image/icon_about_01.gif") no-repeat center top;} .sub_cont .about_box .box2 {background:url("../images/da_image/icon_about_02.gif") no-repeat center top;} .sub_cont .about_box .box3 {background:url("../images/da_image/icon_about_03.gif") no-repeat center top;} /*** 회사연혁 | company/history.html ***/ .sub_content.history {position:relative;height:569px;background:url("../images/da_image/history_bg.png") no-repeat left top;} .sub_content.history > div {width:254px;height:129px;padding:8px;} .sub_content.history > div .cont {background:#fff;} .sub_content.history > div .cont ul {} .sub_content.history > div .cont ul li {color:#333;font-size:14px;font-weight:400;line-height:24px;letter-spacing:-0.5px;} .sub_content.history .history_sec01 {position:absolute;left:270px;top:142px;} .sub_content.history .history_sec01 .cont {width:233px;height:114px;padding:15px 0 0 21px;} .sub_content.history .history_sec02 {position:absolute;left:0;top:297px;} .sub_content.history .history_sec02 .cont {width:233px;height:114px;padding:15px 0 0 21px;} .sub_content.history .history_sec03 {position:absolute;right:0;bottom:0;} .sub_content.history .history_sec03 .cont {width:233px;height:102px;padding:27px 0 0 21px;} .sub_content.history .gray {background:rgba(86, 86, 86, 0.2);border:none;} .sub_content.history .pink {background:rgba(202, 17, 44, 0.15);} .sub_cont .history_info {background:url("../images/da_image/bg_history.gif") no-repeat right top;position:relative;} .sub_cont .history_info dl {width:360px;padding:25px 0 0 0;} .sub_cont .history_info dl dt {text-align:left;line-height:24px;color:#333;font-size:18px;font-weight:700;letter-spacing:0;} .sub_cont .history_info dl dd {padding-top:16px;} .sub_cont .history_info dl dd p {color:#999;font-size:13px;line-height:20px;padding:0 0 11px 0;} .sub_cont .history_info dl dd p strong {display:inline-block;width:80px;line-height:20px;color:#333;font-size:13px;font-weight:700;vertical-align:top;letter-spacing:-0.06em;} .sub_cont .history_info dl dd p span {display:inline-block;color:#999;font-size:13px;line-height:20px;letter-spacing:-0.06em;width:280px;vertical-align:top;} .sub_cont .history_info .no1 {position:absolute;left:612px;top:167px;color:#fff;font-size:15px;display:inline-block;text-align:center;line-height:20px;font-weight:normal;} .sub_cont .history_info .no2 {position:absolute;left:484px;top:424px;color:#fff;font-size:15px;display:inline-block;text-align:center;line-height:20px;font-weight:normal;} .sub_cont .history_info .no3 {position:absolute;left:574px;top:568px;color:#444;font-size:15px;display:inline-block;text-align:center;line-height:20px;font-weight:normal;} .sub_cont .history_info .no1_bg {position:absolute;left:162px;top:33px;background:#d3d3d3;height:1px;width:450px;overflow:hidden;display:inline-block;} .sub_cont .history_info .no2_bg {position:absolute;left:162px;top:275px;background:#d3d3d3;height:1px;width:340px;overflow:hidden;display:inline-block;} .sub_cont .history_info .no3_bg {position:absolute;left:78px;top:516px;background:#d3d3d3;height:1px;width:370px;overflow:hidden;display:inline-block;} /*** 오시는길 | company/location.html ***/ .sub_content.location {} .sub_content .locate_info {text-align:left;margin:0 ;height:464px;width:830px;border:1px solid #d3d3d3;padding:5px;box-sizing:border-box;} .sub_content .locate_info div.map_api {background:#fff;} .sub_content .locate_box {border-top:2px #333 solid;padding:30px 0;} .sub_content .map_info {background:#f0f0f0;padding:25px 30px;box-sizing:border-box;font-size:0;} .sub_content .map_info dl {position:relative;z-index:1;padding-left:72px;min-height:54px;padding-right:30px;box-sizing:border-box;} .sub_content .map_info dt, .sub_content .map_info dd {text-align:left;} .sub_content .map_info dt {color:#333;font-size:17px;font-weight:600;line-height:20px;font-family:'Dosis',sans-serif;} .sub_content .map_info dd {padding-top:6px;color:#666;font-size:13px;font-weight:400;line-height:18px;font-family:'Noto Sans KR',sans-serif;} .sub_content .map_info dl.info01 {background:url('../images/sub/icon_sub_map01.png') no-repeat 0 50%;width:246px;} .sub_content .map_info dl.info02 {background:url('../images/sub/icon_sub_map02.png') no-repeat 0 50%;width:235px;} .sub_content .map_info dl.info03 {background:url('../images/sub/icon_sub_map03.png') no-repeat 0 50%;width:207px;padding-right:0;} .sub_content .map_info dl + dl {margin-left:41px;} .sub_content .map_info dl + dl:before {position:absolute;left:-41px;top:50%;transform:translateY(-50%);width:1px;height:68px;background:#d3d3d3;content:"";display:inline-block;} /*─────────────────────────────────────────────────────────── research ───────────────────────────────────────────────────────────*/ .sub_hlm{} .sub_hlm .txt{} .sub_hlm .txt h5{font-size:40px;color:#1c948e;font-weight:700;letter-spacing:-1.2px;font-family:'Pretendard';} .sub_hlm .txt p{font-size:19px;color:#444;font-weight:300;letter-spacing:-0.76px;line-height:30px;font-family:'Pretendard';margin-top:18px;} .sub_hlm .hlm_box{box-sizing:border-box;border-radius:10px;border:1px solid #ddd;padding:30px 45px 48px 30px;margin-top:42px;} .sub_hlm .hlm_box ul{font-size:0;} .sub_hlm .hlm_box ul li{display: inline-block;box-sizing:border-box;vertical-align: top;} .sub_hlm .hlm_box ul li:nth-child(2){transform:translate(-16px);} .sub_hlm .hlm_box ul li:nth-child(3){float: right;} .sub_hlm .hlm_box ul li span{display: inline-block;width:340px;box-sizing:border-box;height:60px;line-height:60px;border-radius:10px;text-align: center;font-size:22px;color:#fff;font-weight:600;letter-spacing:-0.88px;font-family:'Pretendard';} .sub_hlm .hlm_box ul li:nth-child(1) span{background:#0ba29a;} .sub_hlm .hlm_box ul li:nth-child(2) span{background:#23ac38;} .sub_hlm .hlm_box ul li:nth-child(3) span{background:#04377b;transform:translate(14px);} .sub_hlm .hlm_box ul li .img_box{margin-top:25px;} .sub_hlm .hlm_box ul li:nth-child(2) .img_box{margin-left:38px;} @media only screen and (max-width:1350px){ .sub_hlm .txt p{font-size:17px;} .sub_hlm .hlm_box{padding:30px 30px 48px 20px;} .sub_hlm .hlm_box ul li{width:33%;} .sub_hlm .hlm_box ul li span{width:310px;font-size:20px;} } /*─────────────────────────────────────────────────────────── pipeline ───────────────────────────────────────────────────────────*/ .sub_pipe .pipe_txt{padding-top:7px;} .sub_pipe .pipe_txt dl dt{font-size:32px;color:#1c948e;font-weight:600;letter-spacing:-0.96px;position: relative;padding-left:26px;font-family:'Pretendard';} .sub_pipe .pipe_txt dl dt:before{width:12px;height:12px;content:"";background:#1c948e;box-sizing:border-box;border-radius:4px 0 4px 0;position: absolute;left:0;top:calc(50% - 5px);} .sub_pipe .pipe_txt dl + dl{margin-top:50px;} .sub_pipe .pipe_txt dl + dl dt{color:#04377b;} .sub_pipe .pipe_txt dl + dl dt:before{background:#04377b;} .sub_pipe .pipe_txt dl dd{font-size:20px;color:#222;font-weight:400;letter-spacing:-0.6px;font-family:'Pretendard';margin-top:20px;} .sub_pipe .pipe_graph_box{box-sizing:border-box;border-top:1px solid #000;margin-top:59px;padding-top:17px;} .sub_pipe .pipe_graph_box table{border-spacing:10px;border-collapse:initial;width:calc(100% + 20px);margin-left:-10px;} .sub_pipe .pipe_graph_box table thead tr th{text-align:left;font-size:22px;color:#111;font-weight:400;letter-spacing:-0.66px;padding-bottom:9px;} .sub_pipe .pipe_graph_box table thead tr th:last-child{text-align: center;} .sub_pipe .pipe_graph_box table tbody tr th, .sub_pipe .pipe_graph_box table tbody tr td{padding:5px;box-sizing:border-box;border-radius:10px;background:#e3efee;vertical-align: middle;position: relative;height:120px;padding-left:30px;} .sub_pipe .pipe_graph_box table tbody tr th div, .sub_pipe .pipe_graph_box table tbody tr td div{font-size:inherit;color:inherit;font-weight:inherit;} .sub_pipe .pipe_graph_box table tbody tr th {background:#1d3e3d;font-size:22px;color:#fff;font-weight:600;letter-spacing:-0.66px;line-height:34px;} .sub_pipe .pipe_graph_box table tbody tr td{font-size:22px;color:#273333;font-weight:500;letter-spacing:-0.66px;} .sub_pipe .pipe_graph_box table tbody tr td.line1 {background:#5d7a79;color:#fff;} .sub_pipe .pipe_graph_box table tbody tr:nth-child(1) td:nth-child(4):before{width:300px;height:60px;content:"";background:#1c948e;position: absolute;left:0;top:50%;transform:translateY(-50%);z-index:10;} .sub_pipe .pipe_graph_box table tbody tr:nth-child(1) td:nth-child(4):after{content:"";left:300px;top:50%;transform:translateY(-50%);z-index:10;border-right:0;border-left:20px solid #1c948e;border-top:29px solid transparent;border-bottom:29px solid transparent;position: absolute;} .sub_pipe .pipe_graph_box table tbody tr:nth-child(2) td:nth-child(2):before, .sub_pipe .pipe_graph_box table tbody tr:nth-child(3) td:nth-child(3):before, .sub_pipe .pipe_graph_box table tbody tr:nth-child(4) td:nth-child(3):before{width:70px;height:60px;content:"";background:#1c948e;position: absolute;left:0;top:50%;transform:translateY(-50%);z-index:10;} .sub_pipe .pipe_graph_box table tbody tr:nth-child(2) td:nth-child(2):after, .sub_pipe .pipe_graph_box table tbody tr:nth-child(3) td:nth-child(3):after, .sub_pipe .pipe_graph_box table tbody tr:nth-child(4) td:nth-child(3):after{content:"";left:70px;top:50%;transform:translateY(-50%);z-index:10;border-right:0;border-left:20px solid #1c948e;border-top:29px solid transparent;border-bottom:29px solid transparent;position: absolute;} /*─────────────────────────────────────────────────────────── rnd service ───────────────────────────────────────────────────────────*/ /*overview*/ .sub_overview .service_list{font-size:0;padding-top:13px;display:flex;} .sub_overview .service_list .list_cont{display: inline-block;box-sizing:border-box;vertical-align: top;width:calc(50% - 20px);border-radius:20px 0 20px 0;overflow:hidden;background:#f5f5f5;} .sub_overview .service_list .list_cont + .list_cont{margin-left:40px;} .sub_overview .service_list .list_cont .title{width:100%;height:260px;background:url('../images/da_image/overview-cro.jpg')no-repeat center;background-size:cover;display:flex;justify-content:center;align-items:center;text-align: center;} .sub_overview .service_list .list_cont + .list_cont .title{background:url('../images/da_image/overview-rnd.jpg')no-repeat center;background-size:cover;} .sub_overview .service_list .list_cont .txt{} .sub_overview .service_list .list_cont .title span{font-size:26px;color:#fff;font-weight:500;letter-spacing:-1.04px;} .sub_overview .service_list .list_cont .title p{font-size:45px;color:#fff;font-weight:600;letter-spacing:-1.8px;margin-top:15px;} .sub_overview .service_list .list_cont .list_box{box-sizing:border-box;padding:29px 10px 31px 43px;} .sub_overview .service_list .list_cont .list_box ul li{position: relative;padding-left:11px;} .sub_overview .service_list .list_cont .list_box ul li:before{width:4px;height:4px;content:"";box-sizing:border-box;background:#666;border-radius:100%;position: absolute;left:0;top:19px;} .sub_overview .service_list .list_cont .list_box ul li a{font-size:20px;color:#222;font-weight:400;letter-spacing:-0.6px;line-height:40px;font-family:'Pretendard';} .sub_overview .service_list .list_cont .list_box ul li:hover a{color:#1c948e;border-bottom:1px solid #1c948e;} .sub_overview .service_process{margin-top:75px;} .sub_overview .service_process h5{font-size:32px;color:#1c948e;font-weight:600;letter-spacing:-0.96px;position: relative;padding-left:26px;font-family:'Pretendard';} .sub_overview .service_process h5:before{width:12px;height:12px;content:"";background:#1c948e;box-sizing:border-box;border-radius:4px 0 4px 0;position: absolute;left:0;top:calc(50% - 5px);} .sub_overview .service_process .process_list{display: grid;grid-template-columns: repeat(4, 1fr);gap:20px;margin-top:25px;position: relative;} .sub_overview .service_process .process_list:before{width:359px;height:359px;content:"";box-sizing:border-box;border-radius:179.5px;border:1px solid #1c948e;border-width:1px 1px 0 0;border-bottom:1px solid transparent;border-left:1px solid transparent;position: absolute;right:16px;top:103px;transform:rotate(45deg);} .sub_overview .service_process .process_list li{text-align: center;margin-bottom:41px;position: relative;} .sub_overview .service_process .process_list li + li:before{width:100%;height:1px;content:"";background:#1c948e;position: absolute;left:-100%;top:102px;} .sub_overview .service_process .process_list li:nth-child(7):before, .sub_overview .service_process .process_list li:nth-child(8):before{display: none;} .sub_overview .service_process .process_list li:after{z-index:2;width:36px;height:36px;content:"";background:url('../images/da_image/service_process_arw.png')no-repeat center;position: absolute;right:7%;top:85px;} .sub_overview .service_process .process_list li:nth-child(4):after{transform:rotate(90deg);top:88.5%;right:0;} .sub_overview .service_process .process_list li:nth-child(5):after, .sub_overview .service_process .process_list li:nth-child(8):after{display: none;} .sub_overview .service_process .process_list li:nth-child(6):after, .sub_overview .service_process .process_list li:nth-child(7):after{transform:scaleX(-1);} .sub_overview .service_process .process_list li:nth-child(-n+5) {order: -1;} .sub_overview .service_process .process_list li:nth-child(5) {order: 4;} .sub_overview .service_process .process_list li:nth-child(6) {order: 3;} .sub_overview .service_process .process_list li:nth-child(7) {order: 2;} .sub_overview .service_process .process_list li .icon{width:205px;height:205px;box-sizing:border-box;border-radius:100%;border:1px solid #1c948e;background:#fff;padding-top:39px;position: relative;z-index:2;} .sub_overview .service_process .process_list li .img_box{height:75px;display:flex;justify-content:center;align-items:center;} .sub_overview .service_process .process_list li span{font-size:24px;color:#1c948e;font-weight:600;letter-spacing:-0.72px;display:block;margin-top: 20px;} .sub_overview .service_process .process_list li p{font-size:18px;color:#333;font-weight:400;letter-spacing:-0.54px;line-height:26px;width:205px;margin-top:15px;} @media only screen and (max-width:1350px){ .sub_overview .service_process .process_list li:after{right:4%;} } /*cro*/ .sub_cro{} .sub_cro .cro_tab{width:100%;box-sizing:border-box;border-bottom:1px solid #ccc;padding-top:6px;} .sub_cro .cro_tab ul{text-align: center;} .sub_cro .cro_tab ul li{display: inline-block;box-sizing:border-box;vertical-align: top;font-size:22px;color:#555;font-weight:400;letter-spacing:-0.66px;font-family:'Pretendard';cursor:pointer;padding-bottom:20px;} .sub_cro .cro_tab ul li + li{margin-left:57px;} .sub_cro .cro_tab ul li.on{color:#1c948e;border-bottom:2px solid #1c948e;} .cro_content{display: none;} .cro_content.on{display:block;} .cro_content .cro_title{text-align: center;margin-top:54px;} .cro_content .cro_title span{font-size:22px;color:#1c948e;font-weight:400;letter-spacing:-0.66px;font-family:'Pretendard';} .cro_content .cro_title h4{font-size:40px;color:#222;font-weight:600;letter-spacing:-1.2px;margin:18px 0 30px;} .cro_content .cro_title p{font-size:22px;color:#333;font-weight:400;letter-spacing:-0.8px; line-height:1.5;} sup{vertical-align:super;} .vitro_list_box{margin-top:38px;} .vitro_list_box .vitro_list{width:100%;box-sizing:border-box;border:1px solid #ddd;border-radius:20px 0 20px 0;padding:39px 40px 30px 39px;} .vitro_list_box .vitro_list + .vitro_list{margin-top:40px;} .vitro_list_box .vitro_list dt{border-bottom:1px solid #ddd;padding-bottom:23px;} .vitro_list_box .vitro_list dt span{display: inline-block;box-sizing:border-box;height:54px;line-height:52px;border-radius:27px;background:#04377b;text-align: center;font-size:22px;color:#fff;font-weight:600;letter-spacing:-0.66px;padding:0 23px;min-width:140px;} .vitro_list_box .vitro_list dt p{font-size:20px;color:#04377b;font-weight:500;letter-spacing:-0.6px;line-height:32px;font-family:'Pretendard';margin-top:13px;margin-left:3px;} .vitro_list_box .vitro_list dd{margin-top:22px;} .vitro_list_box .vitro_list dd ul li{font-size:18px;color:#333;font-weight:400;letter-spacing:-0.54px;line-height:32px;font-family:'Pretendard';} .vitro_list_box .vitro_list dd ul li:before{width:2px;height:2px;content:"";box-sizing:border-box;border-radius:100%;background:#333;display: inline-block;vertical-align: middle;margin-right:5px;} .cro_content .btn_more{text-align: center;margin-top:50px;} .cro_content .btn_more a{display: inline-block;box-sizing:border-box;vertical-align: top;width:158px;height:58px;line-height:58px;border-radius:12px 0 12px 0;position: relative;background:#1c948e;font-size:18px;color:#fff;font-weight:500;letter-spacing:-0.72px;padding-right:26px;} .cro_content .btn_more a:before{width:7px;height:7px;content:"";border:1px solid #fff;border-width:1px 1px 0 0;transform:rotate(45deg);position: absolute;right:40px;top:25px;} .vivo_list_box{margin-top:59px;display:flex;flex-wrap:wrap;} .vivo_list_box .vivo_list{box-sizing:border-box;border:1px solid #ddd;border-radius:20px 0 20px 0;padding:39px 40px 32px 39px;width:calc(50% - 20px);margin-bottom:40px;} .vivo_list_box .vivo_list:nth-of-type(2n){margin-left:40px;} .vivo_list_box .vivo_list .title{display:flex;align-items:center;border-bottom:1px solid #ddd;padding-bottom:30px;} .vivo_list_box .vivo_list .title .icon{width:110px;height:110px;box-sizing:border-box;border-radius:100%;} .vivo_list_box .vivo_list:nth-child(1) .title .icon{background:#f5f5f5 url('../images/da_image/vivo-icon-01.png')no-repeat center;} .vivo_list_box .vivo_list:nth-child(2) .title .icon{background:#f5f5f5 url('../images/da_image/vivo-icon-02.png')no-repeat center;} .vivo_list_box .vivo_list:nth-child(3) .title .icon{background:#f5f5f5 url('../images/da_image/vivo-icon-03.png')no-repeat center;} .vivo_list_box .vivo_list:nth-child(4) .title .icon{background:#f5f5f5 url('../images/da_image/vivo-icon-04.png')no-repeat center;} .vivo_list_box .vivo_list:nth-child(5) .title .icon{background:#f5f5f5 url('../images/da_image/vivo-icon-05.png')no-repeat center;} .vivo_list_box .vivo_list:nth-child(6) .title .icon{background:#f5f5f5 url('../images/da_image/vivo-icon-06.png')no-repeat center;} .vivo_list_box .vivo_list .title dl{box-sizing:border-box;width:calc(100% - 110px);padding-left: 30px;} .vivo_list_box .vivo_list .title dl dt{font-size:26px;color:#333;font-weight:500;letter-spacing:-0.78px;} .vivo_list_box .vivo_list .title dl dt span{display: block;font-size:18px;color:#04377b;font-weight:400;letter-spacing:-0.54px;margin-bottom:6px;} .vivo_list_box .vivo_list .title dl dd{font-size:20px;color:#555;font-weight:400;letter-spacing:-0.8px;margin-top:13px;} .vivo_list_box .vivo_list ul{margin-top:22px;} .vivo_list_box .vivo_list ul li{font-size:18px;color:#555;font-weight:400;letter-spacing:0;line-height:32px;font-family:'Pretendard';} .vivo_list_box .vivo_list ul li:before{width:2px;height:2px;content:"";box-sizing:border-box;border-radius:100%;background:#555;display: inline-block;vertical-align: middle;margin-right:7px;} .vivo_txt{display: block;text-align: right;font-size:20px;color:#1c948e;font-weight:500;letter-spacing:-0.7px;margin-top:-4px;} .sub_cro .evaluation .advancement{width:auto; border:0; padding:0; margin:0; border-radius:0;} .sub_cro .sub_platform .advancement ul li ul{padding:30px 0;} @media only screen and (max-width:1350px){ .cro_content .cro_title p{font-size:20px;} .vitro_list_box .vitro_list dd ul li{font-size:17px;} } /*customized*/ .sub_custom{padding-top:12px;display:flex;align-items:center;justify-content:space-between;width:80%;margin:0 auto;} .sub_custom .service_list{display:flex;} .sub_custom .service_list + .service_list{margin-top:30px;} .sub_custom .service_list > dt{box-sizing:border-box;position: relative;border-radius: 100%;width:260px;height: 260px;padding:20px 20px;} .sub_custom .service_list:nth-child(1) > dt{background:#0ba29a;} .sub_custom .service_list:nth-child(2) > dt{background:#23ac38;} .sub_custom .service_list:nth-child(3) > dt{background:#04377b;} .sub_custom .service_list:nth-child(4) > dt{background:#333;} /* .sub_custom .service_list > dt:before{width:23px;height:1px;content:"";position: absolute;right:-23px;top:50%;} */ .sub_custom .service_list:nth-child(1) > dt:before{background:#0ba29a;} .sub_custom .service_list:nth-child(2) > dt:before{background:#23ac38;} .sub_custom .service_list:nth-child(3) > dt:before{background:#04377b;} .sub_custom .service_list:nth-child(4) > dt:before{background:#333;} /* .sub_custom .service_list > dt:after{width:8px;height:8px;content:"";box-sizing:border-box;border-radius:100%;position: absolute;right:-26px;top:calc(50% - 4px);} */ .sub_custom .service_list:nth-child(1) > dt:after{background:#0ba29a;} .sub_custom .service_list:nth-child(2) > dt:after{background:#23ac38;} .sub_custom .service_list:nth-child(3) > dt:after{background:#04377b;} .sub_custom .service_list:nth-child(4) > dt:after{background:#333;} .sub_custom .service_list > dt div{display: block;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff;box-sizing:border-box;border-radius: 100%;box-shadow: 3.5px 6.1px 7px 0 rgba(0, 0, 0, 0.36);text-align: center;padding:15px;box-sizing: border-box;} .sub_custom .service_list > dt div span{font-size:26px;font-weight:500;letter-spacing:-0.78px;line-height:36px;font-family:'Pretendard'; word-break:keep-all;} .sub_custom .service_list:nth-child(1) > dt div span{color:#0ba29a;} .sub_custom .service_list:nth-child(2) > dt div span{color:#23ac38;} .sub_custom .service_list:nth-child(3) > dt div span{color:#04377b;} .sub_custom .service_list:nth-child(4) > dt div span{color:#333;} .sub_custom .service_list > dd{margin-left:40px;width:calc(100% - 300px);box-sizing:border-box;border-radius:20px 0 20px 0;display:flex;align-items:center;padding-left: 49px;} .sub_custom .service_list:nth-child(1) > dd{background:#ecf4f4;} .sub_custom .service_list:nth-child(2) > dd{background:#e9f3ea;} .sub_custom .service_list:nth-child(3) > dd{background:#eaeef2;} .sub_custom .service_list:nth-child(4) > dd{background:#f5f5f5;} .sub_custom .service_list .sub_service{} .sub_custom .service_list .sub_service dt{font-size:26px;color:#333;font-weight:600;letter-spacing:-0.78px;} .sub_custom .service_list .sub_service dd{margin-top:19px;} .sub_custom .service_list .sub_service ul{display:flex;flex-direction:column;flex-wrap:wrap;max-height:158px;} .sub_custom .service_list .sub_service ul li{font-size:20px;color:#555;font-weight:400;letter-spacing:-0.7px;line-height:32px;font-family:'Pretendard';} .sub_custom .service_list .sub_service ul li:before{width:2px;height:2px;content:"";box-sizing:border-box;border-radius:100%;background:#555;display: inline-block;vertical-align: middle;margin-right:5px;} .sub_custom .service_list .sub_service ul li:nth-child(n+5){margin-left:40px;} @media only screen and (max-width:1350px){ .sub_custom .service_list .sub_service ul li{font-size:18px;} } /*─────────────────────────────────────────────────────────── 게시판, 회원 공통 요소 ───────────────────────────────────────────────────────────*/ /*** 페이징 ***/ .paging {text-align:center;height:30px;line-height:30px;font-size:0;margin:30px 0 0;} .paging span {display:inline-block;vertical-align:middle;line-height:1;width:30px;} .paging span + span {} .paging .page_num a {font-size:12px;color:#777;} .paging .page_num a img {vertical-align:middle;} .paging .page_num.on a, .paging .page_num a:hover {color:#eb3b4b;font-weight:700;} .paging .arrow.prev {margin-left:-2px;} .paging .arrow.last {margin-left:-1px;} .paging .arrow a {width:30px;height:30px;font-size:0;display:block;} .paging .arrow.first a {background:url('../images/sub/paging_first.gif') no-repeat center;} .paging .arrow.prev a {background:url('../images/sub/paging_prev.gif') no-repeat center;} .paging .arrow.next a {background:url('../images/sub/paging_next.gif') no-repeat center;} .paging .arrow.last a {background:url('../images/sub/paging_last.gif') no-repeat center;} /*─────────────────────────────────────────────────────────── BOARD | 게시판서브타입 type ───────────────────────────────────────────────────────────*/ /*** 게시판 리스트 공통 | board/board_list.html ***/ /* 검색 */ .board_search {line-height:1.6;margin-bottom:40px;padding:0;text-align:right;background-color:#fff;font-size:0;width:100%;box-sizing:border-box;} .board_search fieldset {line-height:inherit;font-size:0;} .board_search select, .board_search input, .board_search span, .board_search label {vertical-align:top;font-size:18px;line-height:inherit;} .board_search select,.board_search input.input_text {margin-right:0;background-color:#fff;height:55px;padding:0 19px;box-sizing:border-box;} .board_search select {width:160px;margin-right:10px;height:55px;} .board_search input.input_text {width:320px;} .board_search .board_search_sel {display:inline-block;vertical-align:middle;font-size: 0;width:auto;} .board_search .btn_md {font-size:0;height:55px;width:55px;background-color:#04377b !important;border-color:#04377b !important;background-repeat:no-repeat;background-size:auto;background-position:center;background-image:url('../images/da_image/board_search_btn.png'); border:0;cursor:pointer;} /*** 게시판 리스트 (리스트형) | layout/board/kist_default.html ***/ table.board_list{border-top:2px solid #000;border-bottom:1px solid #ddd;} table.board_list th, table.board_list td {padding-left:12px;padding-right:12px;text-align: center;vertical-align: middle;} table.board_list th {padding-top:15px;padding-bottom:15px;border-bottom: 1px solid #000;color:#333;font-weight:500;letter-spacing:-0.03em;font-size:20px;height:80px;box-sizing:border-box;} table.board_list td {padding-top:13px;padding-bottom:13px;height:80px;box-sizing:border-box;font-size:18px;letter-spacing:-0.03em;color:#999} table.board_list td .board_tit h3{font-size:18px;letter-spacing:-0.03em;color:#333; display: inline-block;vertical-align: middle;width: calc(100% - 50px);max-width: 750px; text-align:left;} table.board_list td .board_tit h3 strong{transition:all 0.3s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;vertical-align: top;max-width: 90%;font-size: inherit;color: inherit;font-weight: inherit;line-height: inherit;} table.board_list tr.board_notice td{background:#f7f7f7;} table.board_list tr.board_notice td .board_tit h3{font-weight:700} table.board_list tr.board_notice .notice_txt{min-width:60px;height:30px;line-height:30px;background:#178143;border-radius:15px;color:#fff;display:inline-block;font-size:16px;font-weight:500} /*** 게시판 리스트 (갤러리형) | layout/board/list_gallery01.html ***/ /* 갤러리 고정글 */ .sub_board .gallery_notice {border-top:1px solid #333;margin:0 0 30px;} .sub_board .gallery_notice li {padding:15px 30px;box-sizing:border-box;background:#f5f5f5;border-bottom:1px solid #d3d3d3;font-size:0;position:relative;} .sub_board .gallery_notice li + li {} .sub_board .gallery_notice li a {position:absolute;left:0;top:0;right:0;bottom:0;z-index:5;} .sub_board .gallery_notice li .thumb, .sub_board .gallery_notice li .txt_info {display:inline-block;vertical-align:middle;} .sub_board .gallery_notice li .thumb {width:145px;height: 100px;overflow: hidden;position: relative;} .sub_board .gallery_notice li .thumb img {width:100%;height: auto;position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);} .sub_board .gallery_notice li .txt_info {width:calc(100% - 145px);padding-left:25px;box-sizing:border-box;} .sub_board .gallery_notice li .txt_info b {font-size:15px;color:#eb3949;line-height:1;margin-bottom:5px;display:block;} .sub_board .gallery_notice li .txt_info .board_tit {padding: 5px 0 3px;line-height: 20px;font-size: 0;} .sub_board .gallery_notice li .txt_info .board_tit h3 {font-size: 13px;color: #333333;font-weight: 600;} .sub_board .gallery_notice li .txt_info .board_tit .board_ico, .sub_board .gallery_notice li .txt_info .board_tit img, .sub_board .gallery_notice li .txt_info .board_tit h3 {display: inline;vertical-align: top;} .sub_board .gallery_notice li .txt_info .board_tit h3 .board_ico {} .sub_board .gallery_notice li .txt_info .board_tit img {vertical-align: middle;margin-right: 5px;} .sub_board .gallery_notice li .txt_info .board_tit h3 {max-width: calc(100% - 80px);width: auto;} .sub_board .gallery_notice li .txt_info .board_tit h3 strong {display: inline;vertical-align: top;max-width: 100%;font-size: inherit;color: inherit;font-weight: inherit;line-height: inherit;} .sub_board .gallery_notice li p {display:block;font-size:12px;color:#888;font-weight:100;line-height:19px;text-align:left;margin:10px 0 0;} .sub_board .gallery_notice li p span {display:inline-block;width:1px;height:9px;background:#d3d3d3;margin:6px 8px 0 8px;vertical-align:top;} /* 리스트 */ .sub_board ul.gallery_list {margin-left:0px;padding:17px 0 0 0;} .sub_board ul.gallery_list:after {clear:both;content:"";display:block;} .sub_board ul.gallery_list li {float:left;width:calc(33.3% - 16px);margin-right:24px;margin-bottom:25px;position:relative;} .sub_board ul.gallery_list li:nth-of-type(3n) {margin-right:0px;} .sub_board ul.gallery_list li:nth-of-type(3n+1) {clear:both;} .sub_board ul.gallery_list li a {position:absolute;left:0;top:0;right:0;bottom:0;z-index:5;} .sub_board ul.gallery_list_top {padding:0 0 0 0;} .sub_board ul.gallery_list li .thumb {text-align:center;width:100%;min-height: 200px;height: 200px;position: relative;border:1px solid #d3d3d3;box-sizing:border-box;overflow:hidden;vertical-align:top;font-size:0;padding:0;margin:0;} .sub_board ul.gallery_list li .thumb a {vertical-align:top;} .sub_board ul.gallery_list li .thumb img {width: 100%;height: auto;vertical-align:top;box-sizing:border-box;position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);} .sub_board ul.gallery_list li .txt_info {padding:5px 0 0;} .sub_board ul.gallery_list li .txt_info .board_tit {padding: 5px 0 3px;line-height: 20px;font-size: 0;} .sub_board ul.gallery_list li .txt_info .board_tit h3 {font-size: 13px;color: #333333;font-weight: 600;} .sub_board ul.gallery_list li .txt_info .board_tit .board_ico, .sub_board ul.gallery_list li .txt_info .board_tit img, .sub_board ul.gallery_list li .txt_info .board_tit h3 {display:inline-block;vertical-align:middle;} .sub_board ul.gallery_list li .txt_info .board_tit h3 .board_ico {} .sub_board ul.gallery_list li .txt_info .board_tit img {vertical-align: middle;margin-right: 5px;} .sub_board ul.gallery_list li .txt_info .board_tit h3 {width: 100%;} .sub_board ul.gallery_list li .txt_info .board_tit h3 strong {vertical-align: top;max-width: 90%;font-size: inherit;color: inherit;font-weight: inherit;line-height: inherit;word-break:break-all;} .sub_board ul.gallery_list li p {display:block;font-size:12px;color:#888;font-weight:100;line-height:19px;text-align:left;margin:0;} .sub_board ul.gallery_list li p span {display:inline-block;width:1px;height:9px;background:#d3d3d3;margin:6px 8px 0 8px;vertical-align:top;} .sub_board ul.gallery_list li.no_data {line-height:20px;padding:122px 0;} /*** 게시판 쓰기 | board/_form_board_write.html ***/ .contact_info_box {display:flex;text-align: center;padding-top:15px;} .contact_info_box .contact_info{box-sizing:border-box;background:#f5f5f5;display:flex;align-items:center;justify-content:center;width:33.3333%;padding:40px 30px 38px;} .contact_info_box .contact_info:nth-child(1){border-radius:40px 0 0 0;} .contact_info_box .contact_info:nth-child(3){border-radius:0 0 40px 0;} .contact_info_box .contact_info + .contact_info{margin-left:16px;} .contact_info_box .contact_info .icon{height:43px;display:flex;align-items:center;justify-content:center;} .contact_info_box .contact_info dl dt{font-size:22px;color:#04377b;font-weight:600;letter-spacing:-0.44px;margin-top:18px;} .contact_info_box .contact_info dl dd{font-size:18px;color:#111;font-weight:400;letter-spacing:-0.72px;margin-top:13px;} .sub_board table.board_write {margin-top:50px;margin-bottom:40px;border:none;border-top:2px solid #000;box-sizing:border-box;border-bottom:1px solid #ddd;} .sub_board table.board_write th, .sub_board table.board_write td {padding:12.5px 0;} .sub_board table.board_write th {font-size:20px;color:#333;font-weight:600;letter-spacing:-0.6px;vertical-align: top;line-height:55px;padding-left:39px;} .sub_board table.board_write th span{font-size:inherit;color:inherit;font-weight:inherit;} .sub_board table.board_write th .req:after{content:"*";font-size:inherit;color:#1c948e;font-weight:600;letter-spacing:inherit;margin-left:3px;} .sub_board table.board_write td {padding-left:20px;padding-right:40px;border:none;} .sub_board table.board_write tr:first-of-type th, .sub_board table.board_write tr:first-of-type td{padding-top:40px;} .sub_board table.board_write tr:last-of-type th, .sub_board table.board_write tr:last-of-type td{padding-bottom:40px;} .sub_board table.board_write td p {padding:5px 0 0;} .sub_board table.board_write td div.view_cont {padding:8px 10px 50px 10px;line-height:26px;min-height:150px;} .sub_board table.board_write td label {color:#666;font-size:12px;font-weight:600;} .sub_board table.board_write td select, table.board_write td input[type="text"], .sub_board table.board_write td input[type="password"], .sub_board table.board_write td input[type="number"], .sub_board table.board_write td input[type="date"] {min-width:25%;height:55px;box-sizing:border-box;line-height:55px;border-radius:6px;border:1px solid #ddd;font-size:20px;color:#555;font-weight:400;letter-spacing:-0.6px;padding-left:20px;} .sub_board table.board_write td select, table.board_write td input[type="text"]:focus, .sub_board table.board_write td input[type="password"]:focus, .sub_board table.board_write td input[type="number"]:focus{border-color:#000;color:#333;} .sub_board table.board_write td input[name="title"] {width:100%;} .sub_board table.board_write td input[name="email"], .sub_board table.board_write td input[name="mobile"]{width:700px;} .sub_board table.board_write .ex_field td{font-size:0;} .sub_board table.board_write .ex_field td input + label:before{display: none;} .sub_board table.board_write .ex_field td input + label{display: inline-block;box-sizing:border-box;height:55px;line-height:55px;border-radius:6px;border:1px solid #aaa;text-align: center;font-size:18px;color:#555;font-weight:400;letter-spacing:-0.54px;margin-right:10px;padding:0 19px;} .sub_board table.board_write .ex_field td input:checked + label{background:#1c948e;border-color:#1c948e;color:#fff;} .sub_board table.board_write .add_file .filezone{display: inline-block;box-sizing:border-box;width:330px;height:55px;line-height:55px;border:1px solid #ddd;border-radius:6px;vertical-align: top;padding-left:20px;} .sub_board table.board_write .add_file .filezone a{font-size:20px;color:#333;font-weight:400;letter-spacing:-0.6px;} .sub_board table.board_write .add_file label{display: inline-block;box-sizing:border-box;vertical-align: top;width:110px;height:55px;line-height:55px;border-radius:6px;border:1px solid #333;text-align: center;font-size:18px;color:#333;font-weight:500;letter-spacing:-0.54px;cursor:pointer;margin-left:6px;} .sub_board table.board_write .add_file input[type="file"]{display: none;} .sub_board table.board_write .td_captcha .captcha_img_box{display: inline-block;box-sizing:border-box;vertical-align: top;border:1px solid #ddd;border-radius:6px;padding:6.5px 10px;} .sub_board table.board_write #captcha_box{margin-right:6px;} .sub_board table.board_write .td_captcha #refreshCode{display: inline-block;box-sizing:border-box;width:40px;height:40px;border-radius:6px;border:1px solid #ddd;background:#fff url('../images/da_image/icon-refresh.png')no-repeat center !important;padding:0 !important;} .sub_board table.board_write .td_captcha input#captcha{margin-left:6px;width:200px;} .sub_board table.board_write td input.tel {min-width:50px;} .sub_board table.board_write td textarea {min-width:100%;height:200px;} .sub_board .policy_cont{width:100%;box-sizing:border-box;border:1px solid #ddd;border-radius:10px;padding:30px 30px 30px 30px;} .sub_board .policy_cont .policy_title{} .sub_board .policy_cont .policy_title:after{clear:both;content:"";display: block;} .sub_board .policy_cont .policy_title label{font-size:18px;color:#333;font-weight:400;letter-spacing:-0.54px;} .sub_board .policy_cont .policy_title label em{font-size:inherit;color:#9d3737;font-weight:inherit;} .sub_board .policy_cont .btn_info{float: right;position: relative;font-size:16px;color:#666;font-weight:400;letter-spacing:-0.48px;line-height:25px;padding-right:24px;} .sub_board .policy_cont .btn_info:before{width:8px;height:8px;content:"";border:1px solid #666;border-width:1px 1px 0 0;transform:rotate(135deg);position: absolute;right:2px;top:5px;} .sub_board .policy_cont .btn_info.on:before{transform:rotate(-45deg);top:10px;} .sub_board .policy_cont .policy_text_box{margin-top:30px;} .sub_board .policy_cont .policy_text_box textarea{width: 100%;height:120px;box-sizing:border-box;background:#f5f5f5;padding:30px 30px;font-size:16px;color:#888;font-weight:400;letter-spacing:-0.48px;border:none;} .sub_board .policy_cont .policy_text_box textarea::-webkit-scrollbar{width:4px;background:#ccc;} .sub_board .policy_cont .policy_text_box textarea::-webkit-scrollbar-thumb{background:#888;width:100%;} .sub_board .btn_center{margin-top:50px;} .sub_board .btn_center a{width:200px;height:70px;line-height:68px;border-radius:12px 0 12px;background:#04377b !important;border-color:#04377b !important;font-size:22px;letter-spacing:-0.88px;font-weight:600;} /* 뷰페이지(공통) */ .bbs_view div.view_tit{border-top:2px solid #000;background:#fff;padding:30px 40px;border-bottom:1px solid #ddd;} .bbs_view div.view_tit > h3{width:100%;font-size:26px;letter-spacing:-0.03em;font-weight:500;color:#222;line-height:1.5;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif} .bbs_view div.view_tit > h3 .notice{font-size:16px;color:#fff;font-weight:500;letter-spacing:-0.03em;padding:0 15px;height:30px;line-height:30px;border-radius:15px;background:#178143;display:inline-block;vertical-align:top;margin-top:6px;margin-right:20px;} .bbs_view div.view_tit > p{width:100%;text-align:left;margin-top: 18px;} .bbs_view div.view_tit > p span{color:#888;display:inline-block;vertical-align:top;position:relative;font-size:18px;letter-spacing:-0.03em;padding-right: 30px;margin-right: 26px;} .bbs_view div.view_tit > p span em{font-size:inherit;font-weight:400;color:#555;margin-right:3px;} .bbs_view div.view_tit > p span:before{content:'';position:absolute;top:50%;right:0;width:1px;height:12px;background:#ddd;margin-top: -4px;} .bbs_view div.view_tit > p span:last-child:before{display:none;} .sub_board .bbs_view .extra_editor_wrap{border-top:0;border-bottom:1px solid #ddd;display:block;padding:20px 50px;background:#f5f5f5;box-sizing:border-box;margin-top:0;} .sub_board .bbs_view .extra_editor_wrap > h4, .sub_board .bbs_view .extra_editor_wrap > div.extra_cont{display:inline-block;background:none;padding:0;} .sub_board .bbs_view .extra_editor_wrap > h4{width: 134px;font-size:18px;font-weight:400;color:#555;letter-spacing:-0.03em;} .sub_board .bbs_view .extra_editor_wrap > div.extra_cont{width:calc(100% - 138px);box-sizing:border-box;} .sub_board .bbs_view .extra_editor_wrap div.extra_cont > span{position:relative;padding-left:20px;margin-left: 17px;color:#333;font-weight:400;letter-spacing:-0.03em;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;font-size:18px;} .sub_board .bbs_view .extra_editor_wrap div.extra_cont > span:before{content:'';width:1px;height:12px;background:#ddd;position:absolute;top:50%;left:0;margin-top:-4px;} .sub_board .bbs_view .extra_editor_wrap div.extra_cont > span a{color:inherit;font-weight:inherit;font-family:inherit;font-size:inherit;text-decoration:underline;} .bbs_view div.view_cont{padding:60px 30px;border-bottom:1px solid #ddd;} .view_btn{min-height:120px;} .view_btn .btn_wrap{padding-top:60px;} .view_btn .btn_wrap .btn_point{height:60px;line-height:58px;background:#222;min-width:140px;box-sizing:border-box;font-size:18px;font-weight:400;} /* 댓글 */ .sub_board .comment {margin:0 0 0px 0;padding:0;} .sub_board .comment .comment_box {position:relative;padding:30px 20px 30px 20px;border-top:1px #d3d3d3 solid;background:#fdfdfd;} .sub_board .comment .comment_box .comment_name {width:650px;margin-bottom:10px;} .sub_board .comment .comment_box .comment_name span {width:233px;line-height:25px;display:inline-block;} .sub_board .comment .comment_box .comment_name span.no_line {background:none;} .sub_board .comment .comment_box .comment_name span label {font-size:13px;color:#333;font-family:'Lato','Nanum Gothic', sans-serif;font-weight:700;line-height:25px;padding:0;width:auto;margin-right:20px;display:inline-block;} .sub_board .comment .comment_box .comment_name span input {border:1px solid #d3d3d3;line-height:23px;height:23px;padding:0;text-indent:5px;width:158px;min-width:158px;margin:0;} .sub_board .comment .comment_box .comment_memo {width:680px;} .sub_board .comment .comment_box .comment_memo label {font-size:13px;color:#333;font-family:'Lato','Nanum Gothic', sans-serif;font-weight:700;line-height:80px;padding:0;width:43px;display:block;min-height:80px;} .sub_board .comment .comment_box textarea {border:1px solid #d3d3d3;width:620px;min-width:610px;padding:5px 0 5px 5px;min-height:68px;height:68px;float:left;} .sub_board .comment .comment_box h3 {position:absolute;right:20px;top:30px;height:78px;text-align:center;width:108px;background-color:#333;border:1px #333 solid;line-height:78px;padding:0;} .sub_board .comment .comment_box h3 a {font-size:14px;color:#fff;font-family:'Lato','Nanum Gothic', sans-serif;font-weight:700;display:block;line-height:78px;} .sub_board .comment .comment_cont {position:relative;border-top:1px #d3d3d3 solid;} .sub_board .comment .comment_cont h2 {color:#888;padding:12px 0 12px 20px;line-height:25px;font-size:12px;} .sub_board .comment .comment_cont div {position:relative;border-top:1px #d3d3d3 solid;padding:12px 20px 14px 20px;z-index:1;} .sub_board .comment .comment_cont div h3 {color:#888;padding-bottom:2px;} .sub_board .comment .comment_cont div h3 strong {color:#333;font-family:'Lato','Nanum Gothic', sans-serif;font-weight:700;display:inline-block;margin-right:10px;} .sub_board .comment .comment_cont div h4 {color:#888;font-size:12px;line-height:19px;} .sub_board .comment .comment_cont div .comment_btn {position:absolute;right:20px;top:12px;color:#888;font-size:12px;border:0;margin:0;padding:0;} .sub_board .comment .comment_cont div .comment_btn a { color:#888;font-size:12px;display:inline-block;} .sub_board .comment .comment_cont div .comment_btn span.bar {color:#9b9b9b;display:inline-block;width:6px;text-align:center;margin:0;background:none;} .sub_board .comment .comment_cont div.com_reple {border-bottom:1px solid #d3d3d3;background:#fff url("../images/da_image/bg_dot_line.png") repeat-x left top;position:relative;z-index:3;margin-top:-1px;padding:12px 20px 14px 20px;} .sub_board .comment .comment_cont div.comment_reply {position:relative;z-index:3;margin-top:-1px;padding:12px 20px 14px 20px;} .sub_board .comment .comment_cont div.comment_box2 {position:relative;padding:10px 0;border:0;} .sub_board .comment .comment_cont div.comment_box2 .comment_name {width:650px;margin-bottom:10px;padding:0px;border:0;} .sub_board .comment .comment_cont div.comment_box2 .comment_name span {width:233px;line-height:25px;display:inline-block;} .sub_board .comment .comment_cont div.comment_box2 .comment_name span.no_line {background:none;} .sub_board .comment .comment_cont div.comment_box2 .comment_name span label {font-size:13px;color:#333;font-family:'Lato','Nanum Gothic', sans-serif;font-weight:700;line-height:25px;padding:0;width:auto;margin-right:20px;display:inline-block;} .sub_board .comment .comment_cont div.comment_box2 .comment_name span input {border:1px solid #d3d3d3;line-height:23px;height:23px;padding:0;text-indent:5px;width:158px;min-width:158px;margin:0;} .sub_board .comment .comment_cont div.comment_box2 .comment_memo {width:680px;padding:0px;border:0;} .sub_board .comment .comment_cont div.comment_box2 .comment_memo label {font-size:13px;color:#333;font-family:'Lato','Nanum Gothic', sans-serif;font-weight:700;line-height:80px;padding:0;width:43px;display:block;min-height:80px;} .sub_board .comment .comment_cont div.comment_box2 textarea {border:1px solid #d3d3d3;width:620px;min-width:618px;padding:5px 0 5px 5px;min-height:68px;height:68px;} .sub_board .comment .comment_cont div.comment_box2 h3 {position:absolute;right:0px;top:47px;height:78px;text-align:center;width:108px;background-color:#333;border:1px #333 solid;line-height:78px;padding:0;} .sub_board .comment .comment_cont div.comment_box2 h3 a {font-size:14px;color:#fff;font-family:'Lato','Nanum Gothic', sans-serif;font-weight:700;display:block;line-height:78px;} .sub_board .comment .comment_cont div.com_reserve {border:0;background:#fff url("../images/da_image/bg_dot_line.png") repeat-x left 10px;position:relative;z-index:3;margin-top:-1px;padding:30px 0px 0px 20px;margin:0;margin-left:-20px;margin-right:-20px;width:790px;} .sub_board .comment .comment_cont div.com_reserve textarea.com_reserve {border:1px solid #d3d3d3;width:653px;min-width:653px;padding:5px 0 5px 5px;min-height:68px;height:68px;margin-right:20px;} .sub_board .comment .comment_cont div.com_reserve a {position:absolute;right:0px;top:30px;height:78px;text-align:center;width:108px;background-color:#333;border:1px #333 solid;font-size:14px;color:#fff;font-family:'Lato','Nanum Gothic', sans-serif;font-weight:700;display:block;line-height:78px;padding:0;} .sub_board .board_comment {position:relative;box-sizing:border-box;border:1px solid #d3d3d3;padding:20px;margin-top:20px;} .sub_board .board_comment .comment_name {color:#555;padding:0 0 10px 0;text-align:left;} .sub_board .board_comment .comment_name span, .sub_board .board_comment .comment_memo span {display:inline-block;font-size:12px;color:#555;font-family:'Lato','Nanum Gothic', sans-serif;line-height:25px;padding:0;} .sub_board .board_comment .comment_name span input {vertical-align:top;border:1px solid #d3d3d3;padding:5px;} .sub_board .board_comment .comment_name span + span {margin-left:20px;} .sub_board .board_comment .comment_memo {} .sub_board .board_comment .comment_memo span {margin-right:20px;} .sub_board .board_comment, .sub_board .board_comment textarea, .sub_board .board_comment .comment_btn {vertical-align:top;} .sub_board .board_comment textarea {border:1px solid #d3d3d3;width:698px;min-width:610px;padding:5px 0 5px 5px;min-height:72px;height:72px;box-sizing:border-box;} .sub_board .board_comment .comment_btn {width:80px;height:72px;background:#eb3b4b;text-align:center;color:#fff;line-height:72px;font-size:14px;font-weight:bold;display:block;} .sub_board .board_comment_list {position:relative;margin:0 0 20px;} .sub_board .board_comment_list .comment_title {border-bottom:1px solid #d3d3d3;color:#888;padding:15px 0 7px 0;text-align:left;} .sub_board .board_comment_list .comment_title span {color:#eb3b4b;} .sub_board .board_comment_list .comment {position:relative;border-bottom:1px solid #d3d3d3;padding:8px 0;} .sub_board .board_comment_list .comment .comment_writer {color:#333;padding-bottom:3px;text-align:left;} .sub_board .board_comment_list .comment span.board_line {display:inline-block;width:1px;height:9px;background:#999;margin:0 8px;} .sub_board .board_comment_list .comment .com_btn {position:absolute;right:0;top:9px;} .sub_board .board_comment_list .comment .com_btn a {color:#999;} .sub_board .board_comment_list .comment .com_txt {color:#888;text-align:left;word-break:break-all;} .sub_board .board_comment_list .comment .com_txt_reply {color:#888;text-align:left;border-top:1px solid #d3d3d3;padding:16px 0 10px 40px;margin:10px 0 0;background:url("../images/sub/comment_reply.png") no-repeat 20px 18px;} .sub_board .board_comment_list .comment .com_modify {position:relative;margin:5px 0 0;} .sub_board .board_comment_list .comment .com_modify:after {clear:both;content:"";display:block;} .sub_board .board_comment_list .comment .com_modify textarea {float:left;width:90%;height:50px;border:1px solid #d3d3d3;} .sub_board .board_comment_list .comment .com_modify .btn_modify {float:right;width:9.2%;height:52px;display:inline-block;line-height:52px;background:#aaa;color:#fff;font-size:15px;font-weight:600;text-align:center;} .sub_board .board_comment_list .comment .comment_password {position:absolute;right:25px;top:0;width:300px;border:2px solid #757575;padding:7px;background:#fff;z-index:100;text-align:left;} .sub_board .board_comment_list .comment .comment_password.modify {right:72px;} .sub_board .board_comment_list .comment .comment_password span {display:inline-block;height:20px;line-height:20px;font-weight:600;vertical-align:middle;} .sub_board .board_comment_list .comment .comment_password input {width:195px;height:19px;} .sub_board .board_comment_list .comment .comment_password h5 {display:inline-block;width:39px;height:20px;line-height:20px;border:1px solid #ccc;background:#fff;text-align:center;border-radius:5px;vertical-align:middle;} .sub_board .board_comment_list .comment .comment_password a.close {position:absolute;right: 6px;top: 50%;margin-top: -4px;} .sub_board .board_comment_list .comment .com_btn a.on + .comment_password {display:block !important;} /*** 게시판(비밀번호) | layout/board/board_secret.html ***/ .sub_pw_input {max-width:1058px;margin:0 auto;border:20px solid #eee;outline:1px solid #ddd;} .sub_pw_input .ok_box {width:100%;margin:0 auto;padding:70px 0;font-family:'Nanum Gothic', sans-serif;text-align:center;} .sub_pw_input .ok_box h2 {padding-bottom:20px;font-size:16px;font-weight:600;color:#333;} .sub_pw_input .ok_box div.input_box {padding-bottom:40px;} .sub_pw_input .ok_box div.input_box input {width:200px;height:30px;padding:5px 10px;border:1px solid #aaa;} .sub_pw_input .ok_box a.ok_bt {display:inline-block;font-size:15px;font-weight:700;width:120px;height:40px;background:#eb3b4b;border:1px solid #eb3b4b;text-align:center;line-height:40px;color:#fff;font-weight:600;} .sub_board .board_css tr{border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3;} .sub_board .board_css tr th{line-height:30px;padding:11px 0;padding-left:35px;vertical-align:middle;width:176px;} .sub_board .board_css tr td{line-height:30px;padding:11px 30px;} .sub_board .board_css tr td.td_textarea {padding-right:16px;} .sub_board table.board_css td input[type=text], table.board_css td input[type=password]{border:1px solid #d9d9d9;} .sub_board table.board_css td input[name=title] {width:80%;} /*─────────────────────────────────────────────────────────── GOODS(상품) ───────────────────────────────────────────────────────────*/ /*** 상품리스트, 상품검색 | goods/goods_list.html, goods/goods_search.html ***/ .sub_list {} /* 서브 카테고리 */ .sub_cate_wrap {margin-bottom:2.4%;border-top:1px solid #333;border-bottom:1px solid #d3d3d3;} .sub_cate_wrap ul.sub_cate {margin:1.2% 17px;line-height:26px;vertical-align:top;} .sub_cate_wrap ul.sub_cate:after {clear:both; content:""; display:block;} .sub_cate_wrap ul.sub_cate li {padding:0 12px 0 0;line-height:26px;font-size:0;float:left;text-align:left;box-sizing:border-box;vertical-align:top;} .sub_cate_wrap ul.sub_cate li a {font-size:13px;color:#666;font-weight:400;display:inline-block;line-height:inherit;vertical-align:top;} .sub_cate_wrap ul.sub_cate li:hover a {color:#333;} .sub_cate_wrap ul.sub_cate li + li {padding-left:0;} .sub_cate_wrap ul.sub_cate li + li:before {margin:0;margin-right:10px;width:1px;height:10px;background:#d3d3d3;display:inline-block;content:"";vertical-align:middle;} /* 디스플레이 유형 */ .sub_list .list_array {margin:0;margin-bottom:2.4%;} .sub_list .list_array:after {clear:both; content:""; display:block;} .sub_list .list_array .list_count, .sub_list .list_array .list_count span {font-size:15px;line-height:30px;height:30px;font-weight:400;vertical-align:top;display:inline-block;text-align:left;} .sub_list .list_array .list_count {color:#555;float:left;} .sub_list .list_array .list_count span {color:#eb3b4b;font-weight:700;} .sub_list .list_array ul {float:right;} .sub_list .list_array ul:after {clear:both; content:""; display:block;} .sub_list .list_array ul li {width:30px;height:30px;border:1px solid #ccc;float:left;box-sizing:border-box;background:#fff;text-indent:-9999px;cursor:pointer;position:relative;z-index:1;} .sub_list .list_array ul li:before, .sub_list .list_array ul li::before {content:"";display:inline-block;width:28px;height:28px;position:absolute;cursor:pointer;left:0;top:0;bottom:0;right:0;box-sizing:border-box;} .sub_list .list_array ul li.typeA:before {background:url("../images/sub/icon_list_typeA.png") no-repeat left top;} .sub_list .list_array ul li.typeA.on:before {background:#eb3b4b url("../images/sub/icon_list_typeA_on.png") no-repeat left top;} .sub_list .list_array ul li.typeB:before {background:url("../images/sub/icon_list_typeB.png") no-repeat left top;} .sub_list .list_array ul li.typeB.on:before {background:#eb3b4b url("../images/sub/icon_list_typeB_on.png") no-repeat left top;} .sub_list .list_array ul li.on {border:1px solid #eb3b4b; background:#eb3b4b;} /* 상품 진열 */ .sub_list .list {} /* 검색결과없음 */ .sub_list .list .list_no {color:#555;padding:1.2%;font-size:15px;line-height:23px;font-weight:500;width:100%;background:#fafafa;border:1px #ccc solid;text-align:center;vertical-align:top;box-sizing:border-box;} .sub_list .list .list_no .no_data {font-size:inherit;line-height:inherit;font-weight:inherit;} .sub_list .list .list_no .no_data:before {color:#fff;width:21px;height:21px;border-radius:100%;margin:1px 8px 0 0;background:#777;font-size:inherit;line-height:21px;font-weight:700;content:"!";display:inline-block;vertical-align:top;box-sizing:border-box;} /*** 상품 리스트 (갤러리형) | layout/goods/gallery.html ***/ .sub_list .list .list_Galleryform {} .sub_list .list .list_Galleryform > ul {} .sub_list .list .list_Galleryform > ul:after {clear:both;content:"";display:block;} .sub_list .list .list_Galleryform > ul li {float:left;width:23.5%;margin:0 2% 30px 0;} .sub_list .list .list_Galleryform > ul li:nth-child(4n) {margin-right:0;} .sub_list .list .list_Galleryform > ul li:nth-child(4n+1) {clear:both;content:"";float:left;} .sub_list .list .list_Galleryform > ul li dl {} .sub_list .list .list_Galleryform > ul li dl dt {border:1px solid #ccc;margin:0 0 18px;height:auto;min-height:179px;position: relative;overflow:hidden;} .sub_list .list .list_Galleryform > ul li dl dt img {width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);} .sub_list .list .list_Galleryform > ul li dl dd {text-align:left;} .sub_list .list .list_Galleryform > ul li dl dd > em {display: block;box-sizing:border-box;color:#333;font-size:16px;font-weight:400;padding:0 0 6px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .sub_list .list .list_Galleryform > ul li dl dd p {color:#777;font-size:14px;font-weight:500;line-height:22px;} /*** 상품 리스트 (리스트형) | layout/goods/list.html ***/ .sub_list .list .list_Listform {} .sub_list .list .list_Listform > ul {margin:0;padding:0;} .sub_list .list .list_Listform > ul:after {clear:both; content:""; display:block;} .sub_list .list .list_Listform > ul li {float:left; width: calc(50% - 6px); border:1px solid #ccc; margin:0 12px 12px 0;box-sizing:border-box;} .sub_list .list .list_Listform > ul li:nth-child(2n) {margin-right:0;} .sub_list .list .list_Listform > ul li:nth-child(2n+1) {clear:both; content:""; float:left;} .sub_list .list .list_Listform > ul li dl {display:table;height:100%;} .sub_list .list .list_Listform > ul li dl:after {clear:both;display:block;} .sub_list .list .list_Listform > ul li dl dt, .sub_list .list .list_Listform > ul li dl dd {box-sizing:border-box;display:table-cell;vertical-align:middle;text-align:left;} .sub_list .list .list_Listform > ul li dl dt {width:45%;border-right:1px solid #ccc;} .sub_list .list .list_Listform > ul li dl dt img {width:100%;height:auto;} .sub_list .list .list_Listform > ul li dl dd {width:55%;max-width: 200px;padding:12px;} .sub_list .list .list_Listform > ul li dl dd > em, .sub_list .list .list_Listform > ul li dl dd > .add_info p {width:100%;margin:0;padding:0;text-overflow:ellipsis;overflow:hidden;display:inline-block;box-sizing:border-box;position:relative;z-index:1;} .sub_list .list .list_Listform > ul li dl dd > em {display: block;color:#333;font-size:16px;font-weight:700;line-height:24px;height:24px;white-space:nowrap;box-sizing: border-box;} .sub_list .list .list_Listform > ul li dl dd > .add_info {padding-top:26px;position:relative;z-index:1;display:inline-block;box-sizing:border-box;} .sub_list .list .list_Listform > ul li dl dd > .add_info:before {position:absolute;left:0;top:12px;content:"";display:block;width:30px;height:2px;background:#222222;} .sub_list .list .list_Listform > ul li dl dd > .add_info p {color:#777;font-size:14px;line-height:20px;max-height:40px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;} /* 검색 페이지 - 검색창 */ .sub_list .list_search {width:100%;height:74px;background:#f4f4f2;margin:50px 0 30px;} .sub_list .list_search:after {clear:both;content:"";display:block;} .sub_list .list_search > div {float:right;padding-right:20px;} .sub_list .list_search > div:after {clear:both;content:"";display:block;} .sub_list .list_search > div > span {float:left;display:inline-block;height:74px;line-height:74px;margin-right:15px;} .sub_list .list_search > div > span label {color:#777;font-size:12px;font-weight:500;padding-left:5px;} .sub_list .list_search .search_form {float:left;} .sub_list .list_search .search_form .search {margin:20px 0 0;} .sub_list .list_search .search_form .search select {width:100px;height:32px;line-height:30px;} .sub_list .list_search .search_form .search input {width:218px;height:32px;line-height:32px;border:1px solid #ddd;background:#fff;text-indent:12px;} .sub_list .list_search .search_form .search a {display:inline-block;width:60px;height:32px;line-height:32px;text-align:center;background:#666;color:#fff;font-size:13px;font-weight:600;margin-left:3px;vertical-align:middle;} /*** 상세페이지 | goods/goods_view.html ***/ .sub_view {} .sub_view .info {} .sub_view .info dl {} .sub_view .info dl:after {clear:both; content:""; display:block;} .sub_view .info dl dt, .sub_view .info dl dd {float:left;box-sizing:border-box;margin:0;padding:0;} .sub_view .info dl dt {width:43%;border:1px solid #ccc;padding:18px;margin-right:3%;} .sub_view .info dl dd.goods_tit {width:54%;} .sub_view .info dl dd.goods_tit {padding:2.4% 30px;border-top:2px solid #222;border-bottom:1px solid #ccc;background:#f2f2f2;text-align:left;box-sizing:border-box;} .sub_view .info dl dd.goods_tit, .sub_view .info dl dd.goods_tit p {font-family:'Nanum Gothic', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;text-overflow:ellipsis;overflow:hidden;} .sub_view .info dl dd.goods_tit {font-size:32px;line-height:40px;font-weight:500;color:#222;white-space:nowrap;} .sub_view .info dl dd.goods_tit p {margin-top:8px;font-size:15px;line-height:24px;font-weight:400;color:#777;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;} .sub_view .info_wrap {margin:3.6% 0 0;text-align:left;} .sub_view .info_wrap .info_li {margin:0 0 6.8%;} .sub_view .info_wrap .info_li dt.info_tit {color:#222;font-size:25px;font-weight:700;padding:0 0 1.2%;margin:0 0 3.6%;border-bottom:1px solid #222;text-align:left;} .sub_view .info_wrap .info_li img {max-width:100%;width:auto;height:auto;margin:0 auto;} .sub_view .info_wrap .info_li p {color:#666;font-size:14px;font-weight:400;line-height:22px;letter-spacing:-0.5px;} /*─────────────────────────────────────────────────────────── MEMBER(회원) | 회원서브타입 type ───────────────────────────────────────────────────────────*/ /*** 로그인 | member/login.html ***/ .sub_login {position:relative;z-index:1;} .sub_login .login_box {position:relative;padding:63px 0 71px;border:1px solid #d3d3d3;overflow:hidden;background:url('../images/sub/login_bg_symbol.gif') no-repeat bottom right #eee;vertical-align:top;} .sub_login .login_box h2 {text-align:center;padding-bottom:30px;} .sub_login .login_box > div {min-height:136px;font-size:0;vertical-align:top;position:relative;width:315px;margin-left:50px;padding:0 50px 0px 0;float:left;background:url(../images/sub/login_line.gif) repeat-y right;} .sub_login .login_box div input.login_input {width:315px;height:24px;border:0;border-bottom:1px solid #dddddd;font-size:14px;/*color:#888888;*/font-weight:600;} .sub_login .login_box div input {font-size:15px;color:#222;letter-spacing:-0.015em;background:none;background-repeat:no-repeat;background-position:left center;} .sub_login .login_box div input.mb10 {margin-bottom:19px;} .sub_login .login_box div input.login_id, .sub_login .login_box div input.login_pw, .sub_login .login_box div input.login_name, .sub_login .login_box div input.login_email {width:100%;box-sizing:border-box;padding:0;color:#222;font-size:15px;font-weight:600;} .sub_login .login_box div input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #eee inset ; -webkit-text-fill-color: #222; } .sub_login .login_box div input:-webkit-autofill, .sub_login .login_box div input:-webkit-autofill:hover, .sub_login .login_box div input:-webkit-autofill:focus, .sub_login .login_box div input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; } .sub_login .login_box div input[type="text"]::-webkit-input-placeholder {color:#222;font-size:15px;font-weight:600;} .sub_login .login_box div input[type="text"]::-moz-placeholder {color:#222;font-size:15px;font-weight:600;} .sub_login .login_box div input[type="text"]:-ms-input-placeholder {color:#222;font-size:15px;font-weight:600;} .sub_login .login_box div input[type="text"]:-moz-placeholder {color:#222;font-size:15px;font-weight:600;} .sub_login .login_box div input[type="password"]::-webkit-input-placeholder {color:#222;font-size:15px;font-weight:600;} .sub_login .login_box div input[type="password"]::-moz-placeholder {color:#222;font-size:15px;font-weight:600;} .sub_login .login_box div input[type="password"]:-ms-input-placeholder {color:#222;font-size:15px;font-weight:600;} .sub_login .login_box div input[type="password"]:-moz-placeholder {color:#222;font-size:15px;font-weight:600;} .sub_login .login_box div h3 {width:315px;height:35px;line-height:35px;cursor:pointer;font-weight:500;color:#fff;letter-spacing:-0.020em;text-align:center;font-size:13px;margin-top:6px;} .sub_login .login_box div h3.bg_eb3b4b {margin-top:34px;} .sub_login .login_box div h3 input, .sub_login .login_btn div a {vertical-align:top;cursor:pointer;font-weight:500;color:#fff;letter-spacing:-0.020em;text-align:center;font-size:13px;background:none;border:0;height:35px;line-height:35px;width:100%;outline:0;} .sub_login .login_box p {width:350px;margin:0 auto;color:#555;letter-spacing:-0.050em;line-height:19px;padding:0;font-size:13px;} .sub_login .login_box p input {border:1px solid #dddddd;} .sub_login .login_box p.save_btn {height:35px;line-height:35px;} .sub_login .login_box p.save_btn input {vertical-align:middle;margin-bottom:0;} .sub_login .login_btn {position:absolute !important;top:50%;right:0;height:136px;margin-top:-66px;background:none !important;} .sub_login .login_btn div a { background-color:#898989;display:inline-block;} .sub_login.pw_box {} .sub_login.pw_box .login_box > div {min-height:173px;} .sub_login.pw_box .login_box div h3.bg_eb3b4b {margin-top:28px;} .sub_login.pw_box {} .sub_login .login_btn div.btn_idfind {overflow:hidden;} .sub_login .login_btn div.btn_idfind a {width:153px;margin-left:9px;float:left;} .sub_login .login_btn div.btn_idfind a:first-child {margin:0;} .sub_login .login_btn div.btn_join a {margin:18px 0 10px;} .sub_login .login_btn div p {font-size:12px;color:#999999;padding-top:0px;} .sub_login .login_btn div h2 {font-size:14px;color:#555555;font-weight:600;padding-top:5px;} .sub_login .login_box div h3, .sub_login .login_box div h3 input, .sub_login .login_btn div a, .sub_login .login_box p {font-family:'Noto Sans KR', 'Nanum Gothic', dotum, sans-serif;} /*** 회원가입 | member/join.html ***/ h3.join_tit {font-size:18px;color:#222222;font-weight:600;text-align:left;padding-bottom:12px;} h3.join_tit.pt20 {padding-top:20px;} span.join_btn {display:inline-block;margin-left:5px;width:110px;height:28px;text-align:center;line-height:26px;font-size:13px;color:#ffffff;font-weight:600;background-color:#aaaaaa;border:1px solid #999999;} .sub_join table.board_write td input[name="zip"] {width:80px;min-width:70px;} .sub_join table.board_write td input[name="address"], .sub_join table.board_write td input[name="address2"] {width:55%;min-width:450px;} table.board_write {border:1px solid #ddd;font-size:12px;text-align:left;margin-bottom:20px;} table.board_write th {} table.board_write th .require_dot {position:absolute;left:14px;top:50%;margin-top:-15px;line-height:30px;height:30px;} table.board_write th .require_dot:before {content:'*';font-size:14px;color:#eb3b4b;line-height:14px;display:inline-block;width:auto;height:14px;} table.board_write td {border-right:1px solid #ddd;color:#888;font-weight:100;padding:10px 20px;} table.board_write tr td .btn_reset {background:#fff url('../images/board/icon_btn_reset.gif') no-repeat 9px 50% !important;padding:0 10px 0 30px !important;cursor:pointer;} table.board_write .btn_sm {font-size:11px;color:#000;border-radius:2px;padding:0 9px !important;display:inline-block;background:#f3f3f3 !important;border:1px solid #d3d3d3;text-align:center;font-weight:normal;height:28px;line-height:26px;} table.board_write #captcha_box {display:inline-block;vertical-align:middle;margin-right:10px;} table.board_css {font-size:11px;text-align:left;margin-bottom:30px;} table.board_css tr {border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;} table.board_css th, table.board_css td {color:#888;font-size:11px;box-sizing:border-box;font-family:'Lato','Nanum Gothic', sans-serif;line-height:28px;padding:13px 0;vertical-align:top;text-align:left;} table.board_css th {color:#333;font-weight:700;font-size:12px;padding-left:30px;background:#fafafa;width:180px;} table.board_css th.view_tit {background:#fbfbfb;} table.board_css th .require_dot {margin-left:5px;line-height:30px;height:30px;} table.board_css th .require_dot:before {content:'*';font-size:14px;color:#eb3b4b;line-height:14px;display:inline-block;width:auto;height:14px;} table.board_css td {padding-left:20px;padding-right:20px;background:#fff ;} table.board_css td .guide {display:inline-block;margin-left:3px;} table.board_css td div.view_cont {padding:9px 2px;line-height:25px;min-height:150px;} table.board_css td input[type=text], table.board_css td input[type=password]{min-width:198px;padding:0 10px;height:30px;border:1px solid #d3d3d3;margin-right:4px;} table.board_css td input.from_phone, table.board_css td input.form_tel {min-width:42px;} table.board_css td.field {padding-right:18px !important;} table.board_css td.field label {display:inline-block;width:62px;} table.board_css td textarea {min-width:98%;padding:8px 0 2% 8px;height:200px;border:1px solid #d3d3d3;} table.board_css td textarea.from_textarea {min-width:98%;padding:8px 0 2% 8px;height:200px;border:1px solid #d3d3d3;} table.board_css tr:last-child th, table.board_css tr:last-child td { background-image:none;border-bottom:1px #d3d3d3 solid;} table.board_css tr:last-child td .btn_reset {background:#fff url('../images/board/icon_btn_reset.gif') no-repeat 9px 50% !important;padding:0 10px 0 30px !important;cursor:pointer;} table.board_css .btn_sm {font-size:11px;color:#000;border-radius:2px;padding:0 9px !important;display:inline-block;background:#f3f3f3 !important;border:1px solid #d3d3d3;text-align:center;font-weight:normal;height:28px;line-height:26px;} .sub_join table.board_css{border-right:1px solid #d3d3d3;border-left:1px solid #d3d3d3;} .sub_join table.board_css th{font-size:12px;} .sub_join table.board_css td{} .sub_join table.board_css td input[type=text], .sub_join table.board_css td input[type=password] {min-width:220px;padding:0px !important;height:28px;border:1px solid #d3d3d3;} .sub_join table.board_css tr.mail input{min-width:120px !important;} .sub_join table.board_css td input[name=email_id], .sub_join table.board_css td input[name=email_domain]{min-width:180px;} .sub_join table.board_css td input[name=email_domain] {margin-left:4px;} .sub_join table.board_css td input[name=address], .sub_join table.board_css td input[name=address2] {width:80%;} .sub_join table.board_css td input, .sub_join table.board_css td a, .sub_join table.board_css td span, .sub_join table.board_css td strong, .sub_join table.board_css td select {vertical-align:top;} .sub_join table.captcha {} .sub_join table.captcha th, .sub_join table.captcha td {vertical-align:middle;} .sub_join table.captcha th {padding:10px 25px;} .sub_join table.captcha .sign{} .sub_join span.join_tit{font-size:16px;color:#333333;display:block;font-weight:600;text-align:left;padding-bottom:10px;} .sub_memberout p {font-size:13px;color:#666;line-height:20px;padding-bottom:20px;} .sub_join table.board_css td select {height:28px;line-height:28px;border:1px solid #d3d3d3;min-width:220px;padding:0 10px;box-sizing:border-box;} .sub_join table.board_css td select.mail_select {min-width:inherit;} .change_pw table.board_css tr{border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3;} .change_pw table.board_css table.board_css td input[type=text],.change_pw table.board_css td input[type=password]{min-width:272px;padding:0 10px;height:26px;background-color:#F6F6F6;border:1px solid #d3d3d3;} /*** 회원가입 완료 | member/join_ok.html ***/ .sub_ok {max-width:1058px;margin:0 auto;border:20px solid #eee;outline:1px solid #ddd;} .sub_ok .ok_box {width:100%;text-align:center;margin:0 auto;padding:70px 0;font-family:'Nanum Gothic', sans-serif;} .sub_ok .ok_box h3 {padding-bottom:20px;font-size:29px;font-weight:700;color:#333;} .sub_ok .ok_box h4 {font-size:16px;color:#777;line-height:26px;font-weight:500;} .sub_ok .ok_box h4 span {color:#eb3b4b;font-weight:600;} .sub_ok .ok_box .home_bt a {display:inline-block;font-size:15px;font-weight:700;width:120px;height:40px;background:#eb3b4b;border:1px solid #eb3b4b;text-align:center;line-height:40px;color:#fff;font-weight:600;} .sub_ok .ok_box .login_bt a {display:inline-block;font-size:15px;font-weight:700;width:120px;height:40px;background:#eb3b4b;border:1px solid #eb3b4b;text-align:center;line-height:40px;color:#fff;font-weight:600;} /*** 회원탈퇴 | member/withdrawal.html ***/ .memberout {font-size:13px;color:#666;line-height:20px;padding-bottom:20px;} .withdrawal table.board_css{border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3;} .withdrawal table.board_css tr th{line-height:1;padding:10px 0 10px 30px;vertical-align:middle;width:170px;} .withdrawal table.board_css tr td{line-height:1;padding:10px 0 10px 20px;;} /*** 비밀번호 변경 안내 | member/periodic_change_pw.html ***/ .sub_login.add {max-width:1135px;} .sub_login.add .login_box {width:100%;background: none;border: 0;padding: 0;} .sub_login.add .login_box h2 {color:#282828;font-size:23px;font-weight:600;line-height:32px;} .sub_login.add .login_box h2 span {color:#eb3b4b;font-size:23px;font-weight:600;} .sub_login.add .login_box table.board_write {width:662px;margin:58px auto 40px;} .sub_login.add .login_box table.board_write caption {overflow:auto;text-indent:0;height:20px;line-height:20px;color:#777;font-size:14px;font-weight:500;text-align:left;padding-bottom:14px;} .sub_login.add .login_box table.board_write caption span {color:#444;font-size:14px;font-weight:600;} .sub_login.add .login_box table.board_write input {width:396px;} .sub_login.add .login_box .btn_center {} .sub_login.add .login_box .btn_center button {width:160px;} .sub_login.add .login_box .btn_center button.gray {margin-left:16px;background:#999;border:1px solid #999;} /*─────────────────────────────────────────────────────────── SERVICE ───────────────────────────────────────────────────────────*/ /*** 이용약관 | service/agreement.html ***/ /*** 개인정보취급방침 | service/usepolicy.html ***/ /*** 회원가입동의 | member/join_agreement.html ***/ .member_agree {font-size:13px;line-height:23px;padding:0;text-align:left;} .sub_agree {text-align:center;margin:0;padding:0 0 20px 0;} .sub_agree h2 {font-size:17px;line-height:23px;text-align:left;color:#333;font-family:'Lato','Nanum Gothic', sans-serif;font-weight:700;padding:0 0 16px 0;} .sub_agree .agree_box {margin-bottom:40px;padding:20px;background-color:#fafafa;border:1px solid #d3d3d3;} .sub_agree .agree_box textarea {box-sizing:border-box;line-height:14px;font-size:12px;width:790px;color:#888;height:192px;line-height:20px;font-weight:100;padding:20px;border:1px solid #d3d3d3;background-color:#fff;} .sub_agree .agree_box div {font-size:12px;color:#444;line-height:20px;font-weight:100;padding:20px 0;background-color:#fff;text-align:left;} .sub_agree .agree_box .agree_box_con{font-size:12px;overflow-y:scroll;width:100%;color:#888888;height:500px;font-weight:100;padding:20px;border:1px solid #d3d3d3;background-color:#fff; box-sizing:border-box;} .sub_agree .agree_box p.agree_txt {display:block;padding:13px 0 0px 20px;line-height:20px;font-size:12px;color:#333;text-align:left;} .sub_agree .agree_box p.agree_txt label strong {font-family:'Lato','Nanum Gothic', sans-serif;font-weight:700;} .sub_agree .btn_center {padding:22px 0 0 0;} .sub_agree .agree_bg {background:#fff;border:1px #d3d3d3 solid;border-top:2px #373737 solid;padding:20px 0;} .sub_agree .agree_bg p {margin:0 20px;text-align:left;} .sub_agree .privacy_bg {background:#fff;} .sub_agree #module_policy {border:1px #d3d3d3 solid;line-height:18px;font-weight:100;padding:12px 0 12px 12px;border:1px solid #d3d3d3;background-color:#fff;text-align:left;overflow:auto;height:auto;} .join_agree h2{font-size:16px;padding-bottom:16px;} .join_agree .agree_box{background:#fbfafa;padding:19px;border:1px solid #d3d3d3;width:830px;box-sizing:border-box;} .join_agree .agree_box p.agree_txt{padding:13px 0 0 0;} /*─────────────────────────────────────────────────────────── ETC ───────────────────────────────────────────────────────────*/ /*** 에러페이지 | errors/index.html ***/ .error_cont {position:relative;min-height:900px;background:url("../images/sub/error_bg.gif") repeat-x left top;} .error_cont .error_form {position:absolute;left:50%;top:123px;margin-left:-450px;width:910px;height:610px;background:url("../images/sub/error_form_bg.png") no-repeat left top;text-align:center;} .error_cont .error_form h2 {color:#333;font-size:20px;font-weight:500;font-family:"Noto Sans KR", 'Nanum Gothic', sans-serif !important;padding:296px 0 10px;} .error_cont .error_form p {color:#777;font-size:14px;font-weight:400;line-height:22px;font-family:"Noto Sans KR", 'Nanum Gothic', sans-serif !important;} .error_cont .error_form h5 {width:156px;height:44px;border:2px solid #333;background:url("../images/sub/error_icon_arrow.png") no-repeat 118px center;margin:38px auto 0;} .error_cont .error_form h5 a {display:block;width:100%;height:44px;line-height:44px;color:#333;font-size:17px;font-weight:500;font-family:"Noto Sans KR", 'Nanum Gothic', sans-serif !important;text-align:left;text-indent:38px;} /* 정확한 용도파악 불가 */ /**********팝업***********/ .password_popup {text-align:center;} .password_popup p {color:#888;padding:40px 0 10px 0;} .password_popup h2 {} .password_popup h2 input {border:1px solid #d3d3d3;padding:3px 5px;width:150px;} .password_popup h3 {padding-top:15px;} /* layer-popup */ .layer-popup {font-size:12px;background:#fff;border:1px #000 solid;position:absolute;transform:none;} .layer-popup.layer_pc {} .layer-popup.layer_t {} .layer-popup.layer_m {left:50%;min-height:auto;transform:translate(-50%, 0)} .layer-popup h4 {font-size:12px;font-weight:700 !important;line-height:18px;padding:3px 12px;box-sizing:border-box;text-align:left;} .pop_content {margin:0;padding:0;} .pop_content img, .pop_content table, .pop_content div {max-width:100%;max-height:100%;} .layer-popup .pop_closed {text-align:right;padding:4px 12px;box-sizing:border-box;line-height:20px;font-size:12px;vertical-align:middle;} .layer-popup .pop_closed input[type="checkbox"] {} .layer-popup .pop_closed input[type="checkbox"] + label {font-size:12px;} .layer-popup .pop_closed a {vertical-align:top;display:inline-block;line-height:20px;margin-left:12px;position:relative;z-index:1;width:20px;height:20px;font-size:0;} .layer-popup .pop_closed a:before, .layer-popup .pop_closed a:after {display:inline-block;content:"";width:24px;height:1px;background:#000;position:absolute;left:0;top:50%;} .layer-popup .pop_closed a:before {transform:rotate(45deg);} .layer-popup .pop_closed a:after {transform:rotate(-45deg);}