@charset "utf-8"; #container {min-height: 1100px; } /* 서브 이미지 (공통) */ #container > .inner img.img_tab, #container > .inner img.img_mob {display:none} /* 회사소개 */ #container > .inner .greeting > ul {clear:both} #container > .inner .greeting > ul > li {position:relative; float:left} #container > .inner .greeting > ul > li.list1 {width:45%} #container > .inner .greeting > ul > li.list2 {width:50%} #container > .inner .greeting > ul > li.right {float:right} #container > .inner .greeting > ul > li img {display:block; width:100%} #container > .inner .greeting > ul > li .text_effect {float:left; width:50%} #container > .inner .greeting > ul > li .full {width:100% !important; margin-bottom:40px} #container > .inner .greeting > ul > li .text_effect > li > .txt {display:inline-block; font-size:26px; color:#21bbb1} #container > .inner .greeting > ul > li .text_effect > li > .txt p {position:relative; margin-bottom:10px; height:1px; background:#aaece6} #container > .inner .greeting > ul > li .text_effect > li > .txt p span {position:absolute; display:inline-block; width:100%; height:1px} #container > .inner .greeting > ul > li .text_effect > li > .txt p span.color1 {background:#21bbb1} #container > .inner .greeting > ul > li .text_effect > li > .txt p span.color2 {background:#aaece6} #container > .inner .greeting .txt_box {float:right; width:47%} #container > .inner .greeting .txt_box p.desc {font-size:12px; line-height:1.7; letter-spacing:-0.5px; text-align:justify; margin-bottom:30px} #container > .inner .greeting .txt_box.full {float:none; width:100% !important} /* 연혁 */ #container > .inner .history {text-align:justify} #container > .inner .history:after {display:inline-block; width:100%; height:0; content:''} #container > .inner .history > .history_box {display:inline-block; width:48%; margin-bottom:35px; overflow:hidden} #container > .inner .history > .history_box h3 {font-size:24px; font-weight:600; color:#21bbb1; padding-bottom:15px; border-bottom:1px solid #dedede; margin-bottom:20px} #container > .inner .history > .history_box dl {margin:0; padding:0; overflow:hidden} #container > .inner .history > .history_box dl dt {float:left; color:#999; width:70px; line-height:1.6; padding:5px 0} #container > .inner .history > .history_box dl dd {color:#555; margin-left:80px; padding:5px 0; line-height:1.6} #container > .inner .history > .history_box dl span.white {color:#fff !important} #container > .inner .history > .con_box {clear:both; padding:30px 50px 10px 50px; border:3px solid #ccc; overflow:hidden} #container > .inner .history > .con_box .left {float:left; width:50%} #container > .inner .history > .con_box .right {float:right; width:50%} #container > .inner .history > .con_box dl {position:relative; margin-bottom:15px; overflow:hidden} #container > .inner .history > .con_box dl dt {clear:left; float:left; width:100px; color:#666} #container > .inner .history > .con_box dl dd {margin-left:100px; padding-right:20px; color:#888} /* 레이어 팝업 */ #img_popup_wrap {position:fixed; top:0; left:0; width:100%; height:100%; z-index:990; visibility:hidden} #mask {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity='80')} #imgPopup {position:fixed; top:50%; left:50%; width:60%; background:#fff; z-index:1000} #imgPopup .img_wrap {position:relative; height:100%} #imgPopup .img_wrap ul {} #imgPopup .img_wrap ul li {display:none} #imgPopup .img_wrap ul li.on {display:block} #imgPopup .img_wrap ul li img {display:block; width:100%} #imgPopup .img_wrap p.tit {clear:both; line-height:50px; padding:0 30px} #img_popup_wrap a {position:absolute; z-index:1010} #img_popup_wrap a.pop_close {top:20px; right:10%} #img_popup_wrap a.pop_prev {top:50%; left:10%} #img_popup_wrap a.pop_next {top:50%; right:10%} /* 찾아오시는 길 */ #mask_pop {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity='80')} #container > .inner .company .photo_slide {} #container > .inner .company .photo_slide .slide_wrap {position:relative; margin-bottom:30px} #container > .inner .company .photo_slide .slide_wrap .tit_box {position:absolute; width:140px; padding:20px; top:0; right:0; color:#fff; background:#21bbb1; z-index:50} #container > .inner .company .photo_slide .slide_wrap .tit_box h2 {font-size:18px; line-height:1.2; margin-bottom:10px} #container > .inner .company .photo_slide .slide_wrap .photo_list {overflow:hidden} #container > .inner .company .photo_slide .slide_wrap .photo_list li {position:relative; float:left; cursor:pointer} #container > .inner .company .photo_slide .slide_wrap .photo_list li.p_1 {width:52.6%} #container > .inner .company .photo_slide .slide_wrap .photo_list li.p_2 {width:47.4%} #container > .inner .company .photo_slide .slide_wrap .photo_list li.p_3, #container > .inner .company .photo_slide .slide_wrap .photo_list li.p_4 {width:23.7%} #container > .inner .company .photo_slide .slide_wrap .photo_list li > img {display:block; width:100%} #container > .inner .company .photo_slide .slide_wrap .photo_list li a {display:none; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; z-index:10} #container > .inner .company .photo_slide .slide_wrap .photo_list li a .mask {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:20} #container > .inner .company .photo_slide .slide_wrap .photo_list li a img {display:inline-block; position:relative; text-align:center; z-index:30} #container > .inner .company .photo_slide .photo_swipe {display:none; position:relative; overflow:hidden} #container > .inner .company .photo_slide .photo_swipe ul {position:relative; width:1000%} #container > .inner .company .photo_slide .photo_swipe ul li {position:relative; float:left} #container > .inner .company .photo_slide .photo_swipe ul li img {display:block; width:100%} #container > .inner .company .photo_slide .photo_swipe ul li p {position:absolute; display:inline-block; bottom:0; left:0; padding:15px 25px; color:#333; background:#fff} #container > .inner .company .photo_slide .paging {clear:both; margin:30px 0 100px 0; font-size:28px; color:#bbb; text-align:right} #container > .inner .company .photo_slide .paging a {display:inline-block} #container > .inner .company .photo_slide .paging a img {vertical-align:-3px} #container > .inner .company .photo_slide .paging span.current {color:#21bbb1} #container > .inner .company .photo_slide .paging_m {clear:both; display:none; margin:30px 0 100px 0; font-size:28px; color:#bbb; text-align:center} #container > .inner .company .photo_slide .paging_m a {display:inline-block} #container > .inner .company .photo_slide .paging_m a img {vertical-align:-3px} #container > .inner .company .photo_slide .paging_m span.current {color:#21bbb1} #container > .inner .company .map_list .map_list_wrap {padding-bottom:15px; border-bottom:1px solid #eee;} #container > .inner .company .map_list li.map {display:none; width:100%; margin-top:30px} #container > .inner .company .map_list li.map .map_area {position:relative; width:100%; height:500px; overflow:hidden} #container > .inner .company .map_list li.map .map_area #map {height:100%} #container > .inner .company .map_list li .map_list_wrap h3 {font-size:18px; font-weight:400; color:#333; margin-bottom:20px} #container > .inner .company .map_list li .map_list_wrap p {color:#777} #container > .inner .company .map_list li .map_list_wrap p.new {margin-bottom:5px} #container > .inner .company .map_list li .map_list_wrap p.old {margin-bottom:30px} #container > .inner .company .map_list li .map_list_wrap p.tel {margin-bottom:15px; padding-left:45px; background:url(../../img/map_phone_c.png) left center no-repeat} #container > .inner .company .map_list li .map_list_wrap p.fax {padding-left:45px; background:url(../../img/map_printer_c.png) left center no-repeat} /*#container > .inner .company .map_list li:hover p.tel, #container > .inner .company .map_list li.on p.tel {background:url(../../img/map_phone_c.png) left center no-repeat} #container > .inner .company .map_list li:hover p.fax, #container > .inner .company .map_list li.on p.fax {background:url(../../img/map_printer_c.png) left center no-repeat}*/ /*#container > .inner .company .map_list li:hover h3, #container > .inner .company .map_list li .map_list_wrap:hover p, #container > .inner .company .map_list li.on h3, #container > .inner .company .map_list li.on p, #container > .inner .company .map_list li:hover a, #container > .inner .company .map_list li.on a {color:#21bbb1 !important}*/ #container > .inner .company .map_list li .map_list_wrap a.pointer {display:block; position:absolute; right:0; bottom:15px} /* 사업소개 */ #container > .inner .business ul.tpl_list {margin-bottom:100px} #container > .inner .business ul.tpl_list li {position:relative; height:330px; vertical-align:top} #container > .inner .business ul.tpl_list li .allocation_inner h3 {font-size:18px; margin-bottom:20px} #container > .inner .business ul.tpl_list li .allocation_inner p.txt {color:#777; line-height:1.6} #container > .inner .business ul.tpl_list li .allocation_inner p.img {position:absolute; bottom:0; left:0} #container > .inner .business ul.tpl_list li .allocation_inner p.img img {display:block; width:100%} #container > .inner .business p.main_desc {color:#777; line-height:2; text-align:justify; margin-bottom:50px} #container > .inner .business .process_box {padding:30px; border:3px solid #ccc} #container > .inner .business .process_box ul.prcs_list li {text-align:center; background:url(../../img/process_arrow.png) right 10px center no-repeat} #container > .inner .business .process_box ul.prcs_list li.last {background:none} #container > .inner .business .process_box ul.prcs_list li p.img {height:70px; margin-bottom:10px} #container > .inner .business .process_box ul.prcs_list li p.txt {font-weight:600; font-size:12px; line-height:1.5} #container > .inner .business .wrap_type1 {margin-top:100px; border:1px solid #dedede; overflow:hidden} #container > .inner .business .wrap_type1 .left {float:left; width:45%} #container > .inner .business .wrap_type1 img {display:block; width:100%} #container > .inner .business .wrap_type1 .center {float:left; width:30%; padding-top:50px} #container > .inner .business .wrap_type1 .center ul.text_effect {padding-left:15%} #container > .inner .business .wrap_type1 .center ul.text_effect li {float:none !important} #container > .inner .business .wrap_type1 .center ul.text_effect li .txt {display:inline-block; font-size:28px; color:#21bbb1; line-height:1.4} #container > .inner .business .wrap_type1 .center ul.text_effect li .txt p {position:relative; margin-bottom:10px; height:1px; background:#aaece6} #container > .inner .business .wrap_type1 .center ul.text_effect li .txt p span {position:absolute; display:inline-block; height:1px} #container > .inner .business .wrap_type1 .center ul.text_effect li .txt p span.color1 {background:#21bbb1} #container > .inner .business .wrap_type1 .center ul.text_effect li .txt p span.color2 {background:#aaece6} #container > .inner .business .wrap_type1 .center p.desc {color:#777; line-height:1.6; text-align:justify; margin-top:30px; padding-left:15%} #container > .inner .business .wrap_type1 .right {float:right; width:22%; border-left:1px solid #dedede} #container > .inner .business .wrap_type1 .right p.img {margin-bottom:70px} #container > .inner .business .wrap_type1 .right p.img img {width:100%} #container > .inner .business .wrap_type1 .right h3 {line-height:1; margin-bottom:34px; padding:0 30px} #container > .inner .business .wrap_type1 .right h3 p {font-size:26px; color:#000; line-height:inherit; transition:all 0.5s ease} #container > .inner .business .wrap_type1 .right h3 p:after {clear:both; display:block; content:''} #container > .inner .business .wrap_type1 .right h3 p.tit2 {width:105%; margin-left:-5px} #container > .inner .business .wrap_type1 .right h3 p.tit3 {width:110%; margin-left:-5px} #container > .inner .business .wrap_type1 .right h3 p span {display:block; float:left; width:16%; text-align:center} #container > .inner .business .wrap_type1 .right h3 p span.blind {display:none} /* 커스텀 css 2020-08-19 */ /* COMPANY - 회사소개(공통) */ #container > .inner .wr-block h3.title {font-size: 24px;line-height: 1.5;-ms-word-break: keep-all;word-break: keep-all;font-weight: bold;margin: 0;color: #333;letter-spacing: -1px;} #container > .inner .wr-block h3.title:after {content: '';background: #333;width: 40px;height: 2px;display: block;margin-top: 20px;} #container > .inner .wr-block h3.title.center:after {display: none;} #container > .inner .wr-block h3.title.white {color: #fff;} #container > .inner .wr-block h3.title.white:after {background: #fff;} #container > .inner .wr-block.section1 p {font-size: 14px;line-height: 1.8;-ms-word-break: keep-all;word-break: keep-all;letter-spacing: -1px;} #container > .inner .wr-block.section2 h3 {width: 160px;height: 140px;background: #eee;padding: 30px 0 30px 20px;font-size: 18px;font-weight: bold;color: #333;position: absolute;bottom: -35px;left: 74px;margin: 0;line-height: 28px;} #container > .inner .wr-block.section2 h3 strong:before {content: '';background: #333;width: 40px;height: 2px;display: block;margin-bottom: 10px;} #container > .inner .wr-block.section2 h3 strong:after {content: '';background: #333;width: 40px;height: 2px;display: block;margin-top: 10px;} #container > .inner .wr-block.section2 p {position: relative;bottom: -90px;width: 100%;text-align: center;font-size: 14px;} #container > .inner .wr-block.section3 {margin-top: 100px;} #container > .inner .wr-block.section3 h3.title {} #container > .inner .company1 .wr-block.section3 .fdb-touch {border: 3px solid #ccc;} #container > .inner .company1 .wr-block.section3 .fdb-box {background: none;border-radius: 0;padding: 48px 20px;box-shadow: none;} #container > .inner .company1 .wr-block.section3 .fdb-touch p:first-of-type i {font-size: 40px;} #container > .inner .wr-block.section3 .fdb-box img {width: 10px;} #container > .inner .company1 .wr-block.section3 .fdb-box:hover {color: #21bbb1;transition: all 0.3s ease;} #container > .inner .company1 .wr-block.section3 .fdb-touch:hover {border: 3px solid #21bbb1;transition: all 0.3s ease;} #container > .inner .company1 .wr-block.section3 .fdb-touch:hover p {color: #21bbb1;transition: all 0.3s ease;} #container > .inner .company1 .wr-block.section3 .fdb-touch:hover p i {color: #21bbb1;transition: all 0.3s ease;} /* COMPANY - 인증 및 수상 */ #container > .inner .company2 .wr-block.section2 h3 {bottom: 0;} #container > .inner .company2 .wr-block.section2 p {bottom: -100px;text-align: left;-ms-word-break: keep-all;word-break: keep-all;} #container > .inner .company2 .wr-block.section3 {padding: 0;} /* BUSINESS - 서비스소개 */ #container > .inner .wr-block p.sub_title {line-height: 1.5;-ms-word-break: keep-all;word-break: keep-all;font-weight: bold;color: #21bbb1;} /* BUSINESS - 운영방식 */ #container > .inner .business2 .wr-block h3.sub_title {font-size: 18px;font-weight: bold;color: #ccc;margin: 0;line-height: 28px;} #container > .inner .business2 .wr-block h3.sub_title strong:before {content: '';background: #ccc;width: 40px;height: 2px;display: block;margin-bottom: 10px;} #container > .inner .business2 .wr-block h3.sub_title strong:after {content: '';background: #ccc;width: 40px;height: 2px;display: block;margin-top: 10px;} /*#container > .inner .business2 .wr-block.section3 .fdb-touch {border: 3px solid #eee;} #container > .inner .business2 .wr-block.section3 .fdb-box {border-radius: 0;padding: 48px 20px;min-height: 300px;position: relative;box-shadow: none;} #container > .inner .business2 .wr-block.section3 .fdb-box p {position: absolute;bottom: 0;right: 0;} #container > .inner .business2 .wr-block.section3 .fdb-box p i {font-size: 40px;color: #ccc;} #container > .inner .business2 .wr-block.section3 .fdb-box:hover {color: #21bbb1;transition: all 0.3s ease;} #container > .inner .business2 .wr-block.section3 .fdb-box:hover h3.sub_title {color: #21bbb1;transition: all 0.3s ease;} #container > .inner .business2 .wr-block.section3 .fdb-box:hover h3.sub_title strong:before, #container > .inner .business2 .wr-block.section3 .fdb-box:hover h3.sub_title strong:after {background: #21bbb1;transition: all 0.3s ease;} #container > .inner .business2 .wr-block.section3 .fdb-touch:hover {border: 3px solid #21bbb1;transition: all 0.3s ease;} #container > .inner .wr-block.section3 .fdb-box:hover p i {transition: all 0.3s ease;color: #21bbb1;}*/ #container > .inner .business2 .wr-block .box {overflow: hidden;} #container > .inner .business2 .wr-block .box_line {display: inline-block;vertical-align: top;width: 17px;height: 3px;background: #21bbb1;} #container > .inner .business2 .wr-block .box_text {display: inline-block;width: 88%;} #container > .inner .business2 .wr-block .box_text .box_title {font-weight: bold;font-size: 16px;color: #000;line-height: normal;} #container > .inner .business2 .wr-block .bggr {background: #21bbb1;color: #fff;font-weight: bold;font-size: 16px !important;} #container > .inner .business2 .wr-block .bgwh {background: #fff;} /* SUNNYPICKPLE - 써니픽플행사 */ .sunnypickple1 .brd_photo_list .hoverBox {display: none;} /* SUNNYPICKPLE - 채용공고 */ #container > .inner .sunnypickple2 .wr-block .icon_title {font-size: 20px;font-weight: bold;margin: 0;color: #333;letter-spacing: -1px;} #container > .inner .sunnypickple2 .wr-block .icon_p {line-height: inherit;margin-bottom: 0;} /* list style 4 */ .list-style-4 { list-style: none; margin: 0; padding: 0;} .list-style-4 li { position: relative; padding: 0 0 10px 22px; margin: 0 0 10px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);} .list-style-4 li:before { content: "\f00c"; position: absolute; top: 1px; left: 0; font-family: FontAwesome; font-weight: 900; } .list-style-4 li:last-child {border-bottom: 0;} /*.list-style-4.list-style-color li {border-color: rgba(255,255,255,.15);}*/ .list-style-4.list-style-color li:before {color: #21bbb1;} /* 우측 배너 */ #aside .latest_box {background:#fff !important; box-shadow:1px 1px 2px 0 rgba(0,0,0,0.12)} /* 게시판 에디터 깨짐 방지 */ table.seLayout td {padding:0 !important} /* 게시판 스타일 (2017-08-08 추가) */ /*.brd_photo_list .hoverBox {position:absolute; display:block; top:0; left:0; width:100%; height:100%; padding:32% 30px 0 30px; text-align:center; background:rgba(0,0,0,.8); opacity:0; transition:all .5s ease} .brd_photo_list .hoverBox .inner {} .brd_photo_list .hoverBox .inner h3 {font-size:20px; font-weight:600; color:#fff; line-height:1.2} .brd_photo_list .hoverBox .inner h3:after {display:block; width:40px; height:1px; margin:20px auto; content:''; background:#fff; opacity:.5} .brd_photo_list .hoverBox .inner p {display:-webkit-box; color:#fff; max-height:69px; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis} .brd_photo_list .bbsnewf5:hover .hoverBox {opacity:1} .bbsnewf5 {position:relative; overflow:hidden}*/ .brd_photo_list .hoverBox .inner h3 {font-size:14px; color:#666;width: 100%;} /* 게시판 카테고리 탭 */ .cate_select {display:none !important} .board_tab {position:relative; margin-bottom:50px} .board_tab > a {display:none} .board_tab ul {border-bottom:1px solid #e0e0e0} .board_tab ul > li {float:left; margin-bottom:-1px; margin-left:-1px} .board_tab ul > li:first-child {margin-left:0} .board_tab ul > li > a {display:block; padding:12px 30px; color:#999; border:1px solid #e0e0e0; background:#f4f4f4} .board_tab ul > li.on > a {position:relative; color:#333; border-color:#aaa; border-bottom-color:#fff; background:#fff; z-index:10} /* 웹진(매장안내) 타입 */ /*.webzine_type_img_td {width:30%;} .webzine_type_text_td_left {vertical-align:top;} .webzine_type2 {width:100%;} .webzine_type2 td { width:25%; font-family:'notokr',sans-serif; font-size:14px; padding-bottom:30px;} .webzine_type2 dl, #webzine_type2 dt, #webzine_type2 dd {margin:0;padding:0} .webzine_type2 dl {float:left;clear:both;width:100%;padding:0 0 16px 0;margin-bottom:0;} .webzine_type2 .webzine_type_img_td { vertical-align:top;} .webzine_type2 .webzine_type_img img {width:100%;height:auto;} .webzine_type2 .webzine_type2_table_line { width:100%; border-top:1px solid #cccccc;} .webzine_type2 dd:nth-child(odd) {background:#f3f3f3;} .webzine_type2 dd {float:left;width:100%;padding:10px;margin:0 0 -1px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;} .webzine_type2 .obj_name {display:inline-block;width:90px;padding:0px 0 0 12px;color:#666666;background:url(/cimg/board/cafe24_webzine/bl_webzine_type2_title.gif) right 5px no-repeat;} .webzine_type2 .obj_value {padding:0px 0 0 10px;} .webzine_type2_table_line {display:none;} .webzine_type2 dl .webzine_btn {border:solid 0px red;background:#000;color:#fff;width:100px;height:35px;display:inline-block;text-align:center;line-height:35px;margin-top:20px;transition:all .3s ease;} .webzine_type2 dl .webzine_btn:hover {background:#ededed;color:#000;}*/ /* 미디어 쿼리 */ @media screen and (max-width:1740px) { #aside {display:none !important} } @media screen and (max-width:1366px) { #container > .inner .greeting > ul > li .text_effect {width:45%} #container > .inner .greeting > ul > li .text_effect > li > .txt {font-size:18px; font-weight:600} #container > .inner .greeting .txt_box {width:52%} } @media screen and (max-width:1280px) { #container > .inner .greeting > ul > li {clear:both; float:none; width:100% !important} #container > .inner .greeting > ul > li.list1 {margin-bottom:45px} #container > .inner .greeting > ul > li .text_effect {float:none; width:100%} #container > .inner .greeting > ul > li .text_effect > li > .txt {font-size:36px; font-weight:400} #container > .inner .greeting .txt_box {float:none; width:100%; margin-top:45px; font-size:13px} #container > .inner .greeting .txt_box p.desc {margin-bottom:15px} #container > .inner .business .wrap_type1 {margin-top:0; border:none} #container > .inner .business .wrap_type1 .left {float:none; width:100%} #container > .inner .business .wrap_type1 .center {float:none; width:100%; margin-bottom:50px} #container > .inner .business .wrap_type1 .center ul.text_effect {padding-left:0} #container > .inner .business .wrap_type1 .center ul.text_effect li .txt {font-size:30px} #container > .inner .business .wrap_type1 .center ul.text_effect li .txt p {margin-bottom:0} #container > .inner .business .wrap_type1 .center p.desc {padding-left:0 !important} #container > .inner .business .wrap_type1 .right {float:none; width:100%; border:none} #container > .inner .business .wrap_type1 .right h3 {margin-bottom:25px; padding:0 !important} #container > .inner .business .wrap_type1 .right h3 p {font-size:44px; width:inherit !important; margin-left:0 !important} #container > .inner .business .wrap_type1 .right h3 p.tit2 {display:none} #container > .inner .business .wrap_type1 .right h3 p span {display:inline; float:none; width:inherit; padding-bottom:0 !important} #container > .inner .business .wrap_type1 .right h3 p span.blind {display:inline !important} .brd_photo_list .hoverBox {padding-top:25%} } @media screen and (max-width:1024px) { #container > .inner .company .map_list li {width:100% !important; margin-bottom:50px; border-bottom:1px solid #eee} #container > .inner .company .map_list li.map {margin-top:0; padding:0 !important} #container > .inner .company .map_list li.map .map_area {height:200px} #container > .inner .company .map_list li .map_list_wrap h3 {font-size:34px} #container > .inner .company .map_list li .map_list_wrap p {font-size:24px} #container > .inner .business ul.tpl_list {padding-top:30px} #container > .inner .business ul.tpl_list li {width:48% !important; height:380px; margin-bottom:50px} .brd_photo_list .hoverBox {padding-top:20%} .brd_photo_list .hoverBox .inner h3 {font-size:16px} .brd_photo_list .hoverBox .inner p {font-size:12px; max-height:63px} /* BUSINESS - 운영방식 */ #container > .inner .business2 .wr-block h3.sub_title {color: #21bbb1;} #container > .inner .business2 .wr-block h3.sub_title strong:before {background: #21bbb1;} #container > .inner .business2 .wr-block h3.sub_title strong:after {background: #21bbb1;} #container > .inner .business2 .wr-block.section3 .fdb-touch {border: 3px solid #21bbb1;} #container > .inner .business2 .wr-block.section3 .fdb-box p i {color: #21bbb1;} /* 게시판 카테고리 탭 */ .cate_select {display:none !important} .board_tab {margin:auto auto 50px auto} .board_tab > a {position:relative; display:block !important; width:100%; height:50px; padding-left:15px; font-size:16px; line-height:50px; border:1px solid #e0e0e0} .board_tab > a:after {position:absolute; font-family:'FontAwesome'; font-size:18px; color:#333; right:20px; content:'\f107'} .board_tab > a.open:after {content:'\f106'} .board_tab ul {display:none; position:absolute; top:49px; width:100%; margin:0; border:1px solid #e8e8e8; border-top:none; background:#fff; z-index:30} .board_tab ul > li {float:none; display:block; margin:0} .board_tab ul > li > a {display:block; padding:12px 15px; font-size:16px; color:#999; border:none; border-top:1px solid #f0f0f0; background:none} .board_tab ul > li.on > a {color:#333; border-color:#f0f0f0} } @media screen and (max-width:768px) { #container > .inner .company .photo_slide .slide_wrap .tit_box {display:none} #container > .inner .company .photo_slide .slide_wrap .photo_list {display:none} #container > .inner .company .photo_slide .paging {display:none} #container > .inner .company .photo_slide .photo_swipe {display:block !important} #container > .inner .company .photo_slide .paging_m {display:block !important} .brd_photo_list .hoverBox {padding:25% 20px 0 20px} #container > .inner .wr-block.section2 h3 {width: 140px;font-size: 16px;left: 44px;} /* COMPANY - 인증 및 수상 */ #container > .inner .company2 .wr-block.section2 h3 {bottom: 50px;} } @media screen and (max-width:640px) { #container > .inner .section {padding-bottom:35px !important} #container > .inner .section h2.sub_tit {font-size:20px; margin-bottom:15px} #container > .inner .section h2.sub_tit:after {width:30px} #container > .inner .greeting > ul > li .text_effect > li > .txt {font-size:24px !important} #container > .inner .greeting .txt_box {margin-top:35px !important} #container > .inner .greeting .txt_box p.desc {font-size:13px} #container > .inner .history > .history_box {display:block; width:100% !important} #container > .inner .history > .history_box h3 {font-size:20px !important} #container > .inner .history > .con_box {padding:15px 25px} #container > .inner .history > .con_box .left, #container > .inner .history > .con_box .right {float:none; width:100% !important} #container > .inner .history > .con_box dl dt, #container > .inner .history > .con_box dl dd {font-size:12px} #container > .inner .company .map_list li .map_list_wrap {padding-bottom:25px} #container > .inner .company .map_list li .map_list_wrap h3 {font-size:17px !important; margin-bottom:10px} #container > .inner .company .map_list li .map_list_wrap p {font-size:15px !important} #container > .inner .company .map_list li .map_list_wrap p.old {margin-bottom:10px} #container > .inner .company .map_list li .map_list_wrap p.tel, #container > .inner .company .map_list li .map_list_wrap p.fax {font-size:13px !important} #container > .inner .company .map_list li .map_list_wrap a.pointer {bottom:20px; right:0} #container > .inner .business ul.tpl_list {margin-bottom:30px} #container > .inner .business ul.tpl_list li {width:100% !important; height:initial} #container > .inner .business ul.tpl_list li p.img {position:static !important; margin-top:30px} #container > .inner .business .process_box {padding:30px 0} #container > .inner .business .process_box ul.prcs_list li {background:url(../../img/process_arrow.png) right center no-repeat; background-size:16px} #container > .inner .business .wrap_type1 .center ul.text_effect li .txt {font-size:24px} #container > .inner .business .wrap_type1 .right p.img {margin-bottom:25px} #container > .inner .business .wrap_type1 .right h3 p {font-size:inherit} #container > .inner .business .wrap_type1 .right h3 p span {font-size:24px} #container > .inner img.img_mob {display:block !important} #container > .inner img.img_pc {display:none !important} .brd_photo_list .hoverBox {padding-top:32%} } @media screen and (max-width:480px) { .container {padding: 0 !important;margin: 0 !important;} #container > .inner .wr-block h3.title {font-size: 20px;} #container > .inner .wr-block.section2 .col-12 {margin-bottom: 100px;} #container > .inner .wr-block.section2 h3 {left: 88px;} #container > .inner .wr-block.section3 {margin-top: 0;} #container > .inner .wr-block.section3 .fdb-box {min-height: 170px;padding: 20px;} /* COMPANY - 인증 및 수상 */ #container > .inner .company2 .wr-block.section2 h3 {bottom: 0;} .mdn {display: none;} }