@charset "utf-8"; /*─────────────────────────────────────────────────────────── header, footer, main 관련 작성 css 파일입니다. ** 이와 서브페이지 관련 css는 /css/sub.css 에 있습니다. ───────────────────────────────────────────────────────────*/ /*─────────────────────────────────────────────────────────── layout common ───────────────────────────────────────────────────────────*/ #wrap {height:100%;width:100%;margin:0;padding:0; overflow:hidden;} /* #header 와 #container, #footer 전체 감싸는 영역 */ #wrap #container {width:100%;margin:0;padding:0;overflow:hidden;} #contents_wrap {width:100%;margin:0 auto;padding:0 15px;position:relative;z-index:1;box-sizing:border-box;} /* #container 안의 컨텐츠 감싸는 영역 */ #contents_wrap #contents_box {width:100%;padding:0 0 62px 0;box-sizing:border-box;} /* 컨텐츠를 감싸는 영역 */ #contents_wrap #side_box + #contents_box {padding-top:0;} /* lnb와 컨텐츠가 float 일때 사이즈 재설정 */ #contents_wrap .nav_wrap {box-sizing:border-box;} #content {width:100%;margin:0;padding:0;text-align:left;box-sizing:border-box;} /* navigation 을 제외한 컨텐츠 */ #content .sub_content{width:100%;max-width:1280px;margin:0 auto;background:#fff;box-sizing:border-box;} #content .sub_content:after {clear:both;content:"";display:block;} .w_custom {width:100%;max-width:1440px;text-align:left;margin:0 auto;padding:0 15px;box-sizing:border-box;} @media only screen and (max-width:1470px) { #contents_wrap #contents_box {padding:0 0 4.3% 0;} } @media only screen and (max-width:1217px) { body.on {height:100%;overflow:hidden;} #contents_wrap #contents_box {padding:0 0 6.3% 0;} } @media only screen and (max-width:1024px) { #contents_wrap #side_box {padding: 85px 0 0 0;} #contents_wrap #contents_box {padding:0 0 10.3% 0;} } @media only screen and (max-width:860px) { #contents_wrap #side_box {padding: 85px 0 0 0;} #contents_wrap #contents_box {padding:0 0 12.6% 0;} } @media only screen and (max-width:767px) { #contents_wrap #side_box {display:none;} .sub_goods #contents_wrap #side_box {display:block;padding:0;} } @media only screen and (max-width:640px) { #contents_wrap #contents_box {padding:0 0 14.6% 0;} } @media only screen and (max-width:479px) { #contents_wrap #contents_box {padding:0 0 18.6% 0;} } @media only screen and (max-width:320px) { #contents_wrap, .w_custom {} } /*─────────────────────────────────────────────────────────── HEADER | outline/header.html, outline/nav.html ───────────────────────────────────────────────────────────*/ .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 {position:sticky;left:0;top:0;width:100%;margin:0 auto;padding:0;border-top:4px #1956a7 solid;border-bottom:1px #ddd solid;background: rgba(255, 255, 255, 1);transition:all 0.3s;z-index:101;} .hd_wrap, .aside_hd {max-width:1450px;width:calc(100% - 30px);margin:0 auto;padding:41px 0 25px;height:59px;position:relative;z-index:1;} #header.on{/*border-bottom:0;box-shadow:0 5px 5px 0 rgba(0, 0, 0, 0.1);*/} .hd_logo, .hd_gnb, .hd_icon, .hd_closed {position:absolute;top:50%;transform:translateY(-50%);display:inline-block;margin:0;padding:0;box-sizing:border-box;} .hd_logo {left:0;top: calc(50% + 7px);z-index:2;} .hd_logo a {width:205px;height:59px;background-image:url(../images/skin/logo@2x.png);display:inline-block;vertical-align:top;background-repeat:no-repeat;background-position:0 0;background-size:auto 100%;font-size:0;} .hd_tag {width:281px;right:0;top:0;text-align:right;vertical-align:top;position:absolute;} .hd_tag a {width:calc(50% - 3px);max-width:140px;padding:12px 0;font-size:16px;border-radius:0 0 0 10px;font-weight:500;color:#fff;line-height:1;display:inline-block;box-sizing:border-box;text-align:center;vertical-align:top;background:#1956a7;} .hd_tag a + a {margin-left:1px;border-radius:0 0 10px 0;background:#3ba1cc;} .hd_gnb {width: calc(100% - 410px);left:50%;padding-top:34px;transform:translate(-50%, -50%);font-size:0;text-align:center;} .hd_gnb > ul > li {vertical-align:top;display:inline-block;} .hd_gnb > ul > li > a {font-size:21px;padding:0 0.86em 0 1.43em;font-weight:500;color:#111;line-height:1.2em;vertical-align:top;display:inline-block;position:relative;z-index:1;} .hd_gnb > ul > li > a:after {margin:0 0 0 7px;width:5px;height:5px;border-radius:100%;background:#1956a7;opacity:0;transition:all 0.3s;vertical-align:top;display:inline-block;content:"";} .hd_gnb > ul > li:hover > a:after {opacity:1;} .hd_gnb > ul > li:hover > a {color:#1956a7;} .hd_gnb .gnb_layer {margin:0;padding:25px 0 0;position:absolute;left:50%;top:100%;transform:translateX(-50%);width:100vw;z-index:5;display:none;transition:all 0.3s;box-shadow:0 5px 5px 0 rgba(0, 0, 0, 0.1);} .hd_gnb.on .gnb_layer, .hd_gnb:hover .gnb_layer {display:block;} .gnb_dep1 {padding:50px 15px 68px;border-top:1px #ddd solid;background:#fff;width:100%;position:relative;z-index:1;text-align:center;box-sizing:border-box;} .gnb_dep1 .dep1_wrap {width:100%;max-width:1440px;margin:0 auto;text-align:left;} .dep1_wrap > ul {display:flex;flex-wrap: wrap;justify-content: space-between;vertical-align:top;margin:0;padding:0;box-sizing:border-box;} .dep1_wrap > ul > li {width:16.6%;text-align:left;line-height:1;vertical-align:top;margin:0;padding:0 30px;border-left:1px #eee solid;box-sizing:border-box;white-space:normal;word-break:keep-all;word-wrap:break-word;} .dep1_wrap > ul > li:nth-of-type(6n) {border-right:1px #eee solid;} .dep1_wrap > ul > li:nth-of-type(n + 7) {padding-top:30px;} .dep1_wrap ul li a {font-size:inherit;letter-spacing:inherit;font-weight:inherit;color:inherit;display:inline-block;vertical-align:top;margin:0;padding:0;box-sizing:border-box;white-space:normal;word-break:keep-all;word-wrap:break-word;} .dep1_wrap > ul > li .dep1_a {font-size:20px;font-weight:700;color:#333;letter-spacing:-0.02em;display:inline-block;vertical-align:top;} .dep1_wrap .gnb_dep2 {padding-top:15px;} .gnb_dep2 li.dep2_li {font-size:16px;padding:12px 0;line-height:1em;font-weight:400;letter-spacing:-0.02em;color:#888;} .gnb_dep2 li.dep2_li:hover {color:#333;font-weight:500;} .gnb_dep2 li.dep2_li > a {position:relative;z-index:1;display:inline-block;} .gnb_dep2 li.dep2_li > a:after {position:absolute;left:0;top:100%;width:0;height:1px;background:#333;display:inline-block;content:"";transition:all 0.3s;} .gnb_dep2 li.dep2_li:hover > a:after {width:100%;} .hd_icon {padding-top:24px;right:0;text-align:right;} .hd_icon .for_pc {display:block;} .hd_icon .for_m {display:none;} .hd_icon > ul {display:inline-block;vertical-align:middle;} .hd_icon > ul > li {margin:0;padding:0;display:inline-block;vertical-align:middle;} .hd_icon > ul > li + li {margin-left:20px;} .hd_icon > ul > li.hd_search {width:200px;border-bottom:1px #000 solid;} .hd_icon > ul > li.hd_search .clear {padding:6px 0;} .hd_icon > ul > li.hd_search .clear input#search {width: calc(100% - 30px);float:left;border:0;height:24px;line-height:24px;font-size:14px;font-weight:400;padding:0;box-sizing:border-box;} .hd_icon > ul > li.hd_search .clear input.search_enter {width:24px;height:24px;background:url(../images/skin/btn-hd-search@2x.png) no-repeat 50% 50%;background-size:cover;float:right;border:0;font-size:0;} .hd_icon > ul > li.hd_icon_btn > a, .hd_icon > ul > li.hd_icon_btn > span {vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;font-size:0;display:inline-block;cursor:pointer;border:0;} .hd_icon > ul > li.hd_icon_btn > a {background-image:url(../images/skin/btn-hd-search@2x.png);width:24px;height:24px;background-size:cover;} .btn_cate span, .hd_closed span {width:20px;height:20px;line-height:20px;text-indent:20px;background-repeat:no-repeat;background-position:50% 50%;overflow:hidden;cursor:pointer;display:inline-block;vertical-align:top;} .hd_closed span {background-image:url(../images/skin/icon-cate-closed.png);background-size:15px auto;} .btn_cate span {background-image:url(../images/skin/icon-cate-menu.png);background-size:20px auto;} #aside {right:-100%;top:0;width:100%;height:100vh;background:#fff;position:absolute;z-index:1;transition:all 0.3s;opacity:0;overflow:hidden;} #aside.on {right:0;opacity:1;} @media only screen and (max-width:1460px) { .hd_gnb > ul > li > a {font-size:20px;padding:0 0.53em 0 1.1em;} .dep1_wrap > ul > li .dep1_a {font-size:20px;} } @media only screen and (max-width:1320px) { #header {border-top-width:3px;} .hd_wrap, .aside_hd {padding:41px 0 24px;height:54px;} .hd_logo {top: calc(50% + 9px);} .hd_logo a {width:187px;height:54px;} .hd_tag a {font-size:15px;} .hd_gnb {width: calc(100% - 384px);padding-top:31px;} .hd_gnb > ul > li > a {font-size:19px;} .dep1_wrap > ul > li .dep1_a {font-size:19px;} .dep1_wrap .gnb_dep2 {padding-top:12px;} .gnb_dep2 li.dep2_li {padding:10px 0;} .hd_icon {padding-top:20px;} .hd_icon > ul > li.hd_search {width:187px;} } @media only screen and (max-width:1240px) { .hd_wrap, .aside_hd {padding:41px 0 20px;height:48px;} .hd_logo {top: calc(50% + 11px);} .hd_logo a {width:166px;height:48px;} .hd_gnb {width: calc(100% - 188px);padding-left:72px;padding-top:26px;} .hd_gnb > ul > li > a {font-size:18px;padding:0 1.0em;} .hd_gnb > ul > li > a:after {display:none;} .hd_gnb > ul > li:hover > a {color:#111;} .hd_gnb .gnb_layer {padding-top:20px;} .gnb_dep1 {padding:32px 15px 60px;} .dep1_wrap > ul > li {padding:0 15px;} .dep1_wrap > ul > li:nth-of-type(1), .dep1_wrap > ul > li:nth-of-type(6n + 1) {border-left:0;} .dep1_wrap > ul > li:nth-of-type(6n) {border-right:0;} .dep1_wrap > ul > li:nth-of-type(n + 7) {padding-top:24px;} .dep1_wrap > ul > li .dep1_a {font-size:18px;} .gnb_dep2 li.dep2_li:hover > a:after {width:0;} .hd_icon {padding-top:22px;} .hd_icon .for_pc {display:none;} .hd_icon .for_m {display:inline-block;} .hd_icon > ul > li.hd_icon_btn > a {width:22px;height:22px;} .hd_icon > ul > li.btn_cate {display:none;} } @media only screen and (max-width:1024px) { .hd_wrap, .aside_hd {padding:41px 0 14px;} .hd_gnb {display:none;} .hd_gnb .gnb_layer {display:none;} .hd_icon {padding-top:20px;} .hd_icon > ul > li.hd_icon_btn > a {width:20px;height:20px;} .hd_icon > ul > li.btn_cate {display:inline-block;} .btn_cate span, .hd_closed span {width:20px;height:20px;line-height:20px;text-indent:20px;} #aside {right:-100%;top:0;width:100%;height:100vh;background:#fff;position:absolute;z-index:1;transition:all 0.3s;opacity:0;overflow:hidden;} #aside.on {right:0;opacity:1;} #aside .aside_hd {padding-top:14px;position:relative;z-index:1;} #aside .aside_hd .hd_logo {top:50%;} #aside .aside_hd .hd_closed {right:0;} #aside .aside_menu {width:calc(100% - 30px);margin:0 auto;transition:height 0.3s;position:relative;} #aside .menu_container {width:100%;left:0;position:static;top:0;transform:translate(0, 0);box-sizing:border-box;text-align:left;} #aside .aside_cate {} #aside .aside_cate ul {margin:0;padding:0;box-sizing:border-box;} #aside .aside_cate li {line-height:1;vertical-align:top;margin:0;padding:0;text-align:left;box-sizing:border-box;white-space:normal;word-break:keep-all;word-wrap:break-word;} #aside .aside_cate li a {font-size:inherit;line-height:inherit;display:inline-block;vertical-align:top;margin:0;padding:0 15px;box-sizing:border-box;white-space:normal;word-break:keep-all;word-wrap:break-word;} #aside .aside_cate span.icons {width:17px;height:60px;right:15px;top:0;background:url(../images/skin/icon-cate-toggle-off.png) no-repeat 50% 50%;background-size:100% auto;display:inline-block;position:absolute;cursor:pointer;z-index:2;} #aside .aside_cate .on span.icons {background:url(../images/skin/icon-cate-toggle-on.png) no-repeat 50% 50%;background-size:100% auto;} #aside .aside_cate .cate_dep1 {} #aside .aside_cate .cate_dep1 > ul {} #aside .aside_cate .cate_dep1 .dep1_li {font-size:18px;line-height:auto;position:relative;z-index:1;flex-grow: 1;text-align:left;} #aside .aside_cate .cate_dep1 .dep1_li.on {z-index:3;} #aside .aside_cate .cate_dep1 .dep1_li > a {line-height:1;padding:0;margin:21px auto;font-weight:600;letter-spacing:0;color:#333;position:relative;display:inline-block;} #aside .aside_cate .cate_dep2 {padding:0 15px;height:0;overflow:hidden;transition:all 0.3s;display:block;box-sizing:border-box;position:relative;text-align:left;background:#f5f5f5;} #aside .aside_cate .on .cate_dep2 {height:auto;overflow:inherit;} #aside .aside_cate .cate_dep2 > ul {} #aside .aside_cate .cate_dep2 .dep2_li {font-size:16px;line-height:1em;padding:22px 15px;box-sizing:border-box;text-align:left;} #aside .aside_cate .cate_dep2 .dep2_li > a {font-weight:400;color:#666;letter-spacing:0;padding:0;vertical-align:Top;} #aside .aside_cate .cate_dep2 .dep2_li + .dep2_li {border-top:1px #ddd solid;} } @media only screen and (max-width:500px) { .hd_wrap, .aside_hd {padding:55px 0 14px;height:44px;} .hd_logo {top: calc(50% + 20px);} .hd_logo a {width:152px;height:44px;} .hd_tag {width: calc(100% + 30px);margin-left:-15px;margin-right:-15px;} .hd_tag a {width:calc(50% - 2px);max-width:calc(50% - 2px);border-radius:0 0 0 8px;} .hd_tag a + a {margin-left:4px;border-radius:0 0 8px 0;} .hd_icon {padding-top:37px;} } @media only screen and (max-width:414px) { .hd_wrap, .aside_hd {padding:65px 0 14px;height:42px;} .hd_logo {top: calc(50% + 25px);} .hd_logo a {width:146px;height:42px;} .hd_tag a {padding:17.5px 0;} .hd_icon {padding-top:46px;} } /*─────────────────────────────────────────────────────────── FOOTER | outline/footer.html ───────────────────────────────────────────────────────────*/ /*일반*/ .quick_wrap {position:fixed;right:45px;bottom:120px;z-index:5;opacity:0;transition:opacity 0.3s;} .quick_wrap.on {opacity:1;} .quick_wrap span {width:60px;height:60px;border-radius:100%;background-color:#1956a7;background-image:url(../images/skin/icon-quick-arrow@2x.png);background-repeat:no-repeat;background-position:50% 50%;background-size:10px auto;display:inline-block;font-size:0;vertical-align:top;border:0;outline:0;cursor:pointer;box-shadow:3px 3px 3px 0 rgba(0, 0, 0, 0.09);} #footer {width:100%;margin:0 auto;} .ft_gnb {background:#313847;} .ft_gnb .for_pc {display:block;} .ft_gnb .for_m {display:none;} .ft_gnb ul {font-size:16px;line-height:1;padding-top:2em;padding-bottom:2em;vertical-align:top;} .ft_gnb li {font-size:inherit;display:inline-block;vertical-align:top;} .ft_gnb li + li a:before {width:3px;height:3px;margin:0.4em 1em;font-size:inherit;background:#ddd;display:inline-block;content:"";border-radius:100%;vertical-align:top;} .ft_gnb li a {font-size:inherit;letter-spacing:-0.05em;font-weight:400;color:#fff;} #footer .ft_inner {padding-top:39px;padding-bottom:50px;background:#292f3c;} #footer .ft_inner > div {display:flex;align-items: center;} #footer .ft_inner .ft_info {width: calc(100% - 120px);text-align:left;box-sizing:border-box;padding-right:40px;} #footer .ft_inner .ft_info p, #footer .ft_inner .ft_info address {font-size:16px;font-weight:400;line-height:1.38em;color: rgba(255, 255, 255, 0.7);margin:0;padding:0;display:block;vertical-align:top;} #footer .ft_inner .ft_info p {} #footer .ft_inner .ft_info p a {font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;} #footer .ft_inner .ft_info p .m_br, #footer .ft_inner .ft_info p .t_br, #footer .ft_inner .ft_info p .m_br + br, #footer .ft_inner .ft_info p .t_br + br {display:none;} #footer .ft_inner .ft_info p .bar {height:10px;margin:0.375em 1.125em;display:inline-block;width:1px;background: rgba(255, 255, 255, 0.7);vertical-align:top;} #footer .ft_inner .ft_info address {margin-top:14px;} #footer .ft_inner .ft_sns {text-align:right;} #footer .ft_inner .ft_sns ul {vertical-align:top;} #footer .ft_inner .ft_sns li {display:inline-block;vertical-align:top;} #footer .ft_inner .ft_sns li + li {margin-left:10px;} #footer .ft_inner .ft_sns li img {width:auto;height:50px;} @media only screen and (max-width:1560px) { .quick_wrap {right:30px;} } @media only screen and (max-width:1460px) { .quick_wrap {right:15px;} } @media only screen and (max-width:1140px) { .ft_gnb ul, #footer .ft_inner .ft_info p, #footer .ft_inner .ft_info address {font-size:15px;} #footer .ft_inner .ft_info p .t_br + br {display:inline-block;} #footer .ft_inner .ft_info p .t_br + br + .bar {display:none;} #footer .ft_inner .ft_sns li img {height:45px;} } @media only screen and (max-width:860px) { .quick_wrap {bottom:25px;} .quick_wrap span {width:50px;height:50px;} .ft_gnb .for_pc {display:block;} .ft_gnb .for_m {display:none;} .ft_gnb ul {font-size:14px;padding-top:1.62em;padding-bottom:1.62em;} .ft_gnb li + li a:before {margin:0.38em 1em;} #footer .ft_inner {padding-top:30px;padding-bottom:60px;} #footer .ft_inner .ft_info p, #footer .ft_inner .ft_info address {font-size:14px;} #footer .ft_inner .ft_info p .m_br + br, #footer .ft_inner .ft_info p .t_br + br {display:inline-block;} #footer .ft_inner .ft_info p .m_br + br + .bar, #footer .ft_inner .ft_info p .t_br + br + .bar {display:none;} #footer .ft_inner .ft_info p .bar {margin:0.375em 1.125em;} #footer .ft_inner .ft_sns li + li {margin-left:15px;} } @media only screen and (max-width:640px) { .quick_wrap {bottom:25px;} .quick_wrap span {width:45px;height:45px;} .ft_gnb .for_pc {display:none;} .ft_gnb .for_m {display:block;} .ft_gnb li {width:auto;} #footer .ft_inner {padding-top:27px;} #footer .ft_inner > div {align-items: flex-start;flex-wrap: wrap;} #footer .ft_inner .ft_info {width:100%;padding-right:0;} #footer .ft_inner .ft_info p .bar {margin:0.375em 1.125em;} #footer .ft_inner .ft_sns {width:100%;text-align:center;padding-top:27px;} } @media only screen and (max-width:375px) { .quick_wrap span {width:40px;height:40px;background-size:9px auto;} .ft_gnb .for_pc {display:none;} .ft_gnb .for_m {display:block;} .ft_gnb ul {font-size:13px;padding-top:1.42em;padding-bottom:1.42em;} #footer .ft_inner > div {display:flex;align-items: flex-start;flex-wrap: wrap;} #footer .ft_inner .ft_info {width:100%;padding-right:0;} #footer .ft_inner .ft_info p, #footer .ft_inner .ft_info address {font-size:13px;} #footer .ft_inner .ft_info p .bar {margin:0.375em 1.125em;} #footer .ft_inner .ft_sns li img {height:35px;} } /*─────────────────────────────────────────────────────────── SIDE_BOX | outline/left_bbs.html｜outline/left_goods.html｜outline/left_member.html｜outline/left_service.html ───────────────────────────────────────────────────────────*/ /*일반*/ #side_box {padding-bottom:1.8%;} #side_box .sub_menu {width:100%;padding:0;margin:0;z-index:2;text-align:center;vertical-align:top;} #side_box .sub_menu dl {position:relative;display:inline-block;margin:0 auto;z-index:3;font-size:0;text-align:center;vertical-align:top;padding:0;} #side_box .sub_menu dt, #side_box .sub_menu dd {display:inline-block;margin:0;padding:0;} #side_box .sub_menu dt {display:none;} #side_box .sub_menu dd {line-height:31px;height:32px;padding:0 12px;border-bottom:1px #ccc solid;position:relative;z-index:1;box-sizing:border-box;vertical-align:top;} #side_box .sub_menu dd + dd {} #side_box .sub_menu dd a, #side_box .sub_menu dd strong {height:31px;line-height:31px;font-size:15px;font-weight:600;padding:0 2px;color:#888;display:inline-block;box-sizing:border-box;vertical-align:top;} #side_box .sub_menu dd:hover a, #side_box .sub_menu dd.on a, #side_box .sub_menu dd strong {border-color:#333;color:#333;position:relative;} #side_box .sub_menu dd:hover a:before, #side_box .sub_menu dd.on a:before, #side_box .sub_menu dd strong:before {bottom:-1px;width:100%;height:2px;background:#333;left:50%;transform:translateX(-50%);position:absolute;content:"";display:block;} @media only screen and (max-width:860px) { #side_box .sub_menu dd {line-height:29px;height:30px;padding:0 8px;} #side_box .sub_menu dd a, #side_box .sub_menu dd strong {height:29px;line-height:29px;font-size:14px;padding:0 2px;} } @media only screen and (max-width:640px) { #side_box .sub_menu dd {line-height:27px;height:28px;padding:0 8px;} #side_box .sub_menu dd a, #side_box .sub_menu dd strong {height:27px;line-height:27px;font-size:14px;padding:0 2px;} } @media only screen and (max-width:479px) { #side_box {display:none;} } /*─────────────────────────────────────────────────────────── MAIN | index.html ───────────────────────────────────────────────────────────*/ .main_visual {} .main_cate {} .main_bnr {} .main_news {} .main_map {} .main_partner {} /*일반*/ .main_index #container {padding-top:0 !important;} .main_sec {width:100%;} .main_sec h3 {font-size:30px;line-height:1.3;font-weight:400;color:#222;text-align:left;} .main_sec h3 .m_br, .main_sec h3 .m_br + br {display:none;} /* 메인 비주얼 */ .main_visual, .main_visual .slick-slide {height: calc(100vh - 129px);} .main_visual {padding:0;position:relative;width:100%;margin:0 auto;box-sizing:border-box;overflow:hidden;z-index:1;} .main_visual .slick-slide {overflow:hidden;position:relative;text-align:center;z-index:1;} .main_visual .slick-slide .thumb {transition:transform 2.5s ease-in-out, opacity 2.5s ease-in-out;transform:scale(1.2) rotate(0.003deg);opacity: .9;background-size: cover !important;background-position: center;background-size:cover !important;height:100%;width: 100%;margin:0 auto;text-align:Center;position:absolute;left: 0;top:0;outline:0;z-index:1;} .main_visual .slick-slide a {display:inline-block;height:100%;width: 100%;margin:0 auto;text-align:Center;position:absolute;left: 0;top:0;outline:0;z-index:5;} .main_visual .slick-slide .txt_box {width:100%;max-width:1470px;padding:0 15px;left:50%;top:29%;text-align:left;transform:translate(-50%, 0%);position:absolute;font-size:0;z-index:3;box-sizing:border-box;} .main_visual .slick-slide .txt_box h3, .main_visual .slick-slide .txt_box p {letter-spacing:0;color:#fff;font-weight:400;margin:0;padding:0;text-align:left !important;vertical-align:top;display:block;} .main_visual .slick-slide .txt_box h3 {font-size:60px;line-height:1.33em;font-weight:700;} .main_visual .slick-slide .txt_box p {font-size:26px;line-height:1.4em;margin-bottom:15px;} .main_visual .slick-slide .txt_box .m_br {display:none !important;} .main_visual .slick-slide .txt_box .m_br + br {display:none;} .main_visual .visual_control, .main_visual .slick-dots {bottom:60px;} .main_visual .visual_control {width:auto;left:50%;height:30px;line-height:15px;padding:7px 0 8px 15px;top:auto;position:absolute;text-align:left;z-index:1;box-sizing:border-box;font-size:0;vertical-align:Top;} .main_visual .visual_control .slick-arrow {} .main_visual .slick-arrow {width:27px;height:15px;opacity:1;position:relative;z-index:6;font-size:0;display:inline-block;vertical-align:top;margin:0;padding:0;border:0;outline:0;font-size:0;}/*position:absolute;top:50%;*/ .main_visual .slick-arrow:before {display:none;} .main_visual .slick-prev {background:url(../images/skin/btn-visual-prev@2x.png) no-repeat 50% 50%;background-size:auto 15px;} .main_visual .slick-next {background:url(../images/skin/btn-visual-next@2x.png) no-repeat 50% 50%;background-size:auto 15px;} .main_visual .slick-dots {line-height:30px;padding:0 7px 0 0;height:30px;right:50%;width:auto;transform:translateX(0);font-size:0;vertical-align:top;text-align:left;position:absolute;box-sizing:border-box;z-index:7;} .main_visual .slick-dots li {padding:10px;margin:0 2px;line-height:6px;border-width:2px;border-style:solid;border-color:rgba(255, 255, 255, 0);border-radius:100%;box-sizing:border-box;display:inline-block;vertical-align:top;font-size:0;text-align:center;} .main_visual .slick-dots li button {font-size:0;line-height:6px;height:6px;width:6px;border-radius:100%;background:#fff;outline:0;display:inline-block;vertical-align:top;margin:0;opacity:1;border:0;} .main_visual .slick-dots li.slick-active {border-color:rgba(255, 255, 255, 0.3);} .main_visual .slick-dots li.slick-active button {opacity:1;background:#fff;} /*.main_visual .slider-progress-wrap {width:200px;height:2px;margin:9px 10px 0;margin-left:130px;display:none;z-index:1;transition:all 6s;padding:0;font-size:0;text-align:left;vertical-align:top;box-sizing:border-box;position:relative;} .main_visual .slider-progress-wrap .slider-progress {width:100%;background:rgba(255, 255, 255, 1);display: inline-block;vertical-align:top;box-sizing:border-box;text-align:left;} .main_visual .slider-progress-wrap .slider-progress .progress {height:2px;background: rgba(255, 0, 0,1);width: 0;} .main_visual .slider-progress-wrap .slider-progress .progress.active {width:100%;}*/ .main_visual .slide_btn {width:28px;height:15px;background-size:auto 15px !important;font-size:0;outline:0;border:0;margin:0;padding:0;display:inline-block;vertical-align:top;background-repeat:no-repeat !important;background-position:50% 50% !important;position:relative;z-index:6;} .main_visual .slide_btn.btn_pause {background-image:url(../images/skin/btn-visual-pause@2x.png);} .main_visual .slide_btn.btn_play {background-image:url(../images/skin/btn-visual-play@2x.png);} /* visual active */ .main_visual .slick-initialized .slick-slide.slick-current .thumb {animation: step01 2.5s ease-in-out;animation-fill-mode:forwards;animation-delay: 0.1s;} #container .txtani {-webkit-transition: all 1s ease-in-out 0.1s;-moz-transition: all 1s ease-in-out 0.1s;-o-transition: all 1s ease-in-out 0.1s;transition: all 1s ease-in-out 0.1s;opacity:0;} .main_visual .slick-slide.slick-active h3.txtani{animation: fadeUP100 1.5s 1.0s ease forwards;} .main_visual .slick-slide.slick-active p.txtani {animation: fadeUP100 1.2s ease forwards;} #container .over-wr {overflow:hidden;} #container .left-right {transform: translate(-100px,0);} #container .right-left {transform: translate(100px,0);} #container .top-bottom {transform: translate(0,-100px);} #container .bottom-top {transform: translate(0,100px);} @keyframes step01{ 0%{transition:transform 2.5s ease-in-out, opacity 2.5s ease-in-out;transform:scale(1.2) rotate(0.003deg);opacity: .9;} 100%{transition:transform 2.5s ease-in-out, opacity 2.5s ease-in-out;transform:scale(1) rotate(0.003deg);opacity:1;} } @keyframes step02{ 0%{opacity:0;} 100%{opacity:1;transform: translate(0,0);} } @keyframes fadeUP100{ 0%{opacity:0; transform:translateY(100px);} 100%{opacity:1; transform:translateY(0);} } /* 카테고리 */ .main_cate {padding-top:60px;} .main_cate .w_custom {} .main_cate ul {display:flex;justify-content: space-between;} .main_cate li {width:16.65%;padding:0 5px;box-sizing:border-box;margin:0;text-align:center;position:relative;z-index:1;} .main_cate li:before, .main_cate li:nth-of-type(6):after {background:#ddd;width:1px;height:60px;transform:translateY(-50%);display:inline-block;content:"";position:absolute;left:0;top:50%;} .main_cate li:nth-of-type(6):after {left:auto;right:0;} .main_cate li span, .main_cate li strong {display:block;margin:0 auto;padding:0;vertical-align:top;box-sizing:border-box;} .main_cate li span {height:54px;width:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:auto 54px;} .main_cate li:nth-of-type(1) span {background-image:url(../images/skin/icon-main-about-01@2x.png);} .main_cate li:nth-of-type(2) span {background-image:url(../images/skin/icon-main-about-02@2x.png);} .main_cate li:nth-of-type(3) span {background-image:url(../images/skin/icon-main-about-03@2x.png);} .main_cate li:nth-of-type(4) span {background-image:url(../images/skin/icon-main-about-04@2x.png);} .main_cate li:nth-of-type(5) span {background-image:url(../images/skin/icon-main-about-05@2x.png);} .main_cate li:nth-of-type(6) span {background-image:url(../images/skin/icon-main-about-06@2x.png);} .main_cate li strong {font-size:18px;margin-top:10px;line-height:1em;font-weight:600;color:#333;} /* 특별함 */ .main_bnr {padding-top:78px;} .main_bnr .w_custom {} .main_bnr h3 {} .main_bnr .bnr_wrap {padding-top:38px;} .main_bnr .bnr_wrap.for_pc {display:block;} .main_bnr .bnr_wrap.for_pc ul {display:flex;justify-content: space-between;} .main_bnr .bnr_wrap.for_m {display:none;} .main_bnr .bnr_wrap.for_pc li {width: calc(25% - 21px);} .main_bnr .bnr_wrap li {border-radius:0 40px 0 0;box-sizing:border-box;position:relative;z-index:1;} .main_bnr .bnr_wrap li + li {} .main_bnr .bnr_wrap li > a {position:absolute;left:0;top:0;display:inline-block;width:100%;height:100%;z-index:5;} .main_bnr .bnr_wrap li .box {padding:129.4% 0 0;height:0;width:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} .main_bnr .bnr_wrap li:nth-of-type(1) .box {background-image:url(../images/skin/bnr-main-special-01.png);} .main_bnr .bnr_wrap li:nth-of-type(2) .box {background-image:url(../images/skin/bnr-main-special-02.png);} .main_bnr .bnr_wrap li:nth-of-type(3) .box {background-image:url(../images/skin/bnr-main-special-03.png);} .main_bnr .bnr_wrap li:nth-of-type(4) .box {background-image:url(../images/skin/bnr-main-special-04.png);} .main_bnr .bnr_wrap li .txt {left:0;bottom:0;padding:0 38px 51px;box-sizing:border-box;text-align:left;position:absolute;width:100%;} .main_bnr .bnr_wrap li .txt h4, .main_bnr .bnr_wrap li .txt p {color:#fff;margin:0;padding:0;vertical-align:top;display:block;} .main_bnr .bnr_wrap li:nth-of-type(4) .txt h4, .main_bnr .bnr_wrap li:nth-of-type(4) .txt p {color:#333;} .main_bnr .bnr_wrap li .txt h4 {font-size:30px;line-height:1.2em;font-weight:700;margin-bottom:22px;} .main_bnr .bnr_wrap li .txt p {font-size:20px;line-height:1.5em;font-weight:400;letter-spacing:-0.03em;} /* 탭 게시판 */ .main_news {padding-top:97px;} .main_news .w_custom {position:relative;z-index:1;} .main_news h3 {position:relative;z-index:1;} .main_news .news_tab {margin-top:38px;margin-bottom:40px;} .news_tab > ul {} .news_tab > ul:after {clear:both;content:"";display:block;} .news_tab > ul > li {width:33.32%;float:left;text-align:center;} .news_tab > ul > li:nth-of-type(n + 2) {width: calc(33.32% + 1px);margin-left:-1px;} .news_tab > ul > li.on {} .news_tab > ul > li span {font-size:20px;height:3em;line-height: calc(3em - 2px);width:100%;color:#666;font-weight:400;border:1px #ddd solid;border-bottom:1px #1956a7 solid;box-sizing:border-box;display:inline-block;vertical-align:middle;cursor:pointer;} .news_tab > ul > li.on span {color:#fff;font-weight:600;border:1px #666 solid;border-bottom:1px #1956a7 solid;background:#666;} .news_tab > ul > li a {right:15px;display:none;position:absolute;font-size:0;} .news_tab > ul > li.on a {top:0;width:30px;height:30px;background:url(../images/skin/btn-main-more@2x.png) no-repeat 50% 50%;display:inline-block;z-index:3;} .main_news .news_cont {} .news_cont > .news_wrap {width:100%;height:0;overflow:hidden;} .news_cont > .news_wrap.on {height:auto;overflow:inherit;} .news_cont > .news_wrap .main_bbs_list {} .news_cont > .news_wrap .for_pc {display:block;} .news_cont > .news_wrap .for_m {display:none;} .news_cont .main_bbs_list .board_ul {width: calc(100% + 16px);margin-left:-8px;margin-right:-8px;padding:0;} .news_cont .main_bbs_list .board_ul .board_li {padding:0 8px;position:relative;z-index:1;box-sizing:border-box;} .news_cont .for_pc.main_bbs_list .board_ul .board_li {width:33.32%;float:left;} .news_cont .main_bbs_list .board_ul .board_li > a {position:absolute;left:0;top:0;display:inline-block;width:100%;height:100%;z-index:5;} .news_cont .main_bbs_list .board_ul .board_li > a:before {right:40px;bottom:68px;width:17px;height:9px;background:url(../images/skin/icon-main-bbs-more@2x.png) no-repeat 50% 50%;background-size:auto 9px;display:inline-block;content:"";position:absolute;z-index:4;} .news_cont .main_bbs_list .board_ul .board_li > .txt {padding:60px 40px 65px;width:100%;border:1px #ddd solid;box-sizing:border-box;} .news_cont .main_bbs_list .board_ul .board_li > .txt > dt, .news_cont .main_bbs_list .board_ul .board_li > .txt > dd {padding:0;box-sizing:border-box;text-align:left;margin:0;} .news_cont .main_bbs_list .board_ul .board_li > .txt > dt {font-size:22px;line-height:1em;height:1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;color:#111;} .news_cont .main_bbs_list .board_ul .board_li > .txt > dd {padding-top:15px;} .news_cont .main_bbs_list .board_ul .board_li > .txt > dd .txt_cont {font-size:18px;line-height:1.44em;height:2.88em;margin-bottom:52px;font-weight:400;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;} .news_cont .main_bbs_list .board_ul .board_li > .txt > dd > span {font-size:16px;line-height:1em;font-weight:300;color:#888;} /* 찾아오시는길 */ .main_map {padding-bottom:90px;padding-top:100px;position:relative;z-index:1;} .main_map:before {height:480px;display:inline-block;content:"";background:#e6e6e6;width:100%;left:0;bottom:0;z-index:-1;position:absolute;} .main_map .w_custom {} .main_map .map_info {width:95.65%;max-width:620px;border-radius:0 40px 0 0;padding:56px 68px 60px;background:#1956a7;box-sizing:border-box;text-align:left;z-index:2;position:relative;} .main_map .map_info h3 {color:#fff;margin-bottom: 4px;} .main_map .map_info a {margin-top:9px;margin-bottom:25px;font-size:50px;font-weight:700;color:#fff;line-height:1;display:inline-block;vertical-align:top;} .main_map .map_info p {font-size:18px;font-weight:400;color: rgba(255, 255, 255, 0.8);line-height:1.67;} .main_map .map_info p + p {margin-top:29px;padding-top:21px;border-top-color:rgba(255, 255, 255, 0.4);border-top-width:1px;border-top-style:solid;} .main_map .map_info p .m_br, .main_map .map_info p .m_br + br, .main_map .map_info p .m_br + br + .m_emp {display:none;} .main_map .map_info p big{font-size:30px;font-weight:400;line-height:1.3;display:block;color:#fff;margin-bottom: 4px;} .main_map .map_img {margin-top:-390px;width:95.65%;max-width:1200px;z-index:1;position:relative;float:right;} .main_map .map_img .for_pc {display:inline-block;} .main_map .map_img .for_m {display:none;} .main_map .map_img img {width:100%;height:auto;} @media (max-width:1297px){ .main_map .map_info p big{font-size:28px;} } @media (max-width:1140px){ .main_map .map_info p big{font-size:26px;} } @media (max-width:860px){ .main_map .map_info p big{font-size:25px;} } @media (max-width:500px){ .main_map .map_info p big{font-size:24px;} } @media (max-width:375px){ .main_map .map_info p big{font-size:22px;} } @media (max-width:360px){ .main_map .map_info p big{font-size:22px;} } /* 진료협력센터 */ .main_partner {padding-top:94px;} .main_partner h3 {margin-bottom:49px;} .partner_wrap {} .partner_list {} .main_partner .for_pc {display:block;} .main_partner .for_m {display:none;} .for_pc .partner_list {display:flex;justify-content: space-around;align-items: center;} .partner_list .partner_thumb {position:relative;z-index:1;text-align:center;} .for_pc .partner_list .partner_thumb {width:14.28%;} .partner_list .partner_thumb.idx_first {} .partner_list .partner_thumb.idx_last {} .partner_list .partner_thumb:before, .partner_list .partner_thumb.idx_last:after {width:1px;height:20px;background:#ddd;display:inline-block;content:"";vertical-align:top;position:absolute;left:0;top:50%;transform:translateY(-50%);} .partner_list .partner_thumb.idx_first:before {} .partner_list .partner_thumb.idx_last:after {left:auto;right:0;} .partner_list .partner_thumb img {width:auto;height:23px;} @media only screen and (max-width:1470px) { /* 카테고리 */ .main_cate {padding-top:4.16vw;} /* 특별함 */ .main_bnr {padding-top:5.4vw;} .main_bnr .bnr_wrap li .txt {padding:0 30px 42px;} /* 탭 게시판 */ .main_news {padding-top:6.7vw;} .news_cont .main_bbs_list .board_ul .board_li > a:before {right:40px;bottom:60px;} .news_cont .main_bbs_list .board_ul .board_li > .txt {padding:50px 30px 55px;} /* 찾아오시는길 */ .main_map {padding-bottom:6.25%;padding-top:6.94%;} .main_map:before {height:33.32vw;} .main_map .map_info {max-width:600px;padding:52px 60px 56px;} .main_map .map_info a {margin-top:0.18em;margin-bottom:0.5em;} .main_map .map_info p + p {margin-top:1.61em;padding-top:1.16em;} .main_map .map_img {margin-top:-27vw;width:80.32vw;} /* 진료협력센터 */ .main_partner {padding-top:6.4%;} .main_partner h3 {margin-bottom:3.3%;} } @media only screen and (max-width:1380px) { /* 특별함 */ .main_bnr .bnr_wrap li .txt {} .main_bnr .bnr_wrap li .txt h4 {font-size:28px;} .main_bnr .bnr_wrap li .txt p {font-size:19px;} /* 찾아오시는길 */ .main_map .map_info {max-width:560px;padding:42px 50px 46px;} .main_map .map_info a {font-size:46px;} .main_map .map_info p {font-size:17px;} .main_map .map_img {margin-top:-25.3vw;overflow:hidden;} .main_map .map_img .for_pc {transform:translateX(1%);} } @media only screen and (max-width:1320px) { /* 메인 비주얼 */ .main_visual, .main_visual .slick-slide {height: calc(100vh - 122px);} } @media only screen and (max-width:1297px) { .main_sec h3 {font-size:28px;} /* 메인 비주얼 */ .main_visual .slick-slide .txt_box h3 {font-size:56px;} .main_visual .slick-slide .txt_box p {font-size:25px;margin-bottom:15px;} .main_visual .visual_control, .main_visual .slick-dots {bottom:56px;} /* 카테고리 */ .main_cate {padding-top:5.32vw;} /* 특별함 */ .main_bnr {padding-top:7.26vw;} .main_bnr .bnr_wrap.for_pc li {width: calc(25% - 12px);} .main_bnr .bnr_wrap li .txt {padding: 0 20px 26px;} .main_bnr .bnr_wrap li .txt h4 {font-size:26px;margin-bottom:18px;} .main_bnr .bnr_wrap li .txt p {font-size:18px;} /* 탭 게시판 */ .main_news {padding-top:7vw;} .main_news .news_tab {margin-top:30px;margin-bottom:34px;} .news_tab > ul > li span {font-size:19px;} .news_cont .main_bbs_list .board_ul .board_li > a:before {right:30px;bottom:35px;} .news_cont .main_bbs_list .board_ul .board_li > .txt {padding:30px 20px 30px;} .news_cont .main_bbs_list .board_ul .board_li > .txt > dt {font-size:20px;} .news_cont .main_bbs_list .board_ul .board_li > .txt > dd .txt_cont {font-size:17px;} .news_cont .main_bbs_list .board_ul .board_li > .txt > dd > span {font-size:15px;} /* 찾아오시는길 */ .main_map {padding-bottom:8%;padding-top:8%;} .main_map:before {height:35.06vw;} .main_map .map_info {max-width:520px;padding:32px 40px 36px;} .main_map .map_info a {font-size:43px;} .main_map .map_img {margin-top:-23.3vw;} .main_map .map_img .for_pc {transform:translateX(2%);} } @media only screen and (max-width:1240px) { /* 메인 비주얼 */ .main_visual, .main_visual .slick-slide {height: calc(100vh - 112px);} .main_visual .slick-slide .txt_box h3 {font-size:52px;} .main_visual .slick-slide .txt_box p {font-size:24px;} .main_visual .visual_control, .main_visual .slick-dots {bottom:50px;} .main_visual .slick-slide .thumb {background-position:60% 50%;} } @media only screen and (max-width:1140px) { .main_sec h3 {font-size:26px;} /* 카테고리 */ .main_cate {padding-top:6.32vw;} .main_cate li:before, .main_cate li:nth-of-type(6):after {height:54px;} .main_cate li span {height:52px;background-size:auto 52px;} .main_cate li strong {font-size:17px;} /* 특별함 */ .main_bnr {padding-top:8.26vw;} .main_bnr .bnr_wrap {padding-top:30px;} .main_bnr .bnr_wrap li .txt h4 {font-size:24px;line-height:1.25em;margin-bottom:14px;} .main_bnr .bnr_wrap li .txt p {font-size:16px;line-height:1.4em;letter-spacing:-0.032em;} /* 찾아오시는길 */ .main_map {padding-bottom:9%;padding-top:9%;} .main_map:before {height:35.06vw;} .main_map .map_info {max-width:470px;padding:28px 35px 24px;} .main_map .map_info a {font-size:40px;} .main_map .map_img {margin-top:-20.3vw;width:80.32vw;} .main_map .map_img .for_pc {transform:translateX(2.4%);} /* 진료협력센터 */ .main_partner {padding-top:8vw;} .main_partner h3 {margin-bottom:4vw;} .partner_list .partner_thumb:before, .partner_list .partner_thumb.idx_last:after {height:18px;} .partner_list .partner_thumb img {height:21px;} } @media only screen and (max-width:1024px) { /* 메인 비주얼 */ .main_visual, .main_visual .slick-slide {height: calc(100vh - 106px);} .main_visual .slick-slide .txt_box h3 {font-size:48px;} .main_visual .slick-slide .txt_box p {font-size:24px;margin-bottom:13px;} .main_visual .visual_control, .main_visual .slick-dots {bottom:40px;} .main_visual .slick-slide .thumb {background-position:64% 50%;} /* 카테고리 */ .main_cate {padding-top:7.32vw;} .main_cate li:before, .main_cate li:nth-of-type(6):after {height:50px;} .main_cate li span {height:50px;background-size:auto 50px;} .main_cate li strong {font-size:17px;margin-top:15px;} /* 특별함 */ .main_bnr {padding-top:9.26vw;} .main_bnr .bnr_wrap {padding-top:27px;} .main_bnr .bnr_wrap.for_pc {display:none;} .main_bnr .bnr_wrap.for_m {display:block;width: calc(100% + 16px);margin-left:-8px;margin-right:-8px;} .main_bnr .bnr_wrap li {padding:0 8px;} /* 탭 게시판 */ .main_news {padding-top:9vw;} .main_news .news_tab {margin-top:26px;margin-bottom:30px;} .news_tab > ul > li span {font-size:18px;height:3.125em;line-height: calc(3.125em - 2px);} .news_cont .main_bbs_list .board_ul .board_li > a:before {bottom:34px;} .news_cont .main_bbs_list .board_ul .board_li > .txt {padding:30px 20px 28px;} .news_cont .main_bbs_list .board_ul .board_li > .txt > dt {font-size:18px;} .news_cont .main_bbs_list .board_ul .board_li > .txt > dd .txt_cont {font-size:16px;line-height:1.43em;height:2.86em;margin-bottom:40px;} .news_cont .main_bbs_list .board_ul .board_li > .txt > dd > span {font-size:15px;} /* 찾아오시는길 */ .main_map {padding-bottom:10%;padding-top:10%;} .main_map:before {height:40.06vw;} .main_map .map_img {margin-top:-7.3vw;width:95.65%;} .main_map .map_img .for_pc {transform:translateX(0);} /* 진료협력센터 */ .main_partner {padding-top:8vw;} .main_partner h3 {margin-bottom:4vw;} .main_partner .for_pc {display:none;} .main_partner .for_m {display:block;} .partner_list .partner_thumb {padding:0 15px;box-sizing:border-box;} .partner_list .partner_thumb:before, .partner_list .partner_thumb.idx_last:after {height:18px;} .partner_list .partner_thumb.idx_last:after {left:auto;right:0;} .partner_list .partner_thumb img {height:21px;} } @media only screen and (max-width:960px) { /* 메인 비주얼 */ .main_visual .slick-slide .txt_box {top:24.4%;} .main_visual .slick-slide .txt_box h3 {font-size:44px;} .main_visual .slick-slide .txt_box p {font-size:22px;} .main_visual .visual_control {height:28px;padding:6px 0 7px 15px;} .main_visual .slick-dots {line-height:28px;height:28px;} .main_visual .slick-dots li {border-width:1px;} /* 탭 게시판 */ .main_news {padding-top:11vw;} .news_tab > ul > li.on a {width:24px;background-size:24px auto;} .news_cont .main_bbs_list .board_ul .board_li > a:before {bottom:33px;} .news_cont .main_bbs_list .board_ul .board_li > .txt > dd .txt_cont {margin-bottom:25px;} } @media only screen and (max-width: 860px) { .main_sec h3 {font-size:25px;} /* 메인 비주얼 */ .main_visual .slick-slide .txt_box {top:22.4%;} /* 카테고리 */ .main_cate {padding-top:9.32vw;} .main_cate li:before, .main_cate li:nth-of-type(6):after {height:44px;} .main_cate li span {height:48px;background-size:auto 48px;} .main_cate li strong {font-size:16px;} /* 찾아오시는길 */ .main_map .map_info {max-width:464px;} .main_map .map_info a {font-size:36px;} .main_map .map_info p + p {margin-top:1.16em;} .main_map .map_img {margin-top:-5.8vw;width:95.65%;} /* 진료협력센터 */ .main_partner {padding-top:9vw;} } @media only screen and (max-width:767px) { /* 메인 비주얼 */ /*.main_visual, .main_visual .slick-slide {height: calc(100vh - 102px);}*/ .main_visual .slick-slide .txt_box {top:17.4%;} .main_visual .slick-slide .txt_box .m_br + br {display:inline-block;} /* 카테고리 */ .main_cate {padding-top:10.32vw;} .main_cate ul {flex-wrap: wrap;} .main_cate li {width:33.32%;} .main_cate li:nth-of-type(n + 4) {margin-top:30px;} .main_cate li:nth-of-type(1):before, .main_cate li:nth-of-type(4):before, .main_cate li:nth-of-type(6):after {display:none;} /* 탭 게시판 */ .main_news {padding-top:12vw;} .news_tab > ul > li.on a {width:24px;height:30px;background-size:24px auto;} .news_cont > .news_wrap .for_pc {display:none;} .news_cont > .news_wrap .for_m {display:block;width:calc(100% + 16px);margin-left:-8px;margin-right:-8px;padding:0;} .news_cont .main_bbs_list .board_ul {width:100%;margin:0;} .news_cont .for_m.main_bbs_list .board_ul .board_li {} /* 찾아오시는길 */ .main_map {padding-bottom:11%;padding-top:11%;} .main_map:before {height:90.06vw;} .main_map .map_img {margin-top:-17.3vw;width:95.65%;max-width:560px;} .main_map .map_img .for_pc {display:none;} .main_map .map_img .for_m {display:inline-block;} /* 진료협력센터 */ .main_partner {padding-top:10vw;} } @media only screen and (max-width:640px) { /* 메인 비주얼 */ .main_visual .slick-slide .txt_box {top:14.4%;} .main_visual .slick-slide .txt_box h3 {font-size:40px;} .main_visual .slick-slide .txt_box p {font-size:20px;} .main_visual .visual_control, .main_visual .slick-dots {bottom:34px;} .main_visual .visual_control {display:none;} .main_visual .slick-dots {padding-right:0;transform:translateX(50%);} /* 특별함 */ .main_bnr {padding-top:10.26vw;} .main_bnr .bnr_wrap li .txt h4 {font-size:22px;} .main_bnr .bnr_wrap li .txt p {font-size:15px;} /* 탭 게시판 */ .main_news {padding-top:13vw;} .news_cont .main_bbs_list .board_ul .board_li > .txt > dd {padding-top:12px;} /* 찾아오시는길 */ .main_map {padding-bottom:12%;padding-top:12%;} .main_map:before {height:111.06vw;} .main_map .map_info {border-radius:0 20px 0 0;} .main_map .map_info a {margin-top:0.27em;margin-bottom:0.6em;} .main_map .map_info p {font-size:16px;} .main_map .map_info p + p {margin-top:1em;padding-top:1em;} /* 진료협력센터 */ .main_partner {padding-top:12vw;} .main_partner h3 {margin-bottom:5vw;} .partner_list .partner_thumb:before, .partner_list .partner_thumb.idx_last:after {height:16px;} } @media only screen and (max-width:500px) { .main_sec h3 {font-size:24px;} .main_sec h3 .m_br + br {display:inline-block;} /* 메인 비주얼 */ .main_visual, .main_visual .slick-slide {height: calc(100vh - 116px);} .main_visual .slick-slide .txt_box {top:12.4%;} .main_visual .slick-slide .txt_box h3 {font-size:36px;} .main_visual .slick-slide .txt_box p {font-size:18px;} /* 카테고리 */ .main_cate {padding-top:12.32vw;} .main_cate li:before, .main_cate li:nth-of-type(6):after {height:40px;} .main_cate li span {height:46px;background-size:auto 46px;} /* 특별함 */ .main_bnr {padding-top:11.26vw;} .main_bnr .bnr_wrap li {border-radius:0 20px 0 0;} .main_bnr .bnr_wrap li .txt h4 {font-size:21px;} /* 탭 게시판 */ .main_news {padding-top:14vw;} .news_tab > ul > li span {font-size:17px;} .news_tab > ul > li.on a {top:3px;width:22px;background-size:22px auto;} .news_cont .main_bbs_list .board_ul .board_li > a:before {width:15px;height:8px;background-size:auto 8px;} .news_cont .main_bbs_list .board_ul .board_li > .txt > dt {font-size:17px;} .news_cont .main_bbs_list .board_ul .board_li > .txt > dd .txt_cont {font-size:15px;} .news_cont .main_bbs_list .board_ul .board_li > .txt > dd > span {font-size:14px;} /* 찾아오시는길 */ .main_map {padding-bottom:15%;padding-top:15%;} .main_map:before {height:129.06vw;} .main_map .map_info {max-width:95.65%;} .main_map .map_info a {font-size:34px;} .main_map .map_info p {font-size:15px;} .main_map .map_info p .m_br + br {display:inline-block;} .main_map .map_info p .m_br + br + .m_emp {display:inline-block;width:38px;} .main_map .map_img {max-width:95.65%;} /* 진료협력센터 */ .main_partner {padding-top:14vw;} .main_partner h3 {margin-bottom:6vw;} } @media only screen and (max-width:414px) { /* 메인 비주얼 */ .main_visual, .main_visual .slick-slide {height: calc(100vh - 124px);} .main_visual .slick-slide .txt_box h3 {font-size:32px;} .main_visual .slick-slide .txt_box p {font-size:16px;} .main_visual .visual_control, .main_visual .slick-dots {bottom:30px;} } @media only screen and (max-width:375px) { .main_sec h3 {font-size:23px;} /* 메인 비주얼 */ .main_visual .slick-slide .txt_box {top:12.4%;} .main_visual .slick-slide .txt_box h3 {font-size:30px;} .main_visual .slick-slide .txt_box p {font-size:15px;} .main_visual .visual_control, .main_visual .slick-dots {bottom:30px;} /* 카테고리 */ .main_cate {padding-top:13.32vw;} .main_cate li strong {font-size:15px;} /* 특별함 */ .main_bnr {padding-top:12.26vw;} .main_bnr .bnr_wrap li .box {padding-top:125%;} .main_bnr .bnr_wrap li .txt h4 {font-size:20px;} .main_bnr .bnr_wrap li .txt p {font-size:15px;letter-spacing:-0.03em;} /* 탭 게시판 */ .main_news {padding-top:15vw;} .news_tab > ul > li span {font-size:16px;} .news_tab > ul > li.on a {top:2px;width:20px;background-size:20px auto;} .news_cont .main_bbs_list .board_ul .board_li > .txt > dt {font-size:16px;} .news_cont .main_bbs_list .board_ul .board_li > .txt > dd .txt_cont {font-size:14px;} .news_cont .main_bbs_list .board_ul .board_li > .txt > dd > span {font-size:13px;} /* 찾아오시는길 */ .main_map {padding-bottom:16%;padding-top:16%;} .main_map:before {height:149.06vw;} .main_map .map_info a {font-size:33px;} .main_map .map_info p {font-size:14px;} .main_map .map_info p .m_br + br + .m_emp {width:36px;} /* 진료협력센터 */ .main_partner {padding-top:15vw;} .main_partner h3 {margin-bottom:7vw;} .partner_list .partner_thumb {padding:0 15px;} .partner_list .partner_thumb:before, .partner_list .partner_thumb.idx_last:after {height:15px;} .partner_list .partner_thumb img {height:20px;} } @media only screen and (max-width:360px) { .main_sec h3 {font-size:22px;} /* 찾아오시는길 */ .main_map .map_info {padding:22px 28px 20px;} .main_map .map_info a {font-size:31px;} .main_map .map_info p {font-size:13px;} .main_map .map_info p .m_br + br + .m_emp {width:33px;} } @media screen and (max-width:340px) { /* 카테고리 */ .main_cate li:before, .main_cate li:nth-of-type(6):after {height:36px;} .main_cate li span {height:42px;background-size:auto 42px;} /* 특별함 */ .main_bnr .bnr_wrap li .txt h4 {font-size:19px;} .main_bnr .bnr_wrap li .txt p {font-size:14px;} /* 탭 게시판 */ .news_tab > ul > li.on a {top:29px;width:20px;background-size:18px auto;} } /*─────────────────────────────────────────────────────────── surgical 유바외과 소개 ───────────────────────────────────────────────────────────*/ /*** surgical/belief (유바외과의 신념) ***/ /*일반*/ @media only screen and (max-width:1487px) { } @media only screen and (max-width:1287px) { } @media only screen and (max-width:1140px) { } @media only screen and (max-width:1024px) { } @media only screen and (max-width:960px) { } @media only screen and (max-width:860px) { } @media only screen and (max-width:767px) { } @media only screen and (max-width:640px) { } @media only screen and (max-width:500px) { } @media only screen and (max-width:414px) { } @media only screen and (max-width:375px) { } @media only screen and (max-width:340px) { } /*** surgical/speciality (유바외과의 특별함) ***/ /*일반*/ @media only screen and (max-width:1487px) { } @media only screen and (max-width:1287px) { } @media only screen and (max-width:1140px) { } @media only screen and (max-width:1024px) { } @media only screen and (max-width:960px) { } @media only screen and (max-width:860px) { } @media only screen and (max-width:767px) { } @media only screen and (max-width:640px) { } @media only screen and (max-width:500px) { } @media only screen and (max-width:414px) { } @media only screen and (max-width:375px) { } @media only screen and (max-width:340px) { } /*** surgical/equipment (유바외과의 의료장비) ***/ /*일반*/ @media only screen and (max-width:1487px) { } @media only screen and (max-width:1287px) { } @media only screen and (max-width:1140px) { } @media only screen and (max-width:1024px) { } @media only screen and (max-width:960px) { } @media only screen and (max-width:860px) { } @media only screen and (max-width:767px) { } @media only screen and (max-width:640px) { } @media only screen and (max-width:500px) { } @media only screen and (max-width:414px) { } @media only screen and (max-width:375px) { } @media only screen and (max-width:340px) { } /*** surgical/staff (의료진 소개) ***/ /*일반*/ @media only screen and (max-width:1487px) { } @media only screen and (max-width:1287px) { } @media only screen and (max-width:1140px) { } @media only screen and (max-width:1024px) { } @media only screen and (max-width:960px) { } @media only screen and (max-width:860px) { } @media only screen and (max-width:767px) { } @media only screen and (max-width:640px) { } @media only screen and (max-width:500px) { } @media only screen and (max-width:414px) { } @media only screen and (max-width:375px) { } @media only screen and (max-width:340px) { } /*** surgical/location (오시는길) ***/ /*일반*/ .sub_location {} .sub_location div, .sub_location ul, .sub_location li, .sub_location dl, .sub_location dt, .sub_location dd, .sub_location p, .sub_location span {transition:all 0.3s;} .sub_location_map {position:relative;border:1px solid #ccc;height:0;padding:0 0 46% 0;} .sub_location_map .map_box {position:absolute;left:0;top:0;width:100%;height:100%;} .sub_location_map iframe {float:none; width:100%; box-sizing:border-box;} .sub_location_info {margin:1.6% 0 0;padding:2.8% 3.2%;border:1px solid #ccc;box-sizing:border-box;} .sub_location_info:after {clear:both; content:""; display:block;} .sub_location_info dl {float:left;box-sizing:border-box;width:50%;padding-right:3.2%;} .sub_location_info dl + dl {border-left:1px dashed #ccc;padding-left:3.2%;padding-right:0;} .sub_location_info dt {font-size:20px;padding:0 0 4.8%;color:#222;font-weight:700;} .sub_location_info dd {text-align:left;} .sub_location_info dd ul {} .sub_location_info dd ul li {line-height:23px;padding-left:32px;position:relative;vertical-align:top;} .sub_location_info dd ul li + li {margin-top:2%;} .sub_location_info dd ul li:before {transition:all 0.3s;width:22px;height:23px;display:block;position:absolute;left:0;top:0;content:'';} .sub_location_info dd ul li:after {clear:both;content:"";display:block;} .sub_location_info dd ul li.map1:before {background:#222 url("../images/skin/icon_map01.png") no-repeat 50% 50%;background-size:cover;} .sub_location_info dd ul li.map2:before {background:#222 url("../images/skin/icon_map02.png") no-repeat 50% 50%;background-size:cover;} .sub_location_info dd ul li.map3:before {background:#222 url("../images/skin/icon_map03.png") no-repeat 50% 50%;background-size:cover;} .sub_location_info dd ul li.map4:before {background:#222 url("../images/skin/icon_map04.png") no-repeat 50% 50%;background-size:cover;} .sub_location_info dd ul li.map5:before {background:#222 url("../images/skin/icon_map05.png") no-repeat 50% 50%;background-size:cover;} .sub_location_info dd ul li span, .sub_location_info dd ul li p {font-size:13px;min-height:23px;line-height:23px;font-weight:400;display:inline-block;vertical-align:top;box-sizing:border-box;} .sub_location_info dd ul li span {color:#333;padding-right:4px;font-weight:700;} .sub_location_info dd ul li p {color:#777;word-break:keep-all;} .sub_location_info dd ul li.map1 p {width:89%;} .sub_location_info dd ul li.map3 p, .sub_location_info dd ul li.map4 p, .sub_location_info dd ul li.map5 p {width:85%;} .sub_location_info dd ul li.map2 p {width:81%;} @media only screen and (max-width:1200px) { .sub_location_map {padding:0 0 44% 0;} } @media only screen and (max-width:1023px) { .sub_location_map {padding:0 0 42% 0;} } @media only screen and (max-width:860px) { .sub_location_map {padding:0 0 42% 0;} .sub_location_info {margin:2.4% 0 0;padding:2.4%;} .sub_location_info dl {width:50%;padding-right:2.4%;} .sub_location_info dl + dl {padding-left:2.4%;} .sub_location_info dt {font-size:17px;padding:0 0 3.6%;} .sub_location_info dd ul li {line-height:21px;padding-left:28px;} .sub_location_info dd ul li:before {width:20px;height:21px;} .sub_location_info dd ul li span, .sub_location_info dd ul li p {font-size:12px;min-height:21px;line-height:21px;} } @media only screen and (max-width:767px) { .sub_location_map {padding:0 0 42% 0;} .sub_location_info {margin:2.4% 0 0;padding:2.8%;} .sub_location_info dl {width:100%;padding-right:0%;} .sub_location_info dl + dl {padding-left:0%;border-left:0;padding-top:2.4%;margin-top:2.4%;border-top:1px dashed #ccc;} .sub_location_info dt {font-size:17px;padding:0 0 2.4%;} } @media only screen and (max-width:640px) { .sub_location_map {padding:0 0 48% 0;} } @media only screen and (max-width:479px) { .sub_location_map {padding:0 0 62% 0;} .sub_location_info {margin:3.6% 0 0;padding:3.6%;} .sub_location_info dl {width:100%;padding-right:0%;} .sub_location_info dl + dl {padding-left:0%;border-left:0;padding-top:3.6%;margin-top:3.6%;border-top:1px dashed #ccc;} .sub_location_info dt {font-size:16px;padding:0 0 3.6%;} } @media only screen and (max-width:320px) { .sub_location_info dd ul li.map1 p {width:86%;} .sub_location_info dd ul li.map3 p, .sub_location_info dd ul li.map4 p, .sub_location_info dd ul li.map5 p {width:82%;} .sub_location_info dd ul li.map2 p {width:77%;} } /*** surgical/partnership (협력·제휴병원) ***/ /*일반*/ @media only screen and (max-width:1487px) { } @media only screen and (max-width:1287px) { } @media only screen and (max-width:1140px) { } @media only screen and (max-width:1024px) { } @media only screen and (max-width:960px) { } @media only screen and (max-width:860px) { } @media only screen and (max-width:767px) { } @media only screen and (max-width:640px) { } @media only screen and (max-width:500px) { } @media only screen and (max-width:414px) { } @media only screen and (max-width:375px) { } @media only screen and (max-width:340px) { } /*─────────────────────────────────────────────────────────── information 진료안내 ───────────────────────────────────────────────────────────*/ /*** information/vr_experience (가상진료체험) ***/ /*일반*/ @media only screen and (max-width:1487px) { } @media only screen and (max-width:1287px) { } @media only screen and (max-width:1140px) { } @media only screen and (max-width:1024px) { } @media only screen and (max-width:960px) { } @media only screen and (max-width:860px) { } @media only screen and (max-width:767px) { } @media only screen and (max-width:640px) { } @media only screen and (max-width:500px) { } @media only screen and (max-width:414px) { } @media only screen and (max-width:375px) { } @media only screen and (max-width:340px) { } /*** information/expenses (진료비 안내) ***/ /*일반*/ @media only screen and (max-width:1487px) { } @media only screen and (max-width:1287px) { } @media only screen and (max-width:1140px) { } @media only screen and (max-width:1024px) { } @media only screen and (max-width:960px) { } @media only screen and (max-width:860px) { } @media only screen and (max-width:767px) { } @media only screen and (max-width:640px) { } @media only screen and (max-width:500px) { } @media only screen and (max-width:414px) { } @media only screen and (max-width:375px) { } @media only screen and (max-width:340px) { } /*** information/record (의무기록 신청) ***/ /*일반*/ @media only screen and (max-width:1487px) { } @media only screen and (max-width:1287px) { } @media only screen and (max-width:1140px) { } @media only screen and (max-width:1024px) { } @media only screen and (max-width:960px) { } @media only screen and (max-width:860px) { } @media only screen and (max-width:767px) { } @media only screen and (max-width:640px) { } @media only screen and (max-width:500px) { } @media only screen and (max-width:414px) { } @media only screen and (max-width:375px) { } @media only screen and (max-width:340px) { } /*─────────────────────────────────────────────────────────── breast 유방클리닉 ───────────────────────────────────────────────────────────*/ /*** breast/understanding (유방암의 이해) ***/ /*일반*/ @media only screen and (max-width:1487px) { } @media only screen and (max-width:1287px) { } @media only screen and (max-width:1140px) { } @media only screen and (max-width:1024px) { } @media only screen and (max-width:960px) { } @media only screen and (max-width:860px) { } @media only screen and (max-width:767px) { } @media only screen and (max-width:640px) { } @media only screen and (max-width:500px) { } @media only screen and (max-width:414px) { } @media only screen and (max-width:375px) { } @media only screen and (max-width:340px) { } /*** breast/screening (유방암 검진) ***/ /*일반*/ @media only screen and (max-width:1487px) { } @media only screen and (max-width:1287px) { } @media only screen and (max-width:1140px) { } @media only screen and (max-width:1024px) { } @media only screen and (max-width:960px) { } @media only screen and (max-width:860px) { } @media only screen and (max-width:767px) { } @media only screen and (max-width:640px) { } @media only screen and (max-width:500px) { } @media only screen and (max-width:414px) { } @media only screen and (max-width:375px) { } @media only screen and (max-width:340px) { } /*** breast/biopsy (유방 조직검사) ***/ /*일반*/ @media only screen and (max-width:1487px) { } @media only screen and (max-width:1287px) { } @media only screen and (max-width:1140px) { } @media only screen and (max-width:1024px) { } @media only screen and (max-width:960px) { } @media only screen and (max-width:860px) { } @media only screen and (max-width:767px) { } @media only screen and (max-width:640px) { } @media only screen and (max-width:500px) { } @media only screen and (max-width:414px) { } @media only screen and (max-width:375px) { } @media only screen and (max-width:340px) { } /*** breast/mammotome (맘모톰 절제생김술) ***/ /*일반*/ @media only screen and (max-width:1487px) { } @media only screen and (max-width:1287px) { } @media only screen and (max-width:1140px) { } @media only screen and (max-width:1024px) { } @media only screen and (max-width:960px) { } @media only screen and (max-width:860px) { } @media only screen and (max-width:767px) { } @media only screen and (max-width:640px) { } @media only screen and (max-width:500px) { } @media only screen and (max-width:414px) { } @media only screen and (max-width:375px) { } @media only screen and (max-width:340px) { } /*─────────────────────────────────────────────────────────── thyroid 갑상선클리닉 ───────────────────────────────────────────────────────────*/ /*** thyroid/understanding (갑상선암의 이해) ***/ /*일반*/ @media only screen and (max-width:1487px) { } @media only screen and (max-width:1287px) { } @media only screen and (max-width:1140px) { } @media only screen and (max-width:1024px) { } @media only screen and (max-width:960px) { } @media only screen and (max-width:860px) { } @media only screen and (max-width:767px) { } @media only screen and (max-width:640px) { } @media only screen and (max-width:500px) { } @media only screen and (max-width:414px) { } @media only screen and (max-width:375px) { } @media only screen and (max-width:340px) { } /*** thyroid/screening (갑상선암 검진) ***/ /*일반*/ @media only screen and (max-width:1487px) { } @media only screen and (max-width:1287px) { } @media only screen and (max-width:1140px) { } @media only screen and (max-width:1024px) { } @media only screen and (max-width:960px) { } @media only screen and (max-width:860px) { } @media only screen and (max-width:767px) { } @media only screen and (max-width:640px) { } @media only screen and (max-width:500px) { } @media only screen and (max-width:414px) { } @media only screen and (max-width:375px) { } @media only screen and (max-width:340px) { } /*** thyroid/biopsy (갑상선 조직세포검사) ***/ /*일반*/ @media only screen and (max-width:1487px) { } @media only screen and (max-width:1287px) { } @media only screen and (max-width:1140px) { } @media only screen and (max-width:1024px) { } @media only screen and (max-width:960px) { } @media only screen and (max-width:860px) { } @media only screen and (max-width:767px) { } @media only screen and (max-width:640px) { } @media only screen and (max-width:500px) { } @media only screen and (max-width:414px) { } @media only screen and (max-width:375px) { } @media only screen and (max-width:340px) { } /*** thyroid/hf_therapy (고주파 열치료술) ***/ /*일반*/ @media only screen and (max-width:1487px) { } @media only screen and (max-width:1287px) { } @media only screen and (max-width:1140px) { } @media only screen and (max-width:1024px) { } @media only screen and (max-width:960px) { } @media only screen and (max-width:860px) { } @media only screen and (max-width:767px) { } @media only screen and (max-width:640px) { } @media only screen and (max-width:500px) { } @media only screen and (max-width:414px) { } @media only screen and (max-width:375px) { } @media only screen and (max-width:340px) { } /*─────────────────────────────────────────────────────────── 공통 커스텀 ───────────────────────────────────────────────────────────*/ /*일반*/ /* 게시판 검색 */ .board_search {line-height:auto;margin-bottom:50px;padding:30px 15px;border-radius:0 40px 0 0;text-align:center;background-color:#eff3f8;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:13px;line-height:inherit;} .board_search select, .board_search input.input_text {margin-right:10px;height:60px;font-size:18px;letter-spacing:-0.03em;font-weight:400;color:#666;line-height:1em;border:1px #ddd solid;box-sizing:border-box;border-radius:0;box-shadow:0 0 0 0 rgba(0, 0, 0, 0);outline:none;} .board_search select {width:120px;padding:0 35px 0 19px;background:#fff url(../images/common/bg-select-arrow.gif) no-repeat 100% 50%;background-size:auto 100%;appearance:none;} .board_search select:focus {border-color:#ddd;box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);box-shadow:0 0 0 0 -moz-mac-focusring;color:#666;outline: none;} .board_search select:disabled {opacity:0.5;} .board_search input.input_text {width:300px;padding:20px 19px;} .board_search input.input_text::placeholder {font-size:16px;letter-spacing:-0.03em;font-weight:400;color:#aaa;} .board_search input.input_text::-webkit-input-placeholder {font-size:16px;letter-spacing:-0.03em;font-weight:400;color:#aaa;} .board_search input.input_text::-ms-input-placeholder {font-size:16px;letter-spacing:-0.03em;font-weight:400;color:#aaa;} .board_search input[type="submit"] {background:#1956a7 url(../images/common/icon-bbs-search.png) no-repeat 50% 50%;background-size:24px auto;width:60px;height:60px;border:0;box-sizing:border-box;font-size:0;} .board_search .board_search_sel {height:60px;display:inline-block;vertical-align:middle;font-size:0;} /* pagaing wrap */ .paging {text-align:center;padding-top:0;line-height:31px;font-size:0;margin:15px auto 0 auto;vertical-align:top;box-sizing:border-box;} .paging span {display:inline-block;vertical-align:top;text-align:center;} .paging a {display:inline-block; font-size:15px; color:#999;padding:0 3px;border:0;box-sizing:border-box;height:31px;line-height:31px;min-width:31px;text-align:center; vertical-align:top;} .paging a img {height:31px;width:31px;vertical-align:top;} .paging span + span a, .paging a + a, .paging a + span a{border-left:0;} .paging .on a{color:#1956a7; font-weight:700;} .paging a.on, .paging a:hover {color:#1956a7;font-weight:700;} .paging .arrow a {font-size:0;width:31px;} .paging .arrow a img {display:none;} .paging .arrow.first a {background:url("../images/common/paging_first.png") no-repeat 50% 50%;background-size:auto 9px;} .paging .arrow.prev a {background:url("../images/common/paging_prev.png") no-repeat 50% 50%;background-size:auto 9px;} .paging .arrow.next a {background:url("../images/common/paging_next.png") no-repeat 50% 50%;background-size:auto 9px;} .paging .arrow.last a {background:url("../images/common/paging_last.png") no-repeat 50% 50%;background-size:auto 9px;} /* 게시판 버튼 */ .bbs_list + .view_btn {padding-top:40px;} .bbs_list + .view_btn .paging + .btn_wrap {padding-top:0;} .bbs_view + .view_btn {padding-top:30px;} .bbs_view + .view_btn .btn_wrap {padding-top:0;} .bbs_write + .btn_wrap {padding-top:50px;} .view_btn:after {clear:both;content:"";display:block;} .view_btn .btn_wrap.ta_left {float:left;} .view_btn .btn_wrap.ta_right {float:right;} .bbs_view + .view_btn .btn_wrap, .bbs_list + .view_btn .btn_wrap {position:static;} .btn_bbs_write, .btn_bbs_list, .btn_bbs_modify, .btn_bbs_point {padding:0 5px;line-height:60px;height:60px;letter-spacing:-0.03em;font-weight:500;text-align:center;display:inline-block;box-sizing:border-box;border:0;} .btn_bbs_point, .btn_bbs_list, .btn_bbs_modify {line-height:58px;border-width:1px;border-style:solid;} .btn_bbs_write, .btn_bbs_list {color:#fff;} .btn_bbs_write, .btn_bbs_modify {font-size:18px;width:150px;} .btn_bbs_point, .btn_bbs_list {font-size:20px;width:180px;border-color:#1956a7;} .btn_bbs_write {background:#666;} .btn_bbs_list {background:#1956a7;} .btn_bbs_point {background:#fff;color:#1956a7;} .btn_bbs_modify {background:#fff;border-color:#333;color:#333;} .btn_wrap a + a, .btn_wrap button + button, .btn_wrap a + button, .btn_wrap button + a {margin-left:10px;} .btn_wrap.ta_center a + a, .btn_wrap.ta_center button + button, .btn_wrap.ta_center a + button, .btn_wrap.ta_center button + a {margin-left:20px;} @media only screen and (max-width:1280px) { /* 게시판 검색 */ .board_search {margin-bottom:3.9%;} .board_search select, .board_search input.input_text {font-size:17px;} /* 게시판 버튼 */ .bbs_list + .view_btn {padding-top:3.125%;} .bbs_list + .view_btn .paging + .btn_wrap {padding-top:0;} .bbs_view + .view_btn {padding-top:2.4%;} .bbs_view + .view_btn .btn_wrap {padding-top:0;} .bbs_write + .btn_wrap {padding-top:4%;} .view_btn .btn_wrap.ta_left {float:left;} .view_btn .btn_wrap.ta_right {float:right;} .bbs_view + .view_btn .btn_wrap, .bbs_list + .view_btn .btn_wrap {position:static;} } @media only screen and (max-width:1140px) { } @media only screen and (max-width:1024px) { /* 게시판 검색 */ .board_search {margin-bottom:5%;} .board_search select, .board_search input.input_text {height:52px;font-size:16px;} .board_search select {padding:0 35px 0 14px;} .board_search input.input_text {padding:17px 14px;} .board_search input[type="submit"] {width:52px;height:52px;} .board_search .board_search_sel {height:52px;} /* pagaing wrap */ .paging {margin-top:13px;} .paging a {font-size:14px;} /* 게시판 버튼 */ .bbs_list + .view_btn {padding-top:4.125%;} .bbs_list + .view_btn .paging + .btn_wrap {padding-top:0;} .bbs_view + .view_btn {padding-top:3.4%;} .bbs_view + .view_btn .btn_wrap {padding-top:0;} .bbs_write + .btn_wrap {padding-top:5%;} .view_btn .btn_wrap.ta_left {float:left;} .view_btn .btn_wrap.ta_right {float:right;} .bbs_view + .view_btn .btn_wrap, .bbs_list + .view_btn .btn_wrap {position:static;} .btn_bbs_write, .btn_bbs_list, .btn_bbs_modify, .btn_bbs_point {line-height:56px;height:56px;} .btn_bbs_point, .btn_bbs_list, .btn_bbs_modify {line-height:54px;} .btn_bbs_write, .btn_bbs_modify {font-size:17px;width:142px;} .btn_bbs_point, .btn_bbs_list {font-size:19px;width:168px;} } @media only screen and (max-width:960px) { } @media only screen and (max-width:860px) { /* 게시판 검색 */ .board_search {margin-bottom:6%;border-radius:0 30px 0 0;} .board_search select, .board_search input.input_text {height:48px;font-size:15px;} .board_search input.input_text {padding:15.5px 14px;} .board_search input.input_text::placeholder {font-size:15px;} .board_search input.input_text::-webkit-input-placeholder {font-size:15px;} .board_search input.input_text::-ms-input-placeholder {font-size:15px;} .board_search input[type="submit"] {width:48px;height:48px;} .board_search .board_search_sel {height:48px;} /* pagaing wrap */ .paging {line-height:28px;margin-top:11px;} .paging a {font-size:13px;height:28px;line-height:28px;min-width:28px;} .paging a img {height:28px;width:28px;} .paging .arrow a {width:28px;} /* 게시판 버튼 */ .bbs_list + .view_btn {padding-top:5.125%;} .bbs_list + .view_btn .paging + .btn_wrap {padding-top:0;} .bbs_view + .view_btn {padding-top:4.4%;} .bbs_view + .view_btn .btn_wrap {padding-top:0;} .bbs_write + .btn_wrap {padding-top:6%;} .view_btn .btn_wrap.ta_left {float:left;} .view_btn .btn_wrap.ta_right {float:right;} .bbs_view + .view_btn .btn_wrap, .bbs_list + .view_btn .btn_wrap {position:static;} .btn_bbs_write, .btn_bbs_list, .btn_bbs_modify, .btn_bbs_point {line-height:50px;height:50px;} .btn_bbs_point, .btn_bbs_list, .btn_bbs_modify {line-height:48px;} .btn_bbs_write, .btn_bbs_modify {font-size:16px;width:130px;} .btn_bbs_point, .btn_bbs_list {font-size:18px;width:156px;} } @media only screen and (max-width:767px) { } @media only screen and (max-width:640px) { /* 게시판 검색 */ .board_search {margin-bottom:7%;border-radius:0 24px 0 0;} .board_search select, .board_search input.input_text {height:42px;} .board_search select {width:100px;} .board_search input.input_text {width: calc(100% - 162px);padding:12.5px 14px;} .board_search input.input_text::placeholder {font-size:15px;} .board_search input.input_text::-webkit-input-placeholder {font-size:15px;} .board_search input.input_text::-ms-input-placeholder {font-size:15px;} .board_search input[type="submit"] {background-size:20px auto;width:42px;height:42px;} .board_search .board_search_sel {height:42px;width:auto;} /* pagaing wrap */ .paging {line-height:26px;margin-top:12px;} .paging a {height:26px;line-height:26px;min-width:26px;} .paging a img {height:26px;width:26px;} .paging .arrow a {width:26px;} .paging .arrow.first a, .paging .arrow.prev a, .paging .arrow.next a, .paging .arrow.last a {background-size:auto 8px;} /* 게시판 버튼 */ .bbs_list + .view_btn {padding-top:6.125%;} .bbs_list + .view_btn .paging + .btn_wrap {padding-top:0;} .bbs_view + .view_btn {padding-top:5.4%;} .bbs_view + .view_btn .btn_wrap {padding-top:0;} .bbs_write + .btn_wrap {padding-top:7%;} .view_btn .btn_wrap.ta_left {float:left;} .view_btn .btn_wrap.ta_right {float:right;} .bbs_view + .view_btn .btn_wrap, .bbs_list + .view_btn .btn_wrap {position:static;} .btn_bbs_write, .btn_bbs_modify {font-size:16px;width:120px;} .btn_bbs_point, .btn_bbs_list {font-size:17px;width:140px;} .btn_wrap a + a, .btn_wrap button + button, .btn_wrap a + button, .btn_wrap button + a {margin-left:8px;} .btn_wrap.ta_center a + a, .btn_wrap.ta_center button + button, .btn_wrap.ta_center a + button, .btn_wrap.ta_center button + a {margin-left:16px;} } @media only screen and (max-width:500px) { /* 게시판 검색 */ .board_search {margin-bottom:9%;padding:30px 15px;border-radius:0 24px 0 0;} .board_search select, .board_search input.input_text {margin-right:10px;height:42px;font-size:15px;} .board_search select {width:90px;min-width:90px;padding:0 35px 0 14px;} .board_search input.input_text {width: calc(100% - 156px);padding:12.5px 14px;} .board_search input.input_text::placeholder {font-size:15px;} .board_search input.input_text::-webkit-input-placeholder {font-size:15px;} .board_search input.input_text::-ms-input-placeholder {font-size:15px;} .board_search input[type="submit"] {background-size:20px auto;width:42px;height:42px;} .board_search .board_search_sel {height:42px;width:auto;margin-bottom:0 !important;} /* pagaing wrap */ .paging {margin-top:10px;} /* 게시판 버튼 */ .bbs_list + .view_btn {padding-top:7.125%;} .bbs_list + .view_btn .paging + .btn_wrap {padding-top:0;} .bbs_view + .view_btn {padding-top:6.4%;} .bbs_view + .view_btn .btn_wrap {padding-top:0;} .bbs_write + .btn_wrap {padding-top:8%;} .view_btn .btn_wrap.ta_left {float:left;} .view_btn .btn_wrap.ta_right {float:right;} .bbs_view + .view_btn .btn_wrap, .bbs_list + .view_btn .btn_wrap {position:static;} .btn_bbs_write, .btn_bbs_list, .btn_bbs_modify, .btn_bbs_point {padding:0 5px;line-height:46px;height:46px;} .btn_bbs_point, .btn_bbs_list, .btn_bbs_modify {line-height:44px;} .btn_bbs_write, .btn_bbs_modify {font-size:15px;width:100px;} .btn_bbs_point, .btn_bbs_list {font-size:16px;width:124px;} .btn_wrap a + a, .btn_wrap button + button, .btn_wrap a + button, .btn_wrap button + a {margin-left:6px;} .btn_wrap.ta_center a + a, .btn_wrap.ta_center button + button, .btn_wrap.ta_center a + button, .btn_wrap.ta_center button + a {margin-left:12px;} } @media only screen and (max-width:480px) { /* 게시판 검색 */ .board_search .board_search_sel {width:auto !important;margin-bottom:0 !important;} /* pagaing wrap */ .view_btn .paging {min-height:26px;margin-top:0;} /* 게시판 버튼 */ .bbs_list + .view_btn {padding-top:7.125%;} .bbs_list + .view_btn .paging + .btn_wrap {padding-top:10px;} .bbs_view + .view_btn {padding-top:6.4%;} .bbs_view + .view_btn .btn_wrap {padding-top:0;} .bbs_write + .btn_wrap {padding-top:8%;} .view_btn .btn_wrap.ta_left {float:left;} .view_btn .btn_wrap.ta_right {float:right;} .bbs_view + .view_btn .btn_wrap, .bbs_list + .view_btn .btn_wrap {position:static;} .btn_bbs_write, .btn_bbs_list, .btn_bbs_modify, .btn_bbs_point {padding:0 5px;line-height:46px;height:46px;} .btn_bbs_point, .btn_bbs_list, .btn_bbs_modify {line-height:44px;} .btn_bbs_write, .btn_bbs_modify {font-size:15px;width:100px;} .btn_bbs_point, .btn_bbs_list {font-size:16px;width:124px;} } @media only screen and (max-width:414px) { /* 게시판 검색 */ .board_search {margin-bottom:9%;padding:24px 15px;border-radius:0 20px 0 0;} .board_search select, .board_search input.input_text {margin-right:5px;height:40px;font-size:14px;} .board_search select {width:80px;min-width:80px;padding:0 26px 0 10px;} .board_search input.input_text {width: calc(100% - 132px);padding:12px 10px;} .board_search input.input_text::placeholder {font-size:14px;} .board_search input.input_text::-webkit-input-placeholder {font-size:14px;} .board_search input.input_text::-ms-input-placeholder {font-size:14px;} .board_search input[type="submit"] {background-size:18px auto;width:40px;height:40px;} .board_search .board_search_sel {height:40px;width:auto;margin-bottom:0 !important;} /* 게시판 버튼 */ .btn_bbs_write, .btn_bbs_modify {width:88px;} .btn_bbs_point, .btn_bbs_list {width:112px;} } @media only screen and (max-width:375px) { /* pagaing wrap */ .paging {line-height:24px;margin-top:0;} .paging a {height:24px;line-height:24px;min-width:24px;} .paging a img {height:24px;width:24px;} .paging .arrow a {width:24px;} /* 게시판 버튼 */ .bbs_list + .view_btn {padding-top:7.125%;} .bbs_list + .view_btn .paging + .btn_wrap {padding-top:10px;} .view_btn .btn_wrap.ta_left {float:left;} .view_btn .btn_wrap.ta_right {float:right;} .bbs_view + .view_btn .btn_wrap, .bbs_list + .view_btn .btn_wrap {position:static;} .btn_bbs_write, .btn_bbs_list, .btn_bbs_modify, .btn_bbs_point {padding:0 5px;line-height:42px;height:42px;} .btn_bbs_point, .btn_bbs_list, .btn_bbs_modify {line-height:40px;} .btn_bbs_write, .btn_bbs_point, .btn_bbs_list {font-size:15px;width:102px;} .btn_bbs_modify {font-size:14px;width:74px;} } @media only screen and (max-width:340px) { /* 게시판 검색 */ .board_search {padding:20px 10px;} .board_search select, .board_search input.input_text {font-size:13px;} .board_search select {width:74px;min-width:74px;padding:0 22px 0 10px;} .board_search input.input_text {width: calc(100% - 124px);padding:12.5px 10px;} .board_search input.input_text::placeholder {font-size:13px;} .board_search input.input_text::-webkit-input-placeholder {font-size:13px;} .board_search input.input_text::-ms-input-placeholder {font-size:13px;} /* pagaing wrap */ .paging {line-height:22px;margin-top:0;} .paging a {font-size:12px;height:22px;line-height:22px;min-width:22px;} .paging a img {height:22px;width:22px;} .paging .arrow a {width:22px;} .paging .arrow.first a, .paging .arrow.prev a, .paging .arrow.next a, .paging .arrow.last a {background-size:auto 7px;} /* 게시판 버튼 */ .bbs_list + .view_btn .paging + .btn_wrap {padding-top:10px;} .view_btn .btn_wrap.ta_left {float:left;} .view_btn .btn_wrap.ta_right {float:right;} .bbs_view + .view_btn .btn_wrap, .bbs_list + .view_btn .btn_wrap {position:static;} .btn_bbs_write, .btn_bbs_point, .btn_bbs_list {width:100px;} .btn_bbs_modify {width:70px;} } /*─────────────────────────────────────────────────────────── 게시판 커스텀 ───────────────────────────────────────────────────────────*/ #contents_wrap .sub_cont .sub_board {width:100%;max-width:1280px;margin:0 auto;} /*** board/board_list & layout/board/list_default (일반형 게시판 목록) ***/ /*일반*/ table.bbs_list th, table.bbs_list td {letter-spacing:-0.04em;line-height:1.4em;border-bottom: 1px solid #ddd;box-sizing:border-box;vertical-align:middle;} table.bbs_list th {font-size:20px;font-weight:500;color:#333;height:4em;padding:0.6em 3px;background:#f5f5f5;} table.bbs_list td {font-size:18px;font-weight:400;color:#666;height:4.45em;padding:0.825em 3px;background:#fff;} table.bbs_list td .board_tit, table.bbs_list td .board_tit a, table.bbs_list td .board_tit a h3 {font-size:inherit;font-weight:inherit;color:#333;line-height:inherit;vertical-align:middle;} table.bbs_list td .board_tit a, table.bbs_list td .board_tit h3 {display:inline-block;width:100%;} table.bbs_list td .board_tit h3 .board_ico {padding-right:8px;} table.bbs_list td .board_tit h3 .board_ico img {width:auto;height:auto;max-height:20px;vertical-align:top;} table.bbs_list td .board_tit h3 strong {width:100%;max-width:100%;} table.bbs_list td .board_tit h3 .board_ico + strong {max-width: calc(100% - 70px);} table.bbs_list colgroup col:nth-of-type(1) {width:8%;} table.bbs_list colgroup col:nth-of-type(2) {width:auto;} table.bbs_list colgroup col:nth-of-type(3) {width:10.5%;} table.bbs_list colgroup col:nth-of-type(4) {width:10.5%;} table.bbs_list td .status_waiting, table.bbs_list td .status_completion {font-size:16px;height:35px;line-height:35px;border-radius:6px;width:80px;margin:0 auto;font-weight:500;letter-spacing:-0.04em;color:#fff;display:inline-block;vertical-align:middle;} table.bbs_list td .status_waiting {background:#aaa;} table.bbs_list td .status_completion {background:#1956a7;} @media only screen and (max-width:1280px) { table.bbs_list th {font-size:19px;} table.bbs_list td {font-size:17px;} table.bbs_list td .board_tit h3 .board_ico + strong {max-width: calc(100% - 70px);} table.bbs_list td .status_waiting, table.bbs_list td .status_completion {font-size:15px;} } @media only screen and (max-width:1140px) { } @media only screen and (max-width:1024px) { table.bbs_list th {font-size:18px;height:3.6em;padding-top:0.4em;padding-bottom:0.4em;} table.bbs_list td {font-size:17px;height:4.2em;padding-top:0.7em;padding-bottom:0.7em;} table.bbs_list td .status_waiting, table.bbs_list td .status_completion {font-size:14px;height:32px;line-height:32px;width:70px;} } @media only screen and (max-width:960px) { } @media only screen and (max-width:860px) { table.bbs_list th {font-size:17px;} table.bbs_list td {font-size:16px;} table.bbs_list td .board_tit h3 .board_ico + strong {max-width: calc(100% - 65px);} table.bbs_list td .board_tit h3 .board_ico {padding-right:3px;} table.bbs_list colgroup col:nth-of-type(3) {width:9%;} table.bbs_list colgroup col:nth-of-type(4) {width:12%;} table.bbs_list td .status_waiting, table.bbs_list td .status_completion {height:30px;line-height:30px;width:66px;} } @media only screen and (max-width:767px) { table.bbs_list th {font-size:16px;} table.bbs_list td {font-size:15px;} table.bbs_list td .board_tit h3 .board_ico + strong {max-width: calc(100% - 60px);} table.bbs_list td .board_tit h3 .board_ico {padding-right:0;} table.bbs_list td .board_tit h3 .board_ico img {max-height:18px;} table.bbs_list colgroup col:nth-of-type(1), table.bbs_list tr th:nth-of-type(1), table.bbs_list tr td:nth-of-type(1) {width:0%;overflow:hidden;} table.bbs_list colgroup col:nth-of-type(3) {width:10%;} table.bbs_list tr td:nth-of-type(2) {padding-left:15px;} table.bbs_list td .status_waiting, table.bbs_list td .status_completion {font-size:13px;height:28px;line-height:28px;border-radius:4px;width:60px;} } @media only screen and (max-width:640px) { table.bbs_list td {font-size:14px;} table.bbs_list td .board_tit {font-size:15px;} table.bbs_list td .board_tit h3 .board_ico.icon_1 + strong {max-width: calc(100% - 22px);} table.bbs_list td .board_tit h3 .board_ico.icon_2 + strong {max-width: calc(100% - 44px);} table.bbs_list td .board_tit h3 .board_ico.icon_3 + strong {max-width: calc(100% - 66px);} table.bbs_list td .board_tit h3 .board_ico {padding-right:0;display:inline-block;} table.bbs_list td .board_tit h3 .board_ico img {max-height:16px;} table.bbs_list tr td:nth-of-type(2) {padding-left:15px;} table.bbs_list, table.bbs_list tbody {display:block;} table.bbs_list colgroup, table.bbs_list thead {display:none;} table.bbs_list tbody tr {display:block;font-size:0;border-bottom:1px #ddd solid;text-align:right;padding-left:15px;padding-right:15px;} table.bbs_list tbody tr td {border:0;height:auto;padding:0;background:none;} table.bbs_list tbody tr td:nth-of-type(1) {display:none;} table.bbs_list tbody tr td:nth-of-type(2) {display:block;width:100%;padding-top:1.2em;padding-bottom:0.7em;padding-left:0;} table.bbs_list tbody tr td:nth-of-type(3), table.bbs_list tbody tr td:nth-of-type(4), table.bbs_list tbody tr td:nth-of-type(5) {line-height:28px;display:inline-block;width:auto;padding-bottom:0.7em;} table.bbs_list tbody tr td:nth-of-type(4):before, table.bbs_list tbody tr td:nth-of-type(5):before {height:10px;margin:0px 12px;display:inline-block;content:"";width:1px;background:#ddd;vertical-align:middle;} table.bbs_list td .status_waiting, table.bbs_list td .status_completion {font-size:13px;height:28px;line-height:28px;border-radius:4px;width:60px;} } @media only screen and (max-width:500px) { } @media only screen and (max-width:414px) { table.bbs_list td {font-size:13px;} table.bbs_list td .board_tit {font-size:15px;} table.bbs_list tbody tr td:nth-of-type(2) {padding-top:1.1em;padding-bottom:0.4em;} table.bbs_list tbody tr td:nth-of-type(3), table.bbs_list tbody tr td:nth-of-type(4), table.bbs_list tbody tr td:nth-of-type(5) {padding-bottom:0.5em;} } @media only screen and (max-width:375px) { } @media only screen and (max-width:340px) { table.bbs_list td {font-size:12px;} table.bbs_list td .board_tit {font-size:14px;} table.bbs_list td .board_tit h3 .board_ico {padding-right:0;display:inline-block;} table.bbs_list td .board_tit h3 .board_ico img {max-height:16px;} table.bbs_list tbody tr {padding-left:10px;padding-right:10px;} table.bbs_list tbody tr td:nth-of-type(4):before, table.bbs_list tbody tr td:nth-of-type(5):before {margin:0px 10px;} } /*** board/board_list & layout/board/list_gallery_01 (갤러리형 게시판 목록) ***/ /*일반*/ .sub_board ul.bbs_gallery {margin-left:0px;padding:50px 0 0 0;border-top:1px #333 solid;display:flex;justify-content: space-between;flex-wrap: wrap;} ul.bbs_gallery li {float:none;width: calc(33.32% - 27px);margin:0 0 48px 0;position:relative;} ul.bbs_gallery li, ul.bbs_gallery li:nth-of-type(4n) {margin-right:0px;} ul.bbs_gallery li:nth-child(4n+1) {clear:inherit;float:none;} ul.bbs_gallery li a {position:absolute;left:0;top:0;right:0;bottom:0;z-index:5;} ul.bbs_gallery li .thumb {text-align:center;width:100%;padding:0 0 75%;height:0;position: relative;border:1px solid #ddd;box-sizing:border-box;overflow:hidden;vertical-align:top;font-size:0;} ul.bbs_gallery li .thumb:before {position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border:0;content:"";} ul.bbs_gallery li:hover .thumb:before {border:3px #1956a7 solid;} ul.bbs_gallery li .thumb img {width:auto;max-width:120%;height:auto;max-height:100%;vertical-align:top;box-sizing:border-box;position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);} ul.bbs_gallery li .txt_info {padding:30px 0 0;} ul.bbs_gallery li .txt_info .board_tit {padding:0;line-height:1em;height:1em;font-size:20px;font-weight:500;color:#333;text-align:center;} ul.bbs_gallery li .txt_info .board_tit h3 {width:100%;height:inherit;line-height:inherit;font-size:inherit;color:inherit;font-weight:inherit;} ul.bbs_gallery li .txt_info .board_tit h3 strong {width:100%;height:inherit;line-height:inherit;font-size:inherit;color:inherit;font-weight:inherit;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-break:break-all;} ul.bbs_gallery li:hover .txt_info .board_tit h3 strong {color:#1956a7;} ul.bbs_gallery li .txt_info .board_tit h3 .board_ico + strong {width: calc(100% - 25px);} ul.bbs_gallery li .txt_info .board_tit img {vertical-align: middle;margin-right: 5px;width:auto;height:auto;max-width:20px;} ul.bbs_gallery li.no_data {line-height:20px;padding:122px 0;} @media only screen and (max-width:1280px) { .sub_board ul.bbs_gallery {padding-top:3.9%;} ul.bbs_gallery li {width: calc(33.32% - 22px);} ul.bbs_gallery li .txt_info .board_tit {font-size:19px;} } @media only screen and (max-width:1140px) { ul.bbs_gallery li {width: calc(33.32% - 17px);} } @media only screen and (max-width:1024px) { .sub_board ul.bbs_gallery {padding-top:4.9%;} ul.bbs_gallery li {width: calc(33.32% - 14px);margin:0 0 42px 0;} ul.bbs_gallery li, ul.bbs_gallery li:nth-of-type(4n) {margin-right:0;} ul.bbs_gallery li:nth-child(3n+1) {clear:inherit;float:none;} ul.bbs_gallery li:hover .thumb:before {border-width:0;} ul.bbs_gallery li .txt_info {padding-top:20px;} ul.bbs_gallery li .txt_info .board_tit {font-size:18px;} ul.bbs_gallery li:hover .txt_info .board_tit h3 strong {color:#333;} } @media only screen and (max-width:960px) { } @media only screen and (max-width:860px) { .sub_board ul.bbs_gallery {padding-top:5.9%;} ul.bbs_gallery li {width: calc(33.32% - 10px);margin:0 0 42px 0;} ul.bbs_gallery li, ul.bbs_gallery li:nth-of-type(4n) {margin-right:0;} ul.bbs_gallery li .thumb {padding-bottom:75%;} ul.bbs_gallery li .txt_info {padding-top:18px;} ul.bbs_gallery li .txt_info .board_tit {font-size:17px;} ul.bbs_gallery li .txt_info .board_tit h3 .board_ico + strong {width: calc(100% - 25px);} } @media only screen and (max-width:767px) { ul.bbs_gallery li .txt_info .board_tit {font-size:16px;} } @media only screen and (max-width:640px) { .sub_board ul.bbs_gallery {padding-top:6.9%;display:block;} ul.bbs_gallery li {width: calc(50% - 8px);margin:0 0 36px 0;float:left;} ul.bbs_gallery li, ul.bbs_gallery li:nth-child(3n), ul.bbs_gallery li:nth-of-type(4n) {margin-right:0;} ul.bbs_gallery li:nth-child(2n) {float:right;} ul.bbs_gallery li:nth-child(2n+1) {clear:both;float:left;} ul.bbs_gallery li .txt_info {padding-top:16px;} } @media only screen and (max-width:500px) { .sub_board ul.bbs_gallery {padding-top:7.9%;} ul.bbs_gallery li {margin:0 0 30px 0;} ul.bbs_gallery li, ul.bbs_gallery li:nth-child(3n), ul.bbs_gallery li:nth-of-type(4n) {margin-right:0;} ul.bbs_gallery li .txt_info {padding-top:12px;} ul.bbs_gallery li .txt_info .board_tit {font-size:15px;} } @media only screen and (max-width:414px) { ul.bbs_gallery li {margin:0 0 24px 0;} ul.bbs_gallery li .txt_info .board_tit {font-size:14px;height:2.4em;line-height:1.2em;} ul.bbs_gallery li .txt_info .board_tit h3 strong {white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;} } @media only screen and (max-width:375px) { } @media only screen and (max-width:340px) { ul.bbs_gallery li {width: calc(50% - 6px);margin:0 0 24px 0;} ul.bbs_gallery li, ul.bbs_gallery li:nth-child(3n), ul.bbs_gallery li:nth-of-type(4n) {margin-right:0;} ul.bbs_gallery li .txt_info {padding-top:10px;} ul.bbs_gallery li .txt_info .board_tit {font-size:13px;height:2.4em;line-height:1.2em;} } /*** board/board_view (게시판 보기) ***/ /*일반*/ .bbs_view div.view_tit {padding:35px 40px;border-bottom:1px solid #ddd;border-top:1px solid #000;background:#f5f5f5;margin:0 auto;width:100%;box-sizing:border-box;text-align:left;vertical-align:top;font-size:0;} .bbs_view div.view_tit > h3, .bbs_view div.view_tit > p {line-height:30px;letter-spacing:-0.03em;margin:0;padding:0;display:inline-block;box-sizing:border-box;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;} .bbs_view div.view_tit > h3 {font-size:24px;width:80%;color:#333;font-weight:600;text-align:left;} .bbs_view div.view_tit > p {font-size:16px;width:20%;color:#888;font-weight:400;text-align:right;} .bbs_view div.view_tit > p span {padding-right:20px;font-size:inherit;line-height:inherit;color:inherit;font-weight:inherit;display:inline-block;vertical-align:middle;position:relative;z-index:1;} .bbs_view div.view_tit > p span + span {padding-left:20px;padding-right:0;} .bbs_view div.view_tit > p span + span:before {height:12px;display:inline-block;width:1px;background:#ddd;position:absolute;left:0;top:50%;transform:translateY(-50%);content:"";} .bbs_view div.view_file_wrap {padding:21px 40px;box-sizing:border-box;border-bottom:1px #ddd solid;} .bbs_view div.view_file_wrap h4, .bbs_view div.view_file_wrap .extra_cont {font-size:18px;line-height:18px;letter-spacing:-0.03em;display:inline-block;vertical-align:middle;border:0;margin:0;padding:0;} .bbs_view div.view_file_wrap h4 {font-weight:500;color:#333;} .bbs_view div.view_file_wrap .extra_cont {color:#666;font-weight:400;position:relative;z-index:1;} .bbs_view div.view_file_wrap .extra_cont span, .bbs_view div.view_file_wrap .extra_cont a {color:inherit !important;font-weight:inherit;font-size:inherit;} .bbs_view div.view_file_wrap .extra_cont:before {height:12px;margin:3px 30px;display:inline-block;width:1px;background:#ddd;content:"";vertical-align:middle;} .bbs_view div.view_cont {padding:30px 40px 40px;line-height:1.67em;font-size:18px;font-weight:400;color:#666;letter-spacing:-0.03em;box-sizing:border-box;border-bottom:1px #ddd solid;min-height:220px;text-align:center;} .bbs_inquiry.bbs_view div.view_cont {padding-bottom:30px;text-align:left;border-bottom:0;} .bbs_view div.bbs_answer_wrap {padding:0 40px 40px;box-sizing:border-box;border-bottom:1px #ddd solid;} .bbs_view div.bbs_answer_wrap dl {display:flex;align-items: flex-start;padding:40px;border-radius:0 40px 0 0;border:1px #1956a7 solid;box-sizing:border-box;} .bbs_view div.bbs_answer_wrap dt, .bbs_view div.bbs_answer_wrap dd {letter-spacing:-0.03em;box-sizing:border-box;padding:0;margin:0;vertical-align:top;} .bbs_view div.bbs_answer_wrap dt {width:125px;font-size:20px;line-height:1.5em;font-weight:500;color:#1956a7;background:url(../images/common/icon-bbs-answer.png) no-repeat 0 50%;background-size:auto 19px;padding-left:29px;} .bbs_view div.bbs_answer_wrap dd {width: calc(100% - 125px);padding-left:30px;font-size:18px;line-height:1.67em;font-weight:400;color:#333;position:relative;z-index:1;} .bbs_view div.bbs_answer_wrap dd:before {top:0.83em;height:15px;width:1px;background:#ddd;display:inline-block;content:"";left:0;transform:translateY(-50%);font-size:inherit;position:absolute;} @media only screen and (max-width:1280px) { .bbs_view div.view_tit {padding:30px 30px;} .bbs_view div.view_tit > h3, .bbs_view div.view_tit > p {line-height:28px;} .bbs_view div.view_tit > h3 {font-size:22px;} .bbs_view div.view_file_wrap {padding:21px 30px;} .bbs_view div.view_cont {padding:30px 30px;} .bbs_inquiry.bbs_view div.view_cont {padding-bottom:30px;} .bbs_view div.bbs_answer_wrap {padding:0 30px 30px;} .bbs_view div.bbs_answer_wrap dl {padding:30px;} } @media only screen and (max-width:1024px) { .bbs_view div.view_tit > h3, .bbs_view div.view_tit > p {line-height:26px;} .bbs_view div.view_tit > h3 {font-size:20px;} .bbs_view div.view_tit > p {font-size:15px;} .bbs_view div.view_tit > p span {padding-right:15px;} .bbs_view div.view_tit > p span + span {padding-left:15px;padding-right:0;} .bbs_view div.view_file_wrap {padding:18px 30px;} .bbs_view div.view_file_wrap h4, .bbs_view div.view_file_wrap .extra_cont {font-size:17px;line-height:17px;} .bbs_view div.view_file_wrap .extra_cont:before {margin:3px 20px;} .bbs_view div.view_cont {font-size:17px;} .bbs_view div.bbs_answer_wrap dt {width:115px;font-size:19px;} .bbs_view div.bbs_answer_wrap dd {width: calc(100% - 115px);padding-left:20px;font-size:17px;} } @media only screen and (max-width:960px) { } @media only screen and (max-width:860px) { .bbs_view div.view_tit {padding:24px 20px;} .bbs_view div.view_tit > h3, .bbs_view div.view_tit > p {line-height:26px;} .bbs_view div.view_tit > h3 {font-size:19px;} .bbs_view div.view_tit > p {font-size:14px;} .bbs_view div.view_tit > p span {padding-right:10px;} .bbs_view div.view_tit > p span + span {padding-left:10px;padding-right:0;} .bbs_view div.view_file_wrap {padding:16px 20px;} .bbs_view div.view_file_wrap h4, .bbs_view div.view_file_wrap .extra_cont {font-size:16px;line-height:16px;} .bbs_view div.view_file_wrap .extra_cont:before {margin:3px 15px;} .bbs_view div.view_cont {padding:20px 20px;font-size:16px;} .bbs_inquiry.bbs_view div.view_cont {padding-bottom:20px;} .bbs_view div.bbs_answer_wrap {padding:0 20px 30px;} .bbs_view div.bbs_answer_wrap dl {padding:20px;border-radius:0 20px 0 0;} .bbs_view div.bbs_answer_wrap dt {width:102px;font-size:18px;background-size:auto 18px;padding-left:26px;} .bbs_view div.bbs_answer_wrap dd {width: calc(100% - 102px);padding-left:15px;font-size:16px;} } @media only screen and (max-width:767px) { } @media only screen and (max-width:640px) { .bbs_view div.view_tit {padding:20px 20px 16px;} .bbs_view div.view_tit > h3 {font-size:18px;width:100%;display:block;} .bbs_view div.view_tit > p {padding-top:0.7em;width:auto;display:block;text-align:left;} .bbs_view div.view_file_wrap {padding:15px 20px;} .bbs_view div.view_file_wrap h4, .bbs_view div.view_file_wrap .extra_cont {font-size:15px;line-height:15px;} .bbs_view div.view_cont {min-height:180px;} .bbs_view div.bbs_answer_wrap dt {width:94px;font-size:17px;line-height:1.57em;background-size:auto 17px;padding-left:24px;} .bbs_view div.bbs_answer_wrap dd {width: calc(100% - 94px);} } @media only screen and (max-width:500px) { .bbs_view div.view_tit {padding:15px 15px 10px;} .bbs_view div.view_tit > h3, .bbs_view div.view_tit > p {line-height:24px;} .bbs_view div.view_tit > h3 {font-size:17px;} .bbs_view div.view_tit > p {font-size:13px;padding-top:0.7em;} .bbs_view div.view_file_wrap {padding:12px 15px;} .bbs_view div.view_file_wrap h4, .bbs_view div.view_file_wrap .extra_cont {font-size:14px;line-height:14px;} .bbs_view div.view_cont {padding:15px 15px;font-size:15px;} .bbs_inquiry.bbs_view div.view_cont {padding-bottom:15px;} .bbs_view div.bbs_answer_wrap {padding:0 15px 20px;} .bbs_view div.bbs_answer_wrap dl {display:block;} .bbs_view div.bbs_answer_wrap dt {width:100%;display:block;font-size:16px;background-size:auto 16px;padding-left:21px;} .bbs_view div.bbs_answer_wrap dd {width:100%;display:block;padding-left:0;padding-top:6px;font-size:15px;} .bbs_view div.bbs_answer_wrap dd:before {display:none;} } @media only screen and (max-width:414px) { } @media only screen and (max-width:375px) { } @media only screen and (max-width:340px) { .bbs_view div.view_tit {padding:15px 10px 8px;} .bbs_view div.view_tit > h3, .bbs_view div.view_tit > p {line-height:22px;} .bbs_view div.view_tit > h3 {font-size:16px;} .bbs_view div.view_tit > p {font-size:13px;padding-top:0.8em;} .bbs_view div.view_tit > p span + span:before {height:10px;} .bbs_view div.view_file_wrap {padding:10px 10px;} .bbs_view div.view_file_wrap h4, .bbs_view div.view_file_wrap .extra_cont {font-size:13px;line-height:13px;} .bbs_view div.view_file_wrap .extra_cont:before {height:10px;margin:1px 10px;} .bbs_view div.view_cont {padding:15px 10px;font-size:14px;min-height:140px;} .bbs_inquiry.bbs_view div.view_cont {padding-bottom:15px;} .bbs_view div.bbs_answer_wrap {padding:0 10px 20px;} .bbs_view div.bbs_answer_wrap dl {padding:15px;} .bbs_view div.bbs_answer_wrap dt {font-size:15px;} .bbs_view div.bbs_answer_wrap dd {padding-top:6px;font-size:14px;} } /*** board/_form_board_write (게시판 쓰기) ***/ /*일반*/ table.bbs_write {table-layout:fixed;width:100%;border:0;border-top:1px solid #000;text-align:left;box-sizing:border-box;} table.bbs_write + table.bbs_write {border-top:0;} table.bbs_write colgroup col:nth-of-type(1) {width:200px;} table.bbs_write colgroup col:nth-of-type(2) {width:auto;} table.bbs_write th, table.bbs_write td {font-size:16px;padding-top:14px;padding-bottom:14px;padding-left:20px;padding-right:20px;line-height:25px;height:80px;letter-spacing:-0.03em;border-bottom:1px solid #ddd;font-weight:400;text-align:left;vertical-align:middle;box-sizing:border-box;} table.bbs_write th {font-size:18px;font-weight:500;color:#333;background-color:#f5f5f5;text-align:center;} table.bbs_write td {} table.bbs_write th span, table.bbs_write th label, table.bbs_write td span, table.bbs_write td label {color:#666;font-size:inherit;font-weight:400;letter-spacing:inherit;} table.bbs_write tr input, table.bbs_write tr select, table.bbs_write tr textarea {color:#333;font-size:inherit;font-weight:400;letter-spacing:inherit;} table.bbs_write tr select {background:#fff;} table.bbs_write tr label.ex_radio {width:100%;display:block;} table.bbs_write tr input[type="radio"] + label.ex_radio:before, table.bbs_write tr input[type="radio"] + label.ex_radio::before {margin:-2px 5px 0 0;} table.bbs_write tr td #captcha_box {display:inline-block;width:auto;vertical-align:middle;margin-right:1px;} table.bbs_write tr td input[name="captcha"], table.bbs_write tr td .btn_reset, table.bbs_write tr td #refreshCode {vertical-align:middle !important;} table.bbs_write th .require_dot, table.bbs_write th .require_dot:before {line-height:inherit;height:inherit;color:#444;font-weight:400;display:inline-block;} table.bbs_write th .require_dot {padding-left:4px;} table.bbs_write th .require_dot:before {content:' *';font-size:inherit;vertical-align:middle;} table.bbs_write td p {line-height:20px;padding:5px 0 0;font-size:inherit;display:inline-block;margin:0;vertical-align:top;} table.bbs_write td div.view_cont {padding:8px 10px 50px 10px; line-height:26px; min-height:150px;} table.bbs_write td select, table.bbs_write td input[type="text"], table.bbs_write td input[type="password"], table.bbs_write td input[type="number"], table.bbs_write td input[type="date"] {min-width:25%; } table.bbs_write td input[name="title"] {width:100%;} table.bbs_write td input[name="zip"] {width:80px;min-width:70px;} table.bbs_write td input[name="address"], table.bbs_write td input[name="address2"] {width:55%;min-width:450px;} table.bbs_write td input.tel {min-width:50px;} table.bbs_write td textarea {min-width:100%;height:200px;} table.bbs_write td select.mail_select {margin-left:0px;margin-right:5px;} table.bbs_write td input[name="email_id"] {width:16%;min-width:120px;} table.bbs_write td input[name="email_domain"], table.bbs_write td select.mail_select {width:20%;min-width:140px;} table.bbs_write td input[name="email_domain"] {display:inline-block !important;} table.bbs_write td input[name="name"], table.bbs_write td input[name="password"] {width:250px;} table.bbs_write td input + label + input[type="checkbox"] + label {margin-left:30px;margin-top:12px;} /* 캡챠 */ table.bbs_write tr td #captcha_box {display:inline-block;width:auto;vertical-align:middle;margin-right:8px;} table.bbs_write tr td input[name="captcha"] {margin-right:8px;} table.bbs_write tr td .btn_reset {} table.bbs_write tr td #refreshCode {height:50px;line-height:48px;width:50px !important;font-size:0;!important;background:#fff url(../images/common/icon_btn_reset.gif) no-repeat 50% 50% !important;padding:0 !important;} table.bbs_write tr td #captcha_box img#captcha {width:auto !important;height:50px !important;} /* 비회원 동의 */ table.bbs_write .policy_cont {} table.bbs_write .policy_cont > div {padding:0 0 8px;text-align:left;line-height:30px;} table.bbs_write .policy_cont > div input[type=checkbox] {} table.bbs_write .policy_cont > div label {margin-right:20px;color:#333;font-size:inherit;font-weight:400;cursor:pointer;} table.bbs_write .policy_cont > div .btn_sm.btn_info {font-size:14px;} table.bbs_write .policy_cont > textarea {font-size:14px;height:90px !important;line-height:1.25em;margin:0;color:#666;width:100%;display:block;} @media only screen and (max-width:1280px) { table.bbs_write colgroup col:nth-of-type(1) {width:180px;} } @media only screen and (max-width:1140px) { table.bbs_write colgroup col:nth-of-type(1) {width:160px;} } @media only screen and (max-width:1024px) { table.bbs_write colgroup col:nth-of-type(1) {width:140px;} table.bbs_write th, table.bbs_write td {font-size:15px;padding-top:14px;padding-bottom:14px;padding-left:20px;padding-right:20px;line-height:25px;height:72px;} table.bbs_write th {font-size:17px;padding-left:15px;padding-right:15px;} table.bbs_write td input + label + input[type="checkbox"] + label {margin-left:25px;margin-top:9px;} /* 캡챠 */ table.bbs_write tr td #refreshCode {height:44px;line-height:42px;width:44px !important;background-position:50% 50% !important;padding:0 !important;} table.bbs_write tr td #captcha_box img#captcha {height:44px !important;} } @media only screen and (max-width:960px) { } @media only screen and (max-width:860px) { table.bbs_write colgroup col:nth-of-type(1) {width:124px;} table.bbs_write th, table.bbs_write td {font-size:15px;padding-top:12px;padding-bottom:12px;padding-left:15px;padding-right:15px;line-height:25px;height:64px;} table.bbs_write th {font-size:16px;padding-left:15px;padding-right:15px;} table.bbs_write td input + label + input[type="checkbox"] + label {margin-left:20px;} /* 캡챠 */ table.bbs_write tr td #captcha_box {margin-right:8px;margin-bottom:0 !important;} table.bbs_write tr td input[name="captcha"] {margin-right:8px;} table.bbs_write tr td #refreshCode {height:40px;line-height:38px;width:40px !important;background-position:50% 50% !important;padding:0 !important;} table.bbs_write tr td #captcha_box img#captcha {height:40px !important;} /* 비회원 동의 */ table.bbs_write .policy_cont > div .btn_sm.btn_info {font-size:13px;} table.bbs_write .policy_cont > textarea {font-size:13px;height:90px !important;line-height:1.25em;} } @media only screen and (max-width:767px) { table.bbs_write colgroup col:nth-of-type(1) {width:100px;} table.bbs_write th {font-size:15px;padding-left:10px;padding-right:10px;} table.bbs_write td input[name="name"], table.bbs_write td input[name="password"] {width:220px;} /* 내용 커스텀 */ table.bbs_write:nth-of-type(2), table.bbs_write:nth-of-type(2) tbody, table.bbs_write:nth-of-type(2) tr {display:block;} table.bbs_write:nth-of-type(2) colgroup, table.bbs_write:nth-of-type(2) colgroup col:nth-of-type(1), table.bbs_write:nth-of-type(2) tbody th {display:none;} table.bbs_write:nth-of-type(2) colgroup col:nth-of-type(2), table.bbs_write:nth-of-type(2) tbody td {width:100%;} table.bbs_write:nth-of-type(2) tbody td {display:contents;} table.bbs_write:nth-of-type(2) tr {padding-top:12px;padding-bottom:7px;padding-left:15px;padding-right:15px;box-sizing:border-box;border-bottom:1px #ddd solid;} } @media only screen and (max-width:640px) { table.bbs_write colgroup col:nth-of-type(1) {width:94px;} table.bbs_write th, table.bbs_write td {font-size:14px;padding-top:10px;padding-bottom:10px;padding-left:15px;padding-right:10px;height:60px;} table.bbs_write th {font-size:14px;padding-left:10px;padding-right:10px;} table.bbs_write td input[name="name"], table.bbs_write td input[name="password"] {width:160px;} table.bbs_write td input + label + input[type="checkbox"] + label {margin-left:12px;margin-top:9px;} /* 내용 커스텀 */ table.bbs_write:nth-of-type(2) tr {padding-top:10px;padding-bottom:5px;padding-left:15px;padding-right:15px;} /* 캡챠 */ table.bbs_write:nth-of-type(2) tr:nth-of-type(2) {padding-bottom:10px;} table.bbs_write tr td #captcha_box {margin-right:3px;margin-bottom:0 !important;} table.bbs_write tr td input[name="captcha"] {margin-right:3px;width: calc(100% - 233px);} table.bbs_write tr td #refreshCode {height:40px;line-height:38px;width:40px !important;background-position:50% 50% !important;padding:0 !important;} table.bbs_write tr td #captcha_box img#captcha {height:40px !important;} /* 비회원 동의 */ table.bbs_write .policy_cont > div {padding:0 0 5px;} table.bbs_write .policy_cont > div label {margin-right:15px;} } @media only screen and (max-width:500px) { table.bbs_write colgroup col:nth-of-type(1) {width:94px;} table.bbs_write th, table.bbs_write td {font-size:14px;padding-top:8px;padding-bottom:8px;padding-left:15px;padding-right:10px;line-height:20px;height:54px;} table.bbs_write th {font-size:14px;padding-left:10px;padding-right:10px;} table.bbs_write td input[name="name"], table.bbs_write td input[name="password"] {width:100%;} table.bbs_write td input + label + input[type="checkbox"] + label {margin-left:0;margin-top:9px;} /* 내용 커스텀 */ table.bbs_write:nth-of-type(2) tr {padding-top:10px;padding-bottom:3px;padding-left:15px;padding-right:15px;} /* 캡챠 */ table.bbs_write:nth-of-type(2) tr:nth-of-type(2) {padding-bottom:10px;} table.bbs_write tr td input[name="captcha"] {width: calc(100% - 222px);} table.bbs_write tr td #refreshCode {height:38px;line-height:36px;width:38px !important;} table.bbs_write tr td #captcha_box img#captcha {height:38px !important;} } @media only screen and (max-width:479px) { table.bbs_write colgroup col:nth-of-type(1) {width:90px;min-width:90px;} table.bbs_write th, table.bbs_write td {font-size:14px;padding-top:8px;padding-bottom:8px;padding-left:15px;padding-right:10px;line-height:20px;height:54px;} table.bbs_write th {font-size:14px;padding-left:10px;padding-right:10px;} /* 내용 커스텀 */ table.bbs_write:nth-of-type(2) tr {padding-top:10px;padding-bottom:3px;padding-left:0;padding-right:0;} /* 캡챠 */ table.bbs_write:nth-of-type(2) tr:nth-of-type(2) {padding-bottom:10px;} /* 비회원 동의 */ table.bbs_write:nth-of-type(3) td {padding-left:0;padding-right:0;} } @media only screen and (max-width:414px) { } @media only screen and (max-width:375px) { table.bbs_write colgroup col:nth-of-type(1) {width:90px;min-width:90px;} table.bbs_write th, table.bbs_write td {font-size:14px;padding-top:8px;padding-bottom:8px;padding-left:10px;padding-right:10px;height:50px;} table.bbs_write th {font-size:14px;padding-left:5px;padding-right:5px;} /* 캡챠 */ table.bbs_write tr td input[name="captcha"] {width: calc(100% - 200px);} table.bbs_write tr td #refreshCode {height:34px;line-height:32px;width:34px !important;} table.bbs_write tr td #captcha_box img#captcha {height:34px !important;} /* 비회원 동의 */ table.bbs_write .policy_cont > div {line-height:26px;} table.bbs_write .policy_cont > div label {margin-right:10px;} table.bbs_write .policy_cont > div .btn_sm.btn_info {font-size:12px;height:26px;line-height:24px;} table.bbs_write .policy_cont > textarea {font-size:12px;} } @media only screen and (max-width:340px) { table.bbs_write colgroup col:nth-of-type(1) {width:70px;min-width:70px;} table.bbs_write th, table.bbs_write td {font-size:13px;height:44px;} table.bbs_write th {font-size:13px;} /* 캡챠 */ table.bbs_write tr td input[name="captcha"] {width: calc(100% - 166px);} table.bbs_write tr td #refreshCode {height:28px;line-height:26px;width:28px !important;} table.bbs_write tr td #captcha_box img#captcha {height:28px !important;} /* 비회원 동의 */ table.bbs_write .policy_cont > textarea {height:80px !important;} }