* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none !important; } @font-face { font-family: 'Noto Sans KR'; font-style: normal; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); unicode-range:U+0041-005A, U+0061-007A; font-weight: 300; } @font-face { font-family: 'NanumBarunGothic'; src: url('/fonts/NanumBarunGothic.eot'); src: url('/fonts/NanumBarunGothic.eot') format('embedded-opentype'), url('/fonts/NanumBarunGothic.woff') format('woff'); font-style: normal; } @font-face { font-family: "NanumSquare"; src: url(/fonts/NanumSquareR.eot); src: url(/fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'), url(/fonts/NanumSquareR.woff2) format('woff2'), url(/fonts/NanumSquareR.woff) format('woff'), url(/fonts/NanumSquareR.ttf) format('truetype'); unicode-range:U+0020-U+007E,U+1100-U+11F9,U+3000-U+303F,U+3131-U+318E,U+327F-U+327F,U+AC00-U+D7A3,U+FF01-U+FF60,U+0030-U+0039,U+002E-U+002E; font-style: normal; } ::-webkit-scrollbar { display: none; } /*******************************************/ @-webkit-keyframes 'expand' { from { width:0px } 50% { margin-left: 13px; } to { margin-left: 25px; } } @-webkit-keyframes text-focus-in { 0% { -webkit-filter: blur(12px); filter: blur(12px); opacity: 0; } 100% { -webkit-filter: blur(0px); filter: blur(0px); opacity: 1; } } @keyframes text-focus-in { 0% { -webkit-filter: blur(12px); filter: blur(12px); opacity: 0; } 100% { -webkit-filter: blur(0px); filter: blur(0px); opacity: 1; } } @-webkit-keyframes text-shadow-drop-center { 0% { text-shadow: 0 0 0 rgba(0, 0, 0, 0); } 100% { text-shadow: 0 0 18px rgba(0, 0, 0, 0.35); } } @keyframes text-shadow-drop-center { 0% { text-shadow: 0 0 0 rgba(0, 0, 0, 0); } 100% { text-shadow: 0 0 18px rgba(0, 0, 0, 0.35); } } @-webkit-keyframes text-shadow-pop-tl { 0% { text-shadow: 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } 100% { text-shadow: -1px -1px #555555, -2px -2px #555555, -3px -3px #555555, -4px -4px #555555, -5px -5px #555555, -6px -6px #555555, -7px -7px #555555, -8px -8px #555555; -webkit-transform: translateX(8px) translateY(8px); transform: translateX(8px) translateY(8px); } } @keyframes text-shadow-pop-tl { 0% { text-shadow: 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } 100% { text-shadow: -1px -1px #555555, -2px -2px #555555, -3px -3px #555555, -4px -4px #555555, -5px -5px #555555, -6px -6px #555555, -7px -7px #555555, -8px -8px #555555; -webkit-transform: translateX(8px) translateY(8px); transform: translateX(8px) translateY(8px); } } @-webkit-keyframes tracking-in-expand { 0% { letter-spacing: -0.5em; opacity: 0; } 40% { opacity: 0.6; } 100% { opacity: 1; } } @keyframes tracking-in-expand { 0% { letter-spacing: -0.5em; opacity: 0; } 40% { opacity: 0.6; } 100% { opacity: 1; } } @-webkit-keyframes text-blur-out { 0% { -webkit-filter: blur(0.01); filter: blur(0.01); } 100% { -webkit-filter: blur(12px) opacity(0%); filter: blur(12px) opacity(0%); } } @keyframes text-blur-out { 0% { -webkit-filter: blur(0.01); filter: blur(0.01); } 100% { -webkit-filter: blur(12px) opacity(0%); filter: blur(12px) opacity(0%); } } .tracking-in-expand { -webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both; animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both; } .text-shadow-pop-tl { -webkit-animation: text-shadow-pop-tl 0.6s both; animation: text-shadow-pop-tl 0.6s both; } .text-shadow-drop-center { -webkit-animation: text-shadow-drop-center 0.6s both; animation: text-shadow-drop-center 0.6s both; } .text-focus-in { -webkit-animation: text-focus-in 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both; animation: text-focus-in 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both; } .text-blur-out { -webkit-animation: text-blur-out 1.2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both; animation: text-blur-out 1.2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both; } /******************************************/ .m_bf_animate { opacity:0; } .bf_animate { opacity:0; } .bf_animate2 { opacity:0; } .bf_animate_txt { opacity:0; } .m_bf_animate_txt { opacity:0; } .bf_fs_type_1 { font-size:28px; } /* font-size:28px*/ .bf_fs_type_2 { font-size:70px; } /* font-size:70px*/ .bf_fs_type_3 { font-size:30px; } /* font-size:30px*/ .bf_fs_type_4 { font-size:12px; } /* font-size:12*/ .bf_fs_type_5 { font-size:18px; } /* font-size:16px*/ .bf_fs_type_6 { font-size:48px; } /* font-size:48px*/ .bf_fs_type_7 { font-size:14px !important; } /* font-size:18px*/ .bf_fs_type_8 { font-size:24px !important; } /* font-size:18px*/ .input_select { height: 32px; color: #333746; -webkit-appearance: none; font-size: 13px !important; border: 1px solid #b3b3b3; padding: 0px 10px; vertical-align: top; background: url(/images/arrow_555.png) no-repeat 95% 50%; background-size: 8px; } .txt_center { text-align:center; } .txt_right { text-align:right; } .word_keep { word-break: keep-all; } body { margin:0px; font-family:'NanumSquare', 'Noto Sans KR', 'serif'; font-size:12px; position:relative; } ul, li { list-style: none; } a { color:#000; text-decoration:none; } .container { max-width:1200px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .container2{ max-width:1200px; margin-right: auto; margin-left: auto; } input { outline: none; } input[type="checkbox"], inpur[type="radio"]{ padding:0; border:0 none; margin:0; overflow:hidden; clip:rect(0 0 0 0); } .inputForm { height:45px; width:100%; color:#333746; font-size:18px !important; line-height:36px; border:1px solid #b3b3b3; padding: 0px 15px; vertical-align:top; } .inputForm::placeholder { color:#a3a3a3; } .gray_input { background-color:#f3f3f3; border:0px !important; } html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; } img {padding:0; margin:0; display:block; } .fx { width:100%; } .row { *zoom:1; } .row:after { content:""; display:block; clear:both; } .pull-left{ float:left; } .pull-right{ float:right; } ul, li { padding:0; margin:0; } select { background-color: transparent; } select option{ background-color: transparent !important; border: 1px solid #e4e4e4; color: #000; -webkit-appearance: none; -moz-appearance: none; } #custom_ul { list-style: none !important; } #custom_ul > li { list-style: none !important; } #custom_ul > li:before { content:"·"; font-size:25px; vertical-align:middle; line-height:20px; margin-right: 5px; } .custom_ta > .dot { width:3%; font-size:25px; vertical-align:middle; line-height:10px; } .custom_ta > .txt { width:92%; } .FS12 { font-size:12px; } .FS14 { font-size:14px; } .FS16 { font-size:16px; } .FS18 { font-size:18px; } .bf_500 { font-weight:500; } .col999 { color:#999; } .colblack { color:#000 !important; } /* 에니매이션 */ .slideintop { animation-name: slideintop; } .slidein { animation-name: slidein; } #main > .m_tt .txt { font-size: 3.5em; } #main > .m_tt .txt .letter { display: inline-block; line-height: 1em; } /* swiper bullet */ #main .swiper-pagination-bullet { height:13px !important; width:13px !important; background: url(/images/b_off.png) center no-repeat !important; opacity: 1 !important; background-size:13px !important;} #main .swiper-pagination-bullet-active { background: url(/images/b_on.png) center no-repeat !important; } #main .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin-left:77px !important;} #main .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:78px !important; width: 873px !important; } #main .swiper-button-next, .swiper-button-prev { top:70% !important; color:#fff !important; } #main .swiper-button-next { left:auto !important; right:-65px !important; } #main .swiper-button-prev { left:auto !important; right:-20px !important; } /* 메인 */ #main {} #main > .m_nav { position:fixed; top:0px; z-index: 99999; width: 100%; margin: 0 auto; } #main > .m_nav .ll { margin-top:50px; } #main > .m_nav .ll img {} #main > .m_nav .rr {} #main > .m_nav .rr ul { margin-top:55px; } #main > .m_nav .rr ul li { display: inline-block; } #main > .m_nav .rr ul li a { display:block; padding:0px 10px; color:#000; font-weight:500; } #main > .m_tt { position:relative; overflow:hidden; } #main > .m_tt .swiper-container { height:95% !important; } #main > .m_tt .swiper-wrapper { height:95% !important; } #main > .m_tt .swiper-slide { height:95% !important; } #main > .m_tt .swiper-slide .bg { position:relative; height: 150%; background-size: cover !important; } #main > .m_tt .swiper-slide .bg .subBg { position:absolute; left:-100px; } #main > .m_tt .swiper-slide .bg .txt { position:absolute; top:380px; left:360px; color:#fff; z-index:999; } #main > .m_tt .swiper-slide .bg .txt .t1 { text-indent: 5px; } #main > .m_tt .swiper-slide .bg .txt .t2 { margin-bottom:10px; } #main > .m_tt .swiper-slide .bg .txt .t3 { font-weight:normal; text-indent: 2px; } #main > .m_tt .main_menu { position:absolute; top: 0px; left: 0px; width: 100%; z-index: 999999; } #main > .m_tt .main_menu .m_nav .ll { margin-top:50px; animation-duration: 1s; } #main > .m_tt .main_menu .m_nav .ll img {} #main > .m_tt .main_menu .m_nav .rr {} #main > .m_tt .main_menu .m_nav .rr ul { margin-top:55px; } #main > .m_tt .main_menu .m_nav .rr ul li { display: inline-block; } #main > .m_tt .main_menu .m_nav .rr ul li a { margin-left:60px; display:block; padding:0px 10px; font-size:18px; color:#000; font-weight:500; } #main > .m_tt .main_menu .m_nav .rr ul li select { margin-left:50px; width:62px; height:24px; } #main > .m_tt .m_bot .bot_area { position:absolute; bottom: 84px; left: 160px; z-index: 999;} #main > .m_tt .m_bot .bars { position:relative; } #main > .m_tt .m_bot .bars .bar { position:absolute; bottom: 0px; height: 1px; border-bottom: 1px solid rgba(255, 255, 255, .5); width:82px; } #main > .m_tt .m_bot .bars .bar1 { right: 48px; } #main > .m_tt .m_bot .bars .bar2 { right: 143px; } #main > .m_tt .m_bot .bars .bar3 { right: 237px; width:400px; } #main > .m_tt .m_bot .icons { margin-left:175px; } #main > .m_tt .m_bot .icons .iconBox{ padding:15px 33px; } #main > .m_tt .m_bot .tx { text-align:center; height:20px; font-size:14px; color:#fff; } #main .bfMainNext { position: absolute; z-index: 99999999999; top: 28px; left:475px; } #main .bfMainPrev { position: absolute; z-index: 99999999999; top: 28px; left:440px; } #main_footer {} #main_footer > .footer { margin-top:7px; } #main_footer > .footer .tt { color:#333333; margin-top: 11px; margin-right:17px; } #main_footer > .footer a { display:block; padding:0px 10px; } #main_footer > .footer .FS { position:relative; } #main_footer > .footer .FS:hover .lists { display:block;} #main_footer > .footer .FS .list { position:absolute; z-index:999999; left: 0px; bottom: 37px; background-color:#fff; box-shadow: 0px 1px 3px 0px #e1e1e1; border: 1px solid #f8f8f8;} #main_footer > .footer .FS .lists { display:none; overflow:hidden; background-color:#fff; } #main_footer > .footer .FS .lists a { opacity:0; display:block; overflow:hidden; width:103px; padding:5px 10px; } #main_footer > .footer .FS .lists:hover { } #main_footer > .footer .FS .lists:hover a { color:#006072; } #main_footer > .footer .FS .lists:last-child { border-bottom:0px; } /* 로고 및 네비게이션*/ #nav {} #nav > .nav_area { position:relative; } #nav > .nav_area.fn_w_nav.selected { height:100px; margin-top: 0px; position: fixed; top: 0px; background-color:#fff; z-index:999999; } #nav > .nav_area.fn_m_nav.selected { margin-top: 0px; position: fixed; top: 0px; background-color:#fff; z-index:999999; } #nav > .nav_area .ll .logo {} #nav > .nav_area .ll .logo a { display:block; } #nav > .nav_area .ll .logo img { width:160px; margin-top:10px; } #nav > .nav_area .rr { height:97px; position:relative; } #nav > .nav_area .rr .main_menu { } #nav > .nav_area .rr .main_menu { text-align: right; } #nav > .nav_area .rr .main_menu > li { position:relative; display: inline-block; width:130px; text-align: center; } #nav > .nav_area .rr .main_menu > li:last-child { width:auto; margin-left:0px; } #nav > .nav_area .rr .main_menu li > a { display:block; padding: 15px 0px; font-size:18px; font-weight:600; color:#000; } #nav > .nav_area .rr .main_menu li .on { color:#006072; } #nav > .nav_area .rr .main_menu li .on .bar { width: 15px; margin-right:15px; } #nav > .nav_area .rr .main_menu li:hover a { color:#006072; } #nav > .nav_area .rr .main_menu li .bar {display:inline-block; border-top:2px solid #006072; height: 7px; width:0px; margin-right: 0px; transition: all 0.5s; } #nav > .nav_area .rr .main_menu li:hover .bar { width: 15px; margin-right:15px; } #nav > .nav_area .rr .main_menu li i { cursor:pointer; font-size:12px; } #nav > .nav_area .rr .main_menu li select { padding:2px; font-size:12px; width:62px; height:25px; border:1px solid #02454e; color:#02454e; border-radius: 8px; } #nav > .nav_area .rr .main_menu li .subMenu { display:none; position:absolute; padding:15px 28px; width:160px; top:42px; left:-20px; background-color:#fff; border:1px solid #f8f8f8; border-radius:8px; box-shadow: 0px 1px 3px 0px #e1e1e1; } #nav > .nav_area .rr .main_menu li .subMenu li { overflow:hidden; text-align: left; margin-bottom:2px; margin-left: 0px; } #nav > .nav_area .rr .main_menu li .subMenu li:last-child { margin-bottom:0px; } #nav > .nav_area .rr .main_menu li .subMenu li a { display:block; padding:0px; line-height: 30px; color:#000; font-weight: 400; text-align:left; } #nav > .nav_area .rr .main_menu li .subMenu li .bf_ani { opacity:0;} #nav > .nav_area .rr .main_menu li .subMenu li a:hover { color:#006072; } #nav > .nav_area .rr .main_menu li .subMenu li a.on { color:#006072; border-bottom:1px solid #006072; } #nav > .nav_area .more_menu { position:relative; } #nav > .nav_area .more_menu img { cursor:pointer; } #nav > .nav_area .more_menu .rr_bg { position:absolute; background: url(/images/nav_bg.png) center no-repeat; background-position-y: 0px; height: 130px; width: 1200px; top: -37px; right: 0px; z-index: -1; } #nav > .nav_area .more_menu .rr_bg2 { z-index: -1; position:absolute; top: 0px; right: -15px; width:80px; height:55px; background-color:#e1f0f2; border-radius:0px 0px 0px 300px; } #nav > .nav_area .floating { position:absolute; width: 100%; top:80px; z-index: 999999; left: 512px; } #nav > .nav_area .floating .floating_area { width: 700px; display:none; background-color: #fff; padding: 0px 0px 0px 27px; height:0px; /*246px;*/ overflow: hidden; border: 1px solid #f8f8f8; border-radius: 8px; box-shadow: 0px 1px 3px 0px #e1e1e1; transition: all 0.3s ease-in-out; } #nav > .nav_area .floating .floating_area.on { display:block; height:230px; /*246px;*/ padding:20px 0px 20px 27px; } #nav > .nav_area .floating .floating_area .div_ul { margin-left: 30px; } #nav > .nav_area .floating .floating_area .div_ul:first-child { } #nav > .nav_area .floating .floating_area .div_ul .div_li { margin-bottom: 2px; width:100px; } #nav > .nav_area .floating .floating_area .div_ul .div_li a { display:block; padding: 0px; line-height: 25px; color: #000; font-weight: 400; } #nav > .nav_area .floating .floating_area .div_ul .div_li a.on { color: #006072; border-bottom: 1px solid #006072; } #nav > .nav_area .floating .floating_area .div_ul .div_li:hover {} #nav > .nav_area .floating .floating_area .div_ul .div_li:hover a { color: #006072; } #nav > .nav_area .floating .floating_area .div_ul .div_li { position:relative; } #nav > .nav_area .floating .floating_area .div_ul .div_li .dep_3 { margin-left:15px; } #nav > .nav_area .floating .floating_area .div_ul .div_li .bars { position:absolute; left:0px; height:20px; width:10px; } #nav > .nav_area .floating .floating_area .div_ul .div_li .bar1 { top:11px; border-left:1px solid #8c8c8c; } #nav > .nav_area .floating .floating_area .div_ul .div_li .bar2 { top:0px; height: 40px; border-left:1px solid #8c8c8c; } #nav > .nav_area .floating .floating_area .div_ul .div_li .bar3 { top:3px; border-left:1px solid #8c8c8c; } /* 햄버거 네비 */ #boxes { z-index:999999; top:0px; left:0px; position:absolute; } #boxes.on { width: 100%; height: 100%; } #boxes.on .boxes_bg { height: 1000%; } #boxes .boxes_bg { width:100%; height:100%; background-color: rgba(0, 0, 0, 0.5); } /* 네비타입 2 */ /******************************/ #nav_2 { height:100px; background-color:#fff; } #nav_2 .nav_area { position:relative; height:100px; padding:5px 30px 5px 30px; min-width: 1410px; border-bottom:1px solid #e1e1e1; transition: all 0.3s ease-in-out; } #nav_2 .nav_area.on { background-color:#f8f8f8 !important; } #nav_2 .nav_area.selected { height:100px; margin-top: 0px; position: fixed; top: 0px; background-color:#fff; z-index:999999; } #nav_2 .nav_area .RE { position:relative; } #nav_2 .subMenu_AB { position:relative; } #nav_2 .AB { position:absolute; overflow:hidden; width:100%; border-top: 1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; z-index: 9999; background-color: #fff; top:-1px; } #nav_2 .AB.on { border-bottom:1px solid #e6e6e6; } #nav_2 .AB .AB_bg { height:0px; padding:0px; overflow:hidden; transition: all 0.3s ease-in-out; background-color:#f8f8f8; } #nav_2 .AB.on .AB_bg { height:216px; padding:20px; } #nav_2 .AB.selected { position:fixed; } #nav_2 .AB .AB_area { } #nav_2 .AB .AB_area .sub_navs { width:100px; margin-left:29px; display:inline-block; vertical-align: top; } #nav_2 .AB .AB_area .sub_navs a { display:block; margin-bottom:5px; } #nav_2 .AB .AB_area .sub_navs a:hover { color: #006072; } #nav_2 .nav_area .ham { position:absolute; right:0px; width:30px; padding: 57px 0px 10px 0px; cursor:pointer; } #nav_2 .nav_area .ham img { width:30px; } #nav_2 .nav_area .main_menu { position:absolute; width: 100%; left:30px; } #nav_2 .nav_area .main_menu .dep_1_ul { width: 609px; margin: 0 auto; } #nav_2 .nav_area .main_menu .dep_1_ul .dep_1 { position:relative; display:inline-block; margin-left:65px; width: 67px; } #nav_2 .nav_area .main_menu .dep_1_ul .dep_1 > a { position:relative; display:block; padding: 30px 0px 30px 0px; font-size: 18px; font-weight: 500; color: #02454e; } #nav_2 .nav_area .main_menu .dep_1_ul .dep_1 > a .bar2 { position:absolute; width:0px; bottom: 1px; left:50%; display: block; transform: translate(-50%,0%); border-bottom:1px solid #006072; } #nav_2 .nav_area .main_menu .dep_1_ul .dep_1:hover .dep_1_a { color:#006072; } #nav_2 .nav_area .main_menu .dep_1_ul .dep_1:hover .bar { width: 67px; } #nav_2 .nav_area .main_menu .dep_1_ul .dep_1 .dep_2 { position:absolute; overflow: hidden; transition: all 0.3s ease-in-out; z-index:9999; width: 100px; height: 0px; padding-top:20px; } #nav_2 .nav_area .main_menu .dep_1_ul .dep_1 .dep_2 li { font-size: 16px; line-height: 30px; } #nav_2 .nav_area .main_menu .dep_1_ul .dep_1 .dep_2.on { height: 250px; } #nav_2 .nav_area .main_menu .dep_1 .dep_2 .on .bar { width: 15px; margin-right:15px; } #nav_2 .nav_area .main_menu .dep_1 .dep_2 a:hover { color:#006072; border-bottom:1px solid #006072; } #nav_2 .nav_area .main_menu .dep_1_ul .dep_1 .dep_2 .dep_3 { position:relative; } #nav_2 .nav_area .main_menu .dep_1_ul .dep_1 .dep_2 .dep_3 a { margin-left:15px; } #nav_2 .nav_area .main_menu .dep_1_ul .dep_1 .dep_2 .dep_3 .bars { position:absolute; left:0px; height:20px; width:10px; } #nav_2 .nav_area .main_menu .dep_1_ul .dep_1 .dep_2 .dep_3 .bar1 { top:11px; border-left:1px solid #8c8c8c; } #nav_2 .nav_area .main_menu .dep_1_ul .dep_1 .dep_2 .dep_3 .bar2 { top:0px; height: 40px; border-left:1px solid #8c8c8c; } #nav_2 .nav_area .main_menu .dep_1_ul .dep_1 .dep_2 .dep_3 .bar3 { top:3px; border-left:1px solid #8c8c8c; } #nav_2 .nav_area .logo { position:absolute; left:0px; width:160px; z-index: 999; } #nav_2 .nav_area .logo a { display:block; } #nav_2 .nav_area .language { position:absolute; right:30px; width:75px; padding: 35.5px 0px; } #nav_2 .nav_area .language select { padding: 2px; border-radius: 8px; font-size: 12px; width: 62px; height: 25px; border: 1px solid #02454e; color: #02454e; } #nav_2 > .nav_area .nav_area_bg { position:absolute; left:0px; top:100px; width:100%; height:0px; background-color:#f8f8f8; border-bottom:0px solid #e1e1e1; z-index: 999; transition: all 0.3s ease-in-out; } #nav_2 > .nav_area .nav_area_bg.on { height:260px; border-bottom:1px solid #e1e1e1; } /******************************/ #boxes .boxes_bg .boxe_area {} /* 서브메뉴 새모양 */ /* #boxes .boxes_bg .boxe_area .boxe_body { height: 100%; background: url(/images/main_subBg__2.png) center no-repeat; position:fixed; left:-820px; top:0px; background-color:#fff; opacity: 1; transform:translate(0,0); transition:transform 300ms cubic-bezier(0.4, 0, 0.2, 1); } */ #boxes .boxes_bg .boxe_area .boxe_body { height: 100%; position:fixed; left:-820px; top:0px; background-color:#fff; opacity: 1; transform:translate(0,0); transition:transform 300ms cubic-bezier(0.4, 0, 0.2, 1); } #boxes .boxes_bg .boxe_area .boxe_body.on { transform:translate(820px,0); box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.3); background-position: left center; } #boxes .boxes_bg .boxe_area .boxe_body .close { position:relative; width:100%; margin-bottom:20px; } #boxes .boxes_bg .boxe_area .boxe_body .close .close_btn { position:absolute; background-color:#fff; top:0px; right: 0px; width:60px; height:60px; } #boxes .boxes_bg .boxe_area .boxe_body .close .close_btn div { padding:20px; color:#888; font-size:10px; } #boxes .boxes_bg .boxe_area .boxe_body .boxe_in { margin-bottom:50px; overflow-x: scroll; } #boxes .boxes_bg .boxe_area .boxe_body .boxe_in .nl { margin-bottom:0px; } #boxes .boxes_bg .boxe_area .boxe_body .boxe_in .bfMenuArea { height: 85%; overflow-x:scroll; } #boxes .boxes_bg .boxe_area .boxe_body .boxe_in .nl .fn_sub_menu { margin-bottom:20px; cursor:pointer; font-size:22px !important; } #boxes .boxes_bg .boxe_area .boxe_body .boxe_in .nl .fn_sub_menu .minus { position:relative; margin-top: 7px; } #boxes .boxes_bg .boxe_area .boxe_body .boxe_in .nl .fn_sub_menu .plus { position:absolute; top:0px; left:0px; transition: all ease 1s; transform: rotate( 90deg );} #boxes .boxes_bg .boxe_area .boxe_body .boxe_in .nl .fn_sub_menu .plus.on { transform: rotate( 0deg ); } #boxes .boxes_bg .boxe_area .boxe_body .boxe_in .nl .sub_box_area { overflow: hidden; } #boxes .boxes_bg .boxe_area .boxe_body .boxe_in .nl .sub_box { background-color:rgba(249, 249, 249, 0.6); height: 0px; padding: 0px; margin: 0px; overflow:hidden; transform:translate(0,-100%); transition:transform 300ms cubic-bezier(0.4, 0, 0.2, 1); } #boxes .boxes_bg .boxe_area .boxe_body .boxe_in .nl .sub_box.active { transform:translate(0,0); height: auto; margin-bottom:30px; } #boxes .boxes_bg .boxe_area .boxe_body .boxe_in .nl .sub_box .sub_nl { margin-bottom:10px; font-weight:400; } #boxes .boxes_bg .boxe_area .boxe_body .boxe_in .nl .sub_box .sub_nl:hover a { color:#006072; } #boxes .boxes_bg .boxe_area .boxe_body .boxe_in .nl .sub_box .sub_nl.on a { color:#006072; } #boxes .boxes_bg .boxe_area .boxe_body .boxe_in .nl .sub_box .sub_nl:last-child { margin-bottom:0px; } #boxes .boxes_bg .boxe_area .boxe_body .boxe_in .nl .lang_box { border:1px solid #cfcfcf; } #boxes .boxes_bg .boxe_area .boxe_body .boxe_in .nl .lang_box .lang_s { } #boxes .boxes_bg .boxe_area .boxe_body .boxe_in .nl .lang_box .lang_s.on { } #boxes .boxes_bg .boxe_area .boxe_body .boxe_in .nl .lang_box .lang_s.on a { color:#006072; } #boxes .boxes_bg .boxe_area .boxe_body .boxe_in .nl .lang_box .lang_s:hover a { color:#006072; } #boxes .boxes_bg .boxe_area .boxe_body .boxe_in .nl .lang_box .lang_s a { display:block; text-align:center; font-size:16px; padding:6px 0px; } #boxes .boxes_bg .boxe_area .boxe_body .boxe_in .nl .lang_box .kor { border-right:1px solid #cfcfcf; } #boxes .boxes_bg .boxe_area .boxe_body .boxe_in .nl .lang_box .eng { } /* 페이지 타이틀 */ #pageTitle {} #pageTitle > .tt { } #pageTitle > .tt .title_area { position:relative; } #pageTitle > .tt .title { color:#02454e; text-align:center; font-weight:600; font-size:36px; margin-bottom:0px; } #pageTitle > .tt .subTitle { color:#999; text-align:center; font-size:14px; } #pageTitle > .tt .pages { position:absolute; } #pageTitle > .tt .pages a { display:block; } #pageTitle > .tt .pages .ll { margin-left: 0px; transition: all 0.5s; } /*#pageTitle > .tt .pages .ll:hover { margin-left: -15px; transition: all 0.5s; } */ #pageTitle > .tt .pages .rr { margin-right: 0px; transition: all 0.5s; } /*#pageTitle > .tt .pages .rr:hover { margin-right: -15px; transition: all 0.5s; } */ #pageTitle > .tt .pages.page_perv { } #pageTitle > .tt .pages.page_next { } #pageSubTitle { padding:0px 20px; margin-bottom:60px;} #pageSubTitle > .tt {} #pageSubTitle > .tt .container { width:100%; } #pageSubTitle > .tt .t_area { } #pageSubTitle > .tt .t_area select { width:100%; height:50px; } #pageSubTitle > .tt .t_area .title { font-size:26px; font-weight:300; } #pageSubTitle > .tt .t_area .title a { display:block; text-align:center; } #pageSubTitle > .tt .t_area .title.on { } #pageSubTitle > .tt .t_area .title.on a { font-weight:500; } #pageSubTitle > .tt .t_area .title.on a span { padding-bottom:7px; border-bottom:1px solid #006072; color:#006072; } #info1 { } #info1 > .infos {} #info1 > .infos .areas { margin: 0 auto; } #info1 > .infos .areas .img_area { position:relative; } #info1 > .infos .areas .img_area img {} #info1 > .infos .areas .img_area .sub_img { position:absolute; right:0px; bottom:0px; } #info1 > .infos .title { font-size:30px; font-weight:bold; } #info1 > .infos .title.t1 { color:#006072; } #info1 > .infos .title.t2 { color:#006072; } #info1 > .infos .con { color:#212529; font-weight:600; font-size:48px; line-height:70px; } #info1 > .infos .con ul { } #info1 > .infos .con ul li { line-height: 30px; list-style: disc; font-size:18px; font-weight: normal; } #info2 { background-color: #e1f0f2; } #info2 > .infos { } #info2 > .infos .title { margin-bottom:65px; color:#006072; text-align:center; font-weight:bold; font-size:28px; } #info2 > .infos .lls { margin-bottom:60px; } #info2 > .infos .lls .img_circle { background-color:#fff; border-radius:100px; margin:0 auto; } #info2 > .infos .lls .img_circle img { margin:0 auto; } #info2 > .infos .lls .tt { color:#000000; } #info3 { } #info3 > .infos {} #info3 > .infos .info3_bg { position:relative; background: url(/images/info3.png) no-repeat; } #info3 > .infos .info3_bg .con { line-height:30px; font-size:18px; } #info3 > .infos .info3_bg .ov_title { position:absolute; top:-75px; left:55px; font-weight:600; font-size:48px; } #info3 > .infos .info3_bg .ov_title span { color:#006072; } #info4 { margin-bottom:150px;} #info4 > .infos { } #info4 > .infos .ll { color:#212529; font-size:36px; line-height: 60px; margin-bottom:20px; font-weight: 600; } #info4 > .infos .ll span { color:#006072; } #info4 > .infos .rr { font-size:18px; line-height: 35px; margin-bottom:20px; } #info5 { } #info5 > .infos {} #info5 > .infos .info5_bg { padding:30px; position:relative; background-color:#f2fbff; } #info5 > .infos .info5_bg .con { } #info5 > .infos .info5_bg .ov_top { position:absolute; font-size:30px; } #info5 > .infos .info5_bg .ov_bot { position:absolute; font-size:30px; } /* 조직문화 */ #culture1 { margin-top:70px; } #culture1 > .culture { } #culture1 > .culture .pc_view { } #culture1 > .culture .pc_view .ll { } #culture1 > .culture .pc_view .ll .items { } #culture1 > .culture .pc_view .rr .items { } #culture1 > .culture .pc_view .items { } #culture1 > .culture .pc_view .items .img { } #culture1 > .culture .pc_view .items .subject { font-weight:600; } #culture1 > .culture .pc_view .items .txt { } #culture1 > .culture .pc_view .items .txt span { display: inline-block; } /* NEW 조직문화 */ #re_culture_1 { } #re_culture_1 > .culture {} #re_culture_1 > .culture .culture_container { margin:0 auto;} #re_culture_1 > .culture .t1 { text-align:center; } #re_culture_1 > .culture .bar { margin:0 auto; width:24px; height:1px; border-bottom:2px solid #000; } #re_culture_1 > .culture .t2 { text-align:center; font-weight:600; } #re_culture_2 { } #re_culture_2 > .culture {} #re_culture_2 > .culture .culture_container { margin:0 auto;} #re_culture_2 > .culture .bg_subject { font-weight:500; text-align:center; color:#373737; background-color:#f7f8f9; border-radius:50px; } #re_culture_2 > .culture .boxs { } #re_culture_2 > .culture .boxs img { margin:0 auto; } #re_culture_2 > .culture .content_bg { background: url(/images/culture_bg.png) center no-repeat; } #re_culture_2 > .culture .nl { } #re_culture_2 > .culture .nl .bg_text { text-align:center; color:#006072; font-weight: bold; } #re_culture_2 > .culture .nl .culture_box { text-align:center; border-radius:15px; border:1px solid #e9e9e9; } #re_culture_2 > .culture .nl .culture_box .title { color:#006072; } #re_culture_2 > .culture .nl .culture_box .con { color:#666; } #re_culture_3 { } #re_culture_3 > .culture {} #re_culture_3 > .culture .culture_container { margin:0 auto;} #re_culture_3 > .culture .culture_container .nl { border-bottom:1px solid #e8e8e8; } #re_culture_3 > .culture .culture_container .nl .ll { } #re_culture_3 > .culture .culture_container .nl .ll .title { font-weight: bold; } #re_culture_3 > .culture .culture_container .nl .ll .img {} #re_culture_3 > .culture .culture_container .nl .ll .img img {} #re_culture_3 > .culture .culture_container .nl .rr { } #re_culture_3 > .culture .culture_container .nl .rr .rr_area { } #re_culture_3 > .culture .culture_container .nl .rr .rr_area .title { color:#006072; } #re_culture_3 > .culture .culture_container .nl .rr .rr_area .content { font-weight:300; } #re_culture_3 > .culture .culture_container .nl .rr .rr_area .content span { display:inline-block; } #re_culture_3 > .culture .culture_container .nl .rr .rr_area .content .asterisk { display:inline-block; vertical-align: sub; } /* 오시는길 */ #way1 { } #way1 > .way { } #way1 > .way .m_areas { } #way1 > .way .m_areas .way_map { background-color:#e1e1e1; } #way1 > .way .m_areas .way_suvject { font-weight:600; text-align:center; } #way1 > .way .m_areas .way_info { } #way1 > .way .m_areas .way_info img { margin:0 auto; } #way1 > .way .m_areas .way_info .txt { color:#212529; font-weight:300; } #way1 > .way .m_areas .way_info .txt.type_1 { } #way1 > .way .m_areas .way_info .txt.type_2 { } #info_main1 { } #info_main1 > .info { margin-bottom: 150px; } #info_main1 > .info .ll {} #info_main1 > .info .rr { } #info_main1 > .info .cc { } #info_main1 > .info .cc .c_img { position:relative; margin-bottom:-2px; } #info_main1 > .info .cc .c_img.mini { margin-top: 30px; } #info_main1 > .info .cc .c_img img { margin:0 auto; } #info_main1 > .info .cc .c_img .text { position:absolute; top:70px; font-size:28px; font-weight:bold; width:100%; text-align:center; white-space: nowrap; } #info_main1 > .info .cc .bar { position:absolute; border-left:1px solid #f1f3f5; width:1px; top:28px; left:50%; } #info_main1 > .info .num1 { background: url(/images/in1.png) center no-repeat; } #info_main1 > .info .num2 { background: url(/images/in2.png) center no-repeat; } #info_main1 > .info .num3 { background: url(/images/in3.png) center no-repeat; } #info_main1 > .info .num4 { background: url(/images/in4.png) center no-repeat; } #info_main1 > .info .num5 { background: url(/images/in5.png) center no-repeat; } #info_main1 > .info .num6 { background: url(/images/in6.png) center no-repeat; } #info_main1 > .info .num7 { background: url(/images/in7.png) center no-repeat; } #info_main1 > .info .num { text-align: center; line-height: 112px; } #info_main1 > .info .txt { line-height:30px; padding: 0px 15px; font-weight: 300; letter-spacing: -0.5px; } #subsidiary1 { margin-bottom:45px; } #subsidiary1 .subsidiary {} #subsidiary1 .subsidiary .ll {} #subsidiary1 .subsidiary .ll .title { font-weight:600; } #subsidiary1 .subsidiary .ll .subTitle { font-size:26px; color: #006072; } #subsidiary1 .subsidiary .rr { line-height:40px; font-weight:300; } #subsidiary2 { margin-bottom:105px; background-color:#fff; } #subsidiary2 .subsidiary {} #subsidiary2 .subsidiary > .container { width:100%; position:relative; height:332px; background: url(/images/subsidiary_bg.png) center no-repeat; } #subsidiary3 { margin-bottom:150px; } #subsidiary3 .subsidiary {} #subsidiary3 .subsidiary .logo1 { height:310px; background: url(/images/subsidiary_img1.png) center no-repeat; } #subsidiary3 .subsidiary .logo2 { height:310px; background: url(/images/subsidiary_img2.png) center no-repeat; } #subsidiary3 .subsidiary .logo3 { height:310px; background: url(/images/subsidiary_img3.png) center no-repeat; } #subsidiary3 .subsidiary .logo3 { height:310px; background: url(/images/subsidiary_img3.png) center no-repeat; } #subsidiary3 .subsidiary .logo img { margin:0 auto; } #subsidiary3 .subsidiary .contents { } #subsidiary3 .subsidiary .contents .title { font-weight:600; } #subsidiary3 .subsidiary .contents .subTitle { font-weight: normal !important; font-size: 22px !important; } #subsidiary3 .subsidiary .contents .con { font-weight:300; } #subsidiary3 .subsidiary .contents .con span { text-indent: 18px; display: inline-block; } #subsidiary3 .subsidiary .contents .link {} #subsidiary3 .subsidiary .contents .link a { display:block; font-size:16px; border-bottom:1px solid #000; width:155px; height:45px; } #subsidiary3 .subsidiary .contents .link a img { margin: 16px 0px 16px 9px; } #subsidiary3 .subsidiary .logo_ti img { padding:104px 0px; } #brand1 { margin-bottom:90px; } #brand1 > .brand {width:100%; background: url(/images/beand_1.png) center no-repeat; } #brand1 > .brand .title { text-align:center; font-size:60px; font-weight:600; } #brand1 > .brand .subTitle { text-align:center; font-size:24px;} #brand2 { margin-bottom:90px; } #brand2 > .brand {} #brand2 > .brand .logo { margin-bottom:30px; } #brand2 > .brand .logo img { margin:0 auto; } /*#brand2 > .brand .txt { margin-bottom:30px; padding:0px 40px; font-size:18px; line-height:36px; font-weight:300; }*/ #brand2 > .brand .txt { margin-bottom:30px; padding:0px 40px; } #brand3 { margin-bottom:150px; } #brand3 > .brand {} #brand3 > .brand .items { padding:40px; } #brand3 > .brand .items .imgs { margin-bottom:45px; } #brand3 > .brand .items .imgs img { margin:0 auto; } #brand3 > .brand .text { font-weight:300; text-align:center; } #brand4 { } #brand4 > .brand {} #brand4 > .brand .txt { font-size:18px; margin-bottom: 40px; } #brand4 > .brand .txt .subject { font-weight:500; line-height: 30px; margin-bottom:20px; } #brand4 > .brand .txt .con { font-weight:300; line-height: 30px; } #brand4 > .brand .logo { margin-bottom: 40px;} #brand4 > .brand .logo img {} #food1 { margin-bottom:110px; } #food1 > .foods {} #food1 > .foods .ll { } #food1 > .foods .ll .imgs { overflow:hidden; } #food1 > .foods .rr { } #food1 > .foods .rr .imgs { overflow:hidden; } #food1 > .foods .ll .txt { } #food1 > .foods .rr .txt { } #food1 > .foods .nl .txt .con { font-weight:300; } #food1 > .foods .nl .txt .con ul { list-style: disc !important; margin-left: 10px; } #food1 > .foods .nl .txt .con ul li { list-style: disc !important; margin-left: 10px; } #food1 > .foods .txt .title { font-size:28px; color:#006072; font-weight:bold; margin-bottom:25px; } #food1 > .foods .txt .subTitle { font-size:48px; font-weight:600; margin-bottom:60px; } #food1 > .foods .txt .con { } #food1 > .foods .txt .con span { } #consulting1 { margin-bottom:155px; } #consulting1 > .consulting {} #consulting1 > .consulting .bg_area { position:relative; height:460px; background: url(/images/con_1.png) center no-repeat; } #consulting1 > .consulting .bg_area .txt { position:absolute; text-align:center; color:#006072; background-color:#fff; } #consulting2 {} #consulting2 .container { width:100%; } #consulting2 > .consulting {} #consulting2 > .consulting {} #consulting2 > .consulting .box_area { background-color:#f8f9fa; margin-bottom:70px; } #consulting2 > .consulting .box_area .items { } #consulting2 > .consulting .box_area .items img { margin:0 auto; } #consulting2 > .consulting .box_area .txt { } #consulting2 > .consulting .box_area .txt .subject { font-weight:600; } #consulting2 > .consulting .box_area .txt .tt { font-weight:300; } #ent1 { margin-bottom:155px; } #ent1 > .entertainment {} #ent1 > .entertainment .bg_area { position:relative; height:460px; background: url(/images/ent_1.png) center no-repeat; } #ent1 > .entertainment .bg_area .txt { position:absolute; text-align:center; color:#006072; background-color:#fff; } #ent2 {} #ent2 .container { width:100%; } #ent2 > .entertainment {} #ent2 > .entertainment .box_area { background-color:#fff; } #ent2 > .entertainment .box_area .items { margin-bottom: 30px; } #ent2 > .entertainment .box_area .items img { margin:0 auto; border: 1px solid #f4f4f4; border-radius: 3px; } #ent2 > .entertainment .box_area .txt { } #ent2 > .entertainment .box_area .txt .subject { font-weight:600; } #ent2 > .entertainment .box_area .txt .tt { font-weight:300; } /* 태향인*/ #members {} #members > .member {} #members > .member .mem_bg { } #members > .member .mem_bg img { margin:0 auto; } #members > .member .mem_content { } #members > .member .mem_content .txt { } #members > .member .mem_content .txt .txt_area {} #members > .member .mem_content .txt .t1 { color:#006072; font-weight:bold; } #members > .member .mem_content .txt .t2 { font-weight:300; } #members > .member .mem_content .txt .link { } #members > .member .mem_content .txt .link a { display: block; border-bottom: 1px solid #000; } #members > .member .mem_content .txt .link a img { } /* 잔행중인공고 리스트*/ #progress { } #progress > .list {} #progress > .list .nl { border-bottom:1px solid #e6e6e6; } #progress > .list .nl:first-child { border-top:1px solid #000;; } #progress > .list .nl a { display:block; } #progress > .list .nl a .cat { color:#e67612; vertical-align: top; } #progress > .list .nl a .cat span{ font-weight: 100; } #progress > .list .nl a .subject { color:#212529; } #progress > .list .nl a .img_btn { } #progress > .list .nl a .img_btn img { } /* 잔행중인공고 뷰*/ #progress {} #progress > .view { } #progress > .view .title { background-color:#f8f9fa; border-top:1px solid #ececec; border-bottom:1px solid #ececec; } #progress > .view .title .cat { color:#e67612; font-weight:300; } #progress > .view .title .cat span { } #progress > .view .title .subject { font-weight:600; } #progress > .view .receipt { display:block; } #progress > .view .receipt .nl { border:1px solid #666666; background-color:#fff; } #progress > .view .receipt .nl .check_img { } #progress > .view .receipt .nl .check_img img { } #progress > .view .receipt .nl .tt { } #progress > .view .content { border-bottom:1px solid #ececec; } #progress > .view .content table { width:100%; } #progress > .view .content .text { } #progress > .view .btn { } #progress > .view .btn a { display:block; border:1px solid #666666; text-align:center; } /* 잔행중인공고 인풋*/ #progress {} #progress > .input { } #progress > .input .title { background-color:#f8f9fa; border-top:1px solid #ececec; border-bottom:1px solid #ececec; } #progress > .input .title .cat { color:#e67612; font-weight:500; text-align:center; } #progress > .input .title .cat span { } #progress > .input .title .subject { font-weight:400; text-align:center; } #progress > .input .input_area { } #progress > .input .input_area .agree { } #progress > .input .input_area .agree.center_agree { border:1px solid #ddd; border-radius: 5px; } #progress > .input .input_area .agree .t1 { padding-left:10px; border-left:2px solid #000; font-weight:600; color:#000; } #progress > .input .input_area .agree .t2 {} #progress > .input .input_area .agree .t2 ul { list-style: decimal; font-weight:300; } #progress > .input .input_area .agree .t2 ul li { list-style: decimal; font-weight:300; } #progress > .input .input_area .agree .t3 { } #progress > .input .input_area .agree .t3 input { position: relative; top: 1.5px; } #progress > .input .input_area .agree .t3 label{ display:inline-block; line-height:36px; font-size:16px; font-weight:normal; } #progress > .input .input_area .input_form { width: 100%; } #progress > .input .input_area .input_form .nl { margin-bottom:25px; border-bottom:1px solid #eee; padding-bottom:20px; } #progress > .input .input_area .input_form .nl .div_th { font-size:16px; line-height:46px; } #progress > .input .input_area .input_form .nl .div_td { } #progress > .input .input_area .input_form .nl .div_td textarea { height:180px; resize: none; } #progress > .input .input_area .input_form .nl .file_area { position:relative; } #progress > .input .input_area .input_form .nl .file_area .find_file { position:absolute; right:0px; top:0px; background-color:#e3e3e3; font-size:16px; height: 45px; padding: 10px 15px; } #progress > .input .subtxt { color:#999; text-align:center; } #progress > .input .subbtn { } #progress > .input .subbtn .nl { border:1px solid #666666; background-color:#fff; cursor: pointer; } /* 영입절차 */ #step_1 { } #step_1 .step {} #step_1 .step .items { } #step_1 .step .items .nl { border:1px solid #dadada; } #step_1 .step .items .nl .num { color:#cccccc; } #step_1 .step .items .nl .img { } #step_1 .step .items .nl .img img { margin:0 auto; } #step_1 .step .items .nl .title { color:#212529; text-align:center; } #step_1 .step .items .nl .txt { color:#000; text-align:center; font-weight:300; } #step_2 { } #step_2 .step {} #step_2 .step .subject { } #step_2 .step .subject .ll { color:#212529; } #step_2 .step .subject .rr { } #step_2 .step .subject .rr img { } #step_2 .step .con { color:#000; } /* 복지제도 */ #welfare_1 { } #welfare_1 .welfare {} #welfare_1 .welfare .we_area {} #welfare_1 .welfare .we_area .nl { } #welfare_1 .welfare .we_area .nl .items { border:1px solid #f1f1f1; border-top:1px solid #000; } #welfare_1 .welfare .we_area .nl:nth-child(odd) .items { } #welfare_1 .welfare .we_area .nl .items .con { font-weight:300; } #welfare_1 .welfare .we_area .nl .items .title { font-weight:600; } #welfare_1 .welfare .we_area .nl .items .img {} #welfare_1 .welfare .we_area .nl .items .img img { margin-left:auto; } #social { margin-bottom:150px; } #social > .so_area {} #social > .so_area .box {} #social > .so_area .l_box {} #social > .so_area .l_box .tt { } #social > .so_area .r_box .tt { } #social > .so_area .box .imgs {} #social > .so_area .box .tt { } #social > .so_area .box .tt .title { font-size:40px; font-weight:600; margin-bottom:42px; } #social > .so_area .box .tt .subTitle { font-size:30px; font-weight:300; margin-bottom:20px; } #social > .so_area .box .tt .con { } /* 직원 인터뷰 리스트*/ #interview_list_1 { margin-top:130px; margin-bottom:135px; } #interview_list_1 .list { } #interview_list_1 .list .items { padding:25px 45px; margin-bottom:15px; } #interview_list_1 .list .items a { display:block; } #interview_list_1 .list .items .img { margin-bottom:20px; } #interview_list_1 .list .items .img img { } #interview_list_1 .list .items .t1 { font-size:30px; line-height:30px; text-align:center; margin-bottom:5px; font-weight:bold; color:#212529; } #interview_list_1 .list .items .t2 { font-size:16px; line-height:30px; text-align:center; color:#999999; } /* 직원 인터뷰 상세페이지 */ #interview_1 { position: relative; } #interview_1 > .view { } #interview_1 > .view .sw_area { background-color:#fff; } #interview_1 > .view .sw_area.active { } #interview_1 > .view .rr { } #interview_1 > .view .rr img { } #interview_1 > .view .ll {} #interview_1 > .view .ll .ll_title { border-bottom:1px solid #ccc; background-color:#fff; } #interview_1 > .view .ll .ll_title .job_position { font-weight:300; color:#006072; } #interview_1 > .view .ll .ll_title .mem_name { font-weight:bold; color:#006072; background: #fff; } #interview_1 > .view .ll .ll_content { font-weight:300; background: #fff; } #interview_1 > .view .ll_arrow { position:absolute; z-index: 9999; } #interview_1 > .view .ll_arrow .arrow { cursor:pointer; } #interview_1 > .view .ll_arrow .list {} #interview_1 > .view .ll_arrow .list a { display:block; color:#9e9d9e; border:2px solid #9e9e9e; border-radius:25px; } #interview_2 { } #interview_2 > .view {} #interview_2 > .view .nl { } #interview_2 > .view .nl .title { font-weight:600; } #interview_2 > .view .nl .subritle { font-weight:600; margin-right: 20px; } #interview_2 > .view .nl .content { font-weight:300; color:#666666; margin-right: 20px; } #interview_2 > .view .ll_arrow { z-index: 9999; } #interview_2 > .view .ll_arrow .arrow { cursor:pointer; } #interview_2 > .view .ll_arrow .list {} #interview_2 > .view .ll_arrow .list a { display:block; color:#9e9d9e; border:2px solid #9e9e9e; border-radius:25px; } /* 게시판 리스트*/ #bbs_list {margin-bottom:45px; } #bbs_list > .list {} /* 게시판 뷰 */ #bbs_view {} #bbs_view > .view { } #bbs_view > .view .title { margin-bottom:40px; background-color:#f8f9fa; padding:50px; border-top:1px solid #ececec; border-bottom:1px solid #ececec; } #bbs_view > .view .title .new { color:#e67612; border: 1px solid #e67612; line-height: 16px; font-size: 11px; border-radius: 4px; } #bbs_view > .view .title .subject { font-size:36px; } #bbs_view > .view .title .wdate { margin: 8px 23px 8px 0px; font-size:18px; color:#666666; } #bbs_view > .view .content { margin-bottom:40px; border-bottom:1px solid #ececec; } #bbs_view > .view .content .file { margin-bottom:50px; } #bbs_view > .view .content .file a { display:block; } #bbs_view > .view .content .file a img { margin: 3px 23px 3px 0px; margin-right:10px; } #bbs_view > .view .content .file a div { font-size:18px; } #bbs_view > .view .content .text { line-height:40px; font-weight:300; } #bbs_view > .view .btn { padding-bottom:40px; border-bottom:1px solid #000; } #bbs_view > .view .btn a { margin:0 auto; width:120px; height:51px; display:block; border:1px solid #666666; font-size:18px; text-align:center; line-height: 51px; } #bbs_view > .view .more { border-bottom:1px solid #000; margin-bottom:150px; font-weight: 300; } #bbs_view > .view .more a { display:block; } #bbs_view > .view .more .prev { border-top:1px solid #000; border-bottom:1px solid #e5e5e5; } #bbs_view > .view .more .txt { font-size:16px; text-align:center; padding:20px 0px; } #bbs_view > .view .more .subject { font-size:16px; padding:20px 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #bbs_view > .view .more .wdate { text-align:center; font-size:16px; padding:20px 0px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } /* 테이블 type1 */ .table_type_1 { width:100%; border-top:1px solid #ececec; border-collapse: collapse;} .table_type_1 tr { overflow:hidden; border-bottom:1px solid #ececec; cursor: pointer; } .table_type_1 td { padding: 15px 0px; } .table_type_1 td .new { color:#e67612; font-weight:500; display: inline-block; vertical-align: top; margin-top: 12px; } .table_type_1 td .subject { display:inline-block; font-weight: 100; } .table_m_type_1 { width:100%; border-top:1px solid #ececec; border-collapse: collapse;} .table_m_type_1 tr { overflow:hidden; border-bottom:1px solid #ececec; cursor: pointer; } .table_m_type_1 td .new { color:#e67612; font-weight:500; } /* 페이징 */ #pageing { } #pageing > .page {} #pageing > .page ul {text-align: center;} #pageing > .page ul li { display:inline-block; } #pageing > .page ul li a { display:block; padding:10px; } #pageing > .page ul li span { display:block; padding:10px; } #pageing > .page ul li .on { color:#ccc; } #pageing > .page ul li .arrow { } #pageing > .page ul li .arrow i { color:#ccc; } #pageing > .page ul li .number { } #top_move_btn { /*display: none;*/ position:relative; bottom: 0px; right:0px; } #top_move_btn > .btnArea { position: fixed; font-size: 10px; bottom: 0; right: 0; z-index: 10; width: 40px; height: 40px; padding-top: 8px; padding-bottom: 10px; background-color: rgba(255, 255, 255, 0.9); color: #000; text-transform: uppercase; text-align:center; cursor:pointer; opacity:0; border: 1px solid rgba(238, 238, 238, 0.9); border-radius: 50%; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1); margin: 25px; } #top_move_btn > .btnArea.absolute { position:absolute; bottom: 0px; right:0px; } #top_move_btn > .btnArea .box { width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #000; margin:0 auto; margin-bottom:3px; } #top_move_btn > .btnArea .box2{ content: ''; display: block; width: 5px; height: 5px; margin: 2px auto 0; border: 1px solid #222; border-left: 0; border-bottom: 0; transform: rotate(-45deg); } /* 모바일 메인 */ /* #m_main {} #m_main .m_body { } #m_main .m_body .m_item { background-color:#fff; } #m_main .m_body .m_item .m_bg { position:relative; height:325px; } #m_main .m_body .m_item .m_bg.bg_1 { background: url(/images/m_main_bg_1.png) no-repeat; background-position-x: -50px; } #m_main .m_body .m_item .m_bg.bg_2 { background: url(/images/m_main_bg_2.png) no-repeat; background-position-x: -80px; } #m_main .m_body .m_item .m_bg.bg_3 { background: url(/images/m_main_bg_3.png) no-repeat; background-position-x: -80px; } #m_main .m_body .m_item .m_bg .subBg { position:fixed; } #m_main .m_body .m_item .m_bg .subBg.subBg_1 { bottom: -30px; } #m_main .m_body .m_item .m_bg .subBg.subBg_1 img { width: 100%; } #m_main .m_body .m_item .m_bg .subBg.subBg_2 { bottom: -30px; } #m_main .m_body .m_item .m_bg .subBg.subBg_2 img { width: 100%; } #m_main .m_body .m_item .m_bg .subBg.subBg_3 { bottom: 0px; } #m_main .m_body .m_item .m_bg .subBg.subBg_3 img { width: 100%; } #m_main .m_body .m_item .m_bg .txt { color:#fff; position:fixed; left:40px; bottom:80px; } #m_main .m_body .m_item .m_bg .txt .t1 { font-size:14px; margin-bottom:10px; } #m_main .m_body .m_item .m_bg .txt .t2 { font-size:30px; line-height:40px; } #m_main .m_body .m_item .m_bg .txt .t3 { font-size:14px; } */ /* m swiper bullet */ /* #m_main .swiper-pagination-bullet { height:9px !important; width:9px !important; background: url(/images/b_off.png) center no-repeat !important; opacity: 1 !important; background-size:13px !important;} #m_main .swiper-pagination-bullet-active { background: url(/images/b_on.png) center no-repeat !important; } #m_main .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin-left:55px !important;} #m_main .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:22px !important; width: 240px !important; left: -19px !important; } #m_main .swiper-button-next, .swiper-button-prev { top:100% !important; color:#fff !important; } #m_main .swiper-button-next { left:auto !important; right:-65px !important; } #m_main .swiper-button-prev { left:auto !important; right:-25px !important; } #m_main .bfMainNext { height: 10px; top: 16px; left: 240px; position: absolute; z-index: 99999999999; width: 10px; } #m_main .bfMainPrev { height: 10px; top: 16px; left: 210px; position: absolute; z-index: 99999999999; width: 10px; } #m_main > .m_body .m_bot { } #m_main > .m_body .m_bot .bot_area { position:absolute; bottom: 40px; left: 20px; z-index: 999;}#m_main > .m_body .m_bot .bars { position:relative; } #m_main > .m_body .m_bot .bars .bar { position:absolute; bottom: -14px; height: 1px; border-bottom: 1px solid rgba(255, 255, 255, .5); width:60px; } #m_main > .m_body .m_bot .bars .bar1 { right: 188px; } #m_main > .m_body .m_bot .bars .bar2 { right: 120px; } #m_main > .m_body .m_bot .bars .bar3 { right: 52px; } #m_main > .m_body .m_bot .icons { margin-left:20px; } #m_main > .m_body .m_bot .icons .iconBox{ padding:5px 5px; margin-right:32px; } #m_main > .m_body .m_bot .tx { text-align:center; height:20px; font-size:14px; color:#fff; } */ /* 모바일 메인 */ #m_main {} #m_main .m_body { } #m_main .m_body .m_item { background-color:#fff; } #m_main .m_body .m_item .m_bg { position:relative; } #m_main .m_body .m_item .m_bg.bg_1 { background: url(/images/m_main_bg_1_1.png) no-repeat; } #m_main .m_body .m_item .m_bg.bg_2 { background: url(/images/m_main_bg_2-1.png) no-repeat; } #m_main .m_body .m_item .m_bg.bg_3 { background: url(/images/m_main_bg_3-1.png) no-repeat; } #m_main .m_body .m_item .m_bg .subBg { position:fixed; width:100%; } #m_main .m_body .m_item .m_bg .subBg.subBg_1 { } #m_main .m_body .m_item .m_bg .subBg.subBg_1 img { } #m_main .m_body .m_item .m_bg .subBg.subBg_2 { } #m_main .m_body .m_item .m_bg .subBg.subBg_2 img { } #m_main .m_body .m_item .m_bg .subBg.subBg_3 { } #m_main .m_body .m_item .m_bg .subBg.subBg_3 img { } #m_main .m_body .m_item .m_bg .txt { color:#fff; position:fixed; } #m_main .m_body .m_item .m_bg .txt .t1 { } #m_main .m_body .m_item .m_bg .txt .t2 { letter-spacing: 1px; } #m_main .m_body .m_item .m_bg .txt .t3 { } /* m swiper bullet */ #m_main .swiper-pagination-bullet { background: url(/images/b_off.png) center no-repeat !important; opacity: 1 !important; } #m_main .swiper-pagination-bullet-active { background: url(/images/b_on.png) center no-repeat !important; } #m_main .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { } #m_main .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { } #m_main .swiper-button-next, .swiper-button-prev { color:#fff !important; } #m_main .swiper-button-next { } #m_main .swiper-button-prev { } #m_main .bfMainNext { position: absolute; z-index: 99999999999; } #m_main .bfMainPrev { position: absolute; z-index: 99999999999; } #m_main > .m_body .m_bot { } #m_main > .m_body .m_bot .bot_area { position:absolute; z-index: 999;} #m_main > .m_body .m_bot .bars { position:relative; } #m_main > .m_body .m_bot .bars .bar { position:absolute; border-bottom: 1px solid rgba(255, 255, 255, .5); } #m_main > .m_body .m_bot .bars .bar1 { } #m_main > .m_body .m_bot .bars .bar2 { } #m_main > .m_body .m_bot .bars .bar3 { } #m_main > .m_body .m_bot .icons { } #m_main > .m_body .m_bot .icons .iconBox{ } #m_main > .m_body .m_bot .tx { text-align:center; color:#fff; } #m_main > .m_body .swiper-slide { background-color:#fff !important; } /* footer */ #footer { background-color:#f1f3f5; padding-bottom:50px; } #footer > .f_area {} #footer > .f_area .ll { margin-top:55px; } #footer > .f_area .ll .logo { margin-bottom:25px; } #footer > .f_area .ll .logo img {} #footer > .f_area .ll .con { color:#868e96; line-height: 25px; } #footer > .f_area .rr { margin-top:45px; } #footer > .f_area .rr .nav { margin-bottom:35px; } #footer > .f_area .rr .nav a { font-weight:500; color:#868e96; } #footer > .f_area .rr .nav .line { color:#c0c4c9; padding:0px 20px; } #footer > .f_area .rr .tag_box { border:1px solid #d1d5d8; } #footer > .f_area .rr .tag_box .more_sns { padding:10px; } #footer > .f_area .rr .tag_box .more_sns img { border-radius:25px; overflow:hidden; } #footer > .f_area .rr .tag_box .shortcuts { } #footer > .f_area .rr .tag_box .shortcuts a { padding: 14px; display:block; color:#868e96; } #w_footer {} #w_footer > .footer { background-color:#f3f3f3; border-top:1px solid #dee1e1; } #w_footer > .footer .fT { border-bottom:1px solid #dee1e1; } #w_footer > .footer .fT .nav { margin:12px 0px; } #w_footer > .footer .fT .nav a { display:block; font-weight:500; color:#000000; font-size:13px; line-height:30px; } #w_footer > .footer .fT .nav .line { color:#dee1e1; padding:0px 3px; font-size:13px; line-height:30px; } #w_footer > .footer .fT .sns { margin:17px 0px;} #w_footer > .footer .fT .sns .more_sns {} #w_footer > .footer .fT .sns .more_sns a { display:block; margin-left:25px; } #w_footer > .footer .fT .sns .more_sns a img { border-radius:25px; overflow:hidden; } #w_footer > .footer .fM {} #w_footer > .footer .fM .con { padding:30px 0px 35px 0px; } #w_footer > .footer .fM .con .sp { margin:0px 7px; } #w_footer > .footer .fM .con .txt { font-size:12px; line-height:24px; color:#4e4e4e; } #w_footer > .footer .fM .page_move { padding: 1px 10px; display:block; border:1px solid #223f47; color:#223f47; font-size:12px; line-height:34px; } #w_footer > .footer .FS { position:relative; } #w_footer > .footer .FS:hover .lists { display:block;} #w_footer > .footer .FS .list { position:absolute; z-index:999999; left: 0px; bottom: 37px; background-color:#fff; box-shadow: 0px 1px 3px 0px #e1e1e1; border: 1px solid #f8f8f8;} #w_footer > .footer .FS .lists { display:none; overflow:hidden; background-color:#fff; } #w_footer > .footer .FS .lists a { opacity:0; display:block; overflow:hidden; width:103px; padding:5px 10px; } #w_footer > .footer .FS .lists:hover { } #w_footer > .footer .FS .lists:hover a { color:#006072; } #w_footer > .footer .FS .lists:last-child { border-bottom:0px; } #w_footer > .footer .footer_family { margin: 0px 0px 1px 10px; display:inline-block; content: ''; width: 5px; height: 5px; border: 1px solid #999; border-left: 0; border-bottom: 0; transform: rotate(-45deg);} /* 모바일 푸터*/ #w_footer > .footer .fT .nav { width:100%;} #w_footer > .footer .fT .nav ul { width:293px; margin:0 auto; } #w_footer > .footer .fT .nav ul li { display:inline-block; } /* #main > .m_tt { position:relative; overflow:hidden; } #main > .m_tt .swiper-container { height:95% !important; } #main > .m_tt .swiper-wrapper { height:95% !important; } #main > .m_tt .swiper-slide { height:95% !important; } #main > .m_tt .swiper-slide .bg { position:relative; height: 150%; background-size: cover !important; } #main > .m_tt .swiper-slide .bg .subBg { position:absolute; left:-100px; } #main > .m_tt .swiper-slide .bg .txt { position:absolute; top:380px; left:360px; color:#fff; } #main > .m_tt .swiper-slide .bg .txt .t1 { text-indent: 5px; } #main > .m_tt .swiper-slide .bg .txt .t2 { margin-bottom:10px; } #main > .m_tt .swiper-slide .bg .txt .t3 { font-weight:normal; text-indent: 2px; } */ @media (max-width: 424px) { .container { overflow: hidden; } .MB40 { margin-bottom: 90px; } .MB80 { margin-bottom: 40px; } #nav.m_nav_opt { position:absolute; width:100%; z-index: 99999; } /* 페이지 타이틀 */ /* 페이지 타이틀 */ #pageTitle { padding:0px 20px; margin-top:40px; margin-bottom:40px; } #pageTitle > .tt .title { font-size:30px; line-height:40px; margin-bottom: 5px; } #pageTitle > .tt .pages { top:12px; } #pageTitle > .tt .pages a img { width:35px; } #pageTitle > .tt .pages.page_perv { left:0%; } #pageTitle > .tt .pages.page_next { right:0%; } /* 모바일 셀렉트 네비 */ #pageSubTitle { margin-bottom:40px; } #nav > .nav_area .ll .logo img { width:150px; padding:0px 0px 0px 0px; } #nav > .nav_area .more_menu { padding:30px 0px 37px 0px; } #nav > .nav_area .more_menu img { width:20px; margin-left: auto; } #nav > .nav_area .more_menu .rr_bg { top:0px; right: -660px; background: url(/images/m_nav_bg.png) center no-repeat; background-size:3000px; background-position-x: 370px; background-position-y: -310px; } /* 사명비전 */ #info1 { margin-bottom:90px; } #info1 > .infos .con { font-size:30px; line-height:45px; letter-spacing: -0.5px; } #info1 > .infos .con ul li { } #info1 > .infos .con .dot { } #info1 > .infos .con .txt { margin-left: 5px; font-size:15px; line-height:28px; font-weight:normal; } #info1 > .infos .areas { margin-bottom:90px; padding:0px 20px; } #info1 > .infos .areas:last-child { margin-bottom:0px; } #info1 > .infos .areas .img_area { margin-bottom:40px; } #info1 > .infos .title { font-size:18px; margin-bottom:0px; line-height: 45px;} #info2 { margin-bottom: 0px; padding:0px 20px; } #info2 > .infos { padding:60px 0px; } #info2 > .infos .title { font-size:24px; line-height:96px; margin-bottom:10px; } #info2 > .infos .lls { padding:0px 0px; margin-bottom:40px; } #info2 > .infos .lls .tt { margin-top:10px; font-size: 15px !important; line-height: 48px !important; letter-spacing:-0.7px; text-align: center; font-weight:normal; } #info2 > .infos .lls .img_circle { width:75px; height:75px; } #info2 > .infos .lls .img_circle img { padding: 15px 0px; width: 45px; } #info3 { margin-bottom:25px; } #info3 > .infos .info3_bg { margin-top:155px; background-position-x: 0%; background-size: 890%; } #info3 > .infos .info3_bg .con { font-size:15px; line-height:28px; padding: 15px 20px; letter-spacing: -0.7px; font-weight:normal; } #info3 > .infos .info3_bg .con:first-child { padding-top:40px; } #info3 > .infos .info3_bg .last_margin { padding-bottom:40px; margin-bottom: 0px; } #info3 > .infos .info3_bg .ov_title { font-size:30px; line-height:48px; top:-72px; left:30px; } #info4 { margin-bottom:0px; padding:20px; } #info4 > .infos .nl { margin-bottom:25px; padding: 15px 3px; } #info4 > .infos .ll { font-size: 30px; line-height: 48px; } #info4 > .infos .ll.txt_opt { letter-spacing: -2px; } #info4 > .infos .rr { font-size: 15px; line-height: 28px; letter-spacing: -0.7px; } #info5 > .infos .info5_bg { margin:40px 0px 90px 0px; padding:60px 30px; } #info5 > .infos .info5_bg .con { } #info5 > .infos .info5_bg .ov_top { top:-25px; left:30px; } #info5 > .infos .info5_bg .ov_top img { width:45px; } #info5 > .infos .info5_bg .ov_bot { bottom:-25px; right:30px; } #info5 > .infos .info5_bg .ov_bot img { width:45px; } /** 핵심가치 역량 **/ #info_main1 { padding:0px 20px; } #info_main1 > .info { margin-bottom:0px; } #info_main1 > .info .num { margin-bottom:10px; font-size:30px; background-size: 50px; line-height: 75px; } #info_main1 > .info .txt { margin: 0 auto; margin-top:0px; margin-bottom:0px; } #info_main1 > .info .cc .bar { height:80px; } #info_main1 > .info .cc .c_img { margin-bottom:40px; } #info_main1 > .info .cc .c_img .text { font-size: 24px; line-height: 45px; letter-spacing: -0.5px; } #info_main1 > .info .cc .c_img.mini { margin:30px 0px; } #info_main1 > .info .ll { margin-top:0px; } #info_main1 > .info .rr { margin-top:0px; } #info_main1 > .info .nl { margin-bottom: 90px; } /* 컨설팅사업 */ #consulting1 { margin-bottom:165px; padding:0px 20px; } #consulting1 > .consulting .bg_area { height: 135px; background-size: 120%; } #consulting1 > .consulting .bg_area .tt { padding:20px 10px; bottom:-144px; font-size:14px; line-height:28px; left: 10%; width: 80%; } #consulting1 > .consulting .box_area .txt { padding:20px 5px; bottom:-75px; font-size:12px; line-height:50px; } #consulting2 { margin-bottom:40px; padding:0px 20px; } #consulting2 > .consulting .box_area { margin-bottom:40px; } #consulting2 > .consulting .box_area .img .type_1 { padding:40px 0px 0px 0px; margin:0 auto; } #consulting2 > .consulting .box_area .img .type_2 { padding:40px 0px 0px 0px; margin:0 auto; } #consulting2 > .consulting .box_area .img .type_3 { padding:40px 0px 0px 0px; margin:0 auto; } #consulting2 > .consulting .box_area .txt { padding:20px 20px 40px 20px; } #consulting2 > .consulting .box_area .txt .subject { margin-bottom:20px; font-size:24px; font-weight:500; text-align:center; } #consulting2 > .consulting .box_area .txt .tt { font-size:14px; line-height:28px; text-align:center; letter-spacing:-0.5px; } /* 엔터테이먼트 */ #ent1 { margin-bottom:300px; } #ent1 > .entertainment .bg_area { height: 185px; background-size: 150%; } #ent1 > .entertainment .bg_area .tt { padding: 20px 20px; margin-top: 100px; top: 0px; left: 35px; right:35px; width: auto; letter-spacing: -0.7px; } #ent1 > .entertainment .bg_area .tt .t_1 { font-size:18px; line-height:36px; letter-spacing: -0.7px; margin-bottom:45px; } #ent1 > .entertainment .bg_area .tt .t_2 { font-size:15px; line-height:25px; letter-spacing: -0.7px; color:#000; font-weight: normal; } #ent2 { margin-bottom:40px; padding:0px 20px; } #ent2 > .entertainment .box_area { } #ent2 > .entertainment .box_area .items .img .type_1 { padding:20px 30px; margin:0 auto; } #ent2 > .entertainment .box_area .items .img .type_2 { padding:20px 30px; margin:0 auto; } #ent2 > .entertainment .box_area .items .img .type_3 { padding:20px 30px; margin:0 auto; } #ent2 > .entertainment .box_area .txt { padding:20px 20px 40px 20px; } #ent2 > .entertainment .box_area .txt .subject { margin-bottom:20px; font-size:24px; font-weight:500; text-align:center; } #ent2 > .entertainment .box_area .txt .tt { font-size:14px; line-height:28px; text-align:center; letter-spacing:-0.5px; } /* 조직문화 */ /* #culture1 { margin:0px } #culture1 > .culture { } #culture1 > .culture .mobile_view {} #culture1 > .culture .mobile_view .ll {} #culture1 > .culture .mobile_view .ll .items { padding:0px 0px 0px 0px; } #culture1 > .culture .mobile_view .ll .items .tt { height:auto; padding:0px 20px; } #culture1 > .culture .mobile_view .rr .items { margin-top:140px; padding:0px 0px 0px 0px; } #culture1 > .culture .mobile_view .items { margin-bottom:50px; } #culture1 > .culture .mobile_view .items .img { margin-bottom:20px; padding:0px 20px; } #culture1 > .culture .mobile_view .items .subject { margin-bottom:15px; font-weight:500; font-size:30px; line-height:45px; text-align:left; } #culture1 > .culture .mobile_view .items .txt { padding:0px 0px; font-size:15px; line-height:28px; letter-spacing:0.7px; text-align:left; } #culture1 > .culture .mobile_view .items .txt ul,li {font-size:16px !important; line-height:28px !important; letter-spacing:-0.7px; text-align:left; } #culture1 > .culture .mobile_view .items .txt span { text-indent: 14px; display: inline-block; } */ /* 조직문화 */ #re_culture_1 { padding: 0px 35px; margin-bottom:50px; } #re_culture_1re_culture_1 > .culture .culture_container { width:100%; } #re_culture_1 > .culture .t1 { font-size:18px; margin-bottom:25px; letter-spacing: -1px; } #re_culture_1 > .culture .t2 { font-size:36px; margin-top:25px; letter-spacing: -1px; } #re_culture_2 { padding: 0px 35px; margin-bottom:90px; } #re_culture_2 > .culture .culture_container { width:100%; } #re_culture_2 > .culture .bg_subject { padding:15px 10px; font-size:18px; } #re_culture_2 > .culture .boxs { margin:25px 0px; } #re_culture_2 > .culture .nl { margin-bottom:30px; } #re_culture_2 > .culture .nl .m_area { width:40%;} #re_culture_2 > .culture .nl .m_area .bg_text { width:100%; font-size:36px; } #re_culture_2 > .culture .nl .culture_box { width:80%; padding:10px 0px; line-height:30px; } #re_culture_2 > .culture .nl .culture_box .title { font-size:16px; } #re_culture_2 > .culture .nl .culture_box .con { font-size:16px; } #re_culture_2 > .culture .nl .culture_box.culture_box_1 { margin:0 auto; } #re_culture_2 > .culture .nl .culture_box.culture_box_2 { margin-left:0%; } #re_culture_2 > .culture .nl .culture_box.culture_box_3 { margin-right:0%; } #re_culture_2 > .culture .nl .culture_box.culture_box_4 { margin-left:0px; } #re_culture_2 > .culture .nl .culture_box.culture_box_5 { margin-right:0px; } #re_culture_2 > .culture .nl.seullogeon {} #re_culture_2 > .culture .nl.seullogeon.content_bg { background-size:80%;} #re_culture_2 > .culture .nl.seullogeon .culture_box { border:0px; padding:60px 0px; } #re_culture_2 > .culture .nl.seullogeon .culture_box .con { color:#006072; font-size:28px; line-height:56px; } #re_culture_3 {padding: 0px 35px; margin-bottom:90px;} #re_culture_3 > .culture .culture_container { width:100%; } #re_culture_3 > .culture .culture_container .nl { margin-top:60px; padding-bottom:60px; } #re_culture_3 > .culture .culture_container .nl .ll { margin-bottom:20px; } #re_culture_3 > .culture .culture_container .nl .ll .title { text-align: center; font-size:26px; line-height:36px; margin-bottom:20px; } #re_culture_3 > .culture .culture_container .nl .ll .img img { margin:0 auto; } #re_culture_3 > .culture .culture_container .nl .rr .rr_area { text-align:center; } #re_culture_3 > .culture .culture_container .nl .rr .rr_area .title { font-size:20px; margin-bottom: 10px; letter-spacing:-1px; } #re_culture_3 > .culture .culture_container .nl .rr .rr_area .content { font-size:16px; line-height: 36px; letter-spacing: -0.5px; } #re_culture_3 > .culture .culture_container .nl .rr .rr_area .content span { height:1px; width: 12px; } /* 오시는길 */ #way1 { margin-top:0px; } #way1 > .way { padding:0px 20px; } #way1 > .way .m_areas { margin-bottom:30px; } #way1 > .way .m_areas .way_map { height:300px; margin-bottom:40px; } #way1 > .way .m_areas .way_suvject { font-size:30px; line-height:45px; margin-bottom:20px; } #way1 > .way .m_areas .way_info { margin-bottom:20px; } #way1 > .way .m_areas .way_info .txt { margin:20px 0px 40px 0px; text-align:center; } #way1 > .way .m_areas .way_info .txt.type_1 { padding:0px 0px 0px 0px; } #way1 > .way .m_areas .way_info .txt.type_2 { padding:0px 0px 0px 0px; } /* 계열사 */ #subsidiary1 { margin-bottom:60px; padding:0px 20px; } #subsidiary1 .subsidiary .ll .title { font-size: 30px; line-height: 45px; } #subsidiary1 .subsidiary .ll .subTitle { font-size:24px; color: #006072; } #subsidiary1 .subsidiary .rr { margin-top:20px; font-size: 14px; line-height: 28px; letter-spacing: -1px; } #subsidiary1 .subsidiary .rr .dot { } #subsidiary1 .subsidiary .rr .txt { font-size:15px; font-weight:normal; letter-spacing:-0.7px; } #subsidiary2 { margin-bottom:35px; } #subsidiary2 .subsidiary .s_img { padding:0px 0px 20px 0px; } #subsidiary2 .subsidiary .s_img img { } #subsidiary2 .subsidiary .r_img { padding:0px 0px;} #subsidiary2 .subsidiary .r_img img { } #subsidiary2 .subsidiary > .container { padding:60px 0px; } #subsidiary3 { margin-bottom:70px; } #subsidiary3 { padding:0px 20px; } #subsidiary3 .subsidiary .nl { margin-bottom:90px; } #subsidiary3 .subsidiary .contents { margin-top:35px; padding:0px 10px; } #subsidiary3 .subsidiary .contents .title { font-size: 30px; line-height: 45px; font-weight:500; margin-bottom:0px; } #subsidiary3 .subsidiary .contents .subTitle { font-size:24px; line-height: 45px; font-weight:500; margin-bottom:20px; } #subsidiary3 .subsidiary .contents .con { margin-bottom:20px; } #subsidiary3 .subsidiary .contents .con .dot {} #subsidiary3 .subsidiary .contents .con .txt { } #subsidiary3 .subsidiary .contents .link { padding-left: 5px; } #subsidiary3 .subsidiary .contents .link a { margin-left:0px; } #subsidiary3 .subsidiary .logo { height:220px; } #subsidiary3 .subsidiary .logo_ti {} #subsidiary3 .subsidiary .logo_ti img { width:200px; padding:67px 0px; } #boxes .boxes_bg .boxe_area .boxe_body { width:264px; background-position-x: -195px !important; background-position-y: 85px !important; } #boxes .boxes_bg .boxe_area .boxe_body .boxe_in.logo { margin-bottom:20px; padding: 0px 20px; } #boxes .boxes_bg .boxe_area .boxe_body .boxe_in .nl { padding:0px 20px; } #boxes .boxes_bg .boxe_area .boxe_body .boxe_in .nl .sub_box.active { padding:25px 20px; } /* ----비지니스---- */ /* 푸드 */ #food1 { margin-bottom:0px; padding:0px 20px; } #food1 > .foods .nl { margin-bottom:90px; } #food1 > .foods .nl .ll .imgs { margin-bottom:35px; } #food1 > .foods .nl .txt { width:95%; margin:0 auto; } #food1 > .foods .nl .txt .title { font-size:18px; margin-bottom: 8px; } #food1 > .foods .nl .txt .subTitle { font-size: 30px; line-height: 45px; margin-bottom:20px; } #food1 > .foods .nl .txt .con { font-size: 14px; line-height: 28px; } #food1 > .foods .nl .txt .con span { text-indent: 15px; display: inline-block; } #food1 > .foods .nl .txt .con .dot { line-height: 14px; } #food1 > .foods .nl .txt .con .txt { } /* 브랜드 */ #brand1 { margin-bottom:60px; } #brand1 > .brand {padding: 40px 0px; background-size: 300% !important; background-position-x: 81% !important; } #brand1 > .brand .title { font-size: 30px; line-height: 45px; margin-bottom:0px; } #brand1 > .brand .subTitle { font-size: 14px; line-height: 28px; letter-spacing: -0.7px; } #brand2 { margin-bottom:70px; } #brand2 > .brand .logo { margin-bottom:40px; } #brand2 > .brand .logo img { width:50%; } #brand2 > .brand .txt { margin-bottom:0px; padding: 0px 20px; } #brand3 { margin-bottom:70px; } #brand3 > .brand .items { padding:0px 0px; margin-bottom:35px; } #brand3 > .brand .items .imgs { margin-bottom:10px; padding:0px 20px; } #brand3 > .brand .items .imgs img { width:80%; } #brand3 > .brand .text { padding:0px 20px 30px 20px; } #brand4 { margin-bottom:30px; } #brand4 > .brand .txt { padding:0px 20px;} #brand4 > .brand .txt .subject { text-align:center; font-size: 14px; line-height: 28px; } #brand4 > .brand .txt .con { text-align:center; font-size: 14px; line-height: 28px; } #brand4 > .brand .logo img { width: 50%; margin:0 auto; } /* 나눔경영 */ #social { margin-bottom:90px; } #social > .so_area .nl { margin-bottom:60px; padding:0px 20px; } #social > .so_area .nl .box .imgs { margin-bottom:35px; } #social > .so_area .nl .box .tt { margin-top: 0px; } #social > .so_area .nl .box .tt .title { font-size: 24px; line-height: 24px; margin-bottom:8px; } #social > .so_area .nl .box .tt .subTitle { font-size: 18px; line-height: 24px; margin-bottom:20px; } #social > .so_area .nl .box .tt .con { letter-spacing: 0px; } #social > .so_area .nl .l_box .tt { padding-left:0px; } #social > .so_area .nl .r_box .tt { padding-right:0px; } /* 인재경영 */ /* 태향인 */ #members {padding:0px 20px; } #members > .member {} #members > .member .mem_bg { width:100%; margin:0 auto; } #members > .member .mem_bg img { margin-bottom:40px; } #members > .member .mem_content { margin-bottom:90px; } #members > .member .mem_content .txt .t1 { font-size:28px; line-height:40px; margin-bottom:20px; } #members > .member .mem_content .txt .t2 { font-size:16px !important; line-height:30px !important; letter-spacing:-0.5px !important; } #members > .member .mem_content .txt .link { margin-top:20px; } #members > .member .mem_content .txt .link a { font-size: 16px; width: 166px; height: 45px; } #members > .member .mem_content .txt .link a img { margin:16px 0px 16px 9px; } /* 게시판 리스트*/ #bbs_list {margin-bottom:90px; } #bbs_list > .list {} #bbs_list > .list .table_m_type_1 td { font-size: 14px; line-height: 28px; padding: 10px 0px; } #bbs_list > .list .table_m_type_1 td .num { width:10%; text-align:center; } #bbs_list > .list .table_m_type_1 td .new { width:15%; text-align:center; } #bbs_list > .list .table_m_type_1 td .subject { width:75%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #pageing > .page ul li a { padding:5px; } #footer { padding-bottom:30px; } #footer > .f_area .ll { margin-top:30px; } #footer > .f_area .ll .logo { margin-bottom:10px; } #footer > .f_area .ll .logo img { width:110px; } #footer > .f_area .ll .con { font-size:11px; line-height:20px; } #footer > .f_area .rr2 { margin-top:20px; } #footer > .f_area .rr2 .more_sns { width:22px; height:22px; overflow:hidden; border-radius: 100px; margin-right:15px; } #footer > .f_area .rr2 .shortcuts {} #footer > .f_area .rr2 .shortcuts a { display:block; text-align:center; color:#868e96; border:1px solid #d1d5d8; font-size:12px; line-height:20px; padding:14px 0px; } /* 모바일 메인 */ #m_main .m_body .m_item .m_bg { height:450px; } #m_main .m_body .m_item .m_bg.bg_1 { background-position-y: top; background-position-x: center; background-size:100%; } #m_main .m_body .m_item .m_bg.bg_2 { background-position-x: center; background-size:100%; } #m_main .m_body .m_item .m_bg.bg_3 { background-position-x: center; background-size:100%; } #m_main .m_body .m_item .m_bg .subBg.subBg_1 { bottom: 0px; } #m_main .m_body .m_item .m_bg .subBg.subBg_1 img { width: 100%; margin-left: 0px; margin-bottom: -30px; } #m_main .m_body .m_item .m_bg .subBg.subBg_2 { bottom: 0px; } #m_main .m_body .m_item .m_bg .subBg.subBg_2 img { width: 100%; } #m_main .m_body .m_item .m_bg .subBg.subBg_3 { bottom: 0px; } #m_main .m_body .m_item .m_bg .subBg.subBg_3 img { width: 100%; margin-left:0px; margin-bottom: 0px; } #m_main .m_body .m_item .m_bg .txt { left:40px; bottom:140px; } #m_main .m_body .m_item .m_bg .txt .t_logo { margin-bottom:20px; } #m_main .m_body .m_item .m_bg .txt .t_logo img { width:110px; } #m_main .m_body .m_item .m_bg .txt .t1 { font-size:14px; margin-bottom:10px; } #m_main .m_body .m_item .m_bg .txt .t2 { font-size:38px; line-height:50px; letter-spacing:-1px; } #m_main .m_body .m_item .m_bg .txt .t3 { font-size:16px; margin-top: 5px; } /* m swiper bullet */ #m_main .swiper-pagination-bullet { height:9px !important; width:9px !important; background-size:13px !important;} #m_main .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin-left:55px !important;} #m_main .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:53px !important; width: 240px !important; left: -19px !important; } #m_main .swiper-button-next, .swiper-button-prev { top:100% !important; color:#fff !important; } #m_main .swiper-button-next { left:auto !important; right:-65px !important; } #m_main .swiper-button-prev { left:auto !important; right:-25px !important; } #m_main .bfMainNext { height: 10px; top: 16px; left: 240px; width: 10px; } #m_main .bfMainNext img { width:14px; } #m_main .bfMainPrev { height: 10px; top: 16px; left: 210px; width: 10px; } #m_main .bfMainPrev img { width:14px; } #m_main > .m_body .m_bot { } #m_main > .m_body .m_bot .bot_area { bottom: 70px; left: 20px; } #m_main > .m_body .m_bot .bars .bar { bottom: -13px; height: 1px; width:59px; } #m_main > .m_body .m_bot .bars .bar1 { right: 187px; } #m_main > .m_body .m_bot .bars .bar2 { right: 121px; } #m_main > .m_body .m_bot .bars .bar3 { right: 53px; } #m_main > .m_body .m_bot .icons { margin-left:20px; } #m_main > .m_body .m_bot .icons .iconBox{ padding:5px 5px; margin-right:32px; } #m_main > .m_body .m_bot .tx { height:20px; font-size:14px; } #nav > .nav_area .more_menu .rr_bg2 { top: 0px; right: -50px; width:120px; height:80px; } #nav .container { overflow:hidden; } /* 잔행중인공고 리스트*/ /* #progress { margin-bottom:90px; } #progress > .list {} #progress > .list .nl { margin-bottom:28px; padding:28px 20px; } #progress > .list .nl a { } #progress > .list .nl a .cat { padding:5px 0px; font-size:14px; line-height:24px; } #progress > .list .nl a .cat span{ margin:0px 15px; } #progress > .list .nl a .subject { padding:0px 0px; font-size:28px; line-height:72px; } #progress > .list .nl a .img_btn { padding: 19px 0px; } #progress > .list .nl a .img_btn img { margin:0 auto; } */ /* 잔행중인공고 리스트*/ #progress { margin-bottom:0px; } #progress > .list {} #progress > .list .nl { margin-bottom:0px; padding:20px 0px; } #progress > .list .nl:last-child { margin-bottom:0px; } #progress > .list .nl a { } #progress > .list .nl a .date { width: auto; text-align:center; vertical-align: top; display: inline-block; font-size: 15px; line-height: 30px;} #progress > .list .nl a .cat { width:auto; padding:0px 0px; color:#e67612; font-size:16px; line-height:15px; margin-bottom:10px; } #progress > .list .nl a .cat.new { margin:7px 0px 0px 0px; border: 1px solid #e67612; line-height: 16px; padding: 2px 5px; font-size: 11px; border-radius: 4px; } #progress > .list .nl a .cat span{ margin:0px 15px; } #progress > .list .nl a .subject { color:#212529; font-size:24px; line-height:36px; margin-bottom:0px; } #progress > .list .nl a .img_btn { padding: 19px 0px; } #progress > .list .nl a .img_btn img { margin:0 auto; margin-right:45px; } /* 잔행중인공고 뷰*/ #progress { margin-bottom:50px; padding:0px 20px; } #progress > .view { } #progress > .view .title { margin-bottom:0px; padding:15px 20px; } #progress > .view .title .cat { font-size:16px; line-height:30px; margin-bottom:0px; text-align:center; letter-spacing:-0.7px; font-weight:normal; } #progress > .view .title .cat span { margin:0px 10px; } #progress > .view .title .subject { padding:0px 0px; font-size:24px; line-height:50px; margin-left:0px; text-align:center; } #progress > .view .receipt { margin-top: 25px; } #progress > .view .receipt .nl { padding: 9px; } #progress > .view .receipt .nl .check_img { margin-left: 0px; padding: 10px; } #progress > .view .receipt .nl .check_img img { } #progress > .view .receipt .nl .tt { font-size:18px; line-height:30px; } #progress > .view .content { padding:0px 0px; padding-bottom:60px; margin-bottom:30px; letter-spacing:-0.7px; } #progress > .view .content .text { font-size:18px; line-height:36px; } #progress > .view .btn { padding: 0px 0px 30px 0px; } #progress > .view .btn a { padding:0px 25px; height:51px; font-size:18px; line-height: 51px; } /* 잔행중인공고 인풋*/ #progress > .input .title { padding:25px 0px; margin-bottom:35px; } #progress > .input .title .cat { font-size: 18px; line-height: 28px; margin-bottom:0px; } #progress > .input .title .cat span { margin: 0px 10px; } #progress > .input .title .subject { padding: 0px 0px; font-size: 14px; line-height: 28px; } #progress > .input .input_area { margin-bottom:30px; } #progress > .input .input_area .agree { margin-bottom:75px; } #progress > .input .input_area .agree.center_agree { border:0px; padding:0px 0px 0px 0px; width:auto; margin:0 auto; margin-bottom:60px; } #progress > .input .input_area .agree.inputs { padding:30px 0px 10px 0px; width:auto; margin:0 auto; margin-bottom:40px; } #progress > .input .input_area .agree .t1 { font-size:20px; line-height:20px; margin-bottom:15px; } #progress > .input .input_area .agree .t2 { margin-left:15px; } #progress > .input .input_area .agree .t2 ul { font-size:16px; line-height:36px; } #progress > .input .input_area .agree .t2 ul li { font-size:16px; line-height:36px !important; } #progress > .input .input_area .agree .t3 { margin-bottom:0px;} #progress > .input .input_area .agree .tt1 {} #progress > .input .input_area .input_form .nl { border-bottom:0px; padding-bottom:0px; margin-bottom:10px; } #progress > .input .subtxt { font-size:16px; line-height:36px; margin-bottom:30px; } #progress > .input .subbtn .nl { padding:15px 60px; width:220px; margin:0 auto; } #progress > .input .subbtn .nl img { padding:10px 5px; } #progress > .input .subbtn .nl .tt { font-size:18px; line-height:30px; } /* 영입절차 */ #step_1 { margin-top:0px; } #step_1 .step {} #step_1 .step .items { margin-bottom:0px; } #step_1 .step .items .nl { padding:5px 5px 15px 5px; margin:0px 5px 35px 5px; } #step_1 .step .items .nl .num { margin:20px 0px 0px 25px; font-size:30px; } #step_1 .step .items .nl .img { margin-bottom:10px; } #step_1 .step .items .nl .img img { margin:0 auto; } #step_1 .step .items .nl .title { font-size:30px; line-height:72px; margin-bottom:0px; } #step_1 .step .items .nl .txt { font-size:16px; line-height:36px; margin-bottom:20px; letter-spacing: -0.5px; } #step_2 { margin:0px 0px 70px 0px; } #step_2 .step {} #step_2 .step .subject { margin-bottom:20px; } #step_2 .step .subject .ll { font-size:30px; line-height:45px; } #step_2 .step .subject .rr { margin:44px 0px 0px 8px; } #step_2 .step .subject .rr img { } #step_2 .step .con { font-size:16px; line-height:34px; text-align:left; } #step_2 .step .con .con_01 { margin-bottom:20px; } #step_2 .step .con .con_02 { margin-bottom:0px; } /* 복지제도 */ #welfare_1 { padding:0px 20px; margin-top:0px; margin-bottom:70px; } #welfare_1 .welfare {} #welfare_1 .welfare .we_area {} #welfare_1 .welfare .we_area .nl { margin-bottom:40px; } #welfare_1 .welfare .we_area .nl .items { height:auto; padding:30px 30px 30px 30px; margin:0px 0px 0px 0px; } #welfare_1 .welfare .we_area .nl:nth-child(odd) .items { margin:0px 0px 0px 0px; } #welfare_1 .welfare .we_area .nl .items .con { height: auto; font-size:16px; line-height:30px; letter-spacing:-0.5px; margin-bottom:20px; } #welfare_1 .welfare .we_area .nl .items .title { text-align:left; font-size:28px; line-height:28px; margin-bottom:20px; } #welfare_1 .welfare .we_area .nl .items .img {} #welfare_1 .welfare .we_area .nl .items .img img { width:40%; } #pageing { margin-top:20px; margin-bottom:90px; } /* 직원 인터뷰 리스트*/ #interview_list_1 { margin-top:0px; margin-bottom:90px; } /* 직원 인터뷰 상세페이지 */ #interview_1 { padding:0px 20px; } #interview_1 > .view {} #interview_1 > .view .sw_area { height: auto; margin-bottom:40px;} #interview_1 > .view .sw_area.active { } #interview_1 > .view .rr { } #interview_1 > .view .rr img { margin-left: 0px; } #interview_1 > .view .ll .list { margin-bottom:20px; } #interview_1 > .view .ll .list a { height:43px; padding: 0px 30px; font-size:16px; line-height: 36px; margin-left:25px; display: block; color: #9e9d9e; border: 2px solid #9e9e9e; border-radius: 25px; } #interview_1 > .view .ll {} #interview_1 > .view .ll .ll_title { margin-bottom:0px; text-align:center; border-bottom:0px; } #interview_1 > .view .ll .ll_title .job_position { font-size:14px; line-height:35px; margin-bottom:0px; } #interview_1 > .view .ll .ll_title .mem_name { height:35px; font-size:30px; line-height:35px; padding-bottom:0px; } #interview_1 > .view .ll .ll_content { font-size:28px; line-height:40px; color:#015567; letter-spacing:-0.5px; margin-bottom:20px; } #interview_1 > .view .ll_arrow { top:400px; } #interview_1 > .view .ll_arrow .arrow { } #interview_1 > .view .ll_arrow .list {} #interview_1 > .view .ll_arrow .list a { height:43px; padding: 0px 30px; font-size:16px; line-height: 36px; margin-left:25px; } #interview_2 { margin-bottom:0px; padding:0px 20px; } #interview_2 > .view {} #interview_2 > .view .nl { margin-bottom:70px; } #interview_2 > .view .nl .mt { margin-top:40px; } #interview_2 > .view .nl .title { font-size:30px; line-height:62px; margin-bottom:10px; } #interview_2 > .view .nl .subritle { font-size:15px; line-height:30px; margin-bottom:10px; } #interview_2 > .view .nl .content { } #interview_2 > .view .ll_arrow .list a { height:43px; padding: 0px 30px; font-size:16px; line-height: 36px; margin-left:25px; } /* 게시판 뷰 */ #bbs_view { padding:0px 20px; } #bbs_view > .view { } #bbs_view > .view .title { margin-bottom:50px; padding: 40px; } #bbs_view > .view .title .new { line-height: 16px; font-size: 11px; margin:10px 20px 0px 0px; padding:2px 5px; } #bbs_view > .view .title .subject { font-size: 24px; line-height: 45px; } #bbs_view > .view .title .wdate { margin: 8px 23px 8px 0px; font-size:18px; } #bbs_view > .view .content { margin-bottom:25px; padding: 10px; } #bbs_view > .view .content .file { margin-bottom:50px; } #bbs_view > .view .content .file a { display:block; } #bbs_view > .view .content .file a img {margin:6px 10px 6px 0px; margin-right:10px; } #bbs_view > .view .content .file a div { font-size:18px; } #bbs_view > .view .content .text { font-size: 16px; line-height: 36px; margin-bottom:0px; } #bbs_view > .view .btn { padding-bottom:150px; border-bottom:1px solid #000; } #bbs_view > .view .btn a { margin:0 auto; width:120px; height:51px; font-size:18px; text-align:center; line-height: 51px; } #bbs_view > .view .more { margin-bottom:50px; font-weight: 300; } #bbs_view > .view .more a { display:block; } #bbs_view > .view .more .prev { border-bottom:1px solid #e5e5e5; } #bbs_view > .view .more .txt { font-size:16px; text-align:center; padding:20px 0px; } #bbs_view > .view .more .subject { font-size:16px; padding:20px 10px; } #bbs_view > .view .more .wdate { text-align:center; font-size:16px; padding:20px 0px; } .content_txt { font-size: 15px !important; line-height: 25px !important; font-weight:normal !important; letter-spacing:-0.7px !important; } .content_txt1 { font-size: 18px !important; line-height: 28px !important; font-weight:800 !important; letter-spacing:-0.7px !important; } .sub_container { padding:0px 20px; } } @media (min-width: 425px) { .MB40 { margin-bottom: 90px; } .MB80 { margin-bottom: 30px; } #nav.m_nav_opt { position:absolute; width:100%; z-index: 99999; } /* 페이지 타이틀 */ /* 페이지 타이틀 */ #pageTitle { padding:0px 20px; margin-top:50px; margin-bottom:40px; } #pageTitle > .tt .title { font-size:24px; line-height:40px; margin-bottom: 15px; } #pageTitle > .tt .pages { top:12px; } #pageTitle > .tt .pages a img { width:45px; } #pageTitle > .tt .pages.page_perv { left:0%; } #pageTitle > .tt .pages.page_next { right:0%; } /* 모바일 셀렉트 네비 */ #pageSubTitle { margin-bottom:40px; } #nav > .nav_area .ll .logo img { width:150px; padding:5px 0px 0px 5px; } #nav > .nav_area .more_menu { padding: 30px 0px 30px 0px; } #nav > .nav_area .more_menu img { width:20px; margin-left: auto; } #nav > .nav_area .more_menu .rr_bg { top:0px; right: -660px; background: url(/images/m_nav_bg.png) center no-repeat; background-size:3000px; background-position-x: 370px; background-position-y: -310px; } /* 사명비전 */ #info1 { margin-bottom:90px; } #info1 > .infos .con { font-size:30px; line-height:45px; letter-spacing: -0.5px; } #info1 > .infos .con ul li { } #info1 > .infos .con .dot { } #info1 > .infos .con .txt { margin-left: 5px; font-size:15px; line-height:28px; font-weight:normal; } #info1 > .infos .areas { margin-bottom:90px; padding:0px 20px; } #info1 > .infos .areas:last-child { margin-bottom:0px; } #info1 > .infos .areas .img_area { margin-bottom:40px; } #info1 > .infos .title { font-size:18px; margin-bottom:0px; line-height: 45px;} #info2 { margin-bottom: 0px; padding:0px 20px; } #info2 > .infos { padding:60px 0px; } #info2 > .infos .title { font-size:24px; line-height:96px; margin-bottom:10px; } #info2 > .infos .lls { padding:0px 0px; margin-bottom:40px; } #info2 > .infos .lls .tt { margin-top:10px; font-size: 15px !important; line-height: 48px !important; letter-spacing:-0.7px; text-align: center; font-weight:normal; } #info2 > .infos .lls .img_circle { width:75px; height:75px; } #info2 > .infos .lls .img_circle img { padding: 15px 0px; } #info3 { margin-bottom:25px; } #info3 > .infos .info3_bg { margin-top:155px; background-position-x: 0%; background-size: 890%; } #info3 > .infos .info3_bg .con { font-size:15px; line-height:28px; padding: 15px 20px; letter-spacing: -0.7px; font-weight:normal; } #info3 > .infos .info3_bg .con:first-child { padding-top:40px; } #info3 > .infos .info3_bg .last_margin { padding-bottom:40px; margin-bottom: 0px; } #info3 > .infos .info3_bg .ov_title { font-size:30px; line-height:48px; top:-72px; left:30px; } #info4 { margin-bottom:0px; padding:20px; } #info4 > .infos .nl { margin-bottom:25px; padding: 15px 3px; } #info4 > .infos .ll { font-size: 30px; line-height: 48px; } #info4 > .infos .ll.txt_opt { letter-spacing: -2px; } #info4 > .infos .rr { font-size: 15px; line-height: 28px; letter-spacing: -0.7px; } #info5 > .infos .info5_bg { margin:40px 0px 90px 0px; } #info5 > .infos .info5_bg .con { } #info5 > .infos .info5_bg .ov_top { top:-25px; left:30px; } #info5 > .infos .info5_bg .ov_top img { width:45px; } #info5 > .infos .info5_bg .ov_bot { bottom:-25px; right:30px; } #info5 > .infos .info5_bg .ov_bot img { width:45px; } /** 핵심가치 역량 **/ #info_main1 { padding:0px 20px; } #info_main1 > .info .num { margin-bottom:0px; font-size:30px; background-size: 50px; } #info_main1 > .info .txt { margin: 0 auto; margin-top:0px; margin-bottom:20px; } #info_main1 > .info .cc .bar { height:80px; } #info_main1 > .info .cc .c_img { margin-bottom:40px; } #info_main1 > .info .cc .c_img .text { font-size: 24px; line-height: 45px; letter-spacing: -0.5px; } #info_main1 > .info .cc .c_img.mini { margin:30px 0px; } #info_main1 > .info .ll { margin-top:0px; } #info_main1 > .info .rr { margin-top:0px; } #info_main1 > .info .nl { margin-bottom: 90px; } /* 컨설팅사업 */ #consulting1 { margin-bottom:165px; padding:0px 20px; } #consulting1 > .consulting .bg_area { height: 135px; background-size: 120%; } #consulting1 > .consulting .bg_area .tt { padding:20px 10px; bottom:-75px; font-size:14px; line-height:28px; left: 10%; width: 80%; } #consulting1 > .consulting .box_area .txt { padding:20px 5px; bottom:-75px; font-size:12px; line-height:50px; } #consulting2 { margin-bottom:90px; padding:0px 20px; } #consulting2 > .consulting .box_area { margin-bottom:40px; } #consulting2 > .consulting .box_area .img .type_1 { padding:40px 0px 0px 0px; margin:0 auto; } #consulting2 > .consulting .box_area .img .type_2 { padding:40px 0px 0px 0px; margin:0 auto; } #consulting2 > .consulting .box_area .img .type_3 { padding:40px 0px 0px 0px; margin:0 auto; } #consulting2 > .consulting .box_area .txt { padding:20px 20px 40px 20px; } #consulting2 > .consulting .box_area .txt .subject { margin-bottom:20px; font-size:24px; text-align:center; } #consulting2 > .consulting .box_area .txt .tt { font-size:14px; line-height:28px; text-align:center; letter-spacing:-0.5px; } /* 엔터테이먼트 */ #ent1 { margin-bottom:300px; } #ent1 > .entertainment .bg_area { height: 250px; background-size: 150%; } #ent1 > .entertainment .bg_area .tt { padding: 20px 20px; margin-top: 100px; top: 0px; left: 35px; right:35px; width: auto; letter-spacing: -0.7px; } #ent1 > .entertainment .bg_area .tt .t_1 { font-size:18px; line-height:36px; letter-spacing: -0.7px; margin-bottom:45px; } #ent1 > .entertainment .bg_area .tt .t_2 { font-size:15px; line-height:25px; letter-spacing: -0.7px; color:#000; font-weight: normal; } #ent2 { margin-bottom:90px; padding:0px 20px; } #ent2 > .entertainment .box_area { } #ent2 > .entertainment .box_area .items .img .type_1 { padding:20px 30px; margin:0 auto; } #ent2 > .entertainment .box_area .items .img .type_2 { padding:20px 30px; margin:0 auto; } #ent2 > .entertainment .box_area .items .img .type_3 { padding:20px 30px; margin:0 auto; } #ent2 > .entertainment .box_area .txt { padding:20px 20px 40px 20px; } #ent2 > .entertainment .box_area .txt .subject { margin-bottom:20px; font-size:24px; text-align:center; } #ent2 > .entertainment .box_area .txt .tt { font-size:14px; line-height:28px; text-align:center; letter-spacing:-0.5px; } /* 조직문화 */ /* #culture1 > .culture { } #culture1 > .culture .mobile_view {} #culture1 > .culture .mobile_view .ll {} #culture1 > .culture .mobile_view .ll .items { padding:0px 0px 0px 0px; } #culture1 > .culture .mobile_view .rr .items { margin-top:140px; padding:0px 0px 0px 0px; } #culture1 > .culture .mobile_view .items .tt {height:auto; padding:0px 20px; } #culture1 > .culture .mobile_view .items { margin-bottom:90px; } #culture1 > .culture .mobile_view .items .img { margin-bottom:40px; padding:0px 20px; } #culture1 > .culture .mobile_view .items .subject { margin-bottom:20px; font-weight:500; font-size:30px; line-height:45px; text-align:left; } #culture1 > .culture .mobile_view .items .txt { padding:0px 0px; font-size:15px; line-height:28px; letter-spacing:0.7px; text-align:left; } #culture1 > .culture .mobile_view .items .txt ul,li {font-size:16px !important; line-height:28px !important; letter-spacing:-0.7px; text-align:left; } #culture1 > .culture .mobile_view .items .txt span { text-indent: 14px; display: inline-block; } */ /* 조직문화 */ #re_culture_1 { padding: 0px 35px; margin-bottom:50px; } #re_culture_1 > .culture .culture_container { width:100%; } #re_culture_1 > .culture .t1 { font-size:18px; margin-bottom:25px; letter-spacing: -1px; } #re_culture_1 > .culture .t2 { font-size:36px; margin-top:25px; letter-spacing: -1px; } #re_culture_2 { padding: 0px 35px; margin-bottom:90px; } #re_culture_2 > .culture .culture_container { width:100%; } #re_culture_2 > .culture .bg_subject { padding:15px 10px; font-size:18px; } #re_culture_2 > .culture .boxs { margin:25px 0px; } #re_culture_2 > .culture .nl { margin-bottom:30px; } #re_culture_2 > .culture .nl .m_area { width:40%;} #re_culture_2 > .culture .nl .m_area .bg_text { width:100%; font-size:36px; } #re_culture_2 > .culture .nl .culture_box { width:80%; padding:10px 0px; line-height:30px; } #re_culture_2 > .culture .nl .culture_box .title { font-size:16px; } #re_culture_2 > .culture .nl .culture_box .con { font-size:16px; } #re_culture_2 > .culture .nl .culture_box.culture_box_1 { margin:0 auto; } #re_culture_2 > .culture .nl .culture_box.culture_box_2 { margin-left:0%; } #re_culture_2 > .culture .nl .culture_box.culture_box_3 { margin-right:0%; } #re_culture_2 > .culture .nl .culture_box.culture_box_4 { margin-left:0px; } #re_culture_2 > .culture .nl .culture_box.culture_box_5 { margin-right:0px; } #re_culture_2 > .culture .nl.seullogeon {} #re_culture_2 > .culture .nl.seullogeon.content_bg { background-size:80%; } #re_culture_2 > .culture .nl.seullogeon .culture_box { border:0px; padding:60px 0px; } #re_culture_2 > .culture .nl.seullogeon .culture_box .con { color:#006072; font-size:28px; line-height:56px; font-weight: 500; } #re_culture_3 {padding: 0px 35px; margin-bottom:90px;} #re_culture_3 > .culture .culture_container { width:100%; } #re_culture_3 > .culture .culture_container .nl { margin-top:60px; padding-bottom:60px; } #re_culture_3 > .culture .culture_container .nl .ll { margin-bottom:20px; } #re_culture_3 > .culture .culture_container .nl .ll .title { text-align: center; font-size:26px; line-height:36px; margin-bottom:20px; } #re_culture_3 > .culture .culture_container .nl .ll .img img { margin:0 auto; } #re_culture_3 > .culture .culture_container .nl .rr .rr_area { text-align:center; } #re_culture_3 > .culture .culture_container .nl .rr .rr_area .title { font-size:20px; margin-bottom: 10px; letter-spacing:-1px; } #re_culture_3 > .culture .culture_container .nl .rr .rr_area .content { font-size:16px; line-height: 36px; letter-spacing: -0.5px; } #re_culture_3 > .culture .culture_container .nl .rr .rr_area .content span { height:1px; width: 12px; } /* 오시는길 */ #way1 { margin-top:90px; } #way1 > .way { padding:0px 20px; } #way1 > .way .m_areas { margin-bottom:90px; } #way1 > .way .m_areas .way_map { height:300px; margin-bottom:40px; } #way1 > .way .m_areas .way_suvject { font-size:30px; line-height:45px; margin-bottom:20px; } #way1 > .way .m_areas .way_info { margin-bottom:20px; } #way1 > .way .m_areas .way_info .txt { margin:20px 0px 40px 0px; text-align:center; } #way1 > .way .m_areas .way_info .txt.type_1 { padding:0px 0px 0px 0px; } #way1 > .way .m_areas .way_info .txt.type_2 { padding:0px 0px 0px 0px; } /* 계열사 */ #subsidiary1 { margin-bottom:60px; padding:0px 20px; } #subsidiary1 .subsidiary .ll .title { font-size: 30px; line-height: 45px; } #subsidiary1 .subsidiary .rr { margin-top:20px; font-size: 14px; line-height: 28px; letter-spacing: -1px; } #subsidiary1 .subsidiary .rr .dot { } #subsidiary1 .subsidiary .rr .txt { font-size:15px; font-weight:normal; letter-spacing:-0.7px; } #subsidiary2 { margin-bottom:60px; } #subsidiary2 .subsidiary .s_img { padding:0px 0px 20px 0px; } #subsidiary2 .subsidiary .s_img img { } #subsidiary2 .subsidiary .r_img { padding:0px 0px;} #subsidiary2 .subsidiary .r_img img { } #subsidiary2 .subsidiary > .container { padding:60px 0px; } #subsidiary3 { padding:0px 20px; } #subsidiary3 .subsidiary .nl { margin-bottom:90px; } #subsidiary3 .subsidiary .contents { margin-top:40px; padding:0px 10px; } #subsidiary3 .subsidiary .contents .title { font-size: 30px; margin-bottom:20px; } #subsidiary3 .subsidiary .contents .subTitle { font-size:28px; line-height: 48px; font-weight:500; margin-bottom:20px; } #subsidiary3 .subsidiary .contents .con { margin-bottom:20px; } #subsidiary3 .subsidiary .contents .con .dot {} #subsidiary3 .subsidiary .contents .con .txt { } #subsidiary3 .subsidiary .contents .link { padding-left: 5px; } #subsidiary3 .subsidiary .contents .link a { margin-left:0px; } #subsidiary3 .subsidiary .logo { height:186px; } #subsidiary3 .subsidiary .logo_ti {} #subsidiary3 .subsidiary .logo_ti img { width:200px; padding:50px 0px; } #boxes .boxes_bg .boxe_area .boxe_body { width:264px; background-position-x: -125px !important; background-position-y: 130px !important; } #boxes .boxes_bg .boxe_area .boxe_body .boxe_in.logo { margin-bottom:20px; padding: 0px 20px; } #boxes .boxes_bg .boxe_area .boxe_body .boxe_in .nl { padding:0px 20px; } #boxes .boxes_bg .boxe_area .boxe_body .boxe_in .nl .sub_box.active { padding:25px 20px; } /* ----비지니스---- */ /* 푸드 */ #food1 { margin-bottom:0px; padding:0px 20px; } #food1 > .foods .nl { margin-bottom:90px; } #food1 > .foods .nl .ll .imgs { margin-bottom:40px; } #food1 > .foods .nl .txt { width:95%; margin:0 auto; } #food1 > .foods .nl .txt .title { font-size:18px; margin-bottom: 20px; } #food1 > .foods .nl .txt .subTitle { font-size: 30px; line-height: 45px; margin-bottom:20px; } #food1 > .foods .nl .txt .con { font-size: 14px; line-height: 28px; } #food1 > .foods .nl .txt .con span { text-indent: 15px; display: inline-block; } #food1 > .foods .nl .txt .con .dot { line-height: 14px; } #food1 > .foods .nl .txt .con .txt { } /* 브랜드 */ #brand1 { margin-bottom:40px; } #brand1 > .brand {padding: 40px 0px; background-size: 690% !important; } #brand1 > .brand .title { font-size: 30px; line-height: 45px; margin-bottom:20px; } #brand1 > .brand .subTitle { font-size: 14px; line-height: 28px; letter-spacing: -0.7px; } #brand2 { margin-bottom:90px; } #brand2 > .brand .logo { margin-bottom:90px; } #brand2 > .brand .txt { margin-bottom:0px; padding: 0px 20px; } #brand3 { margin-bottom:90px; } #brand3 > .brand .items { padding:0px 0px; margin-bottom:40px; } #brand3 > .brand .items .imgs { margin-bottom:10px; padding:0px 20px; } #brand3 > .brand .text { } #brand4 { margin-bottom:50px; } #brand4 > .brand .txt { padding:0px 20px;} #brand4 > .brand .txt .subject { text-align:center; font-size: 14px; line-height: 28px; } #brand4 > .brand .txt .con { text-align:center; font-size: 14px; line-height: 28px; } #brand4 > .brand .logo img { width: 50%; margin:0 auto; } /* 나눔경영 */ #social > .so_area .nl { margin-bottom:90px; padding:0px 20px; } #social > .so_area .nl .box .imgs { margin-bottom:40px; } #social > .so_area .nl .box .tt { margin-top: 0px; } #social > .so_area .nl .box .tt .title { font-size: 24px; line-height: 45px; margin-bottom:8px; } #social > .so_area .nl .box .tt .subTitle { font-size: 18px; line-height: 45px; margin-bottom:20px; } #social > .so_area .nl .box .tt .con { letter-spacing: 0px; } #social > .so_area .nl .l_box .tt { padding-left:0px; } #social > .so_area .nl .r_box .tt { padding-right:0px; } /* 인재경영 */ #members {padding:0px 20px; } #members > .member {} #members > .member .mem_bg { width:100%; margin:0 auto; } #members > .member .mem_bg img { margin-bottom:40px; } #members > .member .mem_content { margin-bottom:90px; } #members > .member .mem_content .txt .t1 { font-size:28px; line-height:40px; margin-bottom:20px; } #members > .member .mem_content .txt .t2 { font-size:16px !important; line-height:30px !important; letter-spacing:-0.5px !important; } #members > .member .mem_content .txt .link { margin-top:20px; } #members > .member .mem_content .txt .link a { font-size: 16px; width: 166px; height: 45px; } #members > .member .mem_content .txt .link a img { margin:16px 0px 16px 9px; } /* 게시판 리스트*/ #bbs_list {margin-bottom:90px; } #bbs_list > .list {} #bbs_list > .list .table_m_type_1 td { font-size: 14px; line-height: 28px; padding: 10px 0px; } #bbs_list > .list .table_m_type_1 td .num { width:10%; text-align:center; } #bbs_list > .list .table_m_type_1 td .new { width:15%; text-align:center; } #bbs_list > .list .table_m_type_1 td .subject { width:75%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #pageing {margin-top:20px; margin-bottom: 90px; } #pageing > .page ul li a { padding:5px; } #footer { padding-bottom:30px; } #footer > .f_area .ll { margin-top:30px; } #footer > .f_area .ll .logo { margin-bottom:10px; } #footer > .f_area .ll .logo img { width:110px; } #footer > .f_area .ll .con { font-size:11px; line-height:20px; } #footer > .f_area .rr2 { margin-top:20px; } #footer > .f_area .rr2 .more_sns { width:22px; height:22px; overflow:hidden; border-radius: 100px; margin-right:15px; } #footer > .f_area .rr2 .shortcuts {} #footer > .f_area .rr2 .shortcuts a { display:block; text-align:center; color:#868e96; border:1px solid #d1d5d8; font-size:12px; line-height:20px; padding:14px 0px; } /* 모바일 메인 */ #m_main .m_body .m_item .m_bg { height:450px; } #m_main .m_body .m_item .m_bg.bg_1 { background-position-y: top; background-position-x: center; background-size:100%; } #m_main .m_body .m_item .m_bg.bg_2 { background-position-x: center; background-size:100%; } #m_main .m_body .m_item .m_bg.bg_3 { background-position-x: center; background-size:100%; } #m_main .m_body .m_item .m_bg .subBg.subBg_1 { bottom: 0px; } #m_main .m_body .m_item .m_bg .subBg.subBg_1 img { width: 110%; } #m_main .m_body .m_item .m_bg .subBg.subBg_2 { bottom: 0px; } #m_main .m_body .m_item .m_bg .subBg.subBg_2 img { width: 100%; } #m_main .m_body .m_item .m_bg .subBg.subBg_3 { bottom: 0px; } #m_main .m_body .m_item .m_bg .subBg.subBg_3 img { width: 160%; margin-left:-140px; margin-bottom: -100px; } #m_main .m_body .m_item .m_bg .txt { left:40px; bottom:120px; } #m_main .m_body .m_item .m_bg .txt .t_logo { margin-bottom:35px; } #m_main .m_body .m_item .m_bg .txt .t_logo img { width:110px; } #m_main .m_body .m_item .m_bg .txt .t1 { font-size:14px; margin-bottom:10px; } #m_main .m_body .m_item .m_bg .txt .t2 { font-size:38px; line-height:50px; letter-spacing:-0.7px; } #m_main .m_body .m_item .m_bg .txt .t3 { font-size:16px; margin-top: 5px; } /* m swiper bullet */ #m_main .swiper-pagination-bullet { height:9px !important; width:9px !important; background-size:13px !important;} #m_main .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin-left:55px !important;} #m_main .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:63px !important; width: 240px !important; left: -19px !important; } #m_main .swiper-button-next, .swiper-button-prev { top:100% !important; color:#fff !important; } #m_main .swiper-button-next { left:auto !important; right:-65px !important; } #m_main .swiper-button-prev { left:auto !important; right:-25px !important; } #m_main .bfMainNext { height: 10px; top: 16px; left: 240px; width: 10px; } #m_main .bfMainNext img { width:14px; } #m_main .bfMainPrev { height: 10px; top: 16px; left: 210px; width: 10px; } #m_main .bfMainPrev img { width:14px; } #m_main > .m_body .m_bot { } #m_main > .m_body .m_bot .bot_area { bottom: 70px; left: 20px; } #m_main > .m_body .m_bot .bars .bar { bottom: -4px; height: 1px; width:60px; } #m_main > .m_body .m_bot .bars .bar1 { right: 188px; } #m_main > .m_body .m_bot .bars .bar2 { right: 120px; } #m_main > .m_body .m_bot .bars .bar3 { right: 52px; } #m_main > .m_body .m_bot .icons { margin-left:20px; } #m_main > .m_body .m_bot .icons .iconBox{ padding:5px 5px; margin-right:32px; } #m_main > .m_body .m_bot .tx { height:20px; font-size:14px; } #nav > .nav_area .more_menu .rr_bg2 { top: -1px; right: -29px; width:90px; height:70px; } #nav .container { overflow:unset; } /* 잔행중인공고 리스트*/ /* #progress { margin-bottom:90px; } #progress > .list {} #progress > .list .nl { margin-bottom:28px; padding:28px 20px; } #progress > .list .nl a { } #progress > .list .nl a .cat { padding:5px 0px; font-size:14px; line-height:24px; } #progress > .list .nl a .cat span{ margin:0px 15px; } #progress > .list .nl a .subject { padding:0px 0px; font-size:28px; line-height:72px; } #progress > .list .nl a .img_btn { padding: 19px 0px; } #progress > .list .nl a .img_btn img { margin:0 auto; } */ /* 잔행중인공고 리스트*/ #progress { margin-bottom:0px; } #progress > .list {} #progress > .list .nl { margin-bottom:0px; padding:20px 0px; } #progress > .list .nl:last-child { margin-bottom:0px; } #progress > .list .nl a { } #progress > .list .nl a .date { width: auto; text-align:center; vertical-align: top; display: inline-block; font-size: 15px; line-height: 48px;} #progress > .list .nl a .cat { width:auto; padding:0px 0px; color:#e67612; font-size:16px; line-height:38px; } #progress > .list .nl a .cat.new { margin:10px 10px 10px 0px; border: 1px solid #e67612; line-height: 16px; padding: 5px 10px; font-size: 11px; border-radius: 4px; } #progress > .list .nl a .cat span{ margin:0px 15px; } #progress > .list .nl a .subject { color:#212529; font-size:24px; line-height:48px; } #progress > .list .nl a .img_btn { padding: 19px 0px; } #progress > .list .nl a .img_btn img { margin:0 auto; margin-right:45px; } /* 잔행중인공고 뷰*/ #progress { margin-bottom:50px; padding:0px 20px; } #progress > .view { } #progress > .view .title { margin-bottom:0px; padding:15px 20px; } #progress > .view .title .cat { font-size:16px; line-height:30px; margin-bottom:0px; text-align:center; letter-spacing:-0.7px; font-weight:normal; } #progress > .view .title .cat span { margin:0px 10px; } #progress > .view .title .subject { padding:0px 0px; font-size:24px; line-height:50px; margin-left:0px; text-align:center; } #progress > .view .receipt { margin-top: 25px; } #progress > .view .receipt .nl { padding: 9px; } #progress > .view .receipt .nl .check_img { margin-left: 0px; padding: 10px; } #progress > .view .receipt .nl .check_img img { } #progress > .view .receipt .nl .tt { font-size:18px; line-height:30px; } #progress > .view .content { padding:0px 0px; padding-bottom:60px; margin-bottom:30px; letter-spacing:-0.7px; } #progress > .view .content .text { font-size:18px; line-height:36px; } #progress > .view .btn { padding: 0px 0px 30px 0px; } #progress > .view .btn a { padding:0px 25px; height:51px; font-size:18px; line-height: 51px; } /* 잔행중인공고 인풋*/ #progress > .input .title { padding:40px 0px; margin-bottom:60px; } #progress > .input .title .cat { font-size: 18px; line-height: 36px; margin-bottom:0px; } #progress > .input .title .cat span { margin: 0px 10px; } #progress > .input .title .subject { padding: 0px 0px; font-size: 12px; line-height: 40px; } #progress > .input .input_area { margin-bottom:30px; } #progress > .input .input_area .agree { margin-bottom:75px; } #progress > .input .input_area .agree.center_agree { padding:25px 20px 15px 20px; width:auto; margin:0 auto; margin-bottom:50px; } #progress > .input .input_area .agree.inputs { padding:30px 4px 10px 4px; width:auto; margin:0 auto; margin-bottom:5px; } #progress > .input .input_area .agree .t1 { font-size:16px; line-height:16px; margin-bottom:15px; } #progress > .input .input_area .agree .t2 { margin-left:15px; } #progress > .input .input_area .agree .t2 ul { font-size:16px; line-height:36px; } #progress > .input .input_area .agree .t2 ul li { font-size:16px; line-height:36px; } #progress > .input .input_area .agree .t3 { margin-bottom:0px;} #progress > .input .input_area .agree .tt1 {} #progress > .input .subtxt { font-size:16px; line-height:36px; margin-bottom:30px; } #progress > .input .subbtn .nl { padding:15px 60px; width:220px; margin:0 auto; } #progress > .input .subbtn .nl img { padding:10px 5px; } #progress > .input .subbtn .nl .tt { font-size:18px; line-height:30px; } /* 영입절차 */ #step_1 { margin-top:70px; } #step_1 .step {} #step_1 .step .items { margin-bottom:0px; } #step_1 .step .items .nl { padding:0px 5px; margin:0px 5px 35px 5px; } #step_1 .step .items .nl .num { margin:20px 0px 0px 25px; font-size:30px; } #step_1 .step .items .nl .img { margin-bottom:10px; } #step_1 .step .items .nl .img img { margin:0 auto; } #step_1 .step .items .nl .title { font-size:30px; line-height:72px; margin-bottom:0px; } #step_1 .step .items .nl .txt { font-size:16px; line-height:36px; margin-bottom:20px; letter-spacing: -0.5px; } #step_2 { margin:90px 0px 150px 0px; } #step_2 .step {} #step_2 .step .subject { margin-bottom:20px; } #step_2 .step .subject .ll { font-size:30px; line-height:45px; } #step_2 .step .subject .rr { margin:44px 0px 0px 8px; } #step_2 .step .subject .rr img { } #step_2 .step .con { font-size:16px; line-height:34px; text-align:left; } #step_2 .step .con .con_01 { margin-bottom:20px; } #step_2 .step .con .con_02 { margin-bottom:0px; } /* 복지제도 */ #welfare_1 { padding:0px 20px; margin-top:0px; margin-bottom:70px; } #welfare_1 .welfare {} #welfare_1 .welfare .we_area {} #welfare_1 .welfare .we_area .nl { margin-bottom:40px; } #welfare_1 .welfare .we_area .nl .items { height:auto; padding:30px 30px 30px 30px; margin:0px 0px 0px 0px; } #welfare_1 .welfare .we_area .nl:nth-child(odd) .items { margin:0px 0px 0px 0px; } #welfare_1 .welfare .we_area .nl .items .con { height: auto; font-size:16px; line-height:30px; letter-spacing:-0.5px; margin-bottom:20px; } #welfare_1 .welfare .we_area .nl .items .title { text-align:left; font-size:28px; line-height:28px; margin-bottom:20px; } #welfare_1 .welfare .we_area .nl .items .img {} #welfare_1 .welfare .we_area .nl .items .img img { width:40%; } /* 직원 인터뷰 리스트*/ #interview_list_1 { margin-top:0px; margin-bottom:90px; } /* 직원 인터뷰 상세페이지 */ #interview_1 { padding:0px 20px; } #interview_1 > .view {} #interview_1 > .view .sw_area { height: auto; } #interview_1 > .view .sw_area.active { } #interview_1 > .view .rr { } #interview_1 > .view .rr img { margin-left: 0px; } #interview_1 > .view .ll .list { margin-bottom:20px; } #interview_1 > .view .ll .list a { height:43px; padding: 0px 30px; font-size:16px; line-height: 36px; margin-left:25px; display: block; color: #9e9d9e; border: 2px solid #9e9e9e; border-radius: 25px; } #interview_1 > .view .ll {} #interview_1 > .view .ll .ll_title { margin-bottom:30px; text-align:center; } #interview_1 > .view .ll .ll_title .job_position { font-size:14px; line-height:55px; } #interview_1 > .view .ll .ll_title .mem_name { height:85px; font-size:30px; line-height:55px; padding-bottom:30px; } #interview_1 > .view .ll .ll_content { font-size:38px; line-height:52px; color:#015567; letter-spacing:-0.5px; margin-bottom:75px; } #interview_1 > .view .ll_arrow { top:400px; } #interview_1 > .view .ll_arrow .arrow { } #interview_1 > .view .ll_arrow .list {} #interview_1 > .view .ll_arrow .list a { height:43px; padding: 0px 30px; font-size:16px; line-height: 36px; margin-left:25px; } #interview_2 { margin-bottom:150px; padding:0px 20px; } #interview_2 > .view {} #interview_2 > .view .nl { margin-bottom:100px; } #interview_2 > .view .nl .mt { margin-top:40px; } #interview_2 > .view .nl .title { font-size:30px; line-height:62px; margin-bottom:20px; } #interview_2 > .view .nl .subritle { font-size:15px; line-height:30px; margin-bottom:10px; } #interview_2 > .view .nl .content { } #interview_2 > .view .ll_arrow .list a { height:43px; padding: 0px 30px; font-size:16px; line-height: 36px; margin-left:25px; } /* 게시판 뷰 */ #bbs_view { padding:0px 20px; } #bbs_view > .view { } #bbs_view > .view .title { margin-bottom:50px; padding: 40px 40px; } #bbs_view > .view .title .new { line-height: 16px; font-size: 11px; margin:10px 20px 0px 0px; padding:2px 5px; } #bbs_view > .view .title .subject { font-size: 24px; line-height: 28px; } #bbs_view > .view .title .wdate { margin: 0px 23px 0px 0px; font-size:18px; } #bbs_view > .view .content { margin-bottom:25px; padding: 10px; } #bbs_view > .view .content .file { margin-bottom:50px; } #bbs_view > .view .content .file a { display:block; } #bbs_view > .view .content .file a img {margin:6px 10px 6px 0px; margin-right:10px; } #bbs_view > .view .content .file a div { font-size:18px; } #bbs_view > .view .content .text { font-size: 16px; line-height: 36px; margin-bottom:0px; } #bbs_view > .view .btn { padding-bottom:150px; border-bottom:1px solid #000; } #bbs_view > .view .btn a { margin:0 auto; width:120px; height:51px; font-size:18px; text-align:center; line-height: 51px; } #bbs_view > .view .more { margin-bottom:50px; font-weight: 300; } #bbs_view > .view .more a { display:block; } #bbs_view > .view .more .prev { border-bottom:1px solid #e5e5e5; } #bbs_view > .view .more .txt { font-size:16px; text-align:center; padding:20px 0px; } #bbs_view > .view .more .subject { font-size:16px; padding:20px 10px; } #bbs_view > .view .more .wdate { text-align:center; font-size:16px; padding:20px 0px; } .content_txt { font-size: 15px !important; line-height: 25px !important; font-weight:normal !important; letter-spacing:-0.7px !important; } .content_txt1 { font-size: 18px !important; line-height: 28px !important; font-weight:800 !important; letter-spacing:-0.7px !important; } } @media (min-width: 768px) { .container { overflow: unset; } .MB40 { margin-bottom: 90px; } .MB80 { margin-bottom: 30px; } .content_txt { font-size: 18px !important; line-height: 36px !important; font-weight:300 !important; letter-spacing:0px !important; } .content_txt1 { font-size: 24px !important; line-height: 36px !important; font-weight:300 !important; letter-spacing:0px !important; } /**/ #nav.m_nav_opt { position:absolute; width:100%; z-index: 99999; } /* 페이지 타이틀 */ /* 페이지 타이틀 */ #pageTitle { padding:0px 20px; margin-top:50px; margin-bottom:40px; } #pageTitle > .tt .title { font-size:24px; line-height:40px; margin-bottom: 15px; } #pageTitle > .tt .pages { top:12px; } #pageTitle > .tt .pages a img { width:45px; } #pageTitle > .tt .pages.page_perv { left:15%; } #pageTitle > .tt .pages.page_next { right:15%; } /* 모바일 셀렉트 네비 */ #pageSubTitle { margin-bottom:40px; } #nav > .nav_area .ll .logo img { width:150px; padding:5px 0px 0px 5px; } #nav > .nav_area .more_menu {padding: 30px 0px 30px 0px; } #nav > .nav_area .more_menu img { width:20px; margin-left: auto; } #nav > .nav_area .more_menu .rr_bg { top:0px; right: -660px; background: url(/images/m_nav_bg.png) center no-repeat; background-size:3000px; background-position-x: 370px; background-position-y: -310px; } /* 사명비전 */ #info1 { margin-bottom:90px; } #info1 > .infos .con { font-size:30px; line-height:45px; letter-spacing: -0.5px; } #info1 > .infos .con ul li { } #info1 > .infos .con .dot { } #info1 > .infos .con .txt { margin-left: 5px; font-size:15px; line-height:28px; font-weight:normal; } #info1 > .infos .areas { margin-bottom:90px; padding:0px 20px; } #info1 > .infos .areas:last-child { margin-bottom:0px; } #info1 > .infos .areas .img_area { margin-bottom:40px; } #info1 > .infos .title { font-size:18px; margin-bottom:0px; line-height: 45px;} #info2 { margin-bottom: 0px; padding:0px 20px; } #info2 > .infos { padding:60px 0px; } #info2 > .infos .title { font-size:24px; line-height:96px; margin-bottom:10px; } #info2 > .infos .lls { padding:0px 0px; margin-bottom:40px; } #info2 > .infos .lls .tt { margin-top:10px; font-size: 15px !important; line-height: 48px !important; letter-spacing:-0.7px !important; text-align: center; } #info2 > .infos .lls .img_circle { width:75px; height:75px; } #info2 > .infos .lls .img_circle img { padding: 15px 0px; } #info3 { margin-bottom:25px; } #info3 > .infos .info3_bg { margin-top:155px; background-position-x: 0%; background-size: 890%; } #info3 > .infos .info3_bg .con { font-size:15px; line-height:28px; padding: 15px 20px; letter-spacing: -0.7px; font-weight:normal; } #info3 > .infos .info3_bg .con:first-child { padding-top:40px; } #info3 > .infos .info3_bg .last_margin { padding-bottom:40px; margin-bottom: 0px; } #info3 > .infos .info3_bg .ov_title { font-size:30px; line-height:48px; top:-72px; left:30px; } #info4 { margin-bottom:0px; padding:20px; } #info4 > .infos .nl { margin-bottom:25px; padding: 15px 3px; } #info4 > .infos .ll { font-size: 30px; line-height: 48px; } #info4 > .infos .ll.txt_opt { letter-spacing: -2px; } #info4 > .infos .rr { font-size: 15px; line-height: 28px; letter-spacing: -0.7px; } #info5 > .infos .info5_bg { margin:40px 0px 90px 0px; } #info5 > .infos .info5_bg .con { } #info5 > .infos .info5_bg .ov_top { top:-25px; left:30px; } #info5 > .infos .info5_bg .ov_top img { width:45px; } #info5 > .infos .info5_bg .ov_bot { bottom:-25px; right:30px; } #info5 > .infos .info5_bg .ov_bot img { width:45px; } /** 핵심가치 역량 **/ #info_main1 { padding:0px 20px; } #info_main1 > .info .num { margin-bottom:0px; font-size:30px; background-size: 50px; } #info_main1 > .info .txt { margin: 0 auto; margin-top:0px; margin-bottom:20px; } #info_main1 > .info .cc .bar { height:80px; } #info_main1 > .info .cc .c_img { margin-bottom:40px; } #info_main1 > .info .cc .c_img .text { font-size: 24px; line-height: 45px; letter-spacing: -0.5px; } #info_main1 > .info .cc .c_img.mini { margin:30px 0px; } #info_main1 > .info .ll { margin-top:0px; } #info_main1 > .info .rr { margin-top:0px; } #info_main1 > .info .nl { margin-bottom: 90px; } /* 컨설팅사업 */ #consulting1 { margin-bottom:250px; padding:0px 20px; } #consulting1 > .consulting .bg_area { height: 340px; background-size: 120%; } #consulting1 > .consulting .bg_area .tt { padding: 55px; bottom: -190px; font-size: 32px !important; line-height: 50px !important; left: 10%; width: 80%; letter-spacing: -0.5px!important; } #consulting1 > .consulting .box_area .txt { padding:20px 5px; bottom:-75px; font-size:12px; line-height:50px; } #consulting2 { margin-bottom:90px; padding:0px 20px; } #consulting2 > .consulting .box_area { margin-bottom:40px; } #consulting2 > .consulting .box_area .img .type_1 { padding:40px 0px 0px 0px; margin:0 auto; } #consulting2 > .consulting .box_area .img .type_2 { padding:40px 0px 0px 0px; margin:0 auto; } #consulting2 > .consulting .box_area .img .type_3 { padding:40px 0px 0px 0px; margin:0 auto; } #consulting2 > .consulting .box_area .txt { padding:20px 20px 40px 20px; } #consulting2 > .consulting .box_area .txt .subject { margin-bottom:20px; font-size:24px; text-align:center; } #consulting2 > .consulting .box_area .txt .tt { font-size:14px; line-height:28px; text-align:center; letter-spacing:-0.5px; } /* 엔터테이먼트 */ #ent1 { margin-bottom:300px; } #ent1 > .entertainment .bg_area { height: 465px; background-size: 150%; } #ent1 > .entertainment .bg_area .tt { padding: 40px 40px; margin-top: 100px; top: 230px; left: 35px; right:35px; width: auto; letter-spacing: -0.7px; } #ent1 > .entertainment .bg_area .tt .t_1 { } #ent1 > .entertainment .bg_area .tt .t_1 .content_txt { font-size:18px !important; line-height:36px !important; letter-spacing: -0.7px !important;margin-bottom:45px !important; font-weight:500 !important; } #ent1 > .entertainment .bg_area .tt .t_2 { } #ent1 > .entertainment .bg_area .tt .t_2.content_txt { font-size:14px !important; line-height:25px !important; letter-spacing: -0.7px !important; color:#000 !important; font-weight: normal !important; } #ent2 { margin-bottom:90px; padding:0px 20px; } #ent2 > .entertainment .box_area { } #ent2 > .entertainment .box_area .items .img .type_1 { padding:20px 30px; margin:0 auto; } #ent2 > .entertainment .box_area .items .img .type_2 { padding:20px 30px; margin:0 auto; } #ent2 > .entertainment .box_area .items .img .type_3 { padding:20px 30px; margin:0 auto; } #ent2 > .entertainment .box_area .txt { padding:20px 20px 40px 20px; } #ent2 > .entertainment .box_area .txt .subject { margin-bottom:20px; font-size:24px; text-align:center; } #ent2 > .entertainment .box_area .txt .tt { font-size:14px; line-height:28px; text-align:center; letter-spacing:-0.5px; } /* 조직문화 */ /* #culture1 > .culture { } #culture1 > .culture .mobile_view {} #culture1 > .culture .mobile_view .ll {} #culture1 > .culture .mobile_view .ll .items { padding:0px 0px 0px 0px; } #culture1 > .culture .mobile_view .rr .items { margin-top:140px; padding:0px 0px 0px 0px; } #culture1 > .culture .mobile_view .ll .tt {height:auto; padding:0px 20px; } #culture1 > .culture .mobile_view .items { margin-bottom:90px; } #culture1 > .culture .mobile_view .items .img { margin-bottom:40px; padding:0px 20px; } #culture1 > .culture .mobile_view .items .subject { margin-bottom:20px; font-weight:500; font-size:30px; line-height:45px; text-align:left; } #culture1 > .culture .mobile_view .items .txt { padding:0px 0px; font-size:15px; line-height:28px; letter-spacing:0.7px; text-align:left; } #culture1 > .culture .mobile_view .items .txt ul,li {font-size:16px !important; line-height:28px !important; letter-spacing:-0.7px; text-align:left; } #culture1 > .culture .mobile_view .items .txt span { text-indent: 14px; display: inline-block; } */ /* 조직문화 */ #re_culture_1 { padding: 0px 35px; margin-bottom:50px; } #re_culture_1 > .culture .culture_container { width:100%; } #re_culture_1 > .culture .t1 { font-size:24px; margin-bottom:25px; } #re_culture_1 > .culture .t2 { font-size:40px; margin-top:25px; } #re_culture_2 { padding: 0px 35px; margin-bottom:100px; } #re_culture_2 > .culture .culture_container { width:100%; } #re_culture_2 > .culture .bg_subject { padding:30px 0px; font-size:26px; } #re_culture_2 > .culture .boxs { margin:25px 0px; } #re_culture_2 > .culture .nl { margin-bottom:60px; } #re_culture_2 > .culture .nl .m_area { width:40%;} #re_culture_2 > .culture .nl .m_area .bg_text { width:100%; font-size:36px; } #re_culture_2 > .culture .nl .culture_box { width:25%; padding:10px 0px; line-height:30px; } #re_culture_2 > .culture .nl .culture_box .title { font-size:16px; } #re_culture_2 > .culture .nl .culture_box .con { font-size:16px; } #re_culture_2 > .culture .nl .culture_box.culture_box_1 { margin:0 auto; } #re_culture_2 > .culture .nl .culture_box.culture_box_2 { margin-left:5%; } #re_culture_2 > .culture .nl .culture_box.culture_box_3 { margin-right:5%; } #re_culture_2 > .culture .nl .culture_box.culture_box_4 { margin-left:120px; } #re_culture_2 > .culture .nl .culture_box.culture_box_5 { margin-right:120px; } #re_culture_2 > .culture .nl.seullogeon {} #re_culture_2 > .culture .nl.seullogeon.content_bg { background-size:80%;} #re_culture_2 > .culture .nl.seullogeon .culture_box { border:0px; padding:60px 0px; } #re_culture_2 > .culture .nl.seullogeon .culture_box .con { color:#006072; font-size:28px; line-height:56px; font-weight:500; } #re_culture_3 { padding: 0px 35px; margin-bottom:90px;} #re_culture_3 > .culture .culture_container { width:100%; } #re_culture_3 > .culture .culture_container .nl { margin-top:70px; padding-bottom:55px; } #re_culture_3 > .culture .culture_container .nl .ll { margin-bottom:20px; } #re_culture_3 > .culture .culture_container .nl .ll .title { text-align: center; font-size:26px; line-height:36px; margin-bottom:25px; } #re_culture_3 > .culture .culture_container .nl .ll .img img { margin:0 auto; } #re_culture_3 > .culture .culture_container .nl .rr .rr_area { text-align:center; } #re_culture_3 > .culture .culture_container .nl .rr .rr_area .title { font-size:20px; margin-bottom: 10px; } #re_culture_3 > .culture .culture_container .nl .rr .rr_area .content { font-size:16px; line-height: 36px; letter-spacing: -0.5px; } #re_culture_3 > .culture .culture_container .nl .rr .rr_area .content span { height:1px; width: 12px; } /* 오시는길 */ #way1 { margin-top:90px; } #way1 > .way { padding:0px 20px; } #way1 > .way .m_areas { margin-bottom:90px; } #way1 > .way .m_areas .way_map { height:300px; margin-bottom:40px; } #way1 > .way .m_areas .way_suvject { font-size:30px; line-height:45px; margin-bottom:20px; } #way1 > .way .m_areas .way_info { margin-bottom:20px; } #way1 > .way .m_areas .way_info .txt { margin:20px 0px 40px 0px; text-align:center; } #way1 > .way .m_areas .way_info .txt.type_1 { padding:0px 0px 0px 0px; } #way1 > .way .m_areas .way_info .txt.type_2 { padding:0px 0px 0px 0px; } /* 계열사 */ #subsidiary1 { margin-bottom:60px; padding:0px 20px; } #subsidiary1 .subsidiary .ll .title { font-size: 30px; line-height: 45px; } #subsidiary1 .subsidiary .rr { margin-top:20px; font-size: 14px; line-height: 28px; letter-spacing: -1px; } #subsidiary1 .subsidiary .rr .dot { } #subsidiary1 .subsidiary .rr .txt { font-size:15px; font-weight:normal; letter-spacing:-0.7px; } #subsidiary2 { margin-bottom:60px; } #subsidiary2 .subsidiary .s_img { padding:0px 0px 20px 0px; } #subsidiary2 .subsidiary .s_img img { } #subsidiary2 .subsidiary .r_img { padding:0px 0px;} #subsidiary2 .subsidiary .r_img img { } #subsidiary2 .subsidiary > .container { padding:60px 0px; } #subsidiary3 { padding:0px 20px; } #subsidiary3 .subsidiary .nl { margin-bottom:90px; } #subsidiary3 .subsidiary .contents { margin-top:40px; padding:0px 10px; } #subsidiary3 .subsidiary .contents .title { font-size: 30px; margin-bottom:20px; } #subsidiary3 .subsidiary .contents .subTitle { font-size:28px; line-height: 48px; font-weight:500; margin-bottom:20px; } #subsidiary3 .subsidiary .contents .con { margin-bottom:20px; } #subsidiary3 .subsidiary .contents .con .dot {} #subsidiary3 .subsidiary .contents .con .txt { } #subsidiary3 .subsidiary .contents .link { padding-left: 5px; } #subsidiary3 .subsidiary .contents .link a { margin-left:0px; } #subsidiary3 .subsidiary .logo { height:186px; } #subsidiary3 .subsidiary .logo_ti {} #subsidiary3 .subsidiary .logo_ti img { width:200px; padding:50px 0px; } #boxes .boxes_bg .boxe_area .boxe_body { width:264px; background-position-x: -180px !important; background-position-y: 95px !important; } #boxes .boxes_bg .boxe_area .boxe_body .boxe_in.logo { margin-bottom:20px; padding: 0px 20px; } #boxes .boxes_bg .boxe_area .boxe_body .boxe_in .nl { padding:0px 20px; } #boxes .boxes_bg .boxe_area .boxe_body .boxe_in .nl .sub_box.active { padding:25px 20px; } /* ----비지니스---- */ /* 푸드 */ #food1 { margin-bottom:0px; padding:0px 20px; } #food1 > .foods .nl { margin-bottom:90px; } #food1 > .foods .nl .ll .imgs { margin-bottom:40px; } #food1 > .foods .nl .txt { width:95%; margin:0 auto; } #food1 > .foods .nl .txt .title { font-size:18px; margin-bottom: 20px; } #food1 > .foods .nl .txt .subTitle { font-size: 30px; line-height: 45px; margin-bottom:20px; } #food1 > .foods .nl .txt .con { font-size: 14px; line-height: 28px; } #food1 > .foods .nl .txt .con span { text-indent: 15px; display: inline-block; } #food1 > .foods .nl .txt .con .dot { line-height: 14px; } #food1 > .foods .nl .txt .con .txt { } /* 브랜드 */ #brand1 { margin-bottom:40px; } #brand1 > .brand {padding: 40px 0px; background-size: 690% !important; } #brand1 > .brand .title { font-size: 30px; line-height: 45px; margin-bottom:20px; } #brand1 > .brand .subTitle { font-size: 14px; line-height: 28px; letter-spacing: -0.7px; } #brand2 { margin-bottom:90px; } #brand2 > .brand .logo { margin-bottom:90px; } #brand2 > .brand .txt { margin-bottom:0px; padding: 0px 20px; } #brand3 { margin-bottom:90px; } #brand3 > .brand .items { padding:0px 0px; margin-bottom:40px; } #brand3 > .brand .items .imgs { margin-bottom:10px; padding:0px 20px; } #brand3 > .brand .text { } #brand4 { margin-bottom:50px; } #brand4 > .brand .txt { padding:0px 20px;} #brand4 > .brand .txt .subject { text-align:center; font-size: 14px; line-height: 28px; } #brand4 > .brand .txt .con { text-align:center; font-size: 14px; line-height: 28px; } #brand4 > .brand .logo img { width: 50%; margin:0 auto; } /* 나눔경영 */ #social > .so_area .nl { margin-bottom:90px; padding:0px 20px; } #social > .so_area .nl .box .imgs { margin-bottom:40px; } #social > .so_area .nl .box .tt { margin-top: 0px; } #social > .so_area .nl .box .tt .title { font-size: 24px; line-height: 45px; margin-bottom:8px; } #social > .so_area .nl .box .tt .subTitle { font-size: 18px; line-height: 45px; margin-bottom:20px; } #social > .so_area .nl .box .tt .con { letter-spacing: 0px; } #social > .so_area .nl .l_box .tt { padding-left:0px; } #social > .so_area .nl .r_box .tt { padding-right:0px; } /* 인재경영 */ /* 태향인 */ #members { padding:0px 20px; } #members > .member {} #members > .member .mem_bg { width:100%; margin:0 auto; } #members > .member .mem_bg img { margin-bottom:40px; } #members > .member .mem_content { margin-bottom:90px; } #members > .member .mem_content .txt .t1 { font-size:38px; line-height:40px; margin-bottom:20px; } #members > .member .mem_content .txt .t2 { font-size:16px !important; line-height:30px !important; letter-spacing:-0.5px !important; } #members > .member .mem_content .txt .link { margin-top:20px; } #members > .member .mem_content .txt .link a { font-size: 16px; width: 166px; height: 45px; } #members > .member .mem_content .txt .link a img { margin:16px 0px 16px 9px; } /* 게시판 리스트*/ #bbs_list {margin-bottom:90px; } #bbs_list > .list {} #bbs_list > .list .table_m_type_1 td { font-size: 14px; line-height: 28px; padding: 10px 0px; } #bbs_list > .list .table_m_type_1 td .num { width:10%; text-align:center; } #bbs_list > .list .table_m_type_1 td .new { width:15%; text-align:center; } #bbs_list > .list .table_m_type_1 td .subject { width:75%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #pageing {margin-top:20px; margin-bottom: 90px; } #pageing > .page ul li a { padding:5px; } #footer { padding-bottom:30px; } #footer > .f_area .ll { margin-top:30px; } #footer > .f_area .ll .logo { margin-bottom:10px; } #footer > .f_area .ll .logo img { width:110px; } #footer > .f_area .ll .con { font-size:11px; line-height:20px; } #footer > .f_area .rr2 { margin-top:20px; } #footer > .f_area .rr2 .more_sns { width:22px; height:22px; overflow:hidden; border-radius: 100px; margin-right:15px; } #footer > .f_area .rr2 .shortcuts {} #footer > .f_area .rr2 .shortcuts a { display:block; text-align:center; color:#868e96; border:1px solid #d1d5d8; font-size:12px; line-height:20px; padding:14px 0px; } /* 모바일 메인 */ #m_main .m_body .m_item .m_bg { height:450px; } #m_main .m_body .m_item .m_bg.bg_1 { background-position-y: top; background-position-x: center; background-size:100%; } #m_main .m_body .m_item .m_bg.bg_2 { background-position-x: center; background-size:100%; } #m_main .m_body .m_item .m_bg.bg_3 { background-position-x: center; background-size:100%; } #m_main .m_body .m_item .m_bg .subBg.subBg_1 { bottom: 0px; } #m_main .m_body .m_item .m_bg .subBg.subBg_1 img { width: 110%; } #m_main .m_body .m_item .m_bg .subBg.subBg_2 { bottom: 0px; } #m_main .m_body .m_item .m_bg .subBg.subBg_2 img { width: 100%; } #m_main .m_body .m_item .m_bg .subBg.subBg_3 { bottom: 0px; } #m_main .m_body .m_item .m_bg .subBg.subBg_3 img { width: 160%; margin-left:-140px; margin-bottom: -100px; } #m_main .m_body .m_item .m_bg .txt { left:40px; bottom:150px; } #m_main .m_body .m_item .m_bg .txt .t_logo { margin-bottom:15px; } #m_main .m_body .m_item .m_bg .txt .t_logo img { width:110px; } #m_main .m_body .m_item .m_bg .txt .t1 { font-size:14px; margin-bottom:10px; } #m_main .m_body .m_item .m_bg .txt .t2 { font-size:35px; line-height:50px; } #m_main .m_body .m_item .m_bg .txt .t3 { font-size:16px; margin-top: 5px; } /* m swiper bullet */ #m_main .swiper-pagination-bullet { height:9px !important; width:9px !important; background-size:13px !important;} #m_main .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin-left:55px !important;} #m_main .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:72px !important; width: 240px !important; left: -19px !important; } #m_main .swiper-button-next, .swiper-button-prev { top:100% !important; color:#fff !important; } #m_main .swiper-button-next { left:auto !important; right:-65px !important; } #m_main .swiper-button-prev { left:auto !important; right:-25px !important; } #m_main .bfMainNext { height: 10px; top: 16px; left: 240px; width: 10px; } #m_main .bfMainNext img { width:14px; } #m_main .bfMainPrev { height: 10px; top: 16px; left: 210px; width: 10px; } #m_main .bfMainPrev img { width:14px; } #m_main > .m_body .m_bot { } #m_main > .m_body .m_bot .bot_area { bottom: 80px; left: 20px; } #m_main > .m_body .m_bot .bars .bar { bottom: -4px; height: 1px; width:60px; } #m_main > .m_body .m_bot .bars .bar1 { right: 188px; } #m_main > .m_body .m_bot .bars .bar2 { right: 120px; } #m_main > .m_body .m_bot .bars .bar3 { right: 52px; } #m_main > .m_body .m_bot .icons { margin-left:20px; } #m_main > .m_body .m_bot .icons .iconBox{ padding:5px 5px; margin-right:32px; } #m_main > .m_body .m_bot .tx { height:20px; font-size:14px; } #nav > .nav_area .more_menu .rr_bg2 { top: 0px; right: -29px; width:90px; height:70px; } #nav .container { overflow:unset; } /* 잔행중인공고 리스트*/ /* #progress { margin-bottom:90px; } #progress > .list {} #progress > .list .nl { margin-bottom:28px; padding:28px 20px; } #progress > .list .nl a { } #progress > .list .nl a .cat { padding:5px 0px; font-size:14px; line-height:24px; } #progress > .list .nl a .cat span{ margin:0px 15px; } #progress > .list .nl a .subject { padding:0px 0px; font-size:28px; line-height:72px; } #progress > .list .nl a .img_btn { padding: 19px 0px; } #progress > .list .nl a .img_btn img { margin:0 auto; } */ /* 잔행중인공고 리스트*/ #progress { margin-bottom:0px; } #progress > .list {} #progress > .list .nl { margin-bottom:0px; padding:20px 0px; } #progress > .list .nl:last-child { margin-bottom:0px; } #progress > .list .nl a { } #progress > .list .nl a .date { width: auto; text-align:center; vertical-align: top; display: inline-block; font-size: 15px; line-height: 48px;} #progress > .list .nl a .cat { width:auto; padding:0px 0px; color:#e67612; font-size:16px; line-height:38px; } #progress > .list .nl a .cat.new { margin:10px 10px 10px 0px; border: 1px solid #e67612; line-height: 16px; padding: 5px 10px; font-size: 11px; border-radius: 4px; } #progress > .list .nl a .cat span{ margin:0px 15px; } #progress > .list .nl a .subject { color:#212529; font-size:24px; line-height:48px; } #progress > .list .nl a .img_btn { padding: 19px 0px; } #progress > .list .nl a .img_btn img { margin:0 auto; margin-right:45px; } /* 잔행중인공고 뷰*/ #progress { margin-bottom:150px; padding:0px 20px; } #progress > .view { } #progress > .view .title { margin-bottom:60px; padding:30px 20px; } #progress > .view .title .cat { font-size:15px; line-height:50px; margin-bottom:0px; text-align:center; letter-spacing:-0.7px; font-weight:normal; } #progress > .view .title .cat span { margin:0px 10px; } #progress > .view .title .subject { padding:0px 0px; font-size:30px; line-height:50px; margin-left:0px; text-align:center; } #progress > .view .receipt { margin-top: 25px; } #progress > .view .receipt .nl { padding: 9px; } #progress > .view .receipt .nl .check_img { margin-left: 0px; padding: 10px; } #progress > .view .receipt .nl .check_img img { } #progress > .view .receipt .nl .tt { font-size:18px; line-height:30px; } #progress > .view .content { padding:0px 0px; padding-bottom:60px; margin-bottom:30px; letter-spacing:-0.7px; } #progress > .view .content .text { font-size:18px; line-height:36px; } #progress > .view .btn { padding: 0px 0px 30px 0px; } #progress > .view .btn a { padding:0px 25px; height:51px; font-size:18px; line-height: 51px; } /* 잔행중인공고 인풋*/ #progress > .input .title { padding:40px 0px; margin-bottom:60px; } #progress > .input .title .cat { font-size: 18px; line-height: 36px; margin-bottom:0px; } #progress > .input .title .cat span { margin: 0px 10px; } #progress > .input .title .subject { padding: 0px 0px; font-size: 12px; line-height: 40px; } #progress > .input .input_area { margin-bottom:30px; } #progress > .input .input_area .agree { margin-bottom:75px; } #progress > .input .input_area .agree.center_agree { padding:30px 30px 20px 30px; width:auto; margin:0 auto; margin-bottom:60px; } #progress > .input .input_area .agree.inputs { padding:30px 20px 10px 4px; width:auto; margin:0 auto; margin-bottom:5px; } #progress > .input .input_area .agree .t1 { font-size:16px; line-height:16px; margin-bottom:15px; } #progress > .input .input_area .agree .t2 { margin-left:15px; } #progress > .input .input_area .agree .t2 ul { font-size:16px; line-height:36px; } #progress > .input .input_area .agree .t2 ul li { font-size:16px; line-height:36px; } #progress > .input .input_area .agree .t3 { margin-bottom:0px;} #progress > .input .input_area .agree .tt1 {} #progress > .input .subtxt { font-size:16px; line-height:36px; margin-bottom:30px; } #progress > .input .subbtn .nl { padding:15px 60px; width:220px; margin:0 auto; } #progress > .input .subbtn .nl img { padding:10px 5px; } #progress > .input .subbtn .nl .tt { font-size:18px; line-height:30px; } /* 영입절차 */ #step_1 { margin-top:70px; } #step_1 .step {} #step_1 .step .items { margin-bottom:0px; } #step_1 .step .items .nl { padding:0px 5px; margin:0px 5px 35px 5px; } #step_1 .step .items .nl .num { margin:20px 0px 0px 25px; font-size:30px; } #step_1 .step .items .nl .img { margin-bottom:10px; } #step_1 .step .items .nl .img img { margin:0 auto; } #step_1 .step .items .nl .title { font-size:30px; line-height:72px; margin-bottom:0px; } #step_1 .step .items .nl .txt { font-size:16px; line-height:36px; margin-bottom:20px; letter-spacing: -0.5px; } #step_2 { margin:90px 0px 150px 0px; } #step_2 .step {} #step_2 .step .subject { margin-bottom:20px; } #step_2 .step .subject .ll { font-size:30px; line-height:45px; } #step_2 .step .subject .rr { margin:44px 0px 0px 8px; } #step_2 .step .subject .rr img { } #step_2 .step .con { font-size:16px; line-height:34px; text-align:left; } #step_2 .step .con .con_01 { margin-bottom:20px; } #step_2 .step .con .con_02 { margin-bottom:0px; } /* 복지제도 */ #welfare_1 { padding:0px 20px; margin-top:0px; margin-bottom:70px; } #welfare_1 .welfare {} #welfare_1 .welfare .we_area {} #welfare_1 .welfare .we_area .nl { margin-bottom:40px; } #welfare_1 .welfare .we_area .nl .items { height:auto; padding:30px 30px 30px 30px; margin:0px 0px 0px 0px; } #` .welfare .we_area .nl:nth-child(odd) .items { margin:0px 0px 0px 0px; } #welfare_1 .welfare .we_area .nl .items .con { height: auto; font-size:16px; line-height:30px; letter-spacing:-0.5px; margin-bottom:20px; } #welfare_1 .welfare .we_area .nl .items .title { text-align:left; font-size:28px; line-height:28px; margin-bottom:20px; } #welfare_1 .welfare .we_area .nl .items .img {} #welfare_1 .welfare .we_area .nl .items .img img { width:40%; } /* 직원 인터뷰 리스트*/ #interview_list_1 { margin-top:0px; margin-bottom:90px; } /* 직원 인터뷰 상세페이지 */ #interview_1 { padding:0px 20px; } #interview_1 > .view {} #interview_1 > .view .sw_area { height: auto; } #interview_1 > .view .sw_area.active { } #interview_1 > .view .rr { } #interview_1 > .view .rr img { margin-left: 0px; } #interview_1 > .view .ll .list { margin-bottom:20px; } #interview_1 > .view .ll .list a { height:43px; padding: 0px 30px; font-size:16px; line-height: 36px; margin-left:25px; display: block; color: #9e9d9e; border: 2px solid #9e9e9e; border-radius: 25px; } #interview_1 > .view .ll {} #interview_1 > .view .ll .ll_title { margin-bottom:30px; text-align:center; } #interview_1 > .view .ll .ll_title .job_position { font-size:14px; line-height:55px; } #interview_1 > .view .ll .ll_title .mem_name { height:85px; font-size:30px; line-height:55px; padding-bottom:30px; } #interview_1 > .view .ll .ll_content { font-size:38px; line-height:52px; color:#015567; letter-spacing:-0.5px; margin-bottom:75px; } #interview_1 > .view .ll_arrow { top:400px; } #interview_1 > .view .ll_arrow .arrow { } #interview_1 > .view .ll_arrow .list {} #interview_1 > .view .ll_arrow .list a { height:43px; padding: 0px 30px; font-size:16px; line-height: 36px; margin-left:25px; } #interview_2 { margin-bottom:150px; padding:0px 20px; } #interview_2 > .view {} #interview_2 > .view .nl { margin-bottom:100px; } #interview_2 > .view .nl .mt { margin-top:40px; } #interview_2 > .view .nl .title { font-size:30px; line-height:62px; margin-bottom:20px; } #interview_2 > .view .nl .subritle { font-size:15px; line-height:30px; margin-bottom:15px; } #interview_2 > .view .nl .content { } #interview_2 > .view .ll_arrow .list a { height:43px; padding: 0px 30px; font-size:16px; line-height: 36px; margin-left:25px; } /* 게시판 뷰 */ #bbs_view { padding:0px 20px; } #bbs_view > .view { } #bbs_view > .view .title { margin-bottom:50px; padding: 20px; } #bbs_view > .view .title .new { line-height: 16px; font-size: 11px; margin:10px 20px 0px 0px; padding:2px 5px; } #bbs_view > .view .title .subject { font-size: 24px; line-height: 45px; } #bbs_view > .view .title .wdate { margin: 8px 23px 8px 0px; font-size:18px; } #bbs_view > .view .content { margin-bottom:25px; padding: 10px; } #bbs_view > .view .content .file { margin-bottom:50px; } #bbs_view > .view .content .file a { display:block; } #bbs_view > .view .content .file a img {margin:6px 10px 6px 0px; margin-right:10px; } #bbs_view > .view .content .file a div { font-size:18px; } #bbs_view > .view .content .text { font-size: 16px; line-height: 36px; margin-bottom:0px; } #bbs_view > .view .btn { padding-bottom:150px; } #bbs_view > .view .btn a { margin:0 auto; width:120px; height:51px; font-size:18px; text-align:center; line-height: 51px; } #bbs_view > .view .more { margin-bottom:50px; font-weight: 300; } #bbs_view > .view .more a { display:block; } #bbs_view > .view .more .prev { border-bottom:1px solid #e5e5e5; } #bbs_view > .view .more .txt { font-size:16px; text-align:center; padding:20px 0px; } #bbs_view > .view .more .subject { font-size:16px; padding:20px 10px; } #bbs_view > .view .more .wdate { text-align:center; font-size:16px; padding:20px 0px; } } @media (min-width: 992px) { #nav .container { overflow:unset; } .header_area.container { overflow: unset; } .MB40 { margin-bottom: 40px; } .MB80 { margin-bottom: 35px; } .bf_fs_type_5 { font-size: 16px !important; } .content_txt { font-size: 18px !important; line-height: 36px !important; font-weight:300 !important; letter-spacing:0px !important; } .content_txt1 { font-size: 24px !important; line-height: 36px !important; font-weight:300 !important; letter-spacing:0px !important; } /**/ #nav.m_nav_opt { position:fixed; width:100%; z-index: 99999; } /* 페이지 타이틀 */ #pageTitle { padding:0px 0px; margin-top:75px; margin-bottom:50px; } #pageTitle > .tt .title { font-size:30px; line-height:40px; margin-bottom: 15px; } #pageTitle > .tt .pages { top:15px; } #pageTitle > .tt .pages a img { width:45px; } #pageTitle > .tt .pages.page_perv { left:200px; } #pageTitle > .tt .pages.page_next { right:200px; } /* 페이지 타이틀 */ #pageTitle { padding:0px 20px; margin-top:50px; margin-bottom:40px; } #pageSubTitle > .tt .business_area { width:680px; margin:0 auto; } #pageSubTitle > .tt .business_area { width:680px; margin:0 auto; } #nav > .nav_area .rr .main_menu { margin-top:17px; } #nav > .nav_area .more_menu { padding:0px 0px; } #nav > .nav_area .more_menu img { width:20px; } #nav > .nav_area .more_menu .rr_bg { background: url(/images/nav_bg.png) center no-repeat; background-size: 1022px; top: -108px; right: -445px; background-position-x: 0px; background-position-y: 68px; height: 168px; } #nav > .nav_area .rr .main_menu > li { margin-left:-3px; padding-left:0px; padding-bottom:17px; width: 110px; } /** 핵심가치 역량 **/ #info_main1 > .info .num { margin-bottom:0px; font-size:36px; background-size: auto; } #info_main1 > .info .txt { margin: 0 auto; font-size:18px; margin-top:0px; margin-bottom:0px; } #info_main1 > .info .cc .bar { height:135px; } #info_main1 > .info .cc .c_img { margin-bottom:0px; } #info_main1 > .info .cc .c_img .text { font-size: 30px; line-height: 45px; letter-spacing: -0.5px; } #info_main1 > .info .cc .c_img.mini { margin:30px 0px; } #info_main1 > .info .ll { margin-top:0px; } #info_main1 > .info .rr { margin-top:0px; } #info_main1 > .info .nl { margin-bottom: 0px; } #info1 { margin-bottom:110px; } #info1 > .infos .title { font-size:24px; margin-bottom:10px; } #info1 > .infos .con { font-size:36px; line-height:50px; } #info1 > .infos .con ul li { font-size:18px; line-height:36px; margin-left: 30px; } #info1 > .infos .areas { margin-bottom:125px; } #info1 > .infos .areas:last-child { margin-bottom:0px; } #info1 > .infos .areas .img_area { margin-bottom:0px; } #info1 > .infos .areas .txtarea1 { margin-top:100px; } #info1 > .infos .areas .txtarea2 { margin-top:0x; } #info2 { margin-bottom: 100px; } #info2 > .infos { padding:110px 0px; margin-bottom:200px; } #info2 > .infos .title { } #info2 > .infos .lls .tt { margin-top:0px; font-size:20px !important; line-height: 100px !important; text-align:left; } #info2 > .infos .lls .img_circle { width:100px; height:100px; margin-left:0px; } #info2 > .infos .lls .img_circle img { padding: 25px 0px; } #info3 { margin-bottom:0px; } #info3 > .infos .info3_bg { padding:35px 250px 35px 65px; margin: 110px 0px; background-position-x: 55%; background-size: 145%; margin-top:0px; } #info3 > .infos .info3_bg .ov_title { font-size:36px; top:-82px; left:80px; } #info3 > .infos .info3_bg .con { margin-bottom:10px; font-size:18px; line-height:30px; } #info4 { margin-bottom:140px; } #info4 > .infos .container > .row { margin-bottom:90px; } #info4 > .infos .nl { margin-bottom:0px; padding: 0px; } #info5 > .infos .info5_bg { margin:0px 20px 160px 20px; } #info5 > .infos .info5_bg .con { padding:30px 80px 20px 80px; font-size:30px; line-height:50px; letter-spacing: -0.3px; text-align:center; } #info5 > .infos .info5_bg .ov_top { top:-50px; left:30px; } #info5 > .infos .info5_bg .ov_top img { width:89px; } #info5 > .infos .info5_bg .ov_bot { bottom:-55px; right:30px; } #info5 > .infos .info5_bg .ov_bot img { width:89px; } #info5 > .infos .info5_bg { margin: 100px 20px; } #info5 > .infos .info5_bg .con { padding:70px 105px; font-size:36px; line-height:60px; } #info5 > .infos .info5_bg .ov_top { top:-50px; left:100px; } #info5 > .infos .info5_bg .ov_top img { width:89px; } #info5 > .infos .info5_bg .ov_bot { bottom:-55px; right:100px; } #info5 > .infos .info5_bg .ov_bot img { width:89px; } #boxes .boxes_bg .boxe_area .boxe_body { width:760px; background-position-x: 15px !important; background-position-y: 95px !important; } #boxes .boxes_bg .boxe_area .boxe_body .boxe_in.logo { margin-bottom:20px; padding: 0px 40px; } #boxes .boxes_bg .boxe_area .boxe_body .boxe_in .nl { padding:0px 40px; } #boxes .boxes_bg .boxe_area .boxe_body .boxe_in .nl .sub_box.active { padding:45px 35px; } /* ----비지니스---- */ /* 푸드 */ #food1 { margin-bottom:0px; } #food1 > .foods .nl { margin-bottom:0px; } #food1 > .foods .nl .ll .imgs { margin-bottom:0px; } #food1 > .foods .nl .txt { width: 100%; } #food1 > .foods .ll .txt { margin: 30px 55px 0px 0px; } #food1 > .foods .rr .txt { margin: 30px 0px 0px 45px; } #food1 > .foods .nl .txt .title { font-size:28px; margin-bottom: 20px; } #food1 > .foods .nl .txt .subTitle { font-size: 48px; line-height: 60px; margin-bottom:20px; } #food1 > .foods .nl .txt .con { font-size: 14px; line-height: 45px; } #food1 > .foods .nl .txt .con span { text-indent: 14px; display: inline-block; } /* #brand1 > .brand { padding: 45px 0px; height:245px; background-size: 125%; margin-bottom:32px; } #brand1 > .brand .title { font-size:60px; } #brand1 > .brand .subTitle { font-size:24px; } #brand3 > .brand .items { margin:0px;} */ /* 브랜드 */ #brand1 { margin-bottom:90px; } #brand1 > .brand {padding: 40px 0px; background-size: 125% !important; } #brand1 > .brand .title { font-size: 60px; line-height: 60px; margin-bottom:30px; } #brand1 > .brand .subTitle { font-size: 24px; line-height: 28px; letter-spacing: -0.7px; } #brand1.sub > .brand {padding: 40px 0px; background-size: 125% !important; } #brand1.sub > .brand .title { font-size: 48px; line-height: 38px; margin-bottom:30px; } #brand1.sub > .brand .subTitle { font-size: 24px; line-height: 28px; letter-spacing: -0.7px; } #brand2 { margin-bottom:90px; } #brand2 > .brand .logo { margin-bottom:0px; } #brand2 > .brand .txt { margin-bottom:0px; padding: 10px 20px; font-size: 18px; line-height: 36px; letter-spacing: -0.5px; } #brand3 { margin-bottom:90px; } #brand3 > .brand .items { padding:0px 0px; margin-bottom:0px; } #brand3 > .brand .items .imgs { margin-bottom:10px; padding:0px 40px; } #brand3 > .brand .text { font-size: 14px; line-height: 28px; } #brand4 > .brand .nl { margin-bottom:90px; } #brand4 > .brand .txt { padding: 0px 0px; margin-bottom:0px; } #brand4 > .brand .txt .subject { text-align:left; font-size: 18px; line-height: 46px; } #brand4 > .brand .txt .con { text-align:left; font-size: 18px; line-height: 46px; } #brand4 > .brand .logo { margin:13px 0px; } #brand4 > .brand .logo img { width: unset; margin-left: 0px; } #footer > .f_area .rr .tag_box .more_sns { padding:10px; } #footer > .f_area .rr .tag_box .shortcuts a { padding:11px 5px; } .table_type_1 td .new { margin-top: 12px; width:50px; } .table_type_1 td .subject { font-size:30px; } /* 인재경영 */ /* 태향인*/ #members { padding:0px; } #members > .member {} #members > .member .mem_bg { width:992px; margin:0 auto; } #members > .member .mem_bg img { margin-bottom:100px; } #members > .member .mem_content { margin-bottom:120px; } #members > .member .mem_content .txt .t1 { font-size:38px; line-height:60px; } #members > .member .mem_content .txt .t2 { font-size:16px !important; line-height:30px !important; letter-spacing:-0.5px !important; } #members > .member .mem_content .txt .link { margin-top:20px; } #members > .member .mem_content .txt .link a { font-size: 16px; width: 166px; height: 45px; } #members > .member .mem_content .txt .link a img { margin:16px 0px 16px 9px; } /* #social > .so_area .box .tt { margin-top: 75px; } #social > .so_area .l_box .tt { padding-left:75px; } #social > .so_area .r_box .tt { padding-right:75px; } */ /* 나눔경영 */ #social > .so_area .nl { margin-bottom:0px; } #social > .so_area .nl .box .imgs { margin-bottom:0px; } #social > .so_area .nl .box .tt { margin-top: 137px; } #social > .so_area .nl .box .tt .title { font-size: 36px; line-height: 36px; margin-bottom:12px; } #social > .so_area .nl .box .tt .subTitle { font-size: 22px; line-height: 28px; margin-bottom:23px; } #social > .so_area .nl .box .tt .con { font-size: 18px; line-height: 36px; letter-spacing: -2px; font-weight: 300; } #social > .so_area .nl .l_box .tt { padding-left:70px; margin-top: 128px; } #social > .so_area .nl .r_box .tt { padding:0px 0px 0px 65px; margin-top: 137px; } /* 조직문화 */ /* #culture1 > .culture {} #culture1 > .culture .pc_view {} #culture1 > .culture .pc_view .ll {} #culture1 > .culture .pc_view .ll .items { padding:0px 25px 0px 0px; } #culture1 > .culture .pc_view .rr .items { padding:0px 0px 0px 25px; } #culture1 > .culture .pc_view .items .tt { height:423px; padding:0px 20px; } #culture1 > .culture .pc_view .items { margin-bottom:120px; } #culture1 > .culture .pc_view .items .img { margin-bottom:50px; padding:0px 0px; } #culture1 > .culture .pc_view .items .subject { margin-bottom:40px; font-weight:500; font-size:36px; line-height:72px; } #culture1 > .culture .pc_view .items .txt { font-size:18px; line-height:36px; } #culture1 > .culture .pc_view .items .txt span { text-indent: 18px; display: inline-block; } */ /* 조직문화 */ #re_culture_1 { padding: 0px; margin-bottom:50px; } #re_culture_1 > .culture .culture_container { width:970px; } #re_culture_1 > .culture .t1 { font-size:24px; margin-bottom:25px; } #re_culture_1 > .culture .t2 { font-size:40px; margin-top:25px; } #re_culture_2 { padding: 0px; margin-bottom:60px; } #re_culture_2 > .culture .culture_container { width:970px; } #re_culture_2 > .culture .bg_subject { padding:30px 0px; font-size:26px; } #re_culture_2 > .culture .boxs { margin:25px 0px; } #re_culture_2 > .culture .nl { margin-bottom:60px; } #re_culture_2 > .culture .nl .m_area { width:0%;} #re_culture_2 > .culture .nl .m_area .bg_text { width:374px; font-size:48px; } #re_culture_2 > .culture .nl .culture_box { width:248px; padding:20px 0px; line-height:30px; } #re_culture_2 > .culture .nl .culture_box .title { font-size:18px; } #re_culture_2 > .culture .nl .culture_box .con { font-size:18px; } #re_culture_2 > .culture .nl .culture_box.culture_box_1 { margin:0 auto; } #re_culture_2 > .culture .nl .culture_box.culture_box_2 { margin-left:50px; } #re_culture_2 > .culture .nl .culture_box.culture_box_3 { margin-right:50px; } #re_culture_2 > .culture .nl .culture_box.culture_box_4 { margin-left:120px; } #re_culture_2 > .culture .nl .culture_box.culture_box_5 { margin-right:120px; } #re_culture_3 { padding: 0px; margin-bottom:90px;} #re_culture_3 > .culture .culture_container { width:970px; } #re_culture_3 > .culture .culture_container .nl { margin-top:70px; padding-bottom:55px; } #re_culture_3 > .culture .culture_container .nl .ll { margin-bottom:0px; padding-left:40px; } #re_culture_3 > .culture .culture_container .nl .ll .title { text-align: left; font-size:26px; line-height:36px; margin-bottom:10px; } #re_culture_3 > .culture .culture_container .nl .ll .img img { margin:unset; } #re_culture_3 > .culture .culture_container .nl .rr .rr_area { text-align:left; } #re_culture_3 > .culture .culture_container .nl .rr .rr_area .title { font-size:20px; margin-bottom: 10px; } #re_culture_3 > .culture .culture_container .nl .rr .rr_area .content { font-size:16px; line-height: 36px; letter-spacing: -0.5px; } #re_culture_3 > .culture .culture_container .nl .rr .rr_area .content span { height:1px; width: 12px; } /* 계열사 */ #subsidiary1 { margin-bottom:90px; } #subsidiary1 .subsidiary .ll .title { font-size: 30px; line-height: 45px; } #subsidiary1 .subsidiary .rr { } /*#subsidiary1 .subsidiary .rr .txt { margin-top:0px; font-size: 14px !important; line-height: 28px!important; }*/ #subsidiary1 .subsidiary .rr .txt { font-size: 18px !important; line-height: 36px !important; font-weight: 300 !important; letter-spacing: 0px !important; } #subsidiary2 { margin-bottom:90px; } #subsidiary2 .subsidiary .s_img { padding:37px 0px;} #subsidiary2 .subsidiary > .container { padding:70px 0px; } #subsidiary3 .subsidiary .nl { margin-bottom:90px; } #subsidiary3 .subsidiary .contents { padding:0px 0px 0px 50px; margin-top:0px; } #subsidiary3 .subsidiary .contents .title { font-size:48px; margin-bottom:20px; } #subsidiary3 .subsidiary .contents .subTitle { font-size:28px; line-height: 48px; font-weight:500; margin-bottom:20px; } #subsidiary3 .subsidiary .contents .con .txt { font-size: 12px !important; line-height: 35px!important; margin-bottom:5px!important; letter-spacing: -0.5px!important; } #subsidiary3 .subsidiary .contents .link { padding-left: 0px; } #subsidiary3 .subsidiary .contents .link a { margin-left:20px; } #subsidiary3 .subsidiary .logo { height:310px; } #subsidiary3 .subsidiary .logo_ti {} #subsidiary3 .subsidiary .logo_ti img { padding:104px 0px; } /* #consulting1 > .consulting .bg_area .txt { padding:55px 30px; bottom:-100px; font-size:36px; line-height:50px; } #consulting2 > .consulting .box_area .img img { padding:60px 0px 60px 0px; } #consulting2 > .consulting .box_area .txt { padding:33px 20px 33px 0px; } #consulting2 > .consulting .box_area .txt .subject { font-size:40px; } #consulting2 > .consulting .box_area .txt .tt { font-size:16px; line-height:50px; } */ /* 컨설팅사업 */ #consulting1 { margin-bottom:165px; } #consulting1 > .consulting .bg_area { height: 460px; background-size: 120%; } #consulting1 > .consulting .bg_area .tt { padding:55px 30px; bottom:-110px; font-size:36px; line-height:60px; left: 5%; width: 90%; letter-spacing: -0.5px;} #consulting1 > .consulting .box_area .txt { padding:20px 5px; bottom:-75px; font-size:12px; line-height:50px; } #consulting2 > .consulting .box_area { margin-bottom:90px; } #consulting2 > .consulting .box_area .img .type_1 { padding:70px 0px 0px 0px; margin:0 auto; } #consulting2 > .consulting .box_area .img .type_2 { padding:95px 0px 0px 0px; margin:0 auto; } #consulting2 > .consulting .box_area .img .type_3 { padding:40px 0px 0px 0px; margin:0 auto; } #consulting2 > .consulting .box_area .txt { padding:40px 20px 40px 0px; } #consulting2 > .consulting .box_area .txt .subject { margin-bottom:20px; font-size:24px; text-align:left; } #consulting2 > .consulting .box_area .txt .tt { font-size:16px; line-height:50px; text-align:left; letter-spacing: -0.5px; } /* 엔터테이먼트 */ #ent1 { margin-bottom:280px; } #ent1 > .entertainment .bg_area { height: 460px; background-size: 120%; } #ent1 > .entertainment .bg_area .tt { padding: 55px 60px; margin-top: 315px; top: 0px; left: 3%; right:3%; width: 94%; letter-spacing: -0.5px; } #ent1 > .entertainment .bg_area .tt .t_1 { font-size:24px; line-height:60px; letter-spacing: -0.5px; margin-bottom:45px; } #ent1 > .entertainment .bg_area .tt .t_2 { font-size:16px; line-height:35px; letter-spacing: -0.5px; color:#000; font-weight: normal; } #ent2 > .entertainment .box_area { } #ent2 > .entertainment .box_area .items .img .type_1 { padding:30px 30px; margin:0 auto; } #ent2 > .entertainment .box_area .items .img .type_2 { padding:30px 30px; margin:0 auto; } #ent2 > .entertainment .box_area .items .img .type_3 { padding:30px 30px; margin:0 auto; } #ent2 > .entertainment .box_area .txt { padding:40px 20px 40px 0px; } #ent2 > .entertainment .box_area .txt .subject { margin-bottom:20px; font-size:24px; text-align:left; } #ent2 > .entertainment .box_area .txt .tt { font-size:16px; line-height:50px; text-align:left; letter-spacing: -0.5px; } /* 오시는길 */ #way1 { margin-top:70px; } #way1 > .way { padding:0px 0px; } #way1 > .way .m_areas { margin-bottom:70px; } #way1 > .way .m_areas .way_map { height:400px; margin-bottom:55px; } #way1 > .way .m_areas .way_suvject { font-size:36px; line-height:72px; margin-bottom:55px; } #way1 > .way .m_areas .way_info { margin-bottom:55px; } #way1 > .way .m_areas .way_info .txt { font-size:18px !important; line-height:34px !important; letter-spacing: -0.5px !important; margin:0px 0px; text-align:left; } #way1 > .way .m_areas .way_info .txt.type_1 { padding:16px 0px 16px 40px; } #way1 > .way .m_areas .way_info .txt.type_2 { padding:0px 0px 0px 40px; } /* 잔행중인공고 리스트*/ /* #progress { margin-bottom:120px; } #progress > .list {} #progress > .list .nl { margin-bottom:28px; padding:28px 0px; } #progress > .list .nl a { } #progress > .list .nl a .cat { padding:0px 50px; color:#e67612; font-size:18px; line-height:72px; } #progress > .list .nl a .cat span{ margin:0px 15px; } #progress > .list .nl a .subject { padding:0px 0px; color:#212529; font-size:28px; line-height:72px; } #progress > .list .nl a .img_btn { padding: 19px 0px; } #progress > .list .nl a .img_btn img { margin:0 auto; } */ /* 잔행중인공고 리스트*/ #progress { margin-bottom:150px; padding:0px; } #progress > .list {} #progress > .list .nl { margin-bottom:0px; padding:20px 0px; } #progress > .list .nl:last-child { margin-bottom:0px; } #progress > .list .nl a { } #progress > .list .nl a .date { width: 170px; text-align:center; vertical-align: top; display: inline-block; font-size: 18px; line-height: 72px;} #progress > .list .nl a .cat { width:355px; padding:0px 55px; color:#e67612; font-size:18px; line-height:72px; } #progress > .list .nl a .cat.new { margin:22px 10px 20px 0px; border: 1px solid #e67612; line-height: 16px; padding: 5px 10px; font-size: 11px; border-radius: 4px; } #progress > .list .nl a .cat span{ margin:0px 15px; } #progress > .list .nl a .subject { color:#212529; font-size:30px; line-height:72px; } #progress > .list .nl a .img_btn { padding: 19px 0px; } #progress > .list .nl a .img_btn img { margin:0 auto; margin-right:45px; } /* 잔행중인공고 뷰*/ #progress { margin-bottom:150px; padding:0px; } #progress > .view { } #progress > .view .title { margin-bottom:60px; padding:30px 40px; } #progress > .view .title .cat { font-size:18px; line-height:50px; margin-bottom:0px; } #progress > .view .title .cat span { margin:0px 10px; } #progress > .view .title .subject { padding:0px 0px; font-size:32px; line-height:50px; margin-left:40px; } #progress > .view .receipt { margin-top: 25px; } #progress > .view .receipt .nl { padding: 9px; } #progress > .view .receipt .nl .check_img { margin-left: 0px; padding: 10px; } #progress > .view .receipt .nl .check_img img { } #progress > .view .receipt .nl .tt { font-size:18px; line-height:30px; } #progress > .view .content { padding:0px 40px; padding-bottom:60px; margin-bottom:30px; } #progress > .view .content .text { font-size:18px; line-height:36px; } #progress > .view .btn { padding: 0px 40px 30px 40px; } #progress > .view .btn a { padding:0px 45px; height:51px; font-size:18px; line-height: 51px; } /* 잔행중인공고 인풋*/ #progress > .input .title { padding:40px 0px; margin-bottom:70px; } #progress > .input .title .cat { font-size: 18px; line-height: 36px; margin-bottom:0px; } #progress > .input .title .cat span { margin: 0px 10px; } #progress > .input .title .subject { padding: 0px 0px; font-size: 24px; line-height: 40px; } #progress > .input .input_area { margin-bottom:30px; } #progress > .input .input_area .agree { margin-bottom:75px; } #progress > .input .input_area .agree.center_agree { padding:45px 45px 30px 45px; width:750px; margin:0 auto; margin-bottom:45px; } #progress > .input .input_area .agree.inputs { padding:45px 0px 20px 0px; width:750px; margin:0 auto; margin-bottom:5px; } #progress > .input .input_area .agree .t1 { font-size:18px; line-height:18px; margin-bottom:20px; } #progress > .input .input_area .agree .t2 { margin-left:15px; } #progress > .input .input_area .agree .t2 ul, li { font-size:16px; line-height:36px; } #progress > .input .input_area .agree .t3 { margin-bottom:0px;} #progress > .input .input_area .agree .tt1 {} #progress > .input .subtxt { font-size:16px; line-height:36px; margin-bottom:30px; } #progress > .input .subbtn .nl { padding:15px 60px; width:220px; margin:0 auto; } #progress > .input .subbtn .nl img { padding:10px 5px; } #progress > .input .subbtn .nl .tt { font-size:18px; line-height:30px; } /* 영입절차 */ #step_1 { margin-top:70px; } #step_1 .step {} #step_1 .step .items { margin-bottom:0px; } #step_1 .step .items .nl { padding:0px 5px; margin:0px 5px; } #step_1 .step .items .nl .num { margin:20px 0px 0px 25px; font-size:30px; } #step_1 .step .items .nl .img { margin-bottom:10px; } #step_1 .step .items .nl .img img { margin:0 auto; } #step_1 .step .items .nl .title { font-size:30px; line-height:72px; margin-bottom:0px; } #step_1 .step .items .nl .txt { font-size:18px; line-height:36px; margin-bottom:60px; letter-spacing: -0.5px; } #step_2 { margin:90px 0px 150px 0px; } #step_2 .step {} #step_2 .step .subject { margin-bottom:0px; } #step_2 .step .subject .ll { font-size:30px; line-height:72px; } #step_2 .step .subject .rr { margin:16px 0px 0px 8px; } #step_2 .step .subject .rr img { } #step_2 .step .con { font-size:16px; line-height:34px; text-align:left; } #step_2 .step .con .con_01 { margin-bottom:0px; } #step_2 .step .con .con_02 { margin-bottom:0px; } /* 복지제도 */ #welfare_1 { margin-top:70px; margin-bottom:110px; } #welfare_1 .welfare {} #welfare_1 .welfare .we_area {} #welfare_1 .welfare .we_area .nl { margin-bottom:40px; } #welfare_1 .welfare .we_area .nl .items { height:380px; padding:30px 40px 30px 40px; margin:0px 0px 0px 20px; } #welfare_1 .welfare .we_area .nl:nth-child(odd) .items { margin:0px 20px 0px 0px; } #welfare_1 .welfare .we_area .nl .items .con { height: 108px; font-size:18px; line-height:36px; letter-spacing:-0.5px; } #welfare_1 .welfare .we_area .nl .items .title { text-align:left; font-size:30px; line-height:72px; margin-bottom:20px; } #welfare_1 .welfare .we_area .nl .items .img {} #welfare_1 .welfare .we_area .nl .items .img img { width:25%; } #m_main .swiper-button-next, .swiper-button-next { top:70% !important; color:#fff !important; } #m_main .swiper-button-next, .swiper-button-prev { top:70% !important; color:#fff !important; } #main > .m_tt { } #main > .m_tt .swiper-container { height:95% !important; } #main > .m_tt .swiper-wrapper { height:100% !important; } #main > .m_tt .swiper-slide { height:100% !important; } #main > .m_tt .swiper-slide .bg { height: 115%; background-size: cover !important; } #main > .m_tt .swiper-slide .bg .subBg { position:absolute; left:-256px; } #main > .m_tt .swiper-slide .bg .txt { position:absolute; top:0px; left:360px; color:#fff; } #main > .m_tt .swiper-slide .bg .txt .logo { margin-top:20px; margin-bottom:220px; } #main > .m_tt .swiper-slide .bg .txt .logo img { width: 150px; } #main > .m_tt .swiper-slide .bg .txt .t1 { text-indent: 5px; font-size:22px; margin-bottom:10px; } #main > .m_tt .swiper-slide .bg .txt .t2 { margin-bottom:10px; font-size:55px; letter-spacing:-3px; line-height:70px; } #main > .m_tt .swiper-slide .bg .txt .t3 { font-weight:normal; text-indent: 2px; font-size:22px; } #pageing { margin-bottom:110px; } /* 직원 인터뷰 상세페이지 */ #interview_1 { padding:0px; } #interview_1 > .view {} #interview_1 > .view .sw_area { height: 475px; } #interview_1 > .view .sw_area.active { } #interview_1 > .view .rr { } #interview_1 > .view .rr img { margin-left: 0px; } #interview_1 > .view .ll {} #interview_1 > .view .ll .ll_title { margin-bottom:30px; } #interview_1 > .view .ll .ll_title .job_position { font-size:20px; line-height:55px; } #interview_1 > .view .ll .ll_title .mem_name { height:85px; font-size:48px; line-height:55px; padding-bottom:30px; } #interview_1 > .view .ll .ll_content { font-size:38px; line-height:52px; color:#015567; letter-spacing:-0.5px; margin-bottom:75px; } #interview_1 > .view .ll_arrow { top:345px; } #interview_1 > .view .ll_arrow .arrow { } #interview_1 > .view .ll_arrow .list {} #interview_1 > .view .ll_arrow .list a { height:43px; padding: 0px 30px; font-size:16px; line-height: 36px; margin-left:25px; } #interview_2 { margin-bottom:150px; padding:0px; } #interview_2 > .view {} #interview_2 > .view .nl { margin-bottom:100px; } #interview_2 > .view .nl .mt { margin-top:0px; } #interview_2 > .view .nl .title { font-size:36px; line-height:72px; margin-bottom:20px; } #interview_2 > .view .nl .subritle { font-size:16px; line-height:30px; margin-bottom:15px; } #interview_2 > .view .nl .content { font-size:16px; line-height:30px; padding-right:20px; } #interview_2 > .view .ll_arrow .list a { height:43px; padding: 0px 30px; font-size:16px; line-height: 36px; margin-left:25px; } /* 게시판 뷰 */ #bbs_view {} #bbs_view > .view { } #bbs_view > .view .title { margin-bottom:40px; padding:50px; } #bbs_view > .view .title .new { line-height: 16px; font-size: 11px; margin:10px 20px 0px 0px; } #bbs_view > .view .title .subject { font-size:36px; } #bbs_view > .view .title .wdate { margin: 8px 23px 8px 0px; font-size:18px; } #bbs_view > .view .content { margin-bottom:40px; padding: 50px 125px; } #bbs_view > .view .content .file { margin-bottom:50px; } #bbs_view > .view .content .file a { display:block; } #bbs_view > .view .content .file a img { margin: 3px 23px 3px 0px; margin-right:10px; } #bbs_view > .view .content .file a div { font-size:18px; } #bbs_view > .view .content .text { line-height:40px; } #bbs_view > .view .btn { padding-bottom:150px; } #bbs_view > .view .btn a { margin:0 auto; width:120px; height:51px; font-size:18px; text-align:center; line-height: 51px; } #bbs_view > .view .more { margin-bottom:50px; font-weight: 300; } #bbs_view > .view .more a { display:block; } #bbs_view > .view .more .prev { border-bottom:1px solid #e5e5e5; } #bbs_view > .view .more .txt { font-size:16px; text-align:center; padding:20px 0px; } #bbs_view > .view .more .subject { font-size:16px; padding:20px 10px; } #bbs_view > .view .more .wdate { text-align:center; font-size:16px; padding:20px 0px; } } @media (min-width: 1200px) { .header_area.container { overflow: unset; } .MB40 { margin-bottom: 60px; } .MB80 { margin-bottom: 30px; } .nav_area > .container { min-width:1170px; } .bf_fs_type_5 { font-size: 16px !important; } .content_txt { font-size: 18px !important; line-height: 36px !important; font-weight:300 !important; letter-spacing:0px !important; } .content_txt1 { font-size: 24px !important; line-height: 36px !important; font-weight:300 !important; letter-spacing:0px !important; } /**/ #nav.m_nav_opt { position:fixed; width:100%; z-index: 99999; } #nav .container { overflow:unset; margin: 0 auto; } /* 페이지 타이틀 */ #pageTitle { padding:0px; margin-top:70px; margin-bottom:70px; } #pageTitle > .tt .title { font-size:30px; line-height:40px; margin-bottom: 15px; } #pageTitle > .tt .pages { top:4px; } #pageTitle > .tt .pages a img { width:45px; } #pageTitle > .tt .pages.page_perv { left:390px; } #pageTitle > .tt .pages.page_next { right:390px; } #pageSubTitle > .tt .business_area { width:680px; margin:0 auto; } #pageSubTitle > .tt .culture_area { width:680px; margin:0 auto; } #nav > .nav_area .more_menu { } #nav > .nav_area .rr .main_menu { margin-top:15px; margin-right: -30px; } #nav > .nav_area .rr .main_menu > li { margin-left:-3px; padding-left:30px; padding-bottom:17px; width: 130px; } #nav > .nav_area .more_menu .rr_bg { background: url(/images/nav_bg.png) center no-repeat; background-size: 1040px; right:-216px; top:-131px; background-position-x: 90px; background-position-y: 93px; height: 200px; } #nav > .nav_area .more_menu img { width:20px; } /** 핵심가치 역량 **/ #info_main1 > .info .num { margin-bottom:0px; font-size:36px; background-size: auto; } #info_main1 > .info .txt { margin: 0 auto; font-size:18px; margin-top:11px; margin-bottom:11px; } #info_main1 > .info .cc .bar { height:135px; } #info_main1 > .info .cc .c_img { margin-bottom:0px; } #info_main1 > .info .cc .c_img .text { font-size: 30px; line-height: 45px; letter-spacing: -0.5px; } #info_main1 > .info .cc .c_img.mini { margin:30px 0px; } #info_main1 > .info .ll { margin-top:0px; } #info_main1 > .info .rr { margin-top:0px; } #info_main1 > .info .nl { margin-bottom: 0px; } #info_main1 > .info .num1 #info1 { margin-bottom:110px; } #info1 > .infos .title { font-size:24px; margin-bottom:10px; } #info1 > .infos .con { font-size:36px; line-height:50px; } #info1 > .infos .con ul li { font-size:18px; line-height:36px; margin-left: 30px; } #info1 > .infos .areas { margin-bottom:125px; } #info1 > .infos .areas:last-child { margin-bottom:0px; } #info1 > .infos .areas .img_area { margin-bottom:0px; } #info1 > .infos .areas .txtarea1 { margin-top:100px; } #info1 > .infos .areas .txtarea2 { margin-top:0x; } #info2 { margin-bottom: 100px; } #info2 > .infos { padding:80px 0px 80px 80px; margin-bottom:200px; } #info2 > .infos .title { margin-right: 100px; font-size: 32px; margin-bottom:40px; } #info2 > .infos .lls .tt { margin-top:0px; font-size:20px !important; line-height: 100px !important; text-align:left; } #info2 > .infos .lls .img_circle { width:100px; height:100px; margin-left:0px; margin:0 auto; } #info2 > .infos .lls .img_circle img { padding: 25px 0px; } #info3 { margin-bottom:0px; } #info3 > .infos .info3_bg { padding:35px 250px 35px 65px; margin: 110px 0px; background-position-x: 55%; background-size: 145%; margin-top:0px; } #info3 > .infos .info3_bg .ov_title { font-size:36px; top:-72px; left:80px; } #info3 > .infos .info3_bg .con { margin-bottom:10px; font-size:18px; line-height:30px; } #info4 { margin-bottom:140px; } #info4 > .infos .container > .row { margin-bottom:90px; } #info4 > .infos .nl { margin-bottom:0px; padding: 0px; } #info5 > .infos .info5_bg { margin:0px 20px 160px 20px; } #info5 > .infos .info5_bg .con { padding:30px 80px 20px 80px; font-size:30px; line-height:50px; letter-spacing: -0.3px; text-align:center; } #info5 > .infos .info5_bg .ov_top { top:-50px; left:30px; } #info5 > .infos .info5_bg .ov_top img { width:89px; } #info5 > .infos .info5_bg .ov_bot { bottom:-55px; right:30px; } #info5 > .infos .info5_bg .ov_bot img { width:89px; } #boxes .boxes_bg .boxe_area .boxe_body { width:760px; background-position-x: 15px !important; background-position-y: 95px !important; } #boxes .boxes_bg .boxe_area .boxe_body .boxe_in.logo { margin-bottom:20px; padding: 0px 40px; } #boxes .boxes_bg .boxe_area .boxe_body .boxe_in .nl { padding:0px 40px; } #boxes .boxes_bg .boxe_area .boxe_body .boxe_in .nl:last-child { margin-top:50px; } #boxes .boxes_bg .boxe_area .boxe_body .boxe_in .nl .sub_box.active { padding:15px 20px; } /* 사업영역 */ /* 푸드 */ #food1 { margin-bottom:150px; } #food1 > .foods .nl { margin-bottom:0px; } #food1 > .foods .nl .ll .imgs { margin-bottom:0px; } #food1 > .foods .nl .txt { width: 100%; } #food1 > .foods .ll .txt { margin: 0px 0px 0px 0px; } #food1 > .foods .rr .txt { margin: 0px 0px 0px 0px; } #food1 > .foods .txt.rnd { margin:120px 0px 0px 60px; } #food1 > .foods .txt.produce { margin:140px 0px 0px 0px; } #food1 > .foods .txt.cir { margin:140px 0px 0px 60px; } #food1 > .foods .txt.trade { margin:140px 0px 0px 0px; } #food1 > .foods .nl .txt .title { font-size:24px; margin-bottom: 10px; margin-left: 10px; } #food1 > .foods .nl .txt .subTitle { font-size: 36px; line-height: 36px; margin-bottom:30px; margin-left: 10px; } #food1 > .foods .nl .txt .con { font-size: 18px; line-height: 36px; } #food1 > .foods .nl .txt .con span { text-indent: 18px; display: inline-block; } /* 브랜드 */ #brand1 { margin-bottom:150px; } #brand1 > .brand {padding: 100px 0px; background-size: 125% !important; } #brand1 > .brand .title { font-size: 48px; line-height: 48px; margin-bottom:10px; } #brand1 > .brand .subTitle { font-size: 24px; line-height: 28px; letter-spacing: -0.7px; } #brand1.sub > .brand {padding: 100px 0px; background-size: 125% !important; } #brand1.sub > .brand .title { font-size: 48px; line-height: 48px; margin-bottom:10px; } #brand1.sub > .brand .subTitle { font-size: 24px; line-height: 28px; letter-spacing: -0.7px; } #brand2 { margin-bottom:90px; } #brand2 > .brand .logo { margin-bottom:0px; } #brand2 > .brand .txt { margin-bottom:0px; padding: 10px 20px; font-size: 18px; line-height: 36px; letter-spacing: -0.5px; } #brand3 { margin-bottom:150px; } #brand3 > .brand .items { padding:0px 30px; margin-bottom:0px; } #brand3 > .brand .items .imgs { margin-bottom:10px; padding:0px 40px; } #brand3 > .brand .text { font-size: 18px; line-height: 36px; } #brand4 { margin-bottom:150px; margin-top:170px; } #brand4 > .brand .nl { margin-bottom:0px; } #brand4 > .brand .txt { padding: 0px 0px; margin-bottom:0px; } #brand4 > .brand .txt .subject { text-align:left; font-size: 18px; line-height: 36px; } #brand4 > .brand .txt .con { text-align:left; font-size: 18px; line-height: 36px; } #brand4 > .brand .logo { margin:6px 0px; } #brand4 > .brand .logo img { width: unset; margin-left: 0px; } /* #consulting1 > .consulting .bg_area .txt { padding:55px; bottom:-100px; font-size:36px; line-height:50px; } #consulting2 > .consulting .box_area .img img { padding:60px 0px 60px 0px; } #consulting2 > .consulting .box_area .txt { padding:33px 20px 33px 0px; } #consulting2 > .consulting .box_area .txt .subject { font-size:40px; } #consulting2 > .consulting .box_area .txt .tt { font-size:16px; line-height:50px; letter-spacing: -0.6px; } */ /* 컨설팅사업 */ #consulting1 { margin-bottom:110px; } #consulting1 > .consulting .bg_area { height: 460px; background-size: 120%; } #consulting1 > .consulting .bg_area .tt { padding:55px; bottom:-100px; font-size:32px; line-height:50px; left: 10%; width: 80%; letter-spacing: -0.5px;} #consulting1 > .consulting .box_area .txt { padding:20px 5px; bottom:-75px; font-size:12px; line-height:50px; } #consulting2 { margin-bottom:150px; } #consulting2 > .consulting .box_area { margin-bottom:50px; } #consulting2 > .consulting .box_area .img .type_1 { padding:38px 0px 0px 0px; margin:0px 57px 0px 107px; } #consulting2 > .consulting .box_area .img .type_2 { padding:38px 0px 0px 0px; margin:0px 57px 0px 107px; } #consulting2 > .consulting .box_area .img .type_3 { padding:23px 0px 0px 0px; margin:0px 57px 0px 107px; } #consulting2 > .consulting .box_area .txt { padding:40px 20px 40px 50px; } #consulting2 > .consulting .box_area .txt .subject { margin-bottom:10px; font-size:30px; text-align:left; } #consulting2 > .consulting .box_area .txt .tt { font-size:18px; line-height:30px; text-align:left; letter-spacing: -1px; } /* 엔터테이먼트 */ #ent1 { margin-bottom:280px; } #ent1 > .entertainment .bg_area { height: 460px; background-size: 120%; } #ent1 > .entertainment .bg_area .tt { } #ent1 > .entertainment .bg_area .tt { padding: 55px 55px; margin-top: 390px; top: 0px; left: 5%; right:5%; width: 90%; letter-spacing: -0.5px; } #ent1 > .entertainment .bg_area .tt .t_1 { font-size:32px; line-height:50px; letter-spacing: -0.5px; margin-bottom:45px; } #ent1 > .entertainment .bg_area .tt .t_2 { font-size:18px; line-height:30px; letter-spacing: -1px; color:#000; font-weight: 300; } #ent2 { margin-bottom:150px; } #ent2 > .entertainment .box_area { } #ent2 > .entertainment .box_area .items .img .type_1 { padding:30px 30px; margin:0 auto; } #ent2 > .entertainment .box_area .items .img .type_2 { padding:30px 30px; margin:0 auto; } #ent2 > .entertainment .box_area .items .img .type_3 { padding:30px 30px; margin:0 auto; } #ent2 > .entertainment .box_area .txt { padding:40px 20px 40px 50px; } #ent2 > .entertainment .box_area .txt .subject { margin-bottom:10px; font-size:30px; text-align:left; } #ent2 > .entertainment .box_area .txt .tt { font-size:18px; line-height:30px; text-align:left; letter-spacing: -1px; } /* #brand1 > .brand { padding: 101px 0px; height:330px; background-size: 122%; margin-bottom:32px; } #brand1 > .brand .title { font-size:60px; } #brand1 > .brand .subTitle { font-size:24px; } #brand3 > .brand .items { margin:0px;} #brand4 { margin-bottom: 155px; } #brand4 > .brand .txt { padding: 0px 20px; } #brand4 > .brand .logo img { width: unset; } */ #footer > .f_area .rr .tag_box .more_sns { padding:12px; } #footer > .f_area .rr .tag_box .shortcuts a { padding:14px 10px; } .table_type_1 td .new { margin-top: 0px; line-height: 54px; width:50px; } .table_type_1 td .subject { font-size:36px; } /* 인재경영 */ /* 태향인*/ #members { padding:0px; } #members > .member {} #members > .member .mem_bg { width:1200px; margin:0 auto; } #members > .member .mem_bg img { margin-bottom:100px; } #members > .member .mem_content { margin-bottom:120px; } #members > .member .mem_content .txt .t1 { font-size:48px; line-height:60px; } #members > .member .mem_content .txt .t2 { font-size:16px; line-height:30px; letter-spacing:-0.5px; } #members > .member .mem_content .txt .link { margin-top:20px; } #members > .member .mem_content .txt .link a { font-size: 16px; width: 166px; height: 45px; } #members > .member .mem_content .txt .link a img { margin:16px 0px 16px 9px; } /* 나눔경영 */ #social > .so_area .nl { margin-bottom:0px; } #social > .so_area .nl .box .imgs { margin-bottom:0px; } #social > .so_area .nl .box .tt { margin-top: 137px; } #social > .so_area .nl .box .tt .title { font-size: 36px; line-height: 36px; margin-bottom:12px; } #social > .so_area .nl .box .tt .subTitle { font-size: 22px; line-height: 28px; margin-bottom:23px; } #social > .so_area .nl .box .tt .con { font-size: 18px; line-height: 36px; letter-spacing: 0px; font-weight: 300; } #social > .so_area .nl .l_box .tt { padding-left:100px; margin-top: 128px; } #social > .so_area .nl .r_box .tt { padding:0px 0px 0px 100px; margin-top: 137px; } /* 조직문화 */ /* #culture1 > .culture {} #culture1 > .culture .pc_view {} #culture1 > .culture .pc_view .ll { } #culture1 > .culture .pc_view .ll .items { padding:0px 25px 0px 0px; } #culture1 > .culture .pc_view .rr .items { padding:0px 0px 0px 25px; } #culture1 > .culture .pc_view .items .tt { height:335px; padding:0px 20px; } #culture1 > .culture .pc_view .items { margin-bottom:120px; } #culture1 > .culture .pc_view .items .img { margin-bottom:30px; padding:0px 0px; } #culture1 > .culture .pc_view .items .subject { margin-bottom:0px; font-weight:500; font-size:32px; line-height:72px; } #culture1 > .culture .pc_view .items .txt { font-size:18px; line-height:36px; } #culture1 > .culture .pc_view .items .txt span { text-indent: 18px; display: inline-block; } */ /* 조직문화 */ #re_culture_1 { padding: 0px; margin-bottom:50px; } #re_culture_1 > .culture .culture_container { width:970px; } #re_culture_1 > .culture .t1 { font-size:24px; margin-bottom:25px; } #re_culture_1 > .culture .t2 { font-size:40px; margin-top:25px; } #re_culture_2 { padding: 0px; margin-bottom:60px; } #re_culture_2 > .culture .culture_container { width:970px; } #re_culture_2 > .culture .bg_subject { padding:30px 0px; font-size:26px; } #re_culture_2 > .culture .boxs { margin:25px 0px; } #re_culture_2 > .culture .nl { margin-bottom:60px; } #re_culture_2 > .culture .nl .m_area { width:0%;} #re_culture_2 > .culture .nl .m_area .bg_text { width:374px; font-size:48px; } #re_culture_2 > .culture .nl .culture_box { width:248px; padding:20px 0px; line-height:30px; } #re_culture_2 > .culture .nl .culture_box .title { font-size:18px; } #re_culture_2 > .culture .nl .culture_box .con { font-size:18px; } #re_culture_2 > .culture .nl .culture_box.culture_box_1 { margin:0 auto; } #re_culture_2 > .culture .nl .culture_box.culture_box_2 { margin-left:50px; } #re_culture_2 > .culture .nl .culture_box.culture_box_3 { margin-right:50px; } #re_culture_2 > .culture .nl .culture_box.culture_box_4 { margin-left:120px; } #re_culture_2 > .culture .nl .culture_box.culture_box_5 { margin-right:120px; } #re_culture_3 { padding: 0px; margin-bottom:90px;} #re_culture_3 > .culture .culture_container { width:970px; } #re_culture_3 > .culture .culture_container .nl { margin-top:70px; padding-bottom:55px; } #re_culture_3 > .culture .culture_container .nl .ll { margin-bottom:0px; padding-left:50px; } #re_culture_3 > .culture .culture_container .nl .ll .title { text-align: left; font-size:26px; line-height:36px; margin-bottom:10px; } #re_culture_3 > .culture .culture_container .nl .ll .img img { margin:unset; float: left !important; } #re_culture_3 > .culture .culture_container .nl .rr .rr_area { text-align:left; } #re_culture_3 > .culture .culture_container .nl .rr .rr_area .title { font-size:20px; margin-bottom: 10px; } #re_culture_3 > .culture .culture_container .nl .rr .rr_area .content { font-size:16px; line-height: 36px; letter-spacing: -0.5px; } #re_culture_3 > .culture .culture_container .nl .rr .rr_area .content span { height:1px; width: 12px; } /* 계열사 */ #subsidiary1 { margin-bottom:60px; } #subsidiary1 .subsidiary .ll .title { font-size: 36px; line-height: 67px; } #subsidiary1 .subsidiary .rr { margin-top:8px; font-size: 18px; line-height: 36px; } #subsidiary1 .subsidiary .rr .txt { font-size: 18px !important; line-height: 36px !important; font-weight: 300 !important; letter-spacing: 0px !important; } #subsidiary2 { margin-bottom:90px; } #subsidiary2 .subsidiary .s_img { padding:13px 0px;} #subsidiary2 .subsidiary > .container { padding:70px 0px; } #subsidiary3 .subsidiary .nl { margin-bottom:90px; } #subsidiary3 .subsidiary .contents { padding:10px 0px 0px 50px; margin-top:0px; } #subsidiary3 .subsidiary .contents .title { font-size:36px; padding-left:13px; margin-bottom:0px; } #subsidiary3 .subsidiary .contents .subTitle { font-size:26px; line-height: 48px; font-weight:500; padding-left:13px; margin-bottom:20px; } #subsidiary3 .subsidiary .contents .con .txt { font-size: 16px !important; line-height: 36px!important; margin-bottom:5px!important; letter-spacing: -0.5px!important; } #subsidiary3 .subsidiary .contents .link { padding-left: 0px; } #subsidiary3 .subsidiary .contents .link a { margin-left:20px; } #subsidiary3 .subsidiary .logo { height:310px; } #subsidiary3 .subsidiary .logo_ti {} #subsidiary3 .subsidiary .logo_ti img { padding:104px 0px; } /* #subsidiary1 .subsidiary .rr { margin-top:10px; font-size:18px; } #subsidiary2 .subsidiary .s_img { padding:40px 0px;} #subsidiary2 .subsidiary > .container { padding:90px 0px; } #subsidiary3 .subsidiary .contents { padding-left:85px; margin-top:0px; } #subsidiary3 .subsidiary .contents .title { font-size:48px; font-weight:500; margin-bottom:15px; } #subsidiary3 .subsidiary .contents .subTitle { font-size:28px; font-weight:500; margin-bottom:15px; } #subsidiary3 .subsidiary .contents .con { font-size:18px; line-height:35px; margin-bottom:15px; } #subsidiary3 .subsidiary .logo_ti {} */ /* 오시는길 */ #way1 { margin-top:70px; } #way1 > .way { padding:0px 0px; } #way1 > .way .m_areas { margin-bottom:70px; } #way1 > .way .m_areas .way_map { height:400px; margin-bottom:35px; } #way1 > .way .m_areas .way_suvject { font-size:32px; line-height:72px; margin-bottom:35px; } #way1 > .way .m_areas .way_info { margin-bottom:110px; } #way1 > .way .m_areas .way_info .txt { font-size:18px !important; line-height:34px !important; letter-spacing: -0.5px !important; margin:0px 0px; text-align:left; } #way1 > .way .m_areas .way_info .txt.type_1 { padding:16px 0px 16px 40px; } #way1 > .way .m_areas .way_info .txt.type_2 { padding:0px 0px 0px 40px; } /* 잔행중인공고 리스트*/ #progress { margin-bottom:0px; padding:0px; } #progress > .list {} #progress > .list .nl { margin-bottom:0px; padding:20px 0px; } #progress > .list .nl:last-child { margin-bottom:0px; } #progress > .list .nl a { } #progress > .list .nl a .date { width: 170px; text-align:center; vertical-align: top; display: inline-block; font-size: 18px; line-height: 72px;} #progress > .list .nl a .cat { width:355px; padding:0px 55px; color:#e67612; font-size:18px; line-height:72px; } #progress > .list .nl a .cat.new { margin:22px 10px 20px 0px; border: 1px solid #e67612; line-height: 16px; padding: 5px 10px; font-size: 11px; border-radius: 4px; } #progress > .list .nl a .cat span{ margin:0px 15px; } #progress > .list .nl a .subject { color:#212529; font-size:32px; line-height:72px; } #progress > .list .nl a .img_btn { padding: 19px 0px; } #progress > .list .nl a .img_btn img { margin:0 auto; margin-right:45px; } /* 잔행중인공고 뷰*/ #progress { margin-bottom:150px; padding:0px; } #progress > .view { } #progress > .view .title { margin-bottom:60px; padding:30px 40px; } #progress > .view .title .cat { font-size:18px; line-height:50px; margin-bottom:0px; } #progress > .view .title .cat span { margin:0px 10px; } #progress > .view .title .subject { padding:0px 0px; font-size:32px; line-height:50px; margin-left:40px; } #progress > .view .receipt { margin-top: 25px; } #progress > .view .receipt .nl { padding: 9px; } #progress > .view .receipt .nl .check_img { margin-left: 0px; padding: 10px; } #progress > .view .receipt .nl .check_img img { } #progress > .view .receipt .nl .tt { font-size:18px; line-height:30px; } #progress > .view .content { padding:0px 40px; padding-bottom:60px; margin-bottom:30px; } #progress > .view .content .text { font-size:18px; line-height:36px; } #progress > .view .btn { padding: 0px 40px 30px 40px; } #progress > .view .btn a { padding:0px 45px; height:51px; font-size:18px; line-height: 51px; } /* 잔행중인공고 인풋*/ #progress > .input .title { padding:40px 0px; margin-bottom:70px; } #progress > .input .title .cat { font-size: 18px; line-height: 36px; margin-bottom:0px; } #progress > .input .title .cat span { margin: 0px 10px; } #progress > .input .title .subject { padding: 0px 0px; font-size: 24px; line-height: 40px; } #progress > .input .input_area { margin-bottom:30px; } #progress > .input .input_area .agree { margin-bottom:75px; } #progress > .input .input_area .agree.center_agree { padding:45px 45px 30px 45px; width:850px; margin:0 auto; margin-bottom:45px; } #progress > .input .input_area .agree.inputs { padding:45px 0px 20px 0px; width:850px; margin:0 auto; margin-bottom:5px; } #progress > .input .input_area .agree .t1 { font-size:18px; line-height:18px; margin-bottom:20px; } #progress > .input .input_area .agree .t2 { margin-left:15px; } #progress > .input .input_area .agree .t2 ul, li { font-size:16px; line-height:36px; } #progress > .input .input_area .agree .t3 { margin-bottom:0px;} #progress > .input .input_area .agree .tt1 {} #progress > .input .subtxt { font-size:16px; line-height:36px; margin-bottom:30px; } #progress > .input .subbtn .nl { padding:15px 60px; width:220px; margin:0 auto; } #progress > .input .subbtn .nl img { padding:10px 5px; } #progress > .input .subbtn .nl .tt { font-size:18px; line-height:30px; } /* 영입절차 */ #step_1 { margin-top:70px; } #step_1 .step {} #step_1 .step .items { margin-bottom:0px; } #step_1 .step .items .nl { padding:0px 5px; margin:0px 5px; } #step_1 .step .items .nl .num { margin:20px 0px 0px 25px; font-size:30px; } #step_1 .step .items .nl .img { margin-bottom:10px; } #step_1 .step .items .nl .img img { margin:0 auto; } #step_1 .step .items .nl .title { font-size:30px; line-height:72px; margin-bottom:0px; } #step_1 .step .items .nl .txt { font-size:18px; line-height:36px; margin-bottom:60px; letter-spacing: -0.5px; } #step_2 { margin:90px 0px 150px 0px; } #step_2 .step {} #step_2 .step .subject { margin-bottom:0px; } #step_2 .step .subject .ll { font-size:30px; line-height:72px; } #step_2 .step .subject .rr { margin:16px 0px 0px 8px; } #step_2 .step .subject .rr img { } #step_2 .step .con { font-size:16px; line-height:34px; text-align:left; } #step_2 .step .con .con_01 { margin-bottom:0px; font-size:16px !important; line-height:34px !important; text-align:left; } #step_2 .step .con .con_02 { margin-bottom:0px; font-size:16px !important; line-height:34px !important; text-align:left; } /* 복지제도 */ #welfare_1 { margin-top:70px; margin-bottom:110px; } #welfare_1 .welfare {} #welfare_1 .welfare .we_area {} #welfare_1 .welfare .we_area .nl { margin-bottom:40px; } #welfare_1 .welfare .we_area .nl .items { height:380px; padding:35px 50px; margin:0px 0px 0px 20px; } #welfare_1 .welfare .we_area .nl:nth-child(odd) .items { margin:0px 20px 0px 0px; } #welfare_1 .welfare .we_area .nl .items .con { height: 108px; font-size:18px; line-height:36px; letter-spacing:-0.5px; } #welfare_1 .welfare .we_area .nl .items .title { text-align:left; font-size:30px; line-height:72px; margin-bottom:0px; } #welfare_1 .welfare .we_area .nl .items .img {} #welfare_1 .welfare .we_area .nl .items .img img { width:25%; } #m_main .swiper-button-next, .swiper-button-next { top:70% !important; color:#fff !important; } #m_main .swiper-button-next, .swiper-button-prev { top:70% !important; color:#fff !important; } #pageing { margin-bottom:110px; } /* 직원 인터뷰 상세페이지 */ #interview_1 { padding:0px; } #interview_1 > .view {} #interview_1 > .view .sw_area { height: 475px; } #interview_1 > .view .sw_area.active { } #interview_1 > .view .rr { } #interview_1 > .view .rr img { margin-left: 0px; } #interview_1 > .view .ll {} #interview_1 > .view .ll .ll_title { margin-bottom:30px; } #interview_1 > .view .ll .ll_title .job_position { font-size:20px; line-height:55px; text-align:left; } #interview_1 > .view .ll .ll_title .mem_name { height:60px; font-size:48px; line-height:55px; padding-bottom:30px; text-align:left; } #interview_1 > .view .ll .ll_content { font-size:38px; line-height:52px; color:#015567; letter-spacing:-0.2px; margin-bottom:75px; } #interview_1 > .view .ll_arrow { top:345px; } #interview_1 > .view .ll_arrow .arrow { } #interview_1 > .view .ll_arrow .list {} #interview_1 > .view .ll_arrow .list a { height:43px; padding: 0px 30px; font-size:16px; line-height: 36px; margin-left:25px; } #interview_2 { margin-bottom:150px; padding:0px; } #interview_2 > .view {} #interview_2 > .view .nl { margin-bottom:100px; } #interview_2 > .view .nl .mt { margin-top:0px; } #interview_2 > .view .nl .title { font-size:14px; line-height:72px; margin-bottom:20px; } #interview_2 > .view .nl .subritle { font-size:26px; line-height:30px; } #interview_2 > .view .nl .content { font-size:16px; line-height:30px; padding-right:20px; } #interview_2 > .view .ll_arrow { } #interview_2 > .view .ll_arrow .arrow { } #interview_2 > .view .ll_arrow .list {} #interview_2 > .view .ll_arrow .list a { height:43px; padding: 0px 30px; font-size:16px; line-height: 36px; margin-left:25px; } /* 게시판 뷰 */ #bbs_view {} #bbs_view > .view { } #bbs_view > .view .title { margin-bottom:40px; padding:50px; } #bbs_view > .view .title .new { line-height: 16px; font-size: 11px; margin:10px 20px 0px 0px; } #bbs_view > .view .title .subject { font-size:36px; } #bbs_view > .view .title .wdate { margin: 8px 23px 8px 0px; font-size:18px; } #bbs_view > .view .content { margin-bottom:40px; padding: 50px 125px; } #bbs_view > .view .content .file { margin-bottom:50px; } #bbs_view > .view .content .file a { display:block; } #bbs_view > .view .content .file a img { margin: 3px 23px 3px 0px; margin-right:10px; } #bbs_view > .view .content .file a div { font-size:18px; } #bbs_view > .view .content .text { line-height:40px; } #bbs_view > .view .btn { padding-bottom:150px; } #bbs_view > .view .btn a { margin:0 auto; width:120px; height:51px; font-size:18px; text-align:center; line-height: 51px; } #bbs_view > .view .more { margin-bottom:30px; font-weight: 300; } #bbs_view > .view .more a { display:block; } #bbs_view > .view .more .prev { border-bottom:1px solid #e5e5e5; } #bbs_view > .view .more .txt { font-size:16px; text-align:center; padding:20px 0px; } #bbs_view > .view .more .subject { font-size:16px; padding:20px 10px; } #bbs_view > .view .more .wdate { text-align:center; font-size:16px; padding:20px 0px; } }