/*=========================================================================== MAIN STYLE ============================================================================*/ .navbar-nav .dropdown-menu { display: none; position: absolute; } .navbar-nav .dropdown-menu.show { display: block; } .navbar-nav .nav-link { cursor: pointer; } .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-left: 0.1rem; } /*heaer_wrap*/ .heaer_wrap { position: fixed; left:0; top:0; width:100%; z-index:8; background:#fff; } /*heaer_wrap > gnb box */ .heaer_wrap .header_gnb{width:100%; border-bottom:1px solid #dbdddc; background:#fff; position:relative; } /*heaer_wrap > header_top*/ .header_gnb .hd_in { width:100%; position:relative; margin-top:0px; margin:0 auto; box-sizing:border-box; position:relative; transition:0.3s; min-height:58px; } .header_gnb .hd_in h1 { position:absolute; left:18px; top:50%; transform:translateY(-50%);} .header_gnb .hd_in h1 a{ display:block; } .header_gnb .hd_in h1 img{ width:100%; max-width:233px;} .header_gnb .hdt_top{ position:absolute; right:60px; top:50%; transform:translateY(-50%);} .header_gnb .hdt_top ul{ display:flex;} .header_gnb .hdt_top ul li{ border-right:1px solid #e1e1e1;} .header_gnb .hdt_top ul li:last-child{ border-right:0px;} .header_gnb .hdt_top ul li.lf_tel { position:relative; font-size:13px; color:#999; line-height:14px; padding:0 10px; color:#111112;} .header_gnb .hdt_top ul li.lf_tel:after { content:''; position:absolute; top:-3px; left:-14px; background: url(https://img.dshw.co.kr/resources/DESIGN/nimg/icon/icon_gnb_tel.png) no-repeat left center ; background-size:21px; width:21px; height:21px;} .header_gnb .hdt_top ul li a{ position:relative; display:block; font-size:13px; color:#999; line-height:14px; padding:0 10px;} .header_gnb .hd_in .gnb_aca{ position:absolute; z-index:2; bottom:16px; right:58px; width:52px; height:24px; cursor:pointer; display:none; } .header_gnb .hd_in .gnb_aca a{ display:block; width:100%; height:100%; border: 1px solid #00afad; line-height: 22px; color: #00afad; text-align: center;} .hdt_academy { position:fixed; width:100%; height:100vh; z-index:9999; display:none; top:0;} .hdt_academy .back_bg{ position:absolute; top:0; background:#000; opacity:0.4; width:100%; height:100vh; z-index:999;} .hdt_academy .aca_con_close{ width:34px; height:34px; border:0px solid #000; border-radius:100%; position:absolute; right:50px; top:39px;} .hdt_academy .aca_con_close i { position:absolute; left:50%; margin-left:-12px; width:25px; height:3px; color:#000;} .hdt_academy .aca_con_close i:nth-child(1) {top: 49%; transform: rotate(45deg);background-color: #333;} .hdt_academy .aca_con_close i:nth-child(2) {top: 49%; transform: rotate(-45deg);background-color: #333;} .hdt_academy .aca_wrap{ width:1200px; padding:71px 45px; position:fixed; top:100px; left:50%; background:#fff; border:1px solid #d1d1d1; transform: translateX(-50%); box-sizing:border-box; background-color:#fff;z-index:999; min-height: 500px;} .hdt_academy .aca_wrap{ display:table; } .aca_wrap .aca_tit{ display: table-cell; vertical-align: top;font-size:26px; letter-spacing:-2px; width: 20%; border-right: 2px solid #e7e7e7;} .aca_wrap .aca_con{ display: table-cell; vertical-align: top; } .aca_wrap .aca_con .aca_list{display:flex; flex-wrap:wrap; flex-direction:row; align-items:flex-start; justify-content:space-between;} .aca_wrap .aca_con .aca_list .acalt_main{ min-height:399px; width: 25%; padding: 20px 18px 25px 18px; border-right: 2px solid #e7e7e7;} .aca_wrap .aca_con .aca_list .acalt_main:last-child{ border-right:0px solid #e7e7e7;} .acalt_main .acalt_tit{} .aca_wrap .acalt_tit .mo_tit{ display: none;} .aca_wrap .acalt_tit .pc_tit{ display: block;font-size: 1.250rem; line-height: 1.250rem; padding: 15px 0; color: #000; font-weight: 400;} .acalt_sub{ display: block;} .acalt_sub > li a{ padding: 10px 0; width: 100%; color: #000; line-height: 1.125rem; font-size: 1.125rem; letter-spacing: -1.5px;} .acalt_sub > li a:hover{ font-weight: 400;} .aca_btn{ position: absolute; left: 43px; bottom: 80px;} .aca_btn .acabtn { position: relative; display: block; width: 200px; height: 36px; padding-left: 12px;} .aca_btn .acabtn span{ line-height: 34px;} .aca_btn .acabtn.st01 { border: 1px solid #000; color: #000; background: #f2f2f2; margin-bottom: 10px; box-sizing: border-box;} .aca_btn .acabtn.st02 { border: 1px solid #111112; color: #111112; background: #f2fbfb;} .aca_btn .acabtn:after{position:absolute;top:49%;right:15px;content:'';width:8px;height:8px;border:1px solid #333;background:none;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg) translateY(-50%);-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;border-width:1px 1px 0px 0;} .aca_btn .acabtn.st02:after{position:absolute;top:49%;right:15px;content:'';width:8px;height:8px;border:1px solid #111112;background:none;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg) translateY(-50%);-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;border-width:1px 1px 0px 0;} @media all and (max-width:768px){ .hdt_academy .aca_wrap{width:100%; height: 100vh; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transform: translate(0); padding: 0;} .hdt_academy .aca_wrap{ display:flex;flex-wrap:nowrap; flex-direction:column; align-items:; justify-content:flex-start;} .aca_wrap .aca_tit{ width: 100%; border-right: 0; font-size: 19px; height: 58px; line-height: 58px; padding-left: 20px; border-bottom: 1px solid #dbdddc } .aca_wrap .aca_tit b{ font-weight: normal;} .hdt_academy .aca_con_close{ right:18px; top: 12px;} .aca_wrap .aca_con{ display: block; height: calc(100vh - 0px); overflow: scroll; padding-bottom: 100px;} .aca_wrap .aca_con .aca_list{flex-direction:column; padding: 0 20px;} .aca_wrap .aca_con .aca_list .acalt_main{width:100%; padding: 0; border-right:0px; min-height: auto;} .acalt_main .acalt_tit{ position: relative;} .acalt_main .acalt_tit:before{content: "";position: absolute;top: 22px;right: 7px;width: 18px;height: 2px;background-color: #333;} .acalt_main .acalt_tit:after{content: "";position: absolute;top: 14px;right: 15px;height: 18px;width: 2px;background-color: #333;} .acalt_main.active .acalt_tit:before{} .acalt_main.active .acalt_tit:after{ display: none;} .acalt_main.active > .acalt_sub{ display: block;} .acalt_main > .acalt_sub{ display:none;} .aca_wrap .acalt_tit .mo_tit{ display: block; width: 100%; padding: 15px 0 15px 8px; font-size: 1.125rem; color: #000; font-weight: 400; border-bottom: 1px solid #dbdddc} .aca_wrap .acalt_tit .pc_tit{ display: none;} .acalt_sub{ padding: 10px 0; display: none;border-bottom: 1px solid #dbdddc;} .acalt_sub > li a{ position: relative; padding: 12px 0 12px 8px; font-size: 1.0rem;} .acalt_sub > li a:after{position:absolute;top:47%;right:18px;content:'';width:8px;height:8px;border:1px solid #cacaca;background:none;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg) translateY(-50%);-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;border-width:1px 1px 0px 0;} .aca_btn{ position: relative; left: 0; bottom: 0; padding: 0 20px; margin-top: 18px; display:flex; flex-wrap:wrap; flex-direction:row; align-items:flex-start; justify-content:space-between;} .aca_btn .acabtn{ width: 49%; font-size: 1.0rem; height: 48px;} .aca_btn .acabtn span{ line-height: 46px;} .aca_btn .acabtn.st01{ margin-bottom: 0;} } .header_gnb .hd_in .gnb_nav { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:60%;} .header_gnb .hd_in .gnb_nav .nav_new { display:flex;flex-wrap:nowrap; flex-direction:row; align-items:center; justify-content:center; width:100%; height:58px;} .header_gnb .hd_in .gnb_nav .nav_new .nav_list { position:relative; height:100%;} .header_gnb .hd_in .gnb_nav .nav_new .nav_list .new, .hb_wrap .alist_wrap .lt_main ul.lt_sub li a span.new{color:#ff0000; font-weight:bold; padding-left:3px; font-size:14px;} .header_gnb .hd_in .gnb_nav .nav_new .nav_list>a{display:block; height:100%; color:#373737; padding:18px 17px; margin-top:; line-height:19px; font-size:1.125rem; font-weight:500; white-space:nowrap;} .header_gnb .hd_in .gnb_nav .nav_new .nav_list>a:hover{color:#00afad;} .header_gnb .hd_in .gnb_nav .nav_new .nav_list>a.dmb { padding-left:10px;} .header_gnb .hd_in .gnb_nav .nav_new .nav_list>a.dmb > span{ border:1px solid #00afad; border-radius:30px; padding:0px 10px; height:22px; font-size:0.875rem;font-weight:500; display:inline-block;} .header_gnb .hd_in .gnb_nav .nav_new .nav_list>a.dmb > span em{ color:#00afad;font-weight:500;} .header_gnb .hd_in .gnb_nav .nav_wrap{ position:absolute; left:2px; top:58px; width:212px; background:#fff; border:1px solid #e5e5e5; border-top:3px solid #00afad; padding:10px 0; display:;} .header_gnb .hd_in .gnb_nav .nav_wrap.show{ display:block;} .header_gnb .hd_in .gnb_nav .nav_wrap li{ z-index:3;} .header_gnb .hd_in .gnb_nav .nav_wrap li a{ width:100%; line-height:28px; padding:5px 20px; color:#777; } .header_gnb .hd_in .gnb_nav .nav_wrap li:hover a{ color:#333; z-index:3;} .hamberger{} #gnb_show {display: none;} .hamberger>label {position: absolute; z-index: 2; bottom:11px; right: 20px; width: 36px; height: 36px;cursor: pointer; border:0px solid #333; border-radius:; background:#fff;} .hamberger>label i {position: absolute; left:0%; margin-left:4px; margin-top: -1px; width: 27px; height: 3px; background-color: #333; transition: top 0.3s 0.3s, width 0s 0.3s, margin-left 0s 0.3s, transform 0.3s;} #gnb_show:checked~label i {transition: top 0.3s, width 0s 0.3s, margin-left 0s 0.3s, transform 0.3s 0.3s;} .hamberger>label i:nth-child(1) {top: 30%;} .hamberger>label i:nth-child(2) {top: 50%;} .hamberger>label i:nth-child(3) {top: 70%;} #gnb_show:checked~label { border:0px solid #111112;} #gnb_show:checked~label i:nth-child(1) {top: 50%; transform: rotate(45deg);background-color: #111112;} #gnb_show:checked~label i:nth-child(2) {top: 50%; width: 0; margin-left: 0;} #gnb_show:checked~label i:nth-child(3) {top: 50%; transform: rotate(-45deg);background-color: #111112;} #gnb_show:checked~nav {transform: translateY(0);} .hd_wrap_in{ position:relative; margin:0 auto;} .hb_wrap{ position:absolute; width:100%; top:-1px; border:1px solid #dbdddc; background:#fff;} .hb_wrap .alist_wrap{ width:100%; padding:20px 20px; min-height:400px; display:flex; flex-wrap:nowrap; flex-direction:row; align-items:flex-start; justify-content:space-around;} .hb_wrap .alist_wrap.lt_6 .lt_main{ width:16.6%;} .hb_wrap .alist_wrap.lt_5 .lt_main{ width:20%;} .hb_wrap .alist_wrap.lt_4 .lt_main{ width:25%;} .hb_wrap .alist_wrap.lt_3 .lt_main{ width:33%;} .hb_wrap .alist_wrap.lt_2 .lt_main{ width:50%;} .hb_wrap .alist_wrap.lt_1 .lt_main{ width:25%;} .hb_wrap .alist_wrap .lt_main{ padding:0 10px;} .hb_wrap .alist_wrap .lt_main p.lt_tit{ text-align:center; font-size:18px; border-bottom:2px solid #00afad; font-size:18px; width:100%;font-weight:bold; color:#666;line-height:40px; } .hb_wrap .alist_wrap .lt_main p.lt_tit a.tt{ display:none; } .hb_wrap .alist_wrap .lt_main ul.lt_sub{ padding:10px; display: block;} .hb_wrap .alist_wrap .lt_main ul.lt_sub li{} .hb_wrap .alist_wrap .lt_main ul.lt_sub li a { width:100%; padding:8px 10px; color:#666; letter-spacing:-1px;} .mheader_bell{ display:none;} /*// ====================================== gnb 2021 05 ====================================== */ /* TOP */ .ntop_btn{width: 50px;position: fixed;_bottom: 320px; bottom: 10px;right:10px;height:50px;background: url(https://img.dshw.co.kr/resources/DESIGN/nimg/icon/btn_top.jpg) no-repeat; z-index:999; opacity:0.8;} .ntop_btn a{width: 100%;height: 100%; text-indent: -9999px;} .m_view{ display:none;} .pc_vi{ display:block;} .t_vi { display:none;} .m_vi { display:none;} .pcn_1100{ display:none;} @media all and (max-width:1515px){ .header_gnb .hd_in .gnb_nav.gnb_busan{ left: 45%;} .header_gnb .hd_in .gnb_nav.gnb_busan .nav_new .nav_list>a { padding:18px 7px;} } @media all and (max-width:1290px){ .header_gnb .hd_in .gnb_nav .nav_new .nav_list>a { padding:18px 10px;} .header_gnb .hd_in .gnb_nav.gnb_busan .nav_new .nav_list>a { padding:18px 7px;} } @media all and (max-width:1199px){ .header_gnb .hd_in .gnb_nav .nav_new .nav_list>a { padding:18px 7px;} .header_gnb .hd_in .gnb_nav.gnb_busan{ left: 50%;} .header_top { display:none;} .hdt_top{display:none;} #new_main.sc_main{ margin-top:144px} .header_gnb .hd_in h1 { left:10px;} .header_gnb .hd_in h1 img{ width:100%;} .header_gnb .hd_in .gnb_aca{ display:block;} .hamberger>label{ right:10px;bottom:11px;} .logo-wh{ top:-20px; right: 0px; width: 200px;} } @media all and (max-width:1100px){ .header_gnb .hd_in .gnb_nav .nav_new{ min-width:612px;} .pcn_1100{ display: block;} /* 햄버거 전체메뉴 */ .hb_wrap{ position:absolute; max-width:1200px; width:100%; top:; bottom:0; left:0; right:0; height:100vh; border-top:1px solid #dbdddc; border-left:0; border-right:0; background:#fff; box-sizing:border-box; } .hb_wrap .alist_wrap{ width:100%; padding:0px 0px; height:calc(100vh - 181px); display:flex; flex-wrap:nowrap; flex-direction:column; align-items:flex-start; justify-content:flex-start; overflow:scroll;} .hb_wrap .alist_wrap.lt_6 .lt_main{ width:100%;} .hb_wrap .alist_wrap.lt_5 .lt_main{ width:100%;} .hb_wrap .alist_wrap.lt_4 .lt_main{ width:100%;} .hb_wrap .alist_wrap.lt_3 .lt_main{ width:100%;} .hb_wrap .alist_wrap.lt_2 .lt_main{ width:100%;} .hb_wrap .alist_wrap.lt_1 .lt_main{ width:100%;} .hb_wrap .alist_wrap .lt_main{ padding:0px; border-bottom:1px solid #dbdddc; position:relative; width:100%;} .hb_wrap .alist_wrap .lt_main p.lt_tit{ text-align:center;border-bottom:0px solid #111112; } .hb_wrap .alist_wrap .lt_main p.lt_tit a.tt{font-size:18px; width:100%;font-weight:bold; color:#333;line-height:16px; padding:13px 0; display:block;} .hb_wrap .alist_wrap .lt_main p.lt_tit .pc_tt{ display:none;} .hb_wrap .alist_wrap .lt_main p.lt_tit:before{content: "";position: absolute;top: 20px;right: 20px;width: 18px;height: 2px;background-color: #00afad;} .hb_wrap .alist_wrap .lt_main p.lt_tit:after{content: "";position: absolute;top: 12px;right: 28px;height: 18px;width: 2px;background-color: #00afad;} .hb_wrap .alist_wrap .lt_main.active p.lt_tit:before{background-color: #333;} .hb_wrap .alist_wrap .lt_main.active p.lt_tit:after{content: none} .hb_wrap .alist_wrap .lt_main ul.lt_sub{ padding:0px; display:none;} .hb_wrap .alist_wrap .lt_main ul.lt_sub li{ border-bottom:1px solid #ededed; } .hb_wrap .alist_wrap .lt_main ul.lt_sub li:first-child{ border-top:1px solid #dbdddc; } .hb_wrap .alist_wrap .lt_main ul.lt_sub li a { width:100%; padding:10px 0px; font-size:14px; color:#666; text-align:center;} .hb_wrap .alist_wrap .lt_main ul.lt_sub li a .new{ color:#ff0000; font-weight:bold; padding-left:3px;} .hb_wrap .alist_wrap .lt_main.active ul.lt_sub{ display:block;} /*// 햄버거 전체메뉴 */ .pc_vi{ display:none;} .t_vi { display:block;} .m_vi { display:none;} .logo-wh{ top:-20px; right: 0px; width: 200px;} } @media all and (max-width:1024px){ .header_top { display:none;} .header_gnb .hd_in .gnb_nav .nav_new { display:none;} .hdt_top{display:none;} #new_main.sc_main{ margin-top:144px} .header_gnb .hd_in h1 { left:10px;} .header_gnb .hd_in h1 img{ width:100%;} .header_gnb .hd_in .gnb_aca{ display:block;} .hamberger>label{ right:10px;bottom:10px;} .logo-wh{ top:-20px; right: 45px; width: 200px;} } @media all and (max-width:768px){ .header_gnb .hd_in h1 { } .header_gnb .hd_in h1 img{ width:90%;} /*new main > gnb 간격*/ #new_main.sc_main{ margin-top:124px} /* TOP 버튼 */ .ntop_btn{width:40px;position: fixed;_bottom: 320px; bottom: 10px;right:10px;height:40px;background: url(https://img.dshw.co.kr/resources/DESIGN/nimg/icon/btn_top.jpg) no-repeat; background-size:cover; z-index:999; opacity:0.8;} .ntop_btn a{width: 100%;height: 100%; text-indent: -9999px;} /*======================== new main : 모집반 ë‚´ìš©========================*/ .nmb_img {}/*모집반 이미지 배너*/ .nmb_img img{ margin:0 auto; width:95%;}/*모집반 이미지 배너*/ .nmb_img .img_btn{ max-width:100%; width:calc(100% - 60px); margin:0 auto; } .nmb_img .img_btn a.bla{background:rgba(256,256,256,1); color:#000;line-height:48px; height:50px;} .nmb_img .img_btn ul{ width:100%; text-align:center; margin:0 auto;} .nmb_img .img_btn ul li{ margin-bottom:6px;} .nmb_img .img_btn ul li.w33{ width:calc(50% - 3px); margin-right:6px; max-width:50%; margin-bottom:6px; height:50px; } .nmb_img .img_btn ul li.w50{ width:calc(50% - 3px); margin-right:6px; max-width:50%; margin-bottom:6px; height:50px; } .nmb_img .img_btn ul li.w100{ width:100%; margin-right:0%; float:left;} .nmb_img .img_btn a{ max-width:100%; width:100%; text-align:center; line-height:48px; height:50px; } .nmb_img .img_btn ul li:last-child{ margin-right:0;} .m_view{ display:block;} .pc_vi{ display:none;} .t_vi { display:block;} .m_vi { display:none;} .logo-wh{ top:-17px; right: 70px; width: 200px;} } @media all and (max-width:767px){ .pc_vi{ display:none;} .t_vi { display:none;} .m_vi { display:block;} } /*bannner */ .smbn_wrap{ width:100%;position:relative; background:#fff;} .smbn_con{ width:100%; margin:0 auto; position:relative; padding:0px 10px 0px 10px; overflow: hidden; justify-content: flex-start;align-items: center;} .smbn_tit{ width:600px; height:26px; padding-left:7px; font-size:1.125rem; display: flex;justify-content: flex-start;align-items: center;} .smbn_tit p{ display:inline-block; padding-right:10px; line-height: 26px; color: #000;} .smbn_tit a{ width:80px;padding: 0 10px; height: 26px;text-align:center; line-height: 24px; border:1px solid #333; border-radius:40px; font-size:0.875rem; margin-left: 5px; opacity:0.5; } .smbn_tit a.on{ opacity:1;} /* 메인배너 :20240905 s2 */ .smbn_tit.s2 a{position: relative; width:auto;padding: 0px 15px; height: 26px;text-align:center; line-height: 24px; border:1px solid #333; border-radius:40px; font-size:0.875rem; margin-left: 5px; opacity:1; font-weight: 700;} .smbn_tit.s2 a.on{ opacity:1;} .btn_st_mint{ background: #00afad; border: 1px solid #333 !important; color: #fff;} .smbn_tit.s2 a.arow{ padding-right: 20px;} .smbn_tit.s2 a.arow:after{position:absolute;top:47%;right:12px;content:'';width:6px;height:6px;border:1px solid #333;background:none;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg) translateY(-50%);-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;border-width:1px 1px 0px 0;} /*// 메인배너 :20240905 s2 */ .swiper-container.mbn_swiper1 { width: 1260px; height: auto; margin-top:25px; padding: 0 20px; overflow:hidden; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .mbn_swiper1 .swiper-wrapper{align-items: flex-start;} .mbn_swiper1 .swiper-wrapper > a{ display:block; width:; transition: .5s ease; background: #fff; } .mbn_swiper1 .swiper-wrapper > a:hover{margin-top:-10px; } .mbn_swiper1 .swiper-wrapper > a button{ z-index:3;} .mbn_swiper1 .swiper-slide {text-align: center; font-size: 18px; background: ; width:242px; height:; margin-right:83px; padding:30px 10px 30px 10px; } .mbn_swiper1 .swiper-slide img{ width:100%;} .sw_img{ width:100%; box-shadow:6px 6px 4px rgba(0, 0, 0, 0.1);border-radius:5px; min-width:160px; display:block; position:relative;} .sw_img img{ width:100%; } .sw_txt_box{ height:; width:100%; text-align:left; font-size:1.0rem; min-width:160px; letter-spacing:-1px;} .mbn_swiper1 .swiper-slide.sw_end .sw_img{ background:#fff;} .mbn_swiper1 .swiper-slide.sw_end .sw_img img{filter: grayscale(1); opacity:0.9;} .mbn_swiper1 .swiper-slide.sw_end .sw_img .sw_end_txt{ width:100px; height:100px; border-radius:100px; background:#00afad; position:absolute; left:55%; top:70%; transform:translate(-50%,-50%);display:flex;flex-wrap:wrap; flex-direction:row; align-items:center; justify-content:space-around; box-shadow:4px 4px 4px rgba(0, 0, 0, 0.1);} .mbn_swiper1 .swiper-slide.sw_end .sw_img .sw_end_txt > div{ } .mbn_swiper1 .swiper-slide.sw_end .sw_img .sw_end_txt > div p{ color:#fff; font-size:1.250rem; font-weight:bold; } .mbn_swiper1 .swiper-slide.sw_end .sw_img .sw_end_txt > div span{ margin-top:3px; display: block; font-size:0.875rem; color:#a2f7f6; line-height:1.0rem; } .sw_txt_box{ padding:10px 5px;} .sw_txt_box ul{} .sw_txt_box ul li{ margin-bottom:5px;} .sw_txt_box .st_box{ border:1px solid; display:inline-block; padding:2px 3px; } .sw_txt_box .cl_blue{ border-color:#5666b8; color:#5666b8;} .text_black { color:#2b333b;} .text_blue { color:#5666b8;} .text_red { color:#e6494f;} .text_glay { color:#929292;} .text_mint { color:#00b2ad;} .box_black { border:1px solid; display:inline-block; padding:2px 3px; border-color:#2b333b; color:#2b333b;} .box_blue { border:1px solid; display:inline-block; padding:2px 3px; border-color:#5666b8; color:#5666b8;} .box_red { border:1px solid; display:inline-block; padding:2px 3px; border-color:#e6494f; color:#e6494f;} .box_glay { border:1px solid; display:inline-block; padding:2px 3px; border-color:#929292; color:#929292;} .box_mint { border:1px solid; display:inline-block; padding:2px 3px; border-color:#00b2ad; color:#00b2ad;} .swnavi_line{ width: 1px; height:20px; background: #c5c5c5;} .sw_navi{ width:; z-index:2; position:absolute; top:8px; right:15px; display:flex; flex-wrap:nowrap; flex-direction:row; align-items:center; justify-content:flex-start; margin-top:0px;} .sw_con{ position:relative; text-align:center; margin:0 5px; display:flex; flex-wrap:nowrap; flex-direction:row; align-items:center; justify-content:center;} .sw_con i{ width:30px; height: 50px; display:block; position: relative;} .sw_con i.btn_sw_left{ text-indent:-9999px;} .sw_con i.btn_sw_left:after{position:absolute;top:53%;left:45%;content:'';width:8px;height:8px;border:2px solid #333;background:none;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg) translate(-50%, -50%);-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;border-width:0px 0px 2px 2px;} .sw_con i.btn_sw_right{ text-indent:-9999px;} .sw_con i.btn_sw_right:after{position:absolute;top:53%;right:45%;content:'';width:8px;height:8px;border:2px solid #333;background:none;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg) translate(-50%,-50%);-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;border-width:2px 2px 0px 0;} .sw_con.swiper-button-prev.swiper-button-disabled, .sw_con.swiper-button-next.swiper-button-disabled{ opacity:1;} .sw_con.swiper-button-prev.swiper-button-disabled i.btn_sw_left{ text-indent:-9999px; opacity:0.3;} .sw_con.swiper-button-next.swiper-button-disabled i.btn_sw_right{ text-indent:-9999px; opacity:0.3;} .sw_con .swiper-pagination-fraction{ width:100%; position:relative; left:auto; bottom:auto; transform:scale(100%,100%); height:auto;} @media all and (max-width:768px){ .smbn_wrap{ margin-top:59px; min-width:100%;position:relative; } .smbn_con{ width:100%; margin:0 auto; position:relative; padding:25px 0px;} .smbn_tit{ padding-left:0px } .sw_txt_box{ font-size:14px;} .swiper-container.mbn_swiper1{ width: 100%; height: auto; margin-top:5px; margin-bottom:0px; overflow:hidden; padding: 10px 10px 0; } .swiper-container.mbn_swiper1 .swiper-slide {text-align: center; font-size: 18px; background: ; width:47%;margin-right:6%; padding: 10px 7px 0px 7px;} .sw_navi{ top:23px; right:10px;} .sw_con i{ width:30px; height:30px; } .sw_img{ min-width:100px;} .smbn_tit p.m_none{ display:none;} .smbn_tit p{ font-size: 20px; padding-right: 5px;} .smbn_tit a{ height: 22px; line-height: 20px; } } .msw_wrab { position: relative; text-align: left;} .msw_wrab .sb_tit{ position: relative; width: 100%; } .msw_wrab .sb_tit p{ font-size: 1.125rem; height: 21px; line-height: 21px; font-weight:600; color: #000;display: inline-block ;overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp: 1; /* */ -webkit-box-orient: vertical; word-wrap:break-word; width:100%;} .msw_wrab > a{ display:block; transition: .5s ease;} .msw_wrab > a:hover{margin-top:-10px; background: #fff; text-decoration: none; border: 1px solid #ccc; letter-spacing: -1px;} .msw_wrab .sb_text_b {position: relative; background: #f5f5f5; border-radius: 0px 0px 40px 0px; color: #284181; padding: 20px; float: left; width: 100%;} .msw_wrab .sb_text_g {position: relative; background: #f5f5f5; border-radius: 0px 0px 40px 0px; color: #288145; padding: 20px; float: left; width: 100%;} .msw_wrab .sb_text_p {position: relative; background: #f5f5f5; border-radius: 0px 0px 40px 0px; color: #ff0054; padding: 20px; float: left; width: 100%;} .msw_wrab .sb_text_sb {position: relative; background: #f5f5f5; border-radius: 0px 0px 40px 00px; color: #008aff; padding: 20px; float: left; width: 100%;} .msw_wrab .sb_text_w1 {position: relative; background: #f5f5f5; border-radius: 0px 0px 40px 00px; color: #10d3e4; padding: 20px; float: left; width: 100%;} .msw_wrab .sb_text_w2 {position: relative; background: #f5f5f5; border-radius: 0px 0px 40px 00px; color: #5e93ff; padding: 20px; float: left; width: 100%;} .msw_wrab .sb_text_w3 {position: relative; background: #f5f5f5; border-radius: 0px 0px 40px 00px; color: #3c6d96; padding: 20px; float: left; width: 100%;} .msw_wrab .sb_text_w4 {position: relative; background: #f5f5f5; border-radius: 0px 0px 40px 00px; color: #3f77e8; padding: 20px; float: left; width: 100%;} .msw_wrab > a:hover a:active {position: relative; background: #fff; border-radius: 0px 0px 40px 0px; color: #284181; padding: 20px; float: left; width: 100%;} .msw_wrab .sb_box{width: 100%; height: 270px;} .sb_arrow{position: absolute; bottom:105px;} .msw_wrab .sb_btn_b {position: relative; background: #f5f5f5; border-radius: 0px 40px 0px 0px; color: #284181; padding: 10px; font-size: 15px; margin-top: 10px; text-align: center; float: left; width: 100%;} .msw_wrab .sb_btn_g {position: relative; background: #f5f5f5; border-radius: 0px 40px 0px 0px; color: #288145; padding: 10px; font-size: 15px; margin-top: 10px; text-align: center; float: left; width: 100%;} .msw_wrab .sb_btn_p {position: relative; background: #f5f5f5; border-radius: 0px 40px 0px 0px; color: #ff0054; padding: 10px; font-size: 15px; margin-top: 10px; text-align: center; float: left; width: 100%;} .msw_wrab .sb_btn_sb {position: relative; background: #f5f5f5; border-radius: 0px 40px 0px 0px; color: #008aff; padding: 10px; font-size: 15px; margin-top: 10px; text-align: center; float: left; width: 100%;} .msw_wrab .sb_btn_w1 {position: relative; background: #f5f5f5; border-radius: 0px 40px 0px 0px; color: #10d3e4; padding: 10px; font-size: 15px; margin-top: 10px; text-align: center; float: left; width: 100%;} .msw_wrab .sb_btn_w2 {position: relative; background: #f5f5f5; border-radius: 0px 40px 0px 0px; color: #5e93ff; padding: 10px; font-size: 15px; margin-top: 10px; text-align: center; float: left; width: 100%;} .msw_wrab .sb_btn_w3 {position: relative; background: #f5f5f5; border-radius: 0px 40px 0px 0px; color: #3c6d96; padding: 10px; font-size: 15px; margin-top: 10px; text-align: center; float: left; width: 100%;} .msw_wrab .sb_btn_w4 {position: relative; background: #f5f5f5; border-radius: 0px 40px 0px 0px; color: #3f77e8; padding: 10px; font-size: 15px; margin-top: 10px; text-align: center; float: left; width: 100%;} .msw_wrab .sb_btn_b_ing {position: relative; background: #284181; border-radius: 0px 40px 0px 0px; color: #fff; padding: 10px; font-size: 15px; margin-top: 10px; text-align: center; float: left; width: 100%;} .msw_wrab .sb_btn_g_ing {position: relative; background: #288145; border-radius: 0px 40px 0px 0px; color: #fff; padding: 10px; font-size: 15px; margin-top: 10px; text-align: center; float: left; width: 100%;} .msw_wrab .sb_btn_p_ing {position: relative; background: #ff0054; border-radius: 0px 40px 0px 0px; color: #fff; padding: 10px; font-size: 15px; margin-top: 10px; text-align: center; float: left; width: 100%;} .msw_wrab .sb_btn_sb_ing {position: relative; background: #008aff; border-radius: 0px 40px 0px 0px; color: #fff; padding: 10px; font-size: 15px; margin-top: 10px; text-align: center; float: left; width: 100%;} .msw_wrab .sb_btn_w1_ing {position: relative; background: #10d3e4; border-radius: 0px 40px 0px 0px; color: #fff; padding: 10px; font-size: 15px; margin-top: 10px; text-align: center; float: left; width: 100%;} .msw_wrab .sb_btn_w2_ing {position: relative; background: #5e93ff; border-radius: 0px 40px 0px 0px; color: #fff; padding: 10px; font-size: 15px; margin-top: 10px; text-align: center; float: left; width: 100%;} .msw_wrab .sb_btn_w3_ing {position: relative; background: #3c6d96; border-radius: 0px 40px 0px 0px; color: #fff; padding: 10px; font-size: 15px; margin-top: 10px; text-align: center; float: left; width: 100%;} .msw_wrab .sb_btn_w4_ing {position: relative; background: #3f77e8; border-radius: 0px 40px 0px 0px; color: #fff; padding: 10px; font-size: 15px; margin-top: 10px; text-align: center; float: left; width: 100%;} .mini_t{border-top: 1px solid #ccc; width: 80%; position: absolute; bottom: 10px; font-size: 1.3rem; height: 90px; word-break: auto-phrase; padding: 5px 0; letter-spacing: -1px;} .msw_wrab .sb_t_tit{font-size: 3rem; font-weight: 500; letter-spacing: -2px;} .msw_wrab .sb_t_tit_s{font-size: 2.6rem; font-weight: 500; letter-spacing: -2px;} .msw_wrab .sb_t_st{ font-size:1.3rem; letter-spacing: -1px;} .msw_wrab .sb_tit span{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size:0.875rem; text-align: center;width: 36px; height: 36px; line-height:34px; border-radius: 50px;font-weight: 500;} .msw_wrab.kn .sb_tit span{ background: #bceabd;} .msw_wrab.s2 .sb_tit span{ background: #eae8bc;} .msw_wrab.kn .sb_tit p{ padding-right: 40px;} .msw_wrab.s2 .sb_tit p{ padding-right: 40px;} .msw_wrab .sb_img {position: relative; margin: 20px 0 40px 0; border-radius: 15px; box-shadow:6px 6px 4px rgba(0, 0, 0, 0.1); box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0.4); overflow: hidden; } .msw_wrab .sb_img .delete{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; opacity: 0;} .sb_img .delete{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; opacity: 0; transition: opacity 0.5s linear;} .mbn_swiper1 .swiper-wrapper > a:hover .sb_img .delete{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; opacity: 1; } .ad > a{ display:block; transition:translateY(0); transition: .5s ease;} .ad > a:hover{ transition:translateY(10px); border: 3px } .msw_wrab .sb_img p.sb_end_txt{ display: none;} .msw_wrab .sb_img img{ } .msw_wrab .sb_stit{ position: relative; height: 55px; overflow: hidden; margin-bottom: 2px;} .msw_wrab .sb_stit p{ display: inline-block ; height: 18px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word; width:100%; color: #000; line-height: 1.125rem; font-weight: 600;} .msw_wrab .sb_stit .sbstit_01{ font-size: 1.0rem; font-weight: ; margin-bottom: 2px; } .msw_wrab .sb_stit .sbstit_02{ font-size: 0.875rem; font-weight: ;margin-bottom: ; } .sb_line{ width:100%; height: 1px; background: #dfdfdf; position: relative;margin-bottom: 15px;} .msw_wrab .sb_day{ margin-bottom: 15px; border-top:0px solid #dfdfdf; height: 42px; overflow: hidden;} .msw_wrab .sb_day li{ height: 21px; line-height: 17px; display: flex; overflow: hidden;} .msw_wrab .sb_day li dt, .msw_wrab .sb_day li dd{ display: inline-block; font-size: 0.875rem; color: #000;} .msw_wrab .sb_day li dt{ font-weight: bold; min-width: 31px; } .msw_wrab .sb_day li dd{overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp: 1; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word;} .msw_wrab .sb_hash{ margin-bottom: 0px; height: 18px; overflow: hidden;} .msw_wrab .sb_hash li{font-size: 0.875rem; margin-bottom: 0px;display: inline-block ;overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp: 1; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; width:100%;} .msw_wrab .sb_hash li:last-child{padding-bottom: 0px;} .msw_wrab .sb_btn{ margin-top: 15px;} .msw_wrab .sb_btn .sbbtn_type{ position: relative; display: block; width: 100%;height: 40px; line-height: 38px; background: #f6f6f6; border-radius: 100px; text-align: center; font-size: 0.875rem;} .msw_wrab .sb_btn .sbbtn_type.arow:after{position:absolute;top:50%;right:17px;content:'';width:6px;height:6px;border:1px solid #333;background:none;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg) translateY(-50%);-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;border-width:1px 1px 0px 0;} .msw_wrab.btn_pink .sb_btn .sbbtn_type{ color: #ff3b60; text-align: left;} .msw_wrab.btn_pink .sb_btn .sbbtn_type.arow:after{position:absolute;top:50%;right:17px;content:'';width:6px;height:6px;border:1px solid #ff3b60;background:none;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg) translateY(-50%);-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;border-width:1px 1px 0px 0;} /* end img */ .msw_wrab.end .sb_img img{} .msw_wrab.end .sb_img p.sb_end_txt{ position: absolute; top: 50%; left: 50%; display: inline-block; transform: translate(-50%, -50%); color: #ffffff; font-weight: 600; z-index: 2; font-size: 1.125rem; } /*.msw_wrab.end .sb_img:after{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.60);}*/ /* end 버튼 */ .msw_wrab.end .sb_btn .sbbtn_type{ background-color: #e1e1e1; color: #000; text-align: center; padding-left: 0} .msw_wrab.end .sb_btn .sbbtn_type.arow:after{ display: none;} /* stit 줄수 */ .msw_wrab.tit_ln0 .sb_stit{ display: none;} .msw_wrab.tit_ln1 .sb_stit{ height: 20px; margin-bottom: 15px} .msw_wrab.tit_ln2 .sb_stit{ height: 40px; margin-bottom: 15px} .msw_wrab.tit_ln3 .sb_stit{ height: 60px; margin-bottom: 15px} .msw_wrab.tit_ln0 .sb_line{ display: none;} .msw_wrab.tit_ln0 .sb_day{ margin-top: 0;} .msw_wrab.tit_ln1 .sb_stit p{ display: inline-block ;overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp: 1; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; width:100%;} .msw_wrab.tit_ln2 .sb_stit p{ display: inline-block ;overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp: 1; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; width:100%;} .msw_wrab.tit_ln3 .sb_stit p{ display: inline-block ;overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp: 1; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; width:100%;} /* day 줄수 */ .msw_wrab.day_ln0 .sb_day{ display: none;} .msw_wrab.day_ln1 .sb_day{ height: 22px;} .msw_wrab.day_ln2 .sb_day{ height: 42px;} /* 해시태그 줄수 */ .msw_wrab.hash_ln0 .sb_hash{ display: none;} .msw_wrab.hash_ln1 .sb_hash{ height: 18px;} .msw_wrab.hash_ln2 .sb_hash{ height: 36px;} @media all and (max-width:768px){ .msw_wrab .sb_stit p{ line-height: 1.125rem; height: 15px;} .msw_wrab.s2 .sb_tit p{padding-right: 32px;} .msw_wrab.kn .sb_tit p{ padding-right: 32px;} .msw_wrab .sb_tit span{ width: 30px; height: 30px; line-height: 28px;} .sb_line{ margin-bottom: 10px;} .msw_wrab .sb_img{ margin: 7px 0 14px 0;} /* stit 줄수 */ .msw_wrab .sb_stit{ height: 36px;} .msw_wrab.tit_ln1 .sb_stit{ height: 18px; margin-bottom: 10px} .msw_wrab.tit_ln2 .sb_stit{ height: 36px; margin-bottom: 10px} .msw_wrab.tit_ln3 .sb_stit{ height: 52px; margin-bottom: 10px} .msw_wrab .sb_day{ margin-bottom: 10px;} .msw_wrab .sb_btn{ margin-top: 7px;} .msw_wrab .sb_btn .sbbtn_type{ height: 30px; line-height: 28px;} /* day 줄수 */ .msw_wrab.day_ln0 .sb_day{ display: none;} .msw_wrab.day_ln1 .sb_day{ height: 20px;} .msw_wrab.day_ln2 .sb_day{ height: 40px;} .msw_wrab .sb_day li{ height: 18px; line-height: 16px;} /* 해시태그 줄수 */ .msw_wrab.hash_ln1 .sb_hash{ height: 17px;} .msw_wrab.hash_ln2 .sb_hash{ height: 30px;} } /* // 메인 카드배너 :20240826 check*/ .mbn_wrap { position:relative; width:100%; } .mbn_con {width:1280px; margin:0 auto; padding:0 10px;} /* 대입결과 :20210928 : 20240826현재 사용하지 않음 추후 미사용시 ì‚­ì œ*/ .clg_wrap{ border-top:1px solid #d1d1d2;} .mbn_con.clg_con{width:1280px; display:flex; flex-wrap:nowrap; flex-direction:row; align-items:center; justify-content:center; position:relative;} .clg_con .clg_left{ width:31%; position:relative;} .clg_con .clg_left .flo_txt{font-size:1rem; opacity:0.5} .clg_con .clg_left .lt_txt{ padding:30px 0 30px 0px; font-size:1.5rem;} .clg_con .clg_right{ width:64%; position:relative; padding:30px 30px 30px 20px;} .clg_con .clg_right .rt_txt01_01{ line-height:1.250rem; color:#555; font-weight:200; font-size:1.125rem;} .clg_con .clg_right .rt_txt01_01 b{ font-weight:bold; color:#333; } .clg_con .clg_right .rt_txt01_02{ line-height:1.125rem; font-size:0.875rem; font-size:1.0rem; margin-top:5px;} .clg_con .clg_right .rt_txt_box{ display:flex; flex-wrap:nowrap; flex-direction:row; align-items:center; justify-content:space-between; margin-top:7px;} .clg_con .clg_right .rt_txt02{ display:inline-block; color:#999; font-size:0.875rem;} .clg_con .clg_right .rt_txt03{ display:inline-block; color:#999; font-size:0.875rem;} .clg_con .plus_ico{position: absolute;top:15px;right:40px;width: 21px;height: 21px;border: 1px solid #b9b9b9;color: #979797;font-size: 42px;text-align: center;line-height: 0.7; box-sizing:border-box; text-indent:-9999px; z-index:3;} .clg_con .plus_ico:before{content: "";position: absolute;top:9px;left:4px;width: 11px;height: 1px;background-color: #b9b9b9; } .clg_con .plus_ico:after{content: "";position: absolute;top:4px;left:9px;height: 11px;width: 1px;background-color: #b9b9b9; } @media all and (max-width:768px){ .mbn_con{ width: 100%;} .mbn_con.clg_con{ flex-direction:column; width: 100%;} .clg_con .clg_left{ width:100%;} .clg_con .clg_left .lt_txt{ padding:30px 10px 10px 10px;} .tb_none{ display:none;} .clg_con .clg_right{ width:100%; padding:0 10px 30px 10px;} .clg_con .plus_ico{position: absolute;top:15px;right:15px;width: 29px;height: 29px;border: 1px solid #b9b9b9;color: #979797;font-size: 42px;text-align: center;line-height: 0.7; box-sizing:border-box; text-indent:-9999px;} .clg_con .plus_ico:before{content: "";position: absolute;top:13px;left:7px;width: 13px;height: 1px;background-color: #b9b9b9; } .clg_con .plus_ico:after{content: "";position: absolute;top:7px;left:13px;height: 13px;width: 1px;background-color: #b9b9b9;} } /* 대입결과 : 240826 check */ /* sbn02 : 중단 스와이프 배너 : 240826 check */ .sbn_wrap{ border-top:0px solid #d1d1d2;} .sbn_con { padding:30px 10px 60px 10px; } .sbn_con > a{ display:block; width:100%;} .sbn_con .swiper-wrapper{height: auto;} .sbn_con .mbn_swiper2{ height: auto;} .sbn_con .swiper-slide { transition-property:opacity; height: auto;} .sbn_con .swiper-slide-active{ } .sbn_con .swiper-slide img{ width:100%;} .sbn_con .sbn_sw_navi{ position:absolute; right:3%; bottom:15%; display:flex; flex-wrap:nowrap; flex-direction:row; align-items:center; justify-content:flex-start; z-index:3;} .sbn_con .sbn_sw_navi .sbn_sw_con {} .sbn_con .sbn_sw_navi .sbn_sw_con i{display:block; width:15px; height:15px; border:1px solid #b9b9b9;} .sbn_con .sbn_sw_navi .sbn_sw_con .btn_sw_left{background:url(https://img.dshw.co.kr/resources/DESIGN/nimg/icon/icon_snsmbn_arow_left.png) no-repeat ;background-position:center; text-indent:-9999px; background-color:#fff;} .sbn_con .sbn_sw_navi .sbn_sw_con .btn_sw_right{background:url(https://img.dshw.co.kr/resources/DESIGN/nimg/icon/icon_snsmbn_arow_right.png) no-repeat ;background-position:center; text-indent:-9999px; background-color:#fff;} .sbn_con .sbn_sw_navi .sbn_sw_con2 { width:36px; position:relative; font-size:0.750rem;} .sbn_con .sbn_sw_navi .swiper-pagination2{ width:100%; position:relative; left:auto; bottom:auto; transform:scale(100%,100%); height:auto; transform:translateX(0); text-align:center; color:#222} .sbn_sw_navi.swiper-prev.swiper-button-disabled, .sbn_sw_navi.swiper-next.swiper-button-disabled{ opacity:1;} .sbn_con .sbn_sw_navi .sbn_sw_con.swiper-button-disabled .btn_sw_left{ background:url(https://img.dshw.co.kr/resources/DESIGN/nimg/icon/icon_snsmbn_arow_left.png) no-repeat ;background-position:center; text-indent:-9999px; opacity:0.6; background-color: #fff;} .sbn_con .sbn_sw_navi .sbn_sw_con.swiper-button-disabled .btn_sw_right{ background:url(https://img.dshw.co.kr/resources/DESIGN/nimg/icon/icon_snsmbn_arow_right.png) no-repeat ;background-position:center; text-indent:-9999px; opacity:0.6; background-color: #fff;} @media all and (max-width:768px){ .sbn_wrap{ } .sbn_con{ padding: 25px 10px 25px 10px;} .sbn_con .sbn_sw_navi{ bottom: 4%;} .sbn_con .sbn_sw_navi .sbn_sw_con2{ top: 1px; width: 27px;} .sbn_con .sbn_sw_navi .sbn_sw_con2 .swiper-pagination-bullet{ margin: 0 3px;} } /* // 중단 스와이프 배너 : 240826 check */ /* sns_wrap : 240826 check */ .sns_wrap{ border-top:1px solid #d1d1d2;} .sns_con {display:flex; flex-wrap:nowrap; flex-direction:row; align-items:flex-start; justify-content:space-between;} .sns_box { position:relative; display:flex; flex-wrap:nowrap; flex-direction:row; align-items:flex-start; justify-content:space-between; padding:60px 0;} .sns_box .plus_ico{position: absolute;top:-30px;right:0px;width: 21px;height: 21px;border: 1px solid #b9b9b9;color: #979797;font-size: 42px;text-align: center;line-height: 0.7; box-sizing:border-box; text-indent:-9999px;} .sns_box .plus_ico:before{content: "";position: absolute;top:9px;left:4px;width: 11px;height: 1px;background-color: #b9b9b9; } .sns_box .plus_ico:after{content: "";position: absolute;top:4px;left:9px;height: 11px;width: 1px;background-color: #b9b9b9;} .sns_box p.tit{ font-size:1.125rem; min-width:18%; width:;} .sns_box.blog{ width:50%; padding:60px 30px 60px 30px; } .sns_box.blog p.tit{} .sns_box.blog .slist_blog{ width:78%; position:relative;} .sns_box.blog .slist_blog ul{display:flex; flex-wrap:nowrap; flex-direction:row; align-items:center; justify-content:space-between; width:100%;} .sns_box.blog .slist_blog ul li:first-child{ margin-right:5%;} .sns_box.blog .slist_blog ul li a{ position: relative; display: block; border-radius: 15px; width: 212px; height: 212px; overflow: hidden; border: 1px solid #e3e3e3; box-shadow:3px 3px 0px 2px#f5f5f5; padding:0px;} .sns_box.blog .slist_blog ul li a{ box-shadow:3px 3px 0px 2px#f5f5f5; } .sns_box.blog .slist_blog ul li a:hover{ box-shadow:3px 3px 0px 2px#c4c4c4;} .sns_box.blog .slist_blog ul li a p.sb_tit{ font-size: 16px; color: #000; font-weight: 500; width: calc(100% - 60px); } .sns_box.blog .slist_blog ul li a p.sb_day{ position: absolute; right: 25px; top: 24px; font-size: 14px; color: #bababa;} .sns_box.blog .slist_blog ul li a p.sb_txt_01{ height: 35px; line-height: 33px; padding: 0 10px; font-size: 13px; background: #444444; color: #fff; margin: 10px 0; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp: 1; /* 라인수 1줄 */ -webkit-box-orient: vertical; word-wrap:break-word;} .sns_box.blog .slist_blog ul li a p.sb_txt_02{ font-size: 14px; color: #bababa;} .sns_box.blog .slist_blog ul li img{ width:100%; max-height:224px;} .sns_box.youtube{ width:50%; position:relative; padding:60px 30px 60px 50px;border-left:1px solid #d1d1d2; min-height:300px;} .sns_box.youtube .slist_youtube{ width:80%; position:relative; } .sns_box.youtube .slist_youtube .swiper-slide img{ width:100%; max-width:442px;} .sns_sw_navi{position:absolute; right:3%; top:5%; display:flex; flex-wrap:nowrap; flex-direction:row; align-items:center; justify-content:flex-start; z-index:3;} .sns_sw_navi .sns_sw_con { position:relative; margin:0 auto;} .sns_sw_navi .sns_sw_con .swiper-pagination-bullet{ margin:0 1px; background:#666;} .sns_box.youtube .slist_youtube ul{ width: 100%; } .sns_box.youtube .slist_youtube ul li{ width: 100%; margin-bottom: 15px; } .sns_box.youtube .slist_youtube ul li:last-child{margin-bottom: 0px; } .sns_box.youtube .slist_youtube ul li a{ position: relative; display: block; width: 100%; padding: 11px 11px 11px 44px;border: 1px solid #e3e3e3;border-radius: 15px; box-shadow:3px 3px 0px 2px#f5f5f5; } .sns_box.youtube .slist_youtube ul li a:hover{box-shadow:3px 3px 0px 2px#c4c4c4;} .sns_box.youtube .slist_youtube ul li a.new{ font-weight: 500;} .sns_box.youtube .slist_youtube ul li a.new::before{ content: 'N'; position: absolute; left: 16px; top: 12px; width: 14px; height: 18px; font-size: 12px; background: #ee142d; border-radius: 12px; color: #fff; line-height: 16px; padding-left:4px; } .sns_box.youtube .slist_youtube ul li a span{} @media all and (max-width:768px){ .sns_con{ flex-direction:column;} .sns_box{ flex-direction:column;} .sns_box.blog{ width:100%; padding:30px 0;} .sns_box.blog .slist_blog{ width:100%; margin-top:10px;} .sns_box .plus_ico{position: absolute;top:-40px;right:0px;width: 29px;height: 29px;border: 1px solid #b9b9b9;color: #979797;font-size: 42px;text-align: center;line-height: 0.7; box-sizing:border-box; text-indent:-9999px;} .sns_box .plus_ico:before{content: "";position: absolute;top:13px;left:7px;width: 13px;height: 1px;background-color: #b9b9b9; } .sns_box .plus_ico:after{content: "";position: absolute;top:7px;left:13px;height: 13px;width: 1px;background-color: #b9b9b9;} .sns_box.blog .slist_blog ul li{ width:48%; } .sns_box.blog .slist_blog ul li:first-child {margin-right:2%;} .sns_box.blog .slist_blog ul li a{ position: relative; display: block; border-radius: 15px; width: 100%; height: auto; overflow: hidden; border: 1px solid #e3e3e3; box-shadow:3px 3px 0px 2px#f5f5f5; padding: 0px;} .sns_box.blog .slist_blog ul li a p.sb_tit{ font-size: 16px; color: #000; font-weight: 500; width: calc(100% - 40px); } .sns_box.blog .slist_blog ul li a p.sb_day{ position: absolute; right: 15px; top: 14px; font-size: 12px; color: #bababa;} .sns_box.blog .slist_blog ul li a p.sb_txt_01{ padding:0 10px; background: #444444; color: #fff; margin: 10px 0;} .sns_box.blog .slist_blog ul li a p.sb_txt_02{ font-size: 12px; color: #bababa;} .sns_box.blog .slist_blog ul li img{ max-height:360px; width:100%;} .sns_box.youtube{ width:100%; border-left:0; padding:30px 0 30px 0; min-height:auto;} .sns_box.youtube .slist_youtube{ width:100%; margin-top:10px;} .sns_box.youtube .slist_youtube .swiper-slide a{ width:100%;} .sns_box.youtube .slist_youtube .swiper-slide img{ max-width:768px; width:100%;} } /* sns_wrap : 240826 check */ /* notice_wrap :20210928 */ .notice_wrap{border-top:1px solid #d1d1d2; margin-top:-1px;} .notice_con{ padding:30px 10px;} .notice_con .nt_box{ background:#f0f0f0; display:flex; flex-wrap:nowrap; flex-direction:row; align-items:center; justify-content:flex-start; width:100%; position:relative; padding:10px 30px; height:40px;} .notice_con .nt_ico{ background:#000; padding:6px 10px; font-size:0.875rem; color:#fff; font-weight:300;} .notice_con .nt_box a{ width:100%;} .notice_con .nt_txt{ padding-left:20px; display: inline-block ;overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp: 1; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; width:100%;} .notice_con .nt_txt span{ padding-left:10px;} .notice_con .nt_sw_navi{} .notice_con .nt_sw_navi .nt_sw_con {} .notice_con .nt_sw_navi .nt_sw_con i{display:block; width:15px; height:15px; border:1px solid #b9b9b9;} .notice_con .nt_sw_navi .nt_sw_con .btn_sw_right{background:url(https://img.dshw.co.kr/resources/DESIGN/nimg/icon/icon_snsmbn_arow_right.png) no-repeat ;background-position:center; text-indent:-9999px;} .notice_con a.plus_ico{position: absolute;top:10px;right:10px;width: 21px;height: 21px;border: 1px solid #b9b9b9;color: #979797;font-size: 42px;text-align: center;line-height: 0.7; box-sizing:border-box; text-indent:-9999px;} .notice_con a.plus_ico:before{content: "";position: absolute;top:9px;left:4px;width: 11px;height: 1px;background-color: #b9b9b9; } .notice_con a.plus_ico:after{content: "";position: absolute;top:4px;left:9px;height: 11px;width: 1px;background-color: #b9b9b9;} @media all and (max-width:768px){ .notice_con .nt_box{ padding:10px;} .notice_con .nt_sw_navi{ right:10px;} .notice_con .nt_sw_navi .nt_sw_con i{display:block; width:20px; height:20px; border:1px solid #b9b9b9;} .notice_con .nt_box a{ height:20px; overflow:hidden;} .notice_con .nt_txt{ height:20px; line-height:20px; width:calc(100% - 30px); } .notice_con a.plus_ico{position: absolute;top:6px;right:6px;width: 29px;height: 29px;border: 1px solid #b9b9b9;color: #979797;font-size: 42px;text-align: center;line-height: 0.7; box-sizing:border-box; text-indent:-9999px;} .notice_con a.plus_ico:before{content: "";position: absolute;top:13px;left:7px;width: 13px;height: 1px;background-color: #b9b9b9; } .notice_con a.plus_ico:after{content: "";position: absolute;top:7px;left:13px;height: 13px;width: 1px;background-color: #b9b9b9;} } /* // notice_wrap :20210928 */ /*============================ footer ====================================== */ #footer{} .ft_top{ width:100%; border-bottom:1px solid #d1d1d2; border-top:1px solid #d1d1d2;} .ftt_con{max-width:1280px; width:100%; margin:0 auto; padding:0 10px; display:flex; flex-wrap:nowrap; flex-direction:row; align-items:center; justify-content:space-between;} .ftt_con ul li a { padding:18px 0; display: inline-block; color: #363636;} .ftt_con .ftt_left{} .ftt_con .ftt_left ul{display:flex; flex-wrap:nowrap; flex-direction:row; align-items:center; justify-content:flex-start; margin-bottom: -5px;} .ftt_con .ftt_left ul li{ padding:0 11px; position:relative;} .ftt_con .ftt_left ul li:after{content:''; position:absolute; right:0px; top:21px; width:1px; height:11px; background:#9f9f9f;} .ftt_con .ftt_left ul li:last-child:after{ width:0;} .ftt_con .ftt_right{} .ftt_con .ftt_right ul{display:flex; flex-wrap:nowrap; flex-direction:row; align-items:center; justify-content:flex-start;} .ftt_con .ftt_right ul li{ padding:0 11px; position:relative;} .ftt_con .ftt_right ul li:after{content:''; position:absolute; right:0px; top:21px; width:1px; height:11px; background:#9f9f9f;} .ftt_con .ftt_right ul li:last-child:after{ width:0;} .ft_in{ max-width:1280px; width:100%; margin:0 auto; padding:20px 10px; display:flex; flex-wrap:nowrap; flex-direction:row; align-items:center; justify-content:space-between; word-break: keep-all;} .ftin_left{ padding:15px 0;} @media all and (max-width:768px){ .ft_top{ border-bottom:0;} .ftt_con{flex-direction:column; padding:0; min-width: auto; width: auto;} .ftt_con .ftt_left, .ftt_con .ftt_right{ width:100%;} .ftt_con .ftt_right { display: none;} .ftt_con ul li { border-bottom:1px solid #dddddd; width:100%;} .ftt_con ul li a{ width:100%; text-align:center; position:relative;} .ftt_con ul li a:after{position:absolute;top:49%;right:15px;content:'';width:6px;height:6px;border:1px solid #333;background:none;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg) translateY(-50%);-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;border-width:1px 1px 0px 0;} .ftt_con .ftt_left ul{}/*flex-direction:column;*/ .ftt_con .ftt_left ul li:after{ display:none;} .ftt_con .ftt_right ul{flex-direction:column;} .ftt_con .ftt_right ul li:after{ display:none;} } .nm_ft{ width:100%; position:relative; background:#fff; } .nm_ft .ft_in{ position: relative; width:1200px; padding:50px 0; margin:0 auto; display:flex; flex-wrap:nowrap; flex-direction:row; align-items:flex-start; justify-content:flex-start;} .nm_ft .ft_in .arow_left:after{position:absolute;top:50%;right:15px;content:'';width:6px;height:6px;border:1px solid #333;background:none;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg) translateY(-50%);-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;border-width:1px 1px 0px 0;} .nm_ft .ft_in .ftin_left{ width:32%; min-width:322px; padding:0px 30px;} .nm_ft .ft_in .ftin_left .bt_logo{} .nm_ft .ft_in .ftin_left .bt_logo img{ width:66%; max-width:300px; } .nm_ft .ft_in .ftin_left .ftlt_box{} .nm_ft .ft_in .ftin_left .ftlt_box .lt_name{ font-size:1.750rem; font-weight:; color:#9ea1a4;} .nm_ft .ft_in .ftin_left .ftlt_box .lt_phone{ font-size:2.250rem; color:#000; padding:5px 0 10px;font-weight:;} .nm_ft .ft_in .ftin_left .ftlt_box .lt_stxt{ font-size:0.875rem; color:#666;} .nm_ft .ft_in .ftin_left .ftlt_btn{ display:flex; align-items:center; justify-content:space-between; margin-top:10px;} .nm_ft .ft_in .ftin_left .ftlt_btn a{ position:relative; display:block; width:49%; border:1px solid #333; text-align:center; padding:7px 0; background:#f7f7f7; font-size:0.875rem; font-weight:400; color:#222;} .nm_ft .ft_in .ftin_right{ width:calc(50%); padding:0px 30px;} .nm_ft .ft_in .ftin_right ul{ display:flex; align-items:center; justify-content:flex-start;} .nm_ft .ft_in .ftin_right ul li{ padding:0 11px; position:relative;} .nm_ft .ft_in .ftin_right ul li:first-child{ padding-left:0;} .nm_ft .ft_in .ftin_right ul li:after{content:''; position:absolute; right:0px; top:4px; width:1px; height:11px; background:#9f9f9f;} .nm_ft .ft_in .ftin_right ul li:last-child:after{ width:0;} .nm_ft .ft_in .ftin_right ul li a{ font-size:0.875rem;} .nm_ft .ft_in .ftin_right address{ margin-top:;} .nm_ft .ft_in .ftin_right address p{ font-size:0.875rem; color:#999; margin-top:10px;} .nm_ft .ft_in .ftin_right address p a{ font-size:0.875rem; color:#777;} .nm_ft .ft_in .ftin_right address p:first-child{ color:#555; margin-top:0} @media all and (max-width:768px){ .nm_ft .ft_in{ flex-wrap:wrap; width: 100%; flex-direction:column; align-items: center;padding:20px 0;} .nm_ft .ft_in .ftin_left{ } .nm_ft .ft_in .ftin_left .bt_logo{ text-align:center;} .nm_ft .ft_in .ftin_left .bt_logo img{ width:80%; max-width:200px;} .nm_ft .ft_in .ftin_left .ftlt_box .lt_name{ font-size:1.625rem; font-weight:600; text-align:center;} .nm_ft .ft_in .ftin_left .ftlt_box .lt_phone{ font-size:2.5rem; color:#; padding:5px 0 10px;font-weight:600;text-align:center;} .nm_ft .ft_in .ftin_left .ftlt_box .lt_stxt{ font-size:1.0rem; color:#666;text-align:center;} .nm_ft .ft_in .ftin_left .ftlt_btn a { padding:10px 0;} .nm_ft .ft_in .ftin_right{ width:calc(100%); padding:10px 0px 20px;} .nm_ft .ft_in .ftin_right ul{ display:flex; align-items:center;flex-direction:column; justify-content:flex-start;} .nm_ft .ft_in .ftin_right ul li{ padding:0px; width:100%;} .nm_ft .ft_in .ftin_right ul li:after{ width:0;} .nm_ft .ft_in .ftin_right ul li:last-child:after{ width:0; margin-top:-1px;} .nm_ft .ft_in .ftin_right ul li a{ position:relative; display:block; width:100%; padding:15px 0; border:1px solid #dddddd; margin-top:-1px; text-align:center;} .nm_ft .ft_in .ftin_right ul li a:after{position:absolute;top:49%;right:15px;content:'';width:6px;height:6px;border:1px solid #333;background:none;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg) translateY(-50%);-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;border-width:1px 1px 0px 0;} .nm_ft .ft_in .ftin_right address{ margin-top:20px; padding:0 10px;} .nm_ft .ft_in .ftin_right address p{ text-align:center;} } .nm_ft .ft_in .ftin_insta{ position: absolute; right: 0px; top: 50px; width:160px; margin-bottom: 20px; } .nm_ft .ft_in .ftin_insta .ftins_box{ display: flex; flex-wrap: nowrap; justify-content: flex-end; gap:10px;} .ftins_icon{ position: relative; width:36px; height: 36px; border: 0px solid red; border-radius: 50px; text-indent: -9999px;} .ftins_icon.blog { background:url(https://img.dshw.co.kr/resources/DESIGN/nimg/icon/icon_ft_sns_blog.png) no-repeat ;background-position:center; } .ftins_icon.insta { background:url(https://img.dshw.co.kr/resources/DESIGN/nimg/icon/icon_ft_sns_insta.png) no-repeat ;background-position:center; } .ftins_icon.youtube{ background:url(https://img.dshw.co.kr/resources/DESIGN/nimg/icon/icon_ft_sns_youtube.png) no-repeat ;background-position:center; } @media all and (max-width:768px){ .nm_ft .ft_in .ftin_insta{ width: auto; position: relative; right: auto; top: auto;} } /*============================ foote 2021 05===================================== */ /*============================ 240909 기숙 추가 ===================================== */ .sbn02_wrap{ border-top: 1px solid #d1d1d2; padding: 45px 0;} .sbn02_wrap .sbn02_con{height: auto; position: relative; padding: 0 100px;} .sbn02_con .sbn02_swiper {height: auto;} .sbn02_con .swiper-wrapper {height: auto;} .sbn02_con .swiper-slide{transition-property:opacity; height: auto; } .smsw_wrab { text-align: center;} .smsw_wrab p.smsw_img{ position: relative; width: 82px; height: 82px; border-radius: 200px; border: 1px solid #e3e3e3; overflow: hidden; margin: 0 auto; background: #fff; padding: 0px; box-shadow:3px 3px 4px 2px #f5f5f5; } .smsw_wrab p img{ width:100%; transition: all .4s; } .smsw_wrab p.smsw_txt{ padding: 10px 0 0; font-size: 0.875rem; } .smsw_wrab:hover p.smsw_img { box-shadow:3px 3px 4px 2px #cacaca; } .smsw_wrab:hover p.smsw_txt { font-weight: bold; } .sbn02_swiper_btn{ position: absolute; width:25px; height:40px; border: 0px solid #000; background: ; text-indent: -9999px; z-index: 2; cursor: pointer;} .sbn02_swiper_prev {top: 50%; left:0px; transform: translateY(-50%);} .sbn02_swiper_next { top: 50%; right:0px; transform: translateY(-50%);} .sbn02_swiper_next:after{position:absolute;top:56%;right:40%;content:'';width:15px;height:15px;border:3px solid #6a6a6a;background:none;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg) translate(-50%, -50%);-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease; } .sbn02_swiper_next:after{ border-width:3px 3px 0 0} .sbn02_swiper_prev:after{position:absolute;top:56%;left:40%;content:'';width:15px;height:15px;border:3px solid #6a6a6a;background:none;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg) translate(-50%, -50%);-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;} .sbn02_swiper_prev:after{ border-width:0 0 3px 3px } .swiper-button-disabled.sbn02_swiper_prev:after{border:3px solid #bcbcbc;} .swiper-button-disabled.sbn02_swiper_prev:after{ border-width:0 0 3px 3px } .swiper-button-disabled.sbn02_swiper_next:after{border:3px solid #bcbcbc;} .swiper-button-disabled.sbn02_swiper_next:after{ border-width:3px 3px 0 0} @media all and (max-width:768px){ .sbn02_wrap{ padding: 20px 0;} .sbn02_wrap .sbn02_con{height: auto; position: relative; padding: 0 10px;} .smsw_wrab p.smsw_img{ width: 70px; height: 70px} .sbn02_swiper_next:after{position:absolute;top:56%;right:40%;content:'';width:8px;height:8px;border:3px solid #6a6a6a;background:none;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg) translate(-50%, -50%);-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease; } .sbn02_swiper_next:after{ border-width:2px 2px 0 0} .sbn02_swiper_prev:after{position:absolute;top:56%;left:40%;content:'';width:8px;height:8px;border:3px solid #6a6a6a;background:none;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg) translate(-50%, -50%);-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;} .sbn02_swiper_prev:after{ border-width:0 0 2px 2px } .swiper-button-disabled.sbn02_swiper_prev:after{border:3px solid #bcbcbc;} .swiper-button-disabled.sbn02_swiper_prev:after{ border-width:0 0 2px 2px } .swiper-button-disabled.sbn02_swiper_next:after{border:3px solid #bcbcbc;} .swiper-button-disabled.sbn02_swiper_next:after{ border-width:2px 2px 0 0} } .pop_youtube{ display: ;} .py_bg{position:fixed; top:0; background:#000; opacity:0.6; width:100%; height:100vh; z-index:999;} .py_btn_close{ position: fixed; background: none; right: 30px; top: 30px; width: 40px; height: 40px; border: 1px solid #fff;z-index:999;} .py_btn_close::before { position:absolute; content: ''; width: 24px; height: 3px; top: 17px; left: 8px; transform: rotate(45deg);background-color: #fff;} .py_btn_close::after { position:absolute; content: ''; width: 24px; height: 3px; top: 17px; left: 8px; transform: rotate(-45deg);background-color: #fff;} .py_wrap{ position:fixed; left:0; top:50%; z-index:999; width:100%; transform:translateY(-48%)} .py_view { position:relative; background:#fff; padding:0; width:730px; text-align:center; box-sizing:border-box;margin:0 auto;} .py_box{position:relative; width:100%; padding-bottom: 56.25%;} .py_box img{ width:100%; display: none;} .py_mvbox { width:100%; height:100%; position:absolute; left:0px; top:0px; right: 0; bottom: 0; color:#000; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.48);} .py_mvbox > iframe{ width:100%; height:100%; border:0;} @media all and (max-width:768px){ .py_wrap{ padding: 0 10px;} .py_view{ width: 100%;} } /* header */ header nav.navbar .navbar-nav > li > a, nav.navbar.bootsnav ul.nav > li > a {color: #232323;} header.sticky nav.navbar.white-link .navbar-nav > a, header.sticky nav.navbar.bootsnav.white-link > .header-social-icon > a { color:#000 !important;} header {width: 100%; z-index: 99;} header .top-header-area {position: fixed; top: 0; z-index: 100; height:35px; vertical-align: middle; text-align:center; width: 100%; background:#4e306d;} header .top-header-area img {max-width:467px;} @media (max-width: 768px) { header .top-header-area img {width:80%; padding-top:5px;} header nav.navbar .navbar-nav > li > a, nav.navbar.bootsnav ul.nav > li > a {color: #fff;}} header .top-header-area2 {position: fixed; top: 0; z-index: 100; height:35px; vertical-align: middle; text-align:center; width: 100%; background:#3f6fd7;} header .top-header-area2 img {max-width:467px;} @media (max-width: 768px) { header .top-header-area2 img {width:80%; padding-top:5px;}} header nav .row { align-items: center; display: -ms-flex; display: -webkit-flex; display: -moz-flex; display: flex; height: auto; padding: 0;} header nav .row > div:first-child { flex: 1 1 auto;} header nav.navbar {border-radius: 0; padding: 0; } header nav.navbar-default, nav.navbar.bootsnav {border-bottom: 1px solid #ccc;} header nav {width: 100%; top: 0px; z-index: 99; margin-bottom: 0; display: table;} header nav .nav-header-container {display:block;!important; vertical-align: middle; position: relative; background: #fff;} header nav .navbar-nav > li > a {color: #333; font-size: 16px; margin:0 5px; padding: 2px 0px 2px; text-transform: uppercase; letter-spacing:-0.5px; font-weight:600;} header nav .navbar-nav > li > a:hover {color:#a6a6a6 !important;} header nav .navbar-nav > li > a:hover, header nav .navbar-nav > li > a:focus, header nav .navbar-nav > li.active > a {background: transparent;} header nav .navbar-nav > li:last-child a { margin-right: 0;} .navbar-fixed-bottom, .navbar-fixed-top {z-index: 9999} header nav.navbar-default .navbar-nav > li > a:hover, header nav.navbar-default .navbar-nav > li > a:focus, header nav.navbar-default .navbar-nav > li.active > a {border-bottom-color: #232323} header nav .navbar-nav.text-normal > li > a {font-weight: 500; font-size: 12px } .navbar-nav > li { }/*position: inherit;*/ .navbar-nav > li.dropdown > .fa { display: none} .navbar-nav > li ul { margin: 0; padding: 0;} .navbar-toggle {border-radius: 0; margin-right: 0;} .mobile-toggle {display: block} .sidebar-nav .mobile-toggle {display: none} .mobile-toggle span { display: block; width: 16px; height: 2px; background: #232323; content: ""; margin: 3px 0px } .mobile-toggle:hover span, .white-link .mobile-toggle:hover span { background-color: red} .white-link .mobile-toggle span { background: #fff;} header nav .brand-logo { padding-top: 20px; padding-bottom: 20px;} header.sticky nav .brand-logo {padding-top: 15px; padding-bottom: 15px;} header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li > a { padding: 20px 0 20px; color:#232323;} header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li > a:hover { padding: 20px 0 20px; color:#000;} header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, header.sticky nav.navbar.navbar-default.navbar-top .header-social-icon > a { padding: 20px 0 20px; color:#232323;} header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, header.sticky nav.navbar.navbar-default.navbar-top .header-social-icon > a:hover { padding: 20px 0 20px; color:#000;} header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, header.sticky nav.navbar.navbar-default.navbar-top .top-member > a { padding: 20px 0 20px; color:#232323;} header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, header.sticky nav.navbar.navbar-default.navbar-top .top-member > a:hover { padding: 20px 0 20px; color:#000;} /*menu */ nav .accordion-menu { position: inherit;} nav.navbar.bootsnav li.dropdown ul li { list-style: none; padding: 0; } nav.navbar.bootsnav li.dropdown .mega-menu-full {width: 100%; box-sizing: border-box; background: rgba(35,35,35,1); padding: 45px 50px; box-shadow: none; border-radius: 0; border: 0;} nav.navbar.bootsnav li.dropdown .mega-menu-full ul {margin: 0; list-style: none;} nav.navbar.bootsnav li.dropdown .menu-back-div > ul {margin: 0 auto; width: 1070px; display: table; background: rgba(35,35,35,1);} nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li.dropdown-header { color: #fff; display: inline-block; font-size: 11px; font-weight: 500; margin-bottom: 8px; white-space: inherit; padding: 0 40px; border-bottom: none; text-transform: uppercase} nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li a {text-align: left; font-size: 12px; color: #9d9d9d; padding:3px 40px; text-transform: capitalize; margin: 0; display: block; position: relative; overflow: hidden; left: 0} nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li:first-child a,nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li:first-child .dropdown-header {padding-left: 0;} nav.navbar.bootsnav li.dropdown.megamenu-fw .icon-list-menu li > a > i {font-size: 14px; vertical-align: middle; width: 24px;} nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li { border-right: 1px solid rgba(255, 255, 255, 0.05);} nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li:last-child {border: 0;} nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li:last-child img { padding-left: 40px; background-size: cover; background-position: bottom right;} nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li > ul { margin-top: 18px;} nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li > ul:first-child { margin-top: 0;} nav.navbar.bootsnav li.dropdown .megamenu-fw .icon-list-menu li > a > i {font-size: 14px;vertical-align: middle;width: 24px;} nav.navbar.navbar-default ul li.dropdown .dropdown-menu .mega-menu-column li > a.menu-banner-image, nav.navbar.navbar-default ul li.dropdown .dropdown-menu .mega-menu-column li > a:hover.menu-banner-image { left: 0; padding: 0; margin-bottom: 20px } nav.navbar.navbar-default ul li.dropdown .dropdown-menu .mega-menu-column li:last-child > a.menu-banner-image{ margin-bottom: 0;} /* top logo */ .navbar.navbar-brand-top>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-left: 20px;} .navbar-brand-top .navbar-brand { height: auto;} nav.navbar-brand-top.navbar.navbar-default ul.nav > li > a { padding: 20px 0;} .navbar-brand-top .navbar-collapse.collapse {display: inline-block !important; vertical-align:middle;} /*main*/ .mb1{ border: 1px solid #cccccc; background: url(../image/banner/mb1_bg.jpg) no-repeat; background-position:top center; padding-top: 10px; font-size: 2.2rem; margin-top:50px; } .mb1 a{color: #153d7a;} .mb1_text{font-family: 'Cafe24Ohsquare'; font-size: 4.2rem; margin-top: -10px; } .box_c_c{ display: inline-block; border: 1px solid #ccc; padding: 20px 0px 0px 40px; height: 320px; float: none; margin: top center; letter-spacing: -1px; } .box_c_img{ display: inline-block; border: 1px solid #ccc; padding: 0; height: 320px; float: none;} .banner_ad1{ background: url(../image/banner/ad_1bg.jpg) no-repeat; background-position:right bottom; background-size: cover; color: #7a7a7a; } .banner_js{background: url(../image/banner/b_jsbg.png) no-repeat; background-position:right bottom; background-size: cover; color: #7a7a7a;} .fs30{ } .boxc_tit_m{ margin-top: 20px;} .boxc_tit_ts{ padding-left: 3px; } .boxc_stit{ font-size: 2.1rem; font-weight: 500} .tline_h2{ line-height: 2rem;} .tline_h3{ line-height: 3rem;} .padding_t10{ padding-top: 10px;} .padding_t20{ padding-top: 20px;} .padding_t30{ padding-top: 30px;} .banner_tit{font-size: 3rem; color: #313131; letter-spacing: -1px; font-weight: 500;} .position_absolute{ position: absolute;} .bottom30{ bottom: 30px;} .notice_box { overflow: hidden; height: 24px; /* 한 줄 높이 */ line-height: 24px; position: relative; background: #e1e1e1; color: #2d2d2d; padding:10px 15px; display: flex; flex-direction: row;} .nb_text { height: 100%; overflow: hidden;} .nb_text ul { list-style: none; margin: 0; padding: 0; animation: rolling 18s linear infinite;} .nb_text li { height: 23px;} /* 마우스를 올렸을 때 애니메이션 멈춤 */ .nb_text:hover ul { animation-play-state: paused;} @keyframes rolling { 0% { transform: translateY(0); opacity: 1; } 12% { transform: translateY(0); opacity: 1; } 16% { transform: translateY(-24px); opacity: 1; } 28% { transform: translateY(-24px); opacity: 1; } 32% { transform: translateY(-48px); opacity: 1; } 44% { transform: translateY(-48px); opacity: 1; } 48% { transform: translateY(-72px); opacity: 1; } 60% { transform: translateY(-72px); opacity: 1; } 64% { transform: translateY(-96px); opacity: 1; } 76% { transform: translateY(-96px); opacity: 1; } 80% { transform: translateY(-120px); opacity: 1; } 90% { transform: translateY(-120px); opacity: 1; } /* 순간 점프할 때는 안보이게 */ 91% { opacity: 0; } 92% { transform: translateY(0); opacity: 0; } 93% { opacity: 1; } 100% { transform: translateY(0); opacity: 1; } } .nb_icon{ background: #000; color: #fff; float: left; padding: 5px 10px;} .nb_text{ text-decoration: none; color: #2d2d2d; padding:5px 30px; } .nb_text_r{ text-decoration: none; color: #2d2d2d; float: right; padding:5px 30px; position: absolute; right: 5px;} .nb_text a{ text-decoration: none;} .nb_text_r a{text-decoration: none; color: #2d2d2d;} .tatal_box{ display: inline-block; border: 1px solid #ccc; padding: 20px 0px 0px 40px;float: none; letter-spacing: -1px; font-family: "Noto Sans KR";} .total_text{ color: #6e6e70; font-size:3rem;} .total_text2{ color: #6e6e70; font-size:4rem; padding-bottom: 20px;} .total_text2 b{color:#4b4b4b; font-size:6rem;} .total_mini_t{font-size: 1.2rem; color: #6e6e70; letter-spacing: 20px; padding-top: 60px;} .total_16{ font-size:1.6rem; color: #4b4b4b; padding-right: 20px;} .total_16 b{ font-size:6rem; font-weight: 300 } .total_icon{ width:80%; max-width: 80px;} .total_r{text-align:right;} .tunder{ text-decoration:underline;} .tatal_30{ font-size:3rem;} .tatal_40{ font-size:4rem;} .tatal_50{ font-size:5rem;} .tatal_60{ font-size:6rem;} .fs1{ font-size:1rem; line-height:1.5rem } .fs1_2{ font-size:1.2rem; line-height: 1.7rem } .fs1_6{ font-size:1.6rem; line-height: 2.1rem } .fs2{ font-size:2rem; line-height: 2.5rem } .fs3{ font-size:3rem; line-height: 3.5rem } .fs3_5{ font-size:3.5rem; line-height: 4rem } .fs4{ font-size:4rem; line-height: 4.5rem } .fs5{ font-size:5rem; line-height: 5.5rem } .fs6{ font-size:6rem;line-height: 6.5rem } .fw1{ font-weight:100;} .fw2{ font-weight:200;} .fw3{ font-weight:300;} .fw4{ font-weight:400;} .fw5{ font-weight:500;} .fw6{ font-weight:600;} .fw7{ font-weight:700;} .pt5{ padding-top:5px;} .pb5{ padding-bottom: 5px;} .pb10{ padding-bottom: 10px;} .pb20{ padding-bottom: 20px;} .mb20{ margin-bottom: 20px;} .pt30{ padding-top:30px;} .mt20{ margin-top: 20px;} .word_break_auto{ word-break: keep-all; } .tpr_mini_box{width:100%; margin: 30px auto; max-width: 253px; border: 1px solid #ccc; position: relative;} .tpr_mini_box .name{ font-size:1.6rem; color: #1c1c1c; padding: 30px 0 0 25px; letter-spacing: -1px; position: absolute; top: 0px; left: 0;} .tpr_mini_box .name b{ font-size:2.4rem; font-weight:500; line-height: 3rem; margin-left: -1px;} .tpr_mini_box .b_txt { position: absolute; bottom: 0; background: #878787; font-size: 1rem; color: #fff; letter-spacing: 2px; width: 100%; padding: 3px 0; text-align: center; max-width:253px;} .text_align_right{ text-align: right;} .text_c_rg{ color: #a8a8a8} .footer{ width: 100%; position: relative; display: inline-block; margin-top: 30px;} .scontent{ padding: 78px 0; letter-spacing: -1px; color: #484848;} .sub_tit{ text-align: center; font-size: 3.6rem; max-height:240px; vertical-align: middle; color: #272727; padding: 50px 0; line-height: 4rem; word-break: auto-phrase; } .sallc{ font-size: 1.6rem; color: #484848; } .s_title{ color:#272727; font-size: 2.4rem; } .sub_table1{ width: 100%; font-size: 1.6rem; line-height: 4rem; margin-bottom: 30px; margin-top: 30px; border: 1px solid #ccc; font-weight: 300; color: #484848;} .sub_table1 th{ text-align: center; line-height: 4rem; border-right: 1px solid #ccc; border-top: 1px solid #ccc; background: #edeff4; } .sub_table1 td{ line-height: 4rem; font-size: 1.6rem; vertical-align: middle; text-align: center; border-top: 1px solid #ccc; border-right: 1px solid #ccc;} .sub_table1 .b_g{ background:#edeff4 } .sub_table1 .bcb{ text-align: center; font-weight: bold;} .sub_table2{ width: 100%; font-size: 1.6rem; line-height: 4rem; margin-bottom: 30px; margin-top: 30px; border: 1px solid #ccc; font-weight: 300; color: #484848;} .sub_table2 th{ text-align: center; line-height: 4rem; border-right: 1px solid #ccc; border-top: 1px solid #ccc; background: #edeff4; } .sub_table2 td{ line-height: 4rem; font-size: 1.6rem; vertical-align: middle; text-align: center; border-top: 1px solid #ccc; border-right: 1px solid #ccc;} .sub_table2 .b_g{ background:#edeff4 } .sub_table2 .bcb{ text-align: center; font-weight: bold;} .text_n{ border: 1px solid #ccc; padding: 10px; margin: 0; border-bottom: 0; text-align: center; background: #edeff4; } .sub_table3{ width: 100%; font-size: 1.6rem; line-height: 4rem; margin-bottom: 30px; margin-top: 0px; border: 1px solid #ccc; font-weight: 300; color: #484848;} .sub_table3 th{ text-align: center; line-height: 4em; border-right: 1px solid #ccc; border-top: 1px solid #ccc; background: #edeff4; } .sub_table3 td{ line-height: 4rem; font-size: 1.6rem; vertical-align: middle; text-align: center; border-top: 1px solid #ccc; border-right: 1px solid #ccc;} .sub_table3 .b_g{ background:#edeff4 } .sub_table3 .bcb{ text-align: center; font-weight: bold;} .sub_table4{ width: 100%; font-size: 1.6rem; line-height: 4rem; margin-bottom: 30px; margin-top: 30px; border: 1px solid #ccc; font-weight: 300; color: #484848;} .sub_table4 th{ text-align: center; line-height: 4rem; border-right: 1px solid #ccc; border-top: 1px solid #ccc; background: #edeff4; } .sub_table4 td{ line-height: 4rem; font-size: 1.6rem; vertical-align: middle; text-align: center; border-top: 1px solid #ccc; border-right: 1px solid #ccc;} .sub_table4 .b_g{ background:#edeff4 } .sub_table4 .bcb{ text-align: center; font-weight: bold;} .sub_table5{ width: 100%; font-size: 1.6rem; line-height: 4rem; margin-bottom: 30px; margin-top: 30px; border: 1px solid #ccc; font-weight: 300; color: #484848;} .sub_table5 th{ text-align: center; line-height: 4rem; border-right: 1px solid #ccc; border-top: 1px solid #ccc; background: #edeff4; } .sub_table5 td{ line-height: 4rem; font-size: 1.6rem; vertical-align: middle; text-align: left; border-top: 1px solid #ccc; border-right: 1px solid #ccc; padding-left: 5px;} .sub_table5 .b_g{ background:#edeff4 } .sub_table5 .bcb{ text-align: center; font-weight: bold;} .sub_table6{ width: 100%; font-size: 1.6rem; line-height: 4rem; margin-bottom: 30px; margin-top: 30px; border: 1px solid #ccc; font-weight: 300; color: #484848;} .sub_table6 th{ text-align: center; line-height: 4rem; border-right: 1px solid #ccc; border-top: 1px solid #ccc; background: #edeff4; } .sub_table6 td{ line-height: 4rem; font-size: 1.6rem; vertical-align: middle; text-align: left; border-top: 1px solid #ccc; border-right: 1px solid #ccc; padding-left: 5px;} .sub_table6 .b_g{ background:#edeff4 } .sub_table6 .bcb{ text-align: center; font-weight: bold;} .sub_table7{ width: 100%; font-size: 1.6rem; line-height: 4rem; margin-bottom: 30px; margin-top: 30px; border: 1px solid #ccc; font-weight: 300; color: #484848;} .sub_table7 th{ text-align: center; line-height: 4rem; border-right: 1px solid #ccc; border-top: 1px solid #ccc; background: #edeff4; } .sub_table7 td{ line-height: 4rem; font-size: 1.6rem; vertical-align: middle; text-align: left; border-top: 1px solid #ccc; border-right: 1px solid #ccc; padding-left: 5px;} .sub_table7 .b_g{ background:#edeff4 } .sub_table7 .bcb{ text-align: center; font-weight: bold;} .sub_table8{ display: none; width: 100%; font-size: 1.6rem; line-height: 4rem; margin-bottom: 30px; margin-top: 30px; border: 1px solid #ccc; font-weight: 300; color: #484848;} .sub_table8 th{ text-align: center; line-height: 4rem; border-right: 1px solid #ccc; border-top: 1px solid #ccc; background: #edeff4; } .sub_table8 td{ line-height: 4rem; font-size: 1.6rem; vertical-align: middle; text-align: left; border-top: 1px solid #ccc; border-right: 1px solid #ccc; padding-left: 5px;} .sub_table8 .b_g{ background:#edeff4 } .sub_table8 .bcb{ text-align: center; font-weight: bold;} .sub_table9{ width: 100%; font-size: 1.6rem; line-height: 4rem; margin-bottom: 30px; margin-top: 30px; border: 1px solid #ccc; font-weight: 300; color: #484848;} .sub_table9 th{ text-align: center; line-height: 4rem; border-right: 1px solid #ccc; border-top: 1px solid #ccc; background: #edeff4; } .sub_table9 td{ line-height: 4rem; font-size: 1.6rem; vertical-align: middle; text-align: center; border-top: 1px solid #ccc; border-right: 1px solid #ccc; padding-left: 5px; background: #edeff4; font-weight: bold;} .sub_table9 .b_g{ background:#edeff4 } .sub_table9 .bcb{ text-align: center; font-weight: bold;} .sub_table10{ width: 100%; font-size: 1.6rem; line-height: 4rem; margin-bottom: 30px; margin-top: 30px; border: 1px solid #ccc; font-weight: 300; color: #484848;} .sub_table10 th{ text-align: center; line-height: 4rem; border-right: 1px solid #ccc; border-top: 1px solid #ccc; background: #edeff4; } .sub_table10 td{ line-height: 4rem; font-size: 1.6rem; vertical-align: middle; text-align: left; border-top: 1px solid #ccc; border-right: 1px solid #ccc; padding-left: 5px;} .sub_table10 .b_g{ background:#edeff4 } .sub_table10 .bcb{ text-align: center; font-weight: bold;} .link_m{transition: transform 0.3s ease, box-shadow 0.3s ease;} .link_m:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); } .ds_bg { background: url(../image/sub/ds_bg.jpg) no-repeat center bottom; } .ds1_text{ padding:50px 50px 400px 50px; word-break:auto-phrase; font-size: 1.8rem; line-height: 3.2rem; color: #484848; text-shadow: -1px -1px 2px rgba(255,255,255,0.8); } .ds1_text_b{ width: 100%; padding:50px 0;word-break:auto-phrase; font-size: 2.4rem; line-height: 3.2rem; color: #484848; text-shadow: -1px -1px 2px rgba(255,255,255,0.8);} .row .ds1_box{ border:1px solid #ccc; padding-top: 30px; padding-left: 30px; padding-bottom: 50px; min-height: 90px; margin: 30px 4% 0 4%;} .ds1b_tit{ font-size: 3rem; font-weight: 500; color: #484848; text-shadow: -1px -1px 2px rgba(255,255,255,0.8); } .ds1b_st{font-size: 2.4rem; font-weight: 200; margin:0px 0 5px 0; letter-spacing: -1.5px; word-break:auto-phrase; } .ds1b_con{ width:70%; color: #8b8b8b; font-size: 1.6rem; word-break:auto-phrase; } .ds1b_con50{ width:50%; color: #8b8b8b; font-size: 1.6rem; word-break:auto-phrase; } .ds1b_con60{ width:60%; color: #8b8b8b; font-size: 1.6rem; word-break:auto-phrase; } .ds1b_con80{ width:80%; color: #8b8b8b; font-size: 1.6rem; word-break:auto-phrase; } .ds1b_img1{background: url(../image/sub/ds1_img1.jpg) no-repeat top right; background-size: contain; } .ds1b_img2{background: url(../image/sub/ds1_img2.jpg) no-repeat top right; background-size: contain; } .ds1b_img3{background: url(../image/sub/ds1_img3.jpg) no-repeat top right; background-size: contain; } .ds1b_img4{background: url(../image/sub/ds1_img4.jpg) no-repeat top right; background-size: contain; } .ds1b_img5{background: url(../image/sub/ds1_img5.jpg) no-repeat bottom left; background-size: contain; } .ds1b_img6{background: url(../image/sub/ds1_img6.jpg) no-repeat bottom right; background-size: contain; } .ds1b_img7{background: url(../image/sub/ds1_img7.jpg) no-repeat top right; background-size: contain; } .ds1b_img8{background: url(../image/sub/ds1_img8.jpg) no-repeat top right; background-size: contain; } .ds1b_img9{background: url(../image/sub/ds1_img9.jpg) no-repeat top right; background-size: contain; } .ds1b_img10{background: url(../image/sub/ds1_img10.jpg) no-repeat top right; background-size: contain; } .ds1b_img11{background: url(../image/sub/ds1_img11.jpg) no-repeat top right; background-size: contain; } .ds1b_img12{background: url(../image/sub/ds1_img12.jpg) no-repeat bottom left; background-size: contain; } .ds1imgtext{padding: 50px 0 0 50px;} .ds1it_tit{font-size: 4rem; font-weight: 600; letter-spacing: -1px; line-height: 4.5rem} .ds1it_st {font-size: 3rem; font-weight: 200;letter-spacing: -1px; line-height: 3.5rem} .ds1it_con {font-size: 1.8rem; color: #868686; letter-spacing: 3px;} .ds1img { margin: 10px 0 0 0; display: inline-block; overflow: hidden; } .ds1img img{ transition: transform 0.3s ease; /* 부드럽게 */} .ds1img img:hover { transform: scale(1.1); /* 1.0 → 원래 크기, 1.1 → 10% 확대 */} .internet_box{ width:100%; border: 1px solid #ccc; padding:20px 10px; display: flex; flex-direction: row; align-content: flex-start; font-size: 2.1rem; position: relative; margin: 10px 0; letter-spacing: -1px;} .in_box_r{ position: absolute; right:20px;} .in_box_t{font-weight: 400; } .in_box_t a{ color:#484848; font-size: 1.8rem; } .in_box_t b{font-weight: 600; font-size: 2.1rem; } .in_box_btnb{ color:#fff; background: #284181; border-radius: 15px; text-align: center; font-size: 1.6rem; padding: 5px 0; text-align: center; width:70px; margin-right: 10px;} .in_box_btng{ color:#fff; background: #9c9c9c; border-radius: 15px; text-align: center; font-size: 1.6rem; padding: 5px 0; text-align: center; width:70px; margin-right: 10px;} @media (max-width:1200px){ .mb1_text{font-size: 5rem} .fs2{ font-size:1.5rem;} .tatal_box{ display: inline-block; border: 1px solid #ccc; padding: 20px 0px 0px 10px;float: none; letter-spacing: -1px; font-family: "Noto Sans KR";} .total_text{ color: #6e6e70; font-size:2rem;} .total_text2{ font-size:4rem; padding-bottom: 20px;} .total_text2 b{color:#4b4b4b; font-size:6rem;} .total_16 b{ font-size:5rem; font-weight: 300 } .sallc{ font-size: 1.6rem; color: #8b8b8b; } } @media (max-width:992px){ .mb1_text{font-size: 4rem} .fs2{ font-size:1.rem;} .tatal_box{ display: inline-block; border: 1px solid #ccc; padding: 20px 0px 0px 10px;float: none; letter-spacing: -1px; font-family: "Noto Sans KR";} .total_text{ color: #6e6e70; font-size:1.5rem;} .total_text2{ font-size:2rem; padding-bottom: 10px;} .total_text2 b{color:#4b4b4b; font-size:4rem;} .box_c_img{ display: inline-block; border: 1px solid #ccc; padding: 0; height: auto; float: none;} .total_16 b{ font-size:3rem; font-weight: 300 } .total_mini_t{font-size: 1.2rem; color: #6e6e70; letter-spacing: 25px; padding-top: 10px;} .s_title{ color:#272727; font-size: 2rem;} header nav.navbar .navbar-nav > li > a, nav.navbar.bootsnav ul.nav > li > a {color: #fff; padding: 10px 0} } @media (max-width: 768px) { .mb1{ border: 1px solid #cccccc; background: url(../image/banner/mb1_bg.jpg) no-repeat; background-position:top center; padding-top: 10px; font-size: 1.2rem; margin-top:50px; } .mb1_text{font-size: 2.5rem; line-height: 2.8rem;} .msw_wrab .sb_t_st{ font-size:1.1rem; letter-spacing: -1px; line-height:1.7rem;} .box_c_c{height: 230px; padding: 10px 0 0 20px;} .box_c_img{} .boxc_tit_m{ margin-top: 10px;} .padding_t30{ padding-top:10px;} .msw_wrab .sb_t_tit{ font-size:2rem; padding-bottom: 5px; line-height: 3rem;} .msw_wrab .sb_t_tit_s{ font-size:2rem; padding-bottom: 5px; word-break: auto-phrase; line-height: 2.5rem; } .mini_t{border-top: 1px solid #ccc; width: 80%; position: absolute; bottom: 10px; font-size: 1.1rem; height: 90px; word-break: auto-phrase; padding: 5px 0; letter-spacing: -1px; line-height: 1.5rem} .tatal_box{ display: inline-block; border: 1px solid #ccc; padding: 20px 0px 0px 0px;float: none; letter-spacing: -1px; font-family: "Noto Sans KR";} .total_mini_t{font-size: 1.2rem; color: #6e6e70; letter-spacing: 7px; padding-top: 10px;} .total_16{ font-size:1rem; color: #4b4b4b; padding-right: 5px; } .total_16 b{ font-size:2rem; font-weight: 300 } .total_r{text-align:left; padding-bottom: 20px;} .banner_tit{font-size: 2rem; color: #313131; letter-spacing: -1px; font-weight: 500;} .s_title{ color:#272727; font-size: 1.6rem;} .tpr_mini_box .name{ font-size:1.1rem; color: #1c1c1c; padding: 30px 0 0 25px; letter-spacing: -1px; position: absolute; top: 0px; left: 0; line-height: 1rem;} .tpr_mini_box .name b{ font-size:1.8rem; font-weight:500; margin-left: -1px;} .tpr_mini_box .b_txt { position: absolute; bottom: 0; background: #878787; font-size: 0.7rem; color: #fff; letter-spacing: 2px; width: 100%; padding: 3px 0; text-align: center; max-width:253px;} .in_box_r{ display: none;} } @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) { Force table to not be like tables anymore table, thead, tbody, th, td, tr { display: block; } .ui-datepicker-calendar thead{ display:none;} .sub_table1 { display: block; } .sub_table1 thead tr {position: absolute; top: -9999px; left: -9999px; } .sub_table1 tr { margin: 0; border-bottom:1px solid #ccc; color: #484848; } .sub_table1 tr:nth-child(odd) { background: #fff; } .sub_table1 th{ display:none;} .sub_table1 td { border: none; border-bottom: 1px solid #ccc; position: relative; padding-left: 55%; text-align: center; } .sub_table1 td:before {position: absolute; top: 0px; left: 0px; width: 55%;white-space: nowrap; border-right: 1px solid #ccc;} .sub_table1 td:nth-of-type(1):before { content: "해당연도"; font-weight: bold; background: #edeff4; } .sub_table1 td:nth-of-type(2):before { content: "장학금액"; font-weight: bold; background: #edeff4; } .sub_table1 td:nth-of-type(3):before { content: "대성장학인원"; font-weight: bold; background: #edeff4; } .sub_table1 td:nth-of-type(4):before { content: "장학A인원"; font-weight: bold; background: #edeff4; } .sub_table1 td:nth-of-type(5):before { content: "장학B인원"; font-weight: bold; background: #edeff4; } .sub_table1 td:nth-of-type(6):before { content: "장학C인원"; font-weight: bold; background: #edeff4; } .sub_table1 td:nth-of-type(7):before { content: "유공자, 특별전형 및 기타"; font-weight: bold; background: #edeff4; } .sub_table1 td:nth-of-type(8):before { content: "년 인원"; font-weight: bold; background: #edeff4; } .sub_table2 { display: block; } .sub_table2 thead tr {position: absolute; top: -9999px; left: -9999px; } .sub_table2 tr { margin: 0; border-bottom:1px solid #ccc; color: #484848; } .sub_table2 tr:nth-child(odd) { background: #fff; } .sub_table2 th{ display:none;} .sub_table2 td { border: none; border-bottom: 1px solid #ccc; position: relative; padding-left: 55%; text-align: center; } .sub_table2 td:before {position: absolute; top: 0px; left: 0px; width: 55%; white-space: nowrap; border-right: 1px solid #ccc;} .sub_table2 td:nth-of-type(1):before { content: "년도"; font-weight: bold; background: #edeff4; } .sub_table2 td:nth-of-type(2):before { content: "장학금액"; font-weight: bold; background: #edeff4; } .sub_table2 td:nth-of-type(3):before { content: "대성장학 "; font-weight: bold; background: #edeff4; } .sub_table2 td:nth-of-type(4):before { content: "장학A인원"; font-weight: bold; background: #edeff4; } .sub_table2 td:nth-of-type(5):before { content: "장학B인원"; font-weight: bold; background: #edeff4; } .sub_table2 td:nth-of-type(6):before { content: "장학C인원"; font-weight: bold; background: #edeff4; } .sub_table2 td:nth-of-type(7):before { content: "유공자, 특별 전형 및 기타"; font-weight: bold; background: #edeff4; } .sub_table2 td:nth-of-type(8):before { content: "년 인원"; font-weight: bold; background: #edeff4; } .sub_table3 { display: block; } .sub_table3 thead tr {position: absolute; top: -9999px; left: -9999px; } .sub_table3 tr { margin: 0; border-bottom:1px solid #ccc; color: #484848; } .sub_table3 tr:nth-child(odd) { background: #fff; } .sub_table3 th{ display:none;} .sub_table3 td { border: none; border-bottom: 1px solid #ccc; position: relative; padding-left: 50%; text-align: center; } .sub_table3 td:before {position: absolute; top: 0px; left: 0px; width: 45%; white-space: nowrap; border-right: 1px solid #ccc;} .sub_table3 td:nth-of-type(1):before { content: "의학계열"; font-weight: bold; background: #edeff4; border-bottom:1px solid #ccc; } .sub_table3 td:nth-of-type(2):before { content: "서·연·고"; font-weight: bold; background: #edeff4; border-bottom:1px solid #ccc; } .sub_table3 td:nth-of-type(3):before { content: "서·성·한·중·이"; font-weight: bold; background: #edeff4; border-bottom:1px solid #ccc; } .sub_table3 td:nth-of-type(4):before { content: "장학금액"; font-weight: bold; background: #edeff4; border-bottom:1px solid #ccc; } .sub_table4 { display: block; } .sub_table4 thead tr {position: absolute; top: -9999px; left: -9999px; } .sub_table4 tr { margin: 0; border-bottom:1px solid #ccc; color: #484848; } .sub_table4 tr:nth-child(odd) { background: #fff; } .sub_table4 th{ display:none;} .sub_table4 td { border: none; border-bottom: 1px solid #ccc; position: relative; padding-left: 50%; text-align: center; } .sub_table4 td:before {position: absolute; top: 0px; left: 0px; width: 45%; white-space: nowrap; border-right: 1px solid #ccc;} .sub_table4 td:nth-of-type(1):before { content: "합격대학"; font-weight: bold; background: #edeff4; border-bottom:1px solid #ccc; } .sub_table4 td:nth-of-type(2):before { content: "합격학과"; font-weight: bold; background: #edeff4; border-bottom:1px solid #ccc; } .sub_table4 td:nth-of-type(3):before { content: "성명 "; font-weight: bold; background: #edeff4; border-bottom:1px solid #ccc; } .sub_table4 td:nth-of-type(4):before { content: "출신고"; font-weight: bold; background: #edeff4; } .sub_table5 { display: block; } .sub_table5 thead tr {position: absolute; top: -9999px; left: -9999px; } .sub_table5 tr { margin: 0; border-bottom:1px solid #ccc; color: #484848; } .sub_table5 tr:nth-child(odd) { background: #fff; } .sub_table5 th{ display:none;} .sub_table5 td { border: none; border-bottom: 1px solid #ccc; position: relative; padding-left: 20%; text-align: center; font-size: 1.4rem; } .sub_table5 td:before {position: absolute; top: 0px; left: 0px; width: 20%; white-space: nowrap; border-right: 1px solid #ccc;} .sub_table5 td:nth-of-type(1):before { content: "정류장명"; font-weight: bold; background: #edeff4; border-bottom:1px solid #ccc; } .sub_table5 td:nth-of-type(2):before { content: "버스 번호"; font-weight: bold; background: #edeff4; border-bottom:1px solid #ccc; height: -webkit-fill-available; height: 100%; } .sub_table6 { display: block; } .sub_table6 thead tr {position: absolute; top: -9999px; left: -9999px; } .sub_table6 tr { margin: 0; border-bottom:1px solid #ccc; color: #484848; } .sub_table6 tr:nth-child(odd) { background: #fff; } .sub_table6 th{ display:none;} .sub_table6 td { border: none; border-bottom: 1px solid #ccc; position: relative; padding-left: 0%; text-align: center; word-break:auto-phrase; } .sub_table6 td:before {position: absolute; top: 0px; left: 0px; width: 100%; white-space: nowrap; border-right: 1px solid #ccc;} .sub_table7 { display: none; } .sub_table7 thead tr {position: absolute; top: -9999px; left: -9999px; } .sub_table7 tr { margin: 0; border-bottom:1px solid #ccc; color: #484848; } .sub_table7 tr:nth-child(odd) { background: #fff; } .sub_table7 th{ display:none;} .sub_table7 td { border: none; border-bottom: 1px solid #ccc; position: relative; padding-left: 20%; text-align: center; font-size: 1.4rem; } .sub_table7 td:before {position: absolute; top: 0px; left: 0px; width: 20%; white-space: nowrap; border-right: 1px solid #ccc;} .sub_table7 td:nth-of-type(1):before { content: "과정"; font-weight: bold; background: #edeff4; border-bottom:1px solid #ccc; } .sub_table7 td:nth-of-type(2):before { content: "항목"; font-weight: bold; background: #edeff4; border-bottom:1px solid #ccc; } .sub_table7 td:nth-of-type(3):before { content: "내용"; font-weight: bold; background: #edeff4; border-bottom:1px solid #ccc; } .sub_table8 { display: block; } .sub_table8 thead tr {position: absolute; top: -9999px; left: -9999px; } .sub_table8 tr { margin: 0; border-bottom:1px solid #ccc; color: #484848; } .sub_table8 tr:nth-child(odd) { background: #fff; } .sub_table8 th{ display:none;} .sub_table8 td { border: none; border-bottom: 1px solid #ccc; position: relative; padding-left: 20%; text-align: center; font-size: 1.4rem; } .sub_table8 td:before {position: absolute; top: 0px; left: 0px; width: 20%; white-space: nowrap; border-right: 1px solid #ccc;} .sub_table8 td:nth-of-type(1):before { content: "과정"; font-weight: bold; background: #edeff4; border-bottom:1px solid #ccc; } .sub_table8 td:nth-of-type(2):before { content: "항목"; font-weight: bold; background: #edeff4; border-bottom:1px solid #ccc; } .sub_table8 td:nth-of-type(3):before { content: "내용"; font-weight: bold; background: #edeff4; height: -webkit-fill-available} .sub_table10 { display: block; } .sub_table10 thead tr {position: absolute; top: -9999px; left: -9999px; } .sub_table10 tr { margin: 0; border-bottom:1px solid #ccc; color: #484848; } .sub_table10 tr:nth-child(odd) { background: #fff; } .sub_table10 th{ display:none;} .sub_table10 td { border: none; border-bottom: 1px solid #ccc; position: relative; padding-left: 20%; text-align: center; font-size: 1.4rem; } .sub_table10 td:before {position: absolute; top: 0px; left: 0px; width: 20%; white-space: nowrap; border-right: 1px solid #ccc;} .sub_table10 td:nth-of-type(1):before { content: "강사진"; font-weight: bold; background: #edeff4; border-bottom:1px solid #ccc; } .sub_table10 td:nth-of-type(2):before { content: "논술과목"; font-weight: bold; background: #edeff4; border-bottom:1px solid #ccc; height: -webkit-fill-available } .sub_table10 td:nth-of-type(3):before { content: "강좌특징"; font-weight: bold; background: #edeff4; border-bottom:1px solid #ccc; height: -webkit-fill-available} } @media (min-width: 1200px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {float:left;} } @media (max-width: 960px) { .ds1_text{ padding:50px 50px 200px 50px; word-break:auto-phrase; font-size: 1.8rem; line-height: 3.2rem; color: #484848; text-shadow: -1px -1px 2px rgba(255,255,255,0.8); } } @media (max-width: 768px) { .sallc{ font-size: 1.4rem;} .ds1b_tit{ font-size: 2rem; font-weight: 500; color: #484848; text-shadow: -1px -1px 2px rgba(255,255,255,0.8); } .ds1b_st{font-size: 1.6rem; font-weight: 200; margin:0px 0 5px 0; letter-spacing: -1.5px; word-break:auto-phrase; } .ds1b_con{ width:70%; color: #8b8b8b; font-size: 1.4rem; word-break:auto-phrase; } .ds1b_con50{ width:50%; color: #8b8b8b; font-size: 1.4rem; word-break:auto-phrase; } .ds1b_con60{ width:60%; color: #8b8b8b; font-size: 1.4rem; word-break:auto-phrase; } .ds1b_con80{ width:80%; color: #8b8b8b; font-size: 1.4rem; word-break:auto-phrase; } .ds1it_tit{font-size: 3rem; font-weight: 600; letter-spacing: -1px; line-height: 3.5rem} .ds1it_st {font-size: 2rem; font-weight: 200;letter-spacing: -1px; line-height: 2.5rem} .ds1it_con {font-size: 1.4rem; color: #868686; letter-spacing: 3px;} .internet_box{ width:100%; border: 1px solid #ccc; padding:20px 10px; display: flex; flex-direction: row; align-content: flex-start; font-size: 1.8rem; position: relative; margin: 10px 0; letter-spacing: -1px;} .in_box_r{ position: absolute; right:20px;} .in_box_t{font-weight: 400; } .in_box_t a{ color:#484848; font-size: 1.4rem; } .in_box_t b{font-weight: 600; font-size: 1.8rem; } .s_title{ font-size: 1.6rem;} .sub_tit{ text-align: center; font-size: 3rem; max-height:240px; vertical-align: middle; color: #272727; padding: 50px 0; line-height: 3.5rem; word-break: auto-phrase; } .fs5{ font-size: 4rem; line-height: 4.5rem; } .fs3_5{ font-size: 2.5rem; line-height: 3rem; } .fs3{font-size: 2rem; line-height: 2.5rem; } .fs1_6{ font-size:1.2rem;} }