/* 폰트 설정 */ @font-face { font-family: 'SUIT'; font-weight: 100; src: url('./font/SUIT-Thin.woff2') format('woff2'); } @font-face { font-family: 'SUIT'; font-weight: 200; src: url('./font//SUIT-ExtraLight.woff2') format('woff2'); } @font-face { font-family: 'SUIT'; font-weight: 300; src: url('./font/SUIT-Light.woff2') format('woff2'); } @font-face { font-family: 'SUIT'; font-weight: 400; src: url('./font/SUIT.woff2') format('woff2'); } @font-face { font-family: 'SUIT'; font-weight: 500; src: url('./font/SUIT-Medium.woff2') format('woff2'); } @font-face { font-family: 'SUIT'; font-weight: 600; src: url('./font/SUIT-SemiBold.woff2') format('woff2'); } @font-face { font-family: 'SUIT'; font-weight: 700; src: url('./font/SUIT-Bold.woff2') format('woff2'); } @font-face { font-family: 'SUIT'; font-weight: 800; src: url('./font/SUIT-ExtraBold.woff2') format('woff2'); } @font-face { font-family: 'SUIT'; font-weight: 900; src: url('./font/SUIT-Heavy.woff2') format('woff2'); } @font-face { font-family: 'yg-jalnan'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'LotteMartDream'; font-style: normal; font-weight: 400; src: url('//fastly.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamMedium.woff2') format('woff2'), url('//fastly.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamMedium.woff') format('woff'); } @font-face { font-family: 'LotteMartDream'; font-style: normal; font-weight: 700; src: url('//fastly.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamBold.woff2') format('woff2'), url('//fastly.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamBold.woff') format('woff'); } @font-face { font-family: 'LotteMartDream'; font-style: normal; font-weight: 300; src: url('//fastly.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamLight.woff2') format('woff2'), url('//fastly.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamLight.woff') format('woff'); } .lottemartdream * { font-family: 'LotteMartDream', sans-serif; } @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 400; src: url(../css/font/Comfortaa-Regular.ttf); } @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight:200; src: url(../css/font/CComfortaa-Light.ttf); } @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 800; src: url(../css/font/Comfortaa-Bold.ttf); } /* body */ body {margin:0; padding:0; font-size:16px; font-family:'SUIT','Malgun Gothic','Nanum Square Round'; word-break: keep-all; -webkit-font-smoothing: antialiased; -moz-font-smoothing: unset; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; text-rendering: auto; text-rendering: optimizeSpeed; text-rendering: optimizeLegibility; text-rendering: geometricPrecision; text-rendering: inherit; color:#000; letter-spacing:-.5px; } .h4, h4 {margin-top : 0; } ul, li { padding:0; margin:0px; list-style:none; } a.a:hover { text-decoration:none !important; margin-top : 0; color:#000; } textarea { resize:none; font-family:'SUIT','Malgun Gothic','Nanum Square Round'; } div.article .imageblock, div.article .tt-gallery-box, div.communicateList img { transform: rotate(0.001deg); } section { position:relative; } input[type="password"] { font-family:Arial, Helvetica, sans-serif !important; } input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="image"], input[type="tel"], textarea {-webkit-appearance:none; -webkit-border-radius:0; } @media (max-width: 767.98px) { .only_pc { display:none;} } /* 폰트설정 */ .point_font {font-family: 'LotteMartDream'; !important;} .point {color:#0092a3 !important} .point_bg { background-color:#0092a3 !important} .point_bo { border-color:#0092a3 !important} .point_02 {color:#3895c0 !important} .point_02_bg { background-color:#3895c0 !important} .point_02_bo { border-color:#3895c0 !important} .gray { color:#999 !important} .gray_bg { background-color:#f8f8f8 !important;} .gray_bo { border-color:#ddd !important;} .green { color:#12ad2a !important;} .green_bg { background-color:#12ad2a !important;} .green_bo { border-color:#12ad2a !important;} .shop { color:#a6866b !important} .shop_bg { background-color:#a6866b !important} .shop_bo { border-color:#a6866b !important} .font_100 {font-weight: 100 !important; } .font_300 {font-weight: 300 !important; } .font_400 {font-weight: 400 !important; } .font_500 {font-weight: 500 !important; } .font_600 {font-weight: 700 !important; } .text_center, .center { text-align:center !important; } .text_left, .left { text-align:left !important; } .text_right, .right { text-align:right !important; } .eng { font-family:Arial, Helvetica, sans-serif; } .orange {color:#00c6ff !important; } .view_pc { display:inline-block !important;} .view_mobile { display:none !important;} .w100 { width:100% !important;} @media (max-width: 767.98px) { .view_pc { display:none !important;} .view_mobile { display:inline-block !important;} } /* 서브페이지 타이틀, 타이틀 하단 텍스트 */ .text_01 {font-size: 46px; font-weight: 900; line-height: 1.5; position: relative; color: #000; margin-bottom:20px !important; } .text_01_eng {font-size: 52px; font-weight: 900; line-height: 1.5; position: relative; color: #000; margin-bottom:20px !important; } .text_02 { font-size:28px; font-weight:600; line-height:1.4; color:#363636; } .text_03 { font-size:34px; font-weight:700; line-height:1.4; color:#363636; margin-bottom:30px; } .text_04 { font-size:20px; font-weight:500; line-height:1.4; color:#767676; margin-top:20px !important; } .text_04 strong { font-weight:600; color:#525252; } .about_01_icon { margin-bottom:10px;} @media (max-width: 767.98px) { .text_01 {font-size: 24px; line-height: 1.3; margin-bottom:10px !important; } .text_01_eng {font-size: 28px; line-height: 1.3; margin-bottom:10px !important; } .text_02 { font-size:20px; line-height: 1.2; } .text_03 { font-size:20px; line-height:1.2; margin-bottom:15px; } .text_04 { font-size:14px; margin-top:10px !important; } .about_01_icon { margin-bottom:10px;} .about_01_icon img { height:40px;} } /* 서브페이지 타이틀 DIV */ .sub_title_100 { padding-bottom:140px; } .sub_title_100_last { padding-bottom:60px; } .sub_title_100.center .text_01, .sub_title_100.center .text_02 {} .sub_title_100 .sub_title_img, .sub_title_100_last .sub_title_img { margin-top:60px; } .sub_title_100 .sub_title_img img, .sub_title_100_last .sub_title_img img { width:100%; } @media (max-width: 767.98px) { .sub_title_100 { padding-bottom:60px; } .sub_title_100_last { padding-bottom:0px; } .sub_title_100 .sub_title_img, .sub_title_100_last .sub_title_img { margin-top:20px; } } .title_pd {padding: 0 10%; max-width: 1000px; margin: auto; } @media (max-width: 767.98px) { .title_pd {padding: 0 6%; } } /* 로고컬러 CSS */ .logo_color {} .logo_color .sub_title {color:#000 !important; font-weight:400; } .logo_color span {display:inline-block; font-weight:900; color:#000; } .logo_color_01 {color:#b25d9a !important; } .logo_color_02 {color:#e46b22 !important; } .logo_color_03 {color:#ffb900 !important; } .logo_color_04 {color:#aeb730 !important; } /* head */ .sound_only {display:inline-block !important; position:absolute; top:0; left:0; margin:0 !important; padding:0 !important; font-size:0; line-height:0; border:0 !important; overflow:hidden !important} .top-bg-black {background: rgba(0, 0, 0, 0.6)} .bg-footer {background: rgba(0, 0, 0, 0.9)} .navbar-brand { width:240px; height:100px; background-image:url(../../../img/common/logo.png); background-position:left; background-repeat:no-repeat; background-size:150px; } .navbar-brand img { height:59px; display:none; } .navbar { height:100px; border-bottom:1px solid rgba(255,255,255,.4); overflow:hidden; z-index:99; /* 상단 흰색 */background-color:rgba(255,255,255,.2); } .navbar>.container { /*max-width:100% !important; */ max-width:1304px !important; padding-left:40px; padding-right:40px; } @media (max-width: 767.98px) { .navbar { height:50px !important; } .navbar>.container { padding-left:20px; padding-right:20px; } .navbar-brand { width:calc(100% - 170px); height:50px; background-size:80px; background-image:url(../../../img/common/logo_b.png)} .navbar-brand img { height:40px; padding-top:10px; } } /* 시안단계에서 이미지로 100% 보여주기 */ .preview { width:1304px; margin:40px auto 80px !important;} .preview img { width:100%;} /* #hd, .header_blank { display:none; } #wrapper { padding-top:0 !important; } */ .navbar.roll { height: 100px; background : rgba(255,255,255,1); border-bottom:1px solid #eee; } /* .navbar .navi { height:60px; margin:0 auto; background: linear-gradient( to bottom, rgba(0,0,0,.1), rgba(0,0,0,0) ); /*-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } */ .navbar.roll .navbar-brand { /* 스크롤 시 메뉴 로고 변경 */ background-image: url(../../../img/common/logo_b.png); } .navbar.roll .nav-item::after { background-color:rgba(0,0,0,.3); } .navbar.roll .nav-item .nav-link { /* 스크롤 시 메뉴 컬러 변경 */ /*-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; */ position:relative; color:#000 !important; } .navbar.roll .head_tel_pc {background-color:#0092a3;} .navbar.roll .head_tel_pc>div {/* 스크롤 시 메뉴 컬러 변경 */ color: #000; /* background-image:url(../../../img/common/icon_apply_b.png); */ line-height:1.2; } .navbar.roll .head_tel_pc>div ul { } .navbar.roll .head_tel_pc>div p {} .navbar.roll .head_tel_pc>div p span {} .navbar.roll .navbar-toggler-icon{background-image:url(../../../img/head/icon_menu.png); } .navbar h1 {float:left; } .navi ul{margin:0 auto; padding:0; list-style:none; } .navi ul li{float:left; font-size:17px; font-weight:bold; } .navi ul li a {color:#fff; height:60px; display:block; padding:0 35px; } .navi .btn_bo_user { display:block !important; } .navi .btn_top button { top: 14px !important; right: 0 !important; } .navi .page_subject { display:none; } .navbar .roll .navi ul li a {height: 60px; } .roll ul li a { color:#000 !important; } .navbar .navi a {background-size:24px !important; background-position:center !important; background-repeat:no-repeat !important; } .navbar .navi a.btn_back {top:30px !important; background-position:left !important; background:url(../../../img/head/icon_back_w.png); } .navbar .navi a#user_home {top:30px !important; background:url(../../../img/head/icon_home_w.png); right:10px !important; left:auto; } .navbar .navi .fa { color:#fff; } .roll .navi a { background-size:24px !important; background-position:center !important; background-repeat:no-repeat !important; } .roll .navi a.btn_back { background:url(../../../img/head/icon_back.png) !important; background-size:24px !important; background-position:left !important; background-repeat:no-repeat !important; } .roll .navi a#user_home { background:url(../../../img/head/icon_home.png) !important; background-size:24px !important; background-position:center !important; background-repeat:no-repeat !important; } .roll .navi .fa { color:#000; } .roll .navi .page_subject { display:block; position:absolute; top:0; left:50%; transform:translateX(-50%); width:calc(100% - 120px); height:60px; line-height:60px; color:#000; font-size:16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align:center; font-weight:600; } .office_text_01 {padding: 0px 0px 50px; width: 100%; color:#000; line-height: 180%; font-size: 24px; float: left;} .office_item_wrap { width: 100%; margin-top: 20px; float: left; display: flex; justify-content: space-between;} .office_item_wrap .office_item_item { width:calc(33% - 20px); text-align: left; font-size: 16px;} .office_item_wrap .office_item_item .office_icon { width:100%; text-align:center; position:relative;} .office_item_wrap .office_item_item .office_icon img { width:100%; } .office_item_wrap .office_item_item .office_con { width:100%; padding:0px 40px 0px; position:relative; z-index:1;} .office_item_wrap .office_item_item .office_con .office_title { width:100%; padding:20px 30px 0 30px; background-color:#fff; margin-top:-60px; position:relative; z-index:2; font-size:32px;} .office_item_wrap .office_item_item .office_con .office_text { padding:10px 30px 30px; color:#666; background-color:#fff; } @media (max-width: 767.98px) { .office_text_01 { font-size: 18px; padding-bottom:30px;} .office_text_01 span { display:block;} .office_item_wrap { margin-top: 0px; display:block; } .office_item_wrap .office_item_item { width:100%; font-size: 16px; margin-bottom:20px;} .office_item_wrap .office_item_item .office_icon { } .office_item_wrap .office_item_item .office_icon img {} .office_item_wrap .office_item_item .office_con { padding:0px 20px 0px; } .office_item_wrap .office_item_item .office_con .office_title { padding:10px 20px 0 20px; margin-top:-40px; font-size:20px;} .office_item_wrap .office_item_item .office_con .office_text { padding:10px 20px 20px; } } .dropdown:hover>.dropdown-menu {display: block; margin-top: -2px; padding-top: -10px; border-top: 10px solid rgba(0,0,0,0); } .navbar-nav .dropdown-menu {right: -30px; } .dropdown-item {font-size: 0.85rem; line-height: 1.2; } .dropdown-item:hover, .nav-link:hover {color: #ffd834 !important; } .dropdown-item:focus, .dropdown-item:hover {background-color: transparent !important; } .dropdown-item:active, .nav-link:active {background-color: #fff; } .nav-item { font-size:20px; font-weight:500; position:relative; line-height:1.2; } .nav-item::after { /*content:''; position:absolute; top:50%; transform:translateY(-50%); right:15px; width:6px; height:6px; border-radius:50%; background-color:rgba(255,255,255,.5); */} .nav-item:nth-child(4)::after { display:none; } .nav-item .nav-link {color:#fff !important; padding-right:20px; padding-left:20px; margin-right:30px; } .nav-item .nav-link::after { content:''; font-size:16px; color:rgba(0,0,0,.3); margin-left:10px; font-weight:200; } /*.nav-item:nth-child(1) .nav-link::after { content:'|'; font-size:18px; color:rgba(0,0,0,.3); margin-left:10px; font-weight:200; } .nav-item:nth-child(2) .nav-link::after { content:'|'; font-size:18px; color:rgba(0,0,0,.3); margin-left:10px; font-weight:200; } .nav-item:nth-child(3) .nav-link::after { content:'|'; font-size:18px; color:rgba(0,0,0,.3); margin-left:10px; font-weight:200; } .nav-item:nth-child(4) .nav-link::after { content:'|'; font-size:18px; color:rgba(0,0,0,.3); margin-left:10px; font-weight:200; } .nav-item:nth-child(5) .nav-link::after { content:'|'; font-size:18px; color:rgba(0,0,0,.3); margin-left:10px; font-weight:200; }*/ /*.nav-item:nth-child(4) .nav-link {color:#000 !important; padding-right:1em; padding-left:1em !important; margin-left:0px; margin-right:30px; }*/ /*.nav-item .nav-link::after { content:''; font-size:10px; color:rgba(0,0,0,.1); margin-left:0px; }*/ .nav-item .nav-link:active {background-color: transparent} .nav-item .nav-link:hover {font-weight:600; color:#ffc90a} .nav-item_02 {content:'|'; font-size:18px; color:#000; margin-left:10px; font-weight:600; background-color: rgba(255,255,255,.2); padding:8px 0 !important;} .nav-item_02 a { margin-top:0px; display:inline-block; } .nav-item_02 img { height:18px;} .nav-item:nth-child(5) .nav-link { padding-right:0; } @media (max-width:767.98px){ .nav-item { font-size:18px; } .navbar.roll .head_tel_pc>div {/* 스크롤 시 메뉴 컬러 변경 */ color: #00c6ff; border-left:none; background-color:#fff; /* background-image:url(../../../img/common/icon_apply_b.png); */ } .navbar.roll .head_tel_pc {background-color:#fff; } .navbar.roll .head_tel_pc>div ul { border-color: #00c6ff; color: #00c6ff; } .navbar.roll .head_tel_pc>div p {} .navbar.roll .head_tel_pc>div p span {} .navbar.roll .nav-item::after { display:none; } } .nav-link_02 {font-size:16px; color: rgba(255,255,255,1); padding-right:1em; padding-left:1em !important; margin-left:10px; border-width:2px !important; border-width:2px !important; border-radius:50px; padding:5px 12px; line-height:30px; vertical-align:10px; margin-top:4px; display:inline-block; border:2px solid #7d7d7d; } .nav-link_02:hover { color: rgba(255,255,255,1); } .nav-link_02 img { height:36px; width:auto; } @media (max-width:1140px){ .nav-item .nav-link {padding-right:0px !important; padding-left:10px !important; } .nav-item .nav-link::after { content:''; font-size:18px; color:rgba(0,0,0,.3); margin-left:00px; font-weight:200; } .nav-link_02 { margin-left:10px; color: rgba(255,255,255,1); } .nav-link_02 span { display:none !important; } .nav-link_02 img { } } @media (max-width:767.98px){ .nav-item_02 { margin-left:0; border-bottom:none !important; padding: 6px 24px 6px 20px !important; background-color: #0092a3; border-radius: 50px; margin-top:20px; } .nav-link_02 { border: none; font-size:18px; color:#333; background:transparent; font-weight:600; padding:8px 0px; padding-left:0 !important; margin-left:0; } .nav-item_02 a { color:#fff;} .nav-item_02 a:hover {color:#fff !important; background-color:transparent; } .nav-link_02:hover {color:#fff !important} .nav-link_02 span { display:inline-block !important; } } .nav-link_03 {font-size:18px; color:#fff; margin-left:20px; border-width:2px !important; border-width:2px !important; border-radius:50px; padding:8px 30px; !important; line-height:30px; vertical-align:10px; display:inline-block; background: #00aca0; border:2px solid #00aca0; } .nav-link_03:hover {background:#5eb031; border-color:#5eb031; color:#fff; } .nav-link_03 img { height:28px; width:auto; margin-right:8px; } .nav-link_03 i { font-size:20px; vertical-align:-2px; } @media (max-width:1140px){ .nav-item .nav-link {padding-right:0px !important; padding-left:10px !important; } .nav-item .nav-link::after { content:''; font-size:18px; color:rgba(0,0,0,.3); margin-left:00px; font-weight:200; } .nav-link_03 { margin-left:10px; color:#FF0; } .nav-link_03 span { display:none !important; } .nav-link_03 img { margin-right:4px !important; display:none; } } @media (max-width:767.98px){ .nav-item_03 { margin-left:0; } .nav-link_03 { border: none; font-size:18px; color:#333; background:transparent; font-weight:600; padding:8px 0px; padding-left:0 !important; margin-left:0; } .nav-item_03 a:hover {color:#333 !important; background-color:transparent; } .nav-link_03:hover {color:#333 !important} .nav-link_03 span { display:inline-block !important; } .nav-link_03 i { display:none; } } /*.nav-link_02::after { content:''; font-size:10px; color:rgba(255,255,255,.3); margin-left:0px; } .nav-link_02:active {background-color: transparent}*/ @media (max-width:767.98px){ .nav-item .nav-link {color:#333 !important; padding-right:1em; padding-left:0em !important; margin-left:0px; font-weight:600; } .nav-item .nav-link:hover {color:#333 !important} .nav-item:first-child .nav-link::after { content:''; font-size:10px; color:rgba(255,255,255,.3); margin-left:0px; } .nav-item:nth-child(2) .nav-link::after { content:''; font-size:10px; color:rgba(255,255,255,.3); margin-left:0px; } .nav-item:nth-child(3) .nav-link::after { content:''; font-size:10px; color:rgba(255,255,255,.3); margin-left:0px; } .nav-item:nth-child(4) .nav-link::after { content:''; font-size:10px; color:rgba(255,255,255,.3); margin-left:0px; } .nav-item:nth-child(5) .nav-link::after { content:''; font-size:10px; color:rgba(255,255,255,.3); margin-left:0px; } .nav-item .nav-link_02 img { } /*.nav-item_02 .nav-link::after { content:'고객문의'; font-size:20px; color:#fff; margin-left:0px; }*/ } .head_tel_pc {padding:2px 24px 2px 20px; background-color:#0092a3; border-radius:50px; /* padding:0 50px 0 72px; background-image:url(../../../img/common/icon_apply.png); background-repeat:no-repeat; background-position:40px; background-size:20px; */ } .head_tel_pc>div {display:flex; align-items: center;} .head_tel_pc>div img { height:18px; display:inline-block; margin:0 8px 0 0; vertical-align:-4px; } .head_tel_pc>div ul { height: 36px; text-align: center; display: inline-block; line-height: 34px; color:#fff; } .head_tel_pc>div p {font-size:18px; color:#fff; font-weight:600; text-align:left; } .head_tel_pc>div p span { font-size:12px; display:block; } @media (max-width: 767.98px) { .head_tel_pc {padding:0 20px; display:none; } } @media (max-width:767.98px){ .head_tel_pc { position: absolute; height: 50px; line-height: 50px; top: 0; right: 60px; padding: 0; border: none; font-size: 18px; background-color: transparent; } .head_tel_pc>div { height: 30px; line-height: 30px; } .head_tel_pc>div ul { width: 30px; height: 30px; margin-top: 10px; line-height: 28px; font-size: 14px; } .head_tel_pc>div p { display:none; } } .btn_manager { display:inline-block; width:44px; height:44px; line-height:44px; text-align:center; font-size:18px; color:#000; font-weight:600; background-color:#fff; margin-top:-5px; border-radius:00px; border:2px solid #000; } .btn_manager:hover { color:#000; } .btn_manager i { font-size:24px; vertical-align:-4px; padding-right:4px; } .btn_manager img {width:30px; } @media (max-width:767.98px){ .btn_manager { padding:0; background-image:none; color:#ffc90a; border:none !important; background:none !important; text-align:left; width:100% !important; font-size:18px !important; } /*.google::after { content:'Google Play'; font-size:16px; margin-left:5px; } .ios::after { content:'App Store'; font-size:16px; margin-left:5px; } */ } .leftmenu_b > .dropdown-item {font-size: 0.85rem; line-height: 30px; } .leftmenu_s > .dropdown-item {font-size: 0.85rem; line-height: 26px; } #hd_h1 {position:absolute; font-size:0; line-height:0; overflow:hidden} .tnb { position:absolute; right:0px; top:0px; font-size:14px; transform:skew(-0.05deg) color:#888; width:100%; background-color:#fff; height:30px;} .tnb a {color:#888;} .tnb i { font-size:16px; vertical-align:-2px;} .tnb span {color:#ddd; padding:0px 6px;} @media (max-width:767.98px){ .tnb { display:none;} } .slide_login { display:none;} /*.navbar-right { right:0 !important;}*/ .logout {display:none;} @media (max-width: 767.98px) { .navbar-nav {display:block; width:100%; margin-top:0px;} .slide_login { display:block;} .slide_login {width:calc(100% + 2rem); background-color:#FFF; height:100px; padding-top:10px; float:left; margin-left:-1rem; } .slide_login li.log_info {padding:00px 0px 0px 15px; color:#000; float:left; text-align:left;} .slide_login li.log_info ul {font-size:18px; margin-bottom:15px; font-weight:600;} .slide_login li.log_info ul span.log_btn {padding:6px 15px; font-size:14px; font-weight:600; border:2px solid #44403d; border-radius:30px;} .i-coupon {font-size:20px; vertical-align:-2px;} .slide_login li.logo_ul {width:65px; height:65px; padding:0px; color:#000; float:right; text-align:right; border-radius:50%; background-color:#f5f5f5; margin-right:1rem; margin-top:5px;} .slide_login li.logo_ul img {width:65px; border-radius:50%;} .slide_menu {width:100%; position:absolute; top:150px; left:0; z-index:0;} .slide_menu li.banner {} .slide_menu li.banner img {width:100%;} .slide_menu li.menu {padding:0px 20px 10px 20px; font-size:18px;} .logout {margin-top:150px;width:100%; text-align:center; color:#888; font-size:14px;} } @media (max-width:240px){ .slide_login li.logo_ul { display:none;} } .lang_section { margin-right:20px;} .lang_section .lang_wrap {display:flex; border:1px solid #fff; border-radius:50px; padding-left:10px; height:40px; /*background-color:rgba(0,0,0,.1);*/ } .lang_section .lang_wrap .lang_btn { text-transform:uppercase; font-size:14px; font-weight:600; color:#fff; background-size:18px; font-weight:600; padding:0 6px; line-height:38px; border-radius:50px;} .lang_section .lang_wrap .lang_btn.last { padding-right:10px;} .lang_section .lang_wrap .lang_btn.lang_on { color:#00c6ff; font-weight:900;} /* .lang_section { margin-right:20px;} .lang_section .lang_wrap {display:flex;} .lang_section .lang_wrap .lang_btn { text-transform:uppercase; font-size:14px; font-weight:600; border:1px solid rgba(0,0,0,0); color:#fff; background-size:18px; font-weight:600; padding:6px 10px; border-radius:50px;} .lang_section .lang_wrap .lang_btn.lang_on {background-image:url(../../../img/head/lang_icon.png); background-size:18px; background-repeat:no-repeat; background-position:12px; padding:6px 10px 6px 34px; border-color:#fff;} .lang_section .lang_wrap .lang_btn.lang_on {background-image:url(../../../img/head/lang_icon.png); background-size:18px; background-repeat:no-repeat; background-position:12px; padding:6px 10px 6px 34px; border-color:#fff;} */ @media (max-width: 767.98px) { .lang_section .lang_wrap { height:35px; padding:0 10px;} .lang_section .lang_wrap .lang_btn {font-size:12px; padding:0px 6px; line-height:33px;} .lang_section .lang_wrap .lang_btn.last { padding-right:6px;} .lang_section .lang_wrap .lang_btn.lang_on { background-size:14px; background-position:6px;} } .navbar.roll .lang_section .lang_wrap { border-color:#ddd;} .navbar.roll .lang_section .lang_wrap .lang_btn { color:#000;} .navbar.roll .lang_section .lang_wrap .lang_btn.lang_on { color:#00c6ff; font-weight:900;} /* .navbar.roll .lang_section .lang_wrap .lang_btn { color:#000; } .navbar.roll .lang_section .lang_wrap .lang_btn.lang_on {background-image:url(../../../img/head/lang_icon_b.png); border-color:#000;} */ .lang_img {width:120px; margin-right:20px;} @media (max-width: 767.98px) { .lang_img {width:90px; margin-right:0;} } .carousel_dot {position:absolute; bottom:30px; right:0;} .carousel_dot ul {float:left; width:200px; text-align:left; padding-bottom:10px; border-bottom:2px solid #fff; color:#fff; margin-left:20px; text-transform:uppercase;} .active .carousel_dot ul.on { opacity:.5;} @media (max-width: 767.98px) { .carousel_dot { display:none;} } .text_bober {text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; /* 글자에 흰색 테두리 */} .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block; transition: -webkit-transform 0 none !important; transition: transform 0 none !important; transition: transform 0 none !important; } /* 본문 바로가기 */ #skip_to_container a {z-index:100000; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden} #skip_to_container a:focus, #skip_to_container a:active {width:100%; height:75px; background:#21272e; color:#fff; font-size:2em; font-weight:bold; text-align:center; text-decoration:none; line-height:3.3em} #hd_wrapper {position:relative; margin:0 auto; padding: 0; height:0; zoom:1} #hd_wrapper:after {display:block; visibility:hidden; clear:both; content:""} .trans {background-color: rgba(0,0,0,0.8)} .gap {padding-top: 15px; } .copy p {font-size: .95rem; } /* 팝업레이어 */ #hd_pop {z-index:1000; position:relative; margin:0 auto; height:0} #hd_pop h2 {position:absolute; font-size:0; line-height:0; overflow:hidden} .hd_pops {position:absolute; border:1px solid #e9e9e9; background:#fff; top:120px !important; left:50% !important; transform:translateX(-50%); } .hd_pops img{width:100%} .hd_pops_con { width:auto !important; height: auto !important; } .hd_pops_footer {padding: 0; background:#000; color:#fff; text-align:left; position:relative; } .hd_pops_footer:after {display:block; visibility:hidden; clear:both; content:""} .hd_pops_footer button {padding: 10px; border:0; color:#fff} .hd_pops_footer .hd_pops_reject{background:#000; text-align:left} .hd_pops_footer .hd_pops_close{background:#393939; position:absolute; top:0; right:0} @media (max-width: 767.98px) { .hd_pops { width:90% !important; } .hd_pops_footer button { font-size:12px; } } /* Main */ .container {max-width: 1304px; padding-left:40px; padding-right:40px; } @media (max-width: 767.98px) { .container { padding:0 0 0 30px !important; } } @media (max-width: 640px) { .container { padding:0 15px !important; } } /* CIRCLE IMAGE CONTENT -------------------------------------------------- */ /* Center align the text within the three columns with circle image */ .box_circle .col-lg-4 {margin-bottom: 1.5rem; text-align: center; } .box_circle h2 {font-weight: 400; } .box_circle .col-lg-4 p {margin-right: .75rem; margin-left: .75rem; } /* 공통 */ .section-header h3::before {content: ''; position: absolute; display: block; width: 120px; height: 1px; background: #ddd; bottom: 1px; left: calc(50% - 60px); } .section-header h3::after {content: ''; position: absolute; display: block; width: 40px; height: 3px; background: #ef6600; bottom: 0; left: calc(50% - 20px); } .section-header h3 {font-size: 1.3rem; color: #111; text-transform: uppercase; text-align: center; font-weight: 700; position: relative; padding-bottom: 15px; } .section-header h4::before {content: ''; position: absolute; display: block; width: 120px; height: 1px; background: #ddd; bottom: 1px; left: calc(50% - 60px); } .section-header h4::after {content: ''; position: absolute; display: block; width: 40px; height: 3px; background: #ef6600; bottom: 0; left: calc(50% - 20px); } .section-header h4 {font-size: 1.1rem; color: #111; text-transform: uppercase; text-align: center; font-weight: 700; position: relative; padding-bottom: 15px; } .btn {font-size: 16px; height:40px; line-height:38px; padding:0 15px !important; font-weight:600; background-color:#000; color:#fff; } .btn i { font-size:18px; vertical-align: -2px; } .btn.small { font-size:13px; height:24px; line-height:22px; padding:0 6px; } .btn.small i { font-size:14px; vertical-align: -1px; } @media (max-width: 767.98px) { .btn {font-size: 14px !important; height:32px; line-height:32px; padding:0 10px !important; } .btn i { font-size:16px; vertical-align: -1px; } .btn.small { font-size:12px; height:20px; line-height:18px; } .btn.small i {} } #bo_list a.btn_b01 { background-color:#000; color:#fff;} .btn_w {font-size: 18px !important; width:120px; height:50px; line-height:40px; margin:0px 10px; border:none !important; } .btn_w_02 {font-size: 18px !important; line-height:50px; padding:0px 45px !important; margin:0px 10px; display:inline-block; } .input-group-text {padding: .25rem .5rem !important; font-size: 0.8rem !important; } .btn_autosave{position:absolute; right:1px; font-size:0.8rem; line-height:1rem; margin-top: .5rem; } .empha {font-weight:600} .opt .form-check-inline {display: inline-block; } .td_num strong { color:#00c6ff; } /* Tab Latest */ .tab_latest .nav-item a.active { background-color: rgba(0,0,0,.03); } /* .owl-dots { padding-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,.125); } */ .latest-post p { border-bottom: 1px solid rgba(0,0,0,.125); } .latest-post .dir { text-align: right; } /* Start of parallax */ /* Main Top Parallax Element Style*/ .paral-main-top { background-attachment: fixed; background-size: cover; background-position: 50% 50%; } /* Paragraph for Parallax Main Top Section */ @media (min-width: 767.98px) { .paral-main-top p { font-size: 2rem; color:#f5f5f5; text-align: center; line-height: 2.2rem; padding-bottom: 1.6rem; text-shadow: 0 0 1px rgba(0,0,0,1); } } @media (max-width: 767.98px) { .paral-main-top p { font-size: 1.3rem; color:#f5f5f5; text-align: center; line-height: 1.3rem; padding-bottom: 1rem; text-shadow: 0 0 1px rgba(0,0,0,1); } } /* Heading for Parallax Main Top Section */ @media (min-width: 767.98px) { .paral-main-top h1 { color: rgba(255, 255, 255, 0.8); font-size: 3.8rem; text-align: center; padding-top: 15rem; line-height: 4.2rem; text-shadow: 0 0 1px rgba(0,0,0,0.8); } } @media (max-width: 767.98px) { .paral-main-top h1 { color: rgba(255, 255, 255, 0.8); font-size: 2.2rem; text-align: center; padding-top: 15rem; line-height: 2rem; text-shadow: 0 0 1px rgba(0,0,0,0.8); } } .paral-main-top .lead {margin: 1rem; } /* Main Parallax Element Style*/ .paral-main { background-attachment: fixed; background-size: cover; background-position: 50% 50%; } /* Paragraph for Parallax Main Section */ .paral-main p { font-size: 1.6rem; color:#f5f5f5; text-align: center; line-height: 1.4rem; padding-bottom: 1.6rem; text-shadow: 0 0 1px rgba(0,0,0,1); } /* Heading for Parallax Main Section */ .paral-main h1 { color: rgba(255, 255, 255, 0.8); font-size: 2.8rem; text-align: center; padding-top: 8rem; line-height: 3rem; text-shadow: 0 0 1px rgba(0,0,0,0.8); } .paral-sub .lead {margin: -2rem; } /* Sub Parallax Element Style*/ .paral-sub { background-attachment: fixed; background-size: cover; background-position: 50% 50%; } /* Paragraph for Parallax Sub Section */ .paral-sub p { font-size: 1.3rem; color:#f5f5f5; text-align: center; line-height: 3.2rem; text-shadow: 0 0 1px rgba(0,0,0,0.8); } /* Heading for Parallax Sub Section */ .paral-sub h1 { color: rgba(255, 255, 255, 0.8); font-size: 2rem; text-align: center; padding-top: 70px; line-height: 2.6rem; text-shadow: 0 0 1px rgba(0,0,0,0.8); } .paral-sub .lead {margin: -1.2rem; } /* Sub Parallax Element Style*/ .paral-sub { background-attachment: fixed; background-size: cover; background-position: 50% 50%; } /* Paragraph for Parallax Modern-2 Section */ /* .paral-modern-2 p { font-size: 1.1rem; color:#f5f5f5; text-align: center; line-height: 3.2rem; text-shadow: 0 0 1px rgba(0,0,0,0.8); } */ /* Heading for Parallax Sub Section */ /* .paral-modern-2 h1 { color: rgba(255, 255, 255, 0.8); font-size: 2rem; text-align: center; padding-top: 90px; line-height: 2.2rem; text-shadow: 0 0 1px rgba(0,0,0,0.8); } .paral-modern-2 .lead {margin: -1.2rem; } */ /* Modern-2 Parallax Element Style*/ .paral-modern-2 { background-attachment: fixed; background-size: cover; background-position: 50% 50%; } /* Layer Set for Parallax Section */ @media (min-width: 798px) { .parallax-window-main-top { min-height: 600px; background: transparent; } } @media (max-width: 767.98px) { .parallax-window-main-top { max-height: 400px; background: transparent; } } .parallax-window-main { min-height: 400px; background: transparent; } .parallax-window-sub { min-height: 200px; background: transparent; } .parallax-modern-2 { min-height: 150px; background: transparent; margin-top: 50px; margin-bottom: 50px; } /* End of Parallax */ /* New Footer */ #footer h4 { margin-bottom: 20px; font-size: 12px; color: #e6e6e6; text-transform: uppercase; letter-spacing: 3px; font-weight: 700; } #footer h4 span { border-bottom: 1px solid #5778ff; ; padding-bottom: 5px; } #footer .social-icons li { list-style: none; display: inline-block; padding-right: 10px; } #footer .social-icons li a { font-size: 1.2rem; color:#5778ff; } #footer .footer-links { padding: 0; margin: 0; } #footer .footer-links li { list-style: none; padding: 0; margin: 0 0 10px 0; color: rgba(255,255,255,.6); display: block; } #footer ul li a, #footer .pic a, #footer .desc h2 a { text-decoration: none; color: rgba(255,255,255,.6); font-size: .9rem; } #footer .footer-links li a:hover{ text-decoration: none; } #footer .pic { position: relative; padding-left: 80px; margin-bottom: 40px; } #footer .pic .small-img { position: absolute; top: 0; left: 0; display: block; width: 70px; height: 60px; float: left; } .small-img { background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; } #footer .desc h2 { font-size: 14px; margin-bottom: 5px; } /* End of New Footer */ /* Board */ .page {margin:10px 0 30px; } .tbl_head01 thead th a:hover {color: #333; } .tbl_head01 thead th a {color: #666; } #calendar tr td {white-space:normal; padding: .75rem .3rem; } #bo_list { min-height:400px; } @media (max-width: 768px) { #bo_list { min-height:200px; } #calendar tr td {white-space:nowrap; } } /* Sub Menu */ #mysubmenu {margin:15px 0} #mysubmenu ul {list-style:none; margin:0; padding:0; } #mysubmenu li { margin: 0; list-style: none; } #mysubmenu .leftmenu_b {line-height:30px; margin-bottom:0px; background-color:rgba(0,0,0,.03); text-align:center; font-size:1rem; font-weight:bold; border:1px solid rgba(0,0,0,.125)} #mysubmenu .leftmenu_s {line-height:30px; margin-bottom:0px; background-color:#ffffff; border-right:0.5px solid rgba(0,0,0,.125); border-left:0.5px solid rgba(0,0,0,.125); border-bottom:0.5px solid rgba(0,0,0,.125); } #mysubmenu a {text-decoration:none; display:block; } #mysubmenu a:hover {color:blue; } #index_menu {margin:0; } #index_menu ul {list-style:none; margin:0; padding:0; border:1px solid rgba(0,0,0,.125); } #index_menu .menu_item {line-height:30px; margin-bottom:0px; border-bottom:1px solid rgba(0,0,0,.125); ; text-align:center; font-size:15px; font-weight:bold; } #index_menu .menu_item:last-child {border-bottom:none; } .banner {margin:10px; padding: 0 14px} .banner-text {font-size: 0.85rem; padding: 10px; border: 1px solid rgba(0,0,0,.125)} #fregister_private th {background-color: #f4f4f4; text-align: center; } /* 기본테이블 */ .tbl_wrap table {width:100%; border-collapse:collapse; border-spacing: 0 5px; border:1px solid #ccc; border-left:none; border-right:none; } .tbl_wrap caption {padding:10px 0; font-weight:bold; text-align:left} .tbl_head01 {margin:0 0 10px} .tbl_head01 caption {padding:0; font-size:0; line-height:0; overflow:hidden} .tbl_head01 thead th {padding:10px 0; font-weight:normal; text-align:center; border-bottom:1px solid #ddd; background:#fafafa; height:50px; font-weight:600; } .tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0; border-top:1px solid #c1d1d5; border-bottom:1px solid #c1d1d5; background:#d7e0e2; text-align:center} .tbl_head01 tbody th {padding:8px 0; border-bottom:1px solid #e8e8e8} .tbl_head01 td {color:#666; background:#fff; padding:15px 10px; border-top:1px solid #ecf0f1; line-height:1.4em; height:1.5rem; word-break:break-all; } .tbl_head01 tbody tr:hover td{background:#fafafa; } .tbl_head01 a:hover {text-decoration:none} .tbl_head02 {margin:0 0 10px} .tbl_head02 caption {padding:0; font-size:0; line-height:0; overflow:hidden} .tbl_head02 thead th {padding:5px 0; border-top:1px solid #d1dee2; border-bottom:1px solid #d1dee2; background:#e5ecef; color:#383838; font-size:0.95em; text-align:center; letter-spacing:-0.1em} .tbl_head02 thead a {color:#383838} .tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0; border-top:1px solid #c1d1d5; border-bottom:1px solid #c1d1d5; background:#d7e0e2; text-align:center} .tbl_head02 tbody th {padding:5px 0; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background:#fff} .tbl_head02 td {padding:5px 3px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background:#fff; line-height:1.4em; word-break:break-all; } .tbl_head02 a {} /* 폼 테이블 */ .tbl_frm01 {margin:0 0 20px} .tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0} .tbl_frm01 th {width:85px;padding:15px 13px;border:1px solid #ddd;border-left:0;background:#f6f6f6;text-align:left} .tbl_frm01 td {padding:7px 10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:transparent} .tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:32px; height:32px;} .tbl_frm01 textarea {padding:2px 2px 3px} .frm_input {height:32px} .tbl_frm01 textarea {width:80%;height:300px} .tbl_frm01 a {text-decoration:none} .tbl_frm01 .frm_file {display:block;margin-bottom:5px} .tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em} .tbl_frm01 select { width:100%; border: 1px solid #e4eaec; background: #f7f7f7; color: #000; vertical-align: middle; height: 32px;} /* 테이블 항목별 정의 */ .td_board {width:80px; text-align:center} .td_category {width:80px; text-align:center} .td_chk {width:30px; text-align:center} .td_date {width:100px !important; text-align:center} .td_datetime {width:150px !important; text-align:center} .td_group {width:80px; text-align:center} .td_mb_id {width:100px; text-align:center} .td_mng {width:80px; text-align:center} .td_name {width:160px !important; text-align:left} .td_nick {width:100px; text-align:center} .td_num {width:80px !important; text-align:center} .td_numbig {width:80px; text-align:center} .td_stat {width:60px; text-align:center} .td_subject {} .txt_active {color:#5d910b} .txt_done {color:#ff6347} .txt_expired {color:#ccc} .txt_rdy {color:#2e8b57} .th-cen th {text-align:center} .th-cen .cen {text-align:center} #bo_cate {margin:15px 0 10px} #bo_cate h2 {position:absolute; font-size:0; line-height:0; overflow:hidden} #bo_cate ul {; zoom:1} #bo_cate ul:after {display:block; visibility:hidden; clear:both; content:""} #bo_cate li {display:inline-block; margin-right:6px; } #bo_cate li:last-child {margin-right:0px; } #bo_cate a {display:block; border:1px solid #ddd; background:#fff; margin:0 0 5px 0; line-height:30px; padding:0 10px; border-radius:3px; color:#5a5a5a !important; font-size:16px; } #bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none; background:#f3f3f3} #bo_cate #bo_cate_on {z-index:2; border:1px solid #aaa; color:#253dbe; font-weight:bold; color:#fff !important; background: #aaa !important; } a.btn_admin,.btn_admin {display:inline-block; background:#000; color:#fff; text-decoration:none; vertical-align:middle} /* 관리자 전용 버튼 */ .btn_admin:hover, a.btn_admin:hover {background:#000; color:#fff} #bo_sch form {display: flex; align-items: center; justify-content: center; margin-bottom:40px;} @media (max-width: 767.98px) { #bo_cate a { font-size:14px; } #bo_sch form { margin-bottom:20px;} } .btn_bo_user {float:right; margin:0; padding:0; list-style:none} .btn_bo_user li {float:left; margin-left:5px} .btn_bo_adm {float:left} .btn_bo_adm li {float:left; margin-right:5px} .btn_bo_adm input {padding:8px; border:0; background:#e8180c; color:#fff; text-decoration:none; vertical-align:middle} /* 사이드뷰 */ .sv_wrap {position:relative; font-weight:normal} .sv_wrap .sv {z-index:1000; display:none; margin:5px 0 0; font-size:0.92em; background:#333; -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); } .sv_wrap .sv:before{content: ""; position: absolute; top: -6px; left: 15px; width: 0; height: 0; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #333 transparent; } .sv_wrap .sv a {display:inline-block; margin:0; padding:0 10px; line-height:30px; width:100px; font-weight:normal; color:#bbb } .sv_wrap .sv a:hover{background:#000; color:#fff} .sv_member{color:#333} .sv_on {display:block !important; position:absolute; top:23px; left:0px; width:auto; height:auto} .sv_nojs .sv {display:block} /* 페이징 */ .pg_wrap {clear:both; margin:30px 0 ; text-align:center} .pg_wrap:after {display:block; visibility:hidden; clear:both; content:""} .pg {} .pg_page, .pg_current {display:inline-block; vertical-align:middle; background:#f3f3f3; border:1px solid #bbbcc3} .pg a:focus, .pg a:hover {text-decoration:none} .pg_page {color:#555; font-size:1.083em; height:30px; line-height:28px; padding:0 5px; min-width:30px; text-decoration:none; border-radius:3px; } .pg_page:hover{background-color:#ddd} .pg_start {text-indent:-999px; overflow:hidden; background:url('../img/btn_first.gif') no-repeat 50% 50% #fff; padding:0; border:1px solid #bbb; } .pg_prev {text-indent:-999px; overflow:hidden; background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff; padding:0; border:1px solid #bbb} .pg_end {text-indent:-999px; overflow:hidden; background:url('../img/btn_end.gif') no-repeat 50% 50% #fff; padding:0; border:1px solid #bbb} .pg_next {text-indent:-999px; overflow:hidden; background:url('../img/btn_next.gif') no-repeat 50% 50% #fff; padding:0; border:1px solid #bbb} .pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#fafafa} .pg_current {display:inline-block; background:#4c4f6f; color:#fff; font-weight:bold; height:30px; line-height:30px; padding:0 10px; min-width:30px; border-radius:3px; /*-webkit-box-shadow: inset 1px 1px 2px #222542; -moz-box-shadow: inset 1px 1px 2px #222542; box-shadow: inset 1px 1px 2px #222542; */} /* 회원 가입 */ .btn_box {text-align:center; padding-top:20px; } /* 캡챠 자동등록(입력)방지 기본 -pc */ .is_captcha_use {padding-top: 20px; text-align:center; list-style-type:none} #captcha {display:inline-block; position:relative} #captcha legend {position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden; } #captcha #captcha_img {height:40px; border:1px solid #898989; vertical-align:top; padding:0; margin:0} #captcha #captcha_mp3 {margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha2.png') no-repeat; text-indent:-999px; border-radius:3px} #captcha #captcha_reload {margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha2.png') no-repeat 0 -40px; text-indent:-999px; border-radius:3px} #captcha #captcha_key {margin:0 0 0 3px; padding:0 5px; width:90px; height:40px; border:1px solid #ccc; background:#fff; font-size:1.333em; font-weight:bold; text-align:center; border-radius:3px; vertical-align:top} #captcha #captcha_info {display:block; margin:5px 0 0; font-size:0.95em; letter-spacing:-0.1em} /*기본 리스트*/ .list_01 li{border:1px solid #dbdbdb; background:#fff; border-radius:3px; margin:3px 0; padding:10px 15px; list-style:none; position:relative; } .list_01 li:after {display:block; visibility:hidden; clear:both; content:""} .list_01 li:hover{background:#f9f9f9} .list_01 li.empty_li, .empty_table {text-align:center; padding:20px 0; color:#666} /* 새창 기본 스타일 */ .new_win {position:relative; } .new_win .tbl_wrap {margin:0 20px} .new_win #win_title {font-size:1.25em; height:50px; line-height:30px; padding:10px 20px; background:#333; color:#fff; } .new_win #win_title .sv {font-size:0.75em; line-height:1.2em} .new_win .win_ul {border-right:1px solid #dfe6e7; } .new_win .win_ul:after {display:block; visibility:hidden; clear:both; content:""} .new_win .win_ul li{float:left; background:#fff; width:33.333%; text-align:center; border:1px solid #ccc; margin-left:-1px} .new_win .win_ul li a{display:block; padding:10px 0} .new_win .win_ul .selected{background:#fff; border-color:#253dbe; position:relative; z-index:5} .new_win .win_ul .selected a{color:#253dbe; font-weight:bold} .new_win .win_desc {margin:5px 0; font-size:0.92em; color:#3598db; } .new_win .frm_info{font-size:0.92em; color:#3598db} .new_win .win_total{text-align:right; margin:10px 0} .new_win .win_total span{display:inline-block; line-height:30px; font-size:0.92em; color:#4e546f; background:#d4d4d4; padding:0 10px; border-radius:5px; } .new_win .new_win_con{margin:20px 0; } .new_win .new_win_con:after {display:block; visibility:hidden; clear:both; content:""} .new_win .btn_confirm:after {display:block; visibility:hidden; clear:both; content:""} .new_win .win_btn{text-align:right} .new_win .btn_close {position:absolute; top:0; right:0; height:50px; width:50px; background:url(../../../img/close_btn.gif) no-repeat 50% 50%; border:0; text-indent:-999px; overflow:hidden; cursor:pointer} .new_win .btn_submit {padding:0 20px; height:40px; font-weight:bold; font-size:1.083em; float:right} /* 상단 바로가기 아이콘 */ /* #return-to-top {position: fixed; bottom: 60px; right: 15px; background: rgb(0, 0, 0); background: #999; width: 50px; height: 50px; display: block; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #return-to-top i {color: #fff; margin: 0; position: relative; left: 16px; top: 13px; font-size: 19px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } */ #sns_menu, #quick_menu { position:fixed; right: 15px; display: block; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index:9; width:80px; } #sns_menu { bottom:100px;} #quick_menu {bottom: 40px; } #sns_menu ul, #quick_menu ul { width:50px; margin:0 auto 10px; } #sns_menu ul.point_sns, #quick_menu ul.point_sns { width:50px; margin-top:30px; } #sns_menu ul img, #quick_menu ul img { width:100%; border-radius:50%; } @media (max-width: 767.98px) { #sns_menu, #quick_menu {width:60px; } #sns_menu {bottom: 70px;} #quick_menu {bottom: 20px;} #sns_menu ul, #quick_menu ul { width:40px; } #sns_menu ul.point_sns, #quick_menu ul.point_sns { width:60px; } /* #return-to-top:hover {background: #666; } #return-to-top:hover i {color: #fff; top: 5px; } @media (max-width: 640px) { #return-to-top { bottom:10px; /*background: rgba(255, 255, 255, .5) !important ; } #return-to-top img { width:50px; } } */ } /* 접속자수 */ .connect {border-top: 1px solid rgba(0,0,0,0.3); padding:5px 0; } .connect:last-child {border-bottom: 1px solid rgba(0,0,0,0.3)} .connect .crt_name img {width: 20px; border-radius: 50%; margin-right: 5px; } .connect .ri {text-align:right} .connect a {color:#5a5a5a; } .connect a:hover {text-decoration: none} .password-container {max-width:450px !important; } .memo_box {border-top:1px solid rgba(0,0,0,0.275); border-bottom:1px solid rgba(0,0,0,0.275); margin: 10px 0 5px; } .memo_line {padding:3px 0} .qa_link a, .mono a {color:#5a5a5a} .qa_link a:hover, .mono a:hover {text-decoration:none; color:#333} #ans_datetime {margin-top:10px; } .p_lb {padding:0 10px 10px 0} /* 로고 텍스트 컬러버전 */ .logo_text { font-weight:800; text-emphasis-style: dot; text-emphasis-position: over left; -webkit-text-emphasis-style: dot; -webkit-text-emphasis-position: over; } .logo_text_01 { color:#1dcec8; } .logo_text_02 { color:#1dcec8; } .logo_text_03 { color:#ffd834; } .logo_text_w { font-weight:800; text-emphasis-style: dot; text-emphasis-position: over left; -webkit-text-emphasis-style: dot; -webkit-text-emphasis-position: over; } .logo_text_w_01 { color:#fff; } .logo_text_w_02 { color:#fff; } .logo_text_w_03 { color:#ffd834; } /* 서브페이지 타이틀 */ .sub_top_customs, .sub_top {width:100%; background-image:url(../../../img/common/sub_top_bg.jpg); background-position:center; background-repeat:repeat-x; background-size: cover; padding:150px 0px 50px; text-align:center; color:#FFF; font-weight:800; position:relative; } .sub_top_customs::after, .sub_top::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.2); } .sub_top_customs p.sub_title, .sub_top p.sub_title {position:relative; display:inline-block; /*text-shadow:3px 3px 3px rgba(0,0,0,.2); */ width:100%; max-width:1304px; padding:0px 40px 0px; margin:0 auto; text-align:left; font-size: 54px; 1280 font-weight:600; z-index:1; font-family: 'LotteMartDream'; } /* .sub_top_customs p.sub_title:after, .sub_top p.sub_title:after { content:''; width:14px; height:14px; background-color:#d2a548; border-radius:100%; position:absolute; top:12px; right:-20px; box-shadow:3px 3px 3px rgba(0,0,0,.2); } */ .sub_top_customs p, .sub_top p { margin:0; } .sub_top_customs p.sub_text, .sub_top p.sub_text {margin-top:15px; padding:0px 20px; font-size:18px; font-weight:400 !important; color:#fff; /*text-shadow:3px 3px 3px rgba(0,0,0,.2); */ text-transform:lowercase; width:100%; max-width:1304px; padding:0px 40px; margin:0 auto; text-align:left; z-index:2; position:relative; text-align:left; } .sub_top p.sub_text .inblock { display:block;} .page_title { text-align:center; font-size:46px; font-weight:600; /*margin-bottom:50px !important;*/ font-family: 'LotteMartDream'; display:none; } .page_title .page_title_text_01 { font-size:48px; font-weight:800;} .page_title .page_title_text_02 { font-size:26px; font-weight:500;} .page_title .page_title_text_03 { font-size:20px; font-weight:800; color:#00c6ff; margin-bottom:10px;} .page_title.flex { display:flex;} .page_title.flex .page_title_item { width:50%;} .page_title.flex .page_title_item img { height:30px; display:block; margin-bottom:10px;} .page_title.pro { padding-top: 60px; margin-bottom:40px !important;} .page_title.pro .page_title_text_01 { font-size:36px; font-weight:800;} .page_title.pro .page_title_text_02 { font-size:20px; font-weight:500; margin-top:10px;} .page_title.pro .page_title_text_02 .dot { position:relative; padding-left:14px; margin-bottom:10px;} .page_title.pro .page_title_text_02 .dot:before { content:''; position:absolute; left:0; top:12px; width:4px; height:4px; border-radius:1px; background-color:#666;} .page_title.pro .page_title_text_02 .dot::last-child { margin-bottom:0;} .page_title.pro .page_title_text_02 .page_title_text_02_s { font-size:18px; font-weight:400;} .page_title .block { display:block;} @media (max-width: 767.98px) { .sub_top { margin-top:50px; padding:30px 0px 30px !important; font-size:24px; } .sub_top_customs {padding:80px 0px 110px !important; font-size:24px; } .sub_top_customs p, .sub_top p {margin-top:0px; } .sub_top_customs p.sub_text, .sub_top p.sub_text {margin:0px 0 0 0; padding:0px 15px; font-size:12px; } .sub_top_customs p.sub_title, .sub_top p.sub_title {position:relative; display:inline-block; text-shadow:3px 3px 3px rgba(0,0,0,.2); padding: 0 15px 0px; font-size:26px; } .sub_top p.sub_text .inblock { display:inline;} /* .sub_top_customs p.sub_title:after, .sub_top p.sub_title:after { content:''; width:10px; height:10px; position:absolute; top:6px; right:-16px; box-shadow:3px 3px 3px rgba(0,0,0,.2); } */ .page_title { font-size:24px; /*margin-bottom:30px !important;*/ } .page_title.flex { display:block;} .page_title.flex .page_title_item { width:100%;} .page_title.flex .page_title_item img { height:20px;} .page_title.pro { padding-top:30px; margin-bottom:10px !important;} .page_title.pro .page_title_text_01 { font-size:20px;} .page_title.pro .page_title_text_02 { font-size:16px;} .page_title.pro .page_title_text_02 .page_title_text_02_s { font-size:14px;} .page_title .page_title_text_01 { font-size:24px;} .page_title .page_title_text_02 { font-size:16px;} .page_title .page_title_text_03 { font-size:14px;} .page_title.flex .page_title_text_02 { margin-top:4px;} .page_title .block { display:inline-block;} } /* 서브탭 */ .sub_tap_customs, .sub_tap {width:100%; max-width:1304px; padding-left:40px; padding-right:40px; background-color:#fff; text-align:center; position:relative; margin: 0px auto 80px; position:relative; display:flex; position: sticky; top: 100px;} /* .sub_tap:after { content:''; width:100%; height:1px; background-color:#d3e6ff; position:absolute; bottom:0; left:0; z-index:0; } */ .sub_tap a { width:100%; border:1px solid #ddd; border-left:none; border-radius:2px; margin-top:40px;} .sub_tap a:nth-child(1) { border-left:1px solid #ddd;} .sub_tap_customs ul.sub_menu, .sub_tap ul.sub_menu { width:100%; color:rgba(0,0,0,.7); font-size:18px; line-height:60px; text-decoration:none; margin-bottom:0 !important; position:relative; z-index:2; } .sub_tap_customs ul.sub_menu p, .sub_tap ul.sub_menu p { display:inline} .sub_tap_customs a:last-child ul.sub_menu, .sub_tap a:last-child ul.sub_menu { background-image:none; } .sub_tap_customs ul.sub_menu:hover, .sub_tap ul.sub_menu:hover { font-weight:600; background-color:#0092a3; color:#fff; } /*.sub_tap a::after { content:'|'; color:rgba(255,255,255,.3); padding:0; } .sub_tap a:last-child::after { content:''; color:rgba(255,255,255,.3); }*/ @media (max-width: 767.98px) { .sub_tap {width:100%; font-size:13px; text-align:center; margin-top:0px !important; margin-bottom:30px !important; padding-left:0; padding-right:0; } .sub_tap_customs {width:100%; font-size:13px; text-align:center; margin-top:-80px !important; margin-bottom:20px !important; } .sub_tap_customs ul.sub_menu, .sub_tap ul.sub_menu { font-size:13px; line-height:1.4 !important; text-decoration:none; display:inline-block; margin-bottom:0 !important; padding:10px; } /*.sub_tap a.sub_menu { color:#000; text-decoration:none; } .sub_tap span {color:#d7b62d; padding:0px 10px; }*/ .sub_tap_customs ul.sub_menu .inblock, .sub_tap ul.sub_menu .inblock { display:none;} .sub_tap a { margin-top:0;} .sub_tap a:nth-child(1) { border-left:none;} .sub_tap a:last-child { border-right:none;} .sub_tap_customs ul.sub_menu p, .sub_tap ul.sub_menu p {display:none; } .sub_tap_customs ul.sub_menu span, .sub_tap ul.sub_menu span { display:none; } .sub_tap_customs ul.sub_menu:hover, .sub_tap ul.sub_menu:hover { } } /*** 서브페이지 공통 레이아웃 ***/ .page_common_100 {} .page_common_100 .page_common_wrap {} .page_common_100 .page_common_wrap .page_common_bg { width:100%; float:left; position:relative; background-size:cover; background-position:center;} .page_common_100 .page_common_wrap .page_common_bg .page_common_con {width:100%; max-width:1304px; min-height:400px; margin:auto; padding:80px; position:relative;} /* 서브페이지 공통 레이아웃 > CEO메시지 */ .page_common_100 .page_common_wrap .page_common_bg .page_common_con.ceo { font-size:36px; color:#fff; font-weight:600; text-align:left;} .page_common_100 .page_common_wrap .page_common_bg .page_common_con.ceo img { position:absolute; bottom:0; right:5%; width:35%; max-width: 320px;} @media (max-width: 767.98px) { .page_common_100 .page_common_wrap .page_common_bg {} .page_common_100 .page_common_wrap .page_common_bg .page_common_con { padding:20px; position:relative; min-height:100px;} /* 서브페이지 공통 레이아웃 > CEO메시지 */ .page_common_100 .page_common_wrap .page_common_bg .page_common_con.ceo { font-size:16px;} .page_common_100 .page_common_wrap .page_common_bg .page_common_con.ceo p { width:60%;} .page_common_100 .page_common_wrap .page_common_bg .page_common_con.ceo img { right:20px; width:40%; max-width:120px;} } /* 서브페이지 공통 레이아웃 > 회사개요 */ .page_common_100 .page_common_wrap .page_common_bg.outline {} .page_common_100 .page_common_wrap .page_common_bg.outline:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.2);} .page_common_100 .page_common_wrap .page_common_bg .page_common_con.outline { display: flex; flex-wrap: wrap; justify-content: space-around;} @media (max-width: 767.98px) { .page_common_100 .page_common_wrap .page_common_bg .page_common_con.outline {justify-content: space-between;} } /* 서브페이지 공통 레이아웃 > 연혁 */ .page_common_100 .page_common_wrap .page_common_bg.history { min-height:400px} @media (max-width: 767.98px) { .page_common_100 .page_common_wrap .page_common_bg.history { min-height:150px} } .page_common_100 .page_common_wrap .page_common_bg .page_common_con.esg_strategy { text-align:center;} .page_common_100 .page_common_wrap .page_common_bg .page_common_con.esg_strategy img { max-width:532px; width:100%;} .navi_01 { display:flex; flex-wrap: wrap; justify-content: flex-start; margin-top:-30px !important; margin-bottom:30px !important;} .navi_01 .navi_item {color:#000; border:1px solid #ddd; margin-left:-1px; text-align:center; font-size:16px; font-weight:400; } .navi_01 .navi_item a { display:block; color:#000; padding: 14px 0px;} .navi_01 .navi_item:hover { background-color:#003477; border-color:#003477; color:#fff;} .navi_01 .navi_item:hover a {color:#fff; } @media (max-width: 767.98px) { .navi_01 { display:flex; justify-content: space-between; margin-top:-10px !important; margin-bottom:30px !important;} .navi_01 .navi_item {font-size:12px; border-width:1px;} .navi_01 .navi_item a {padding:8px 0px; } } .navi_01 .navi_item { width:calc(100% / 4);} .navi_01 .navi_item:nth-child(5), .navi_01 .navi_item:nth-child(6), .navi_01 .navi_item:nth-child(7), .navi_01 .navi_item:nth-child(8), .navi_01 .navi_item:nth-child(9) { margin-top:-1px;} .navi_01.item2 .navi_item { width:calc(100% / 2);} .navi_01.item2 .navi_item:nth-child(3), .navi_01.item2 .navi_item:nth-child(4) { margin-top:-1px;} .navi_01.item3 .navi_item { width:calc(100% / 3);} .navi_01.item3 .navi_item:nth-child(4), .navi_01.item3 .navi_item:nth-child(5), .navi_01.item3 .navi_item:nth-child(6), .navi_01.item3 .navi_item:nth-child(7), .navi_01.item3 .navi_item:nth-child(8), .navi_01.item3 .navi_item:nth-child(9) { margin-top:-1px;} /* .tap_2 {width:49%; max-width:721px; } .tap_3 {width:33%; max-width:483px; } .tap_4 {width:24%; max-width:360px; } .tap_5 {width:19%; max-width:307px; } .tap_8 {width:12%; max-width:180px; } @media (max-width: 767.98px) { .tap_8 {width:24%; max-width:360px; } } */ /* 텍스트 위 점찍는 CSS */ .text_t_dot {text-emphasis-style: dot; text-emphasis-position: over left; -webkit-text-emphasis-style: dot; -webkit-text-emphasis-position: over; } /* 포인트컬러 */ .hired { color:#f15c22; } .hiblue { color:#3ec7f3; } .higreen { color:#108d44; } .hiyellow { color:#ffc90a; } /* CEO인사말 */ .ceo_01_100 {margin-top:80px;} .ceo_01 { margin-top:80px;} .ceo_01 .ceo_01_img {width:300px; float:left; text-align:left;} .ceo_01 .ceo_01_img img { width:80%; max-width:166px;} .ceo_01 .ceo_01_con {width:calc(100% - 300px); float:left; display:flex; flex-wrap: wrap; justify-content: space-between; text-align:left;} .ceo_01 .ceo_01_con .ceo_01_text {width:calc(50% - 30px); font-size:18px; margin-bottom:40px; line-height:1.6;} .ceo_01 .ceo_01_con .ceo_01_text h4 { font-size:22px; font-weight:800; margin-bottom:12px;} .ceo_01 .ceo_01_con .outline_02_text { width:100%; text-align:right; font-size:20px; margin-bottom:80px;} .ceo_01 .ceo_01_con .outline_02_text img { height:80px;} @media (max-width: 767.98px) { .ceo_01_100 {margin-top:40px;} .ceo_01 { margin-top:40px;} .ceo_01 .ceo_01_img { display:none;} .ceo_01 .ceo_01_img img { width:70%;} .ceo_01 .ceo_01_con {width:calc(100% - 0%); float:left; display:block; text-align:left;} .ceo_01 .ceo_01_con .ceo_01_text {width:100%; font-size:16px; margin-bottom:30px; } .ceo_01 .ceo_01_con .ceo_01_text h4 { font-size:18px; margin-bottom:15px;} .ceo_01 .ceo_01_con .outline_02_text { font-size:16px; margin-bottom:40px;} .ceo_01 .ceo_01_con .outline_02_text img { height:30px; margin-left:6px;} .ceo_01 .ceo_01_con .outline_02_text span {} } /* 회사개요 */ .outline_item_wrap { width:calc(33% - 40px); min-height:190px; border:1px solid rgba(255,255,255,.5); background-color:rgba(255,255,255,.15); padding:25px 100px 25px 30px; position:relative; color:#fff; z-index:9;} .outline_item_wrap.wide { width:calc(66% - 40px);} .outline_item_wrap:nth-child(1), .outline_item_wrap:nth-child(2), .outline_item_wrap:nth-child(3) { margin-bottom:40px;} .outline_item_wrap .outline_item_text_01 { font-size:18px; font-weight:600; } .outline_item_wrap .outline_item_text_02 { font-size:22px; font-weight:800; margin-bottom:10px; } .outline_item_wrap .outline_item_text_02 .outline_item_text_02_li {} .outline_item_wrap .outline_item_text_02 .small { font-size:18px; font-weight:500;} .outline_item_wrap .outline_item_text_02 .small02 { font-size: 14px; font-weight: 600; margin-left: 6px; vertical-align: 5px;} .outline_item_wrap .outline_item_icon { position:absolute; right:30px; bottom:10px; width:25%; max-width:80px;} @media (max-width: 767.98px) { .outline_item_wrap { width:calc(50% - 10px); min-height:190px; padding:15px 15px 65px; } .outline_item_wrap:nth-child(1), .outline_item_wrap:nth-child(2), .outline_item_wrap:nth-child(3), .outline_item_wrap:nth-child(4) { margin-bottom:20px;} .outline_item_wrap .outline_item_text_01 { font-size:14px; font-weight:600; } .outline_item_wrap .outline_item_text_02 { font-size:20px; font-weight:800; } .outline_item_wrap .outline_item_text_02 .outline_item_text_02_li {} .outline_item_wrap .outline_item_text_02 .small { font-size:14px;} .outline_item_wrap .outline_item_text_02 .small02 { font-size: 12px; margin-left: 4px; vertical-align: 5px;} .outline_item_wrap .outline_item_icon { right:15px; width:50px;} .outline_item_wrap.wide { width:100%; min-height:0; padding-bottom:15px;} .outline_item_wrap.wide .outline_item_text_02 { font-size:16px;} .outline_item_wrap.wide .outline_item_icon { display:none;} } .outline_02_100 { padding-top:80px;} .outline_02_100.last { padding-bottom:80px;} .outline_02_100.line { margin-top:80px; border-top:1px solid #ddd;} .outline_02_100 .outline_02 {} .outline_02_100 .outline_02 .outline_02_con {width:50%; float:left;} .outline_02_100 .outline_02 .outline_02_con.title { font-size:38px; font-weight:600;} .outline_02_100 .outline_02 .outline_02_con.title .title_icon { display:inline-block; height:70px; margin-right: 10px; vertical-align: -20px;} .outline_02_100 .outline_02 .outline_02_con.text { font-size:20px; line-height:1.6;} .outline_02_100 .outline_02 .outline_02_con.text .esg {background-image:url(../../../img/esg/esg_strategy_02_bg.png); background-position:top; background-size:cover; font-size:32px; font-weight:700; color:#fff; text-align:center; padding:60px;} .outline_02_100 .outline_02 .outline_02_con.text02 { font-size:24px; line-height:1.6;} @media (max-width: 767.98px) { .outline_02_100 { padding-top:40px;} .outline_02_100.last { padding-bottom:0px;} .outline_02_100.line { margin-top:40px;} .outline_02_100 .outline_02 {} .outline_02_100 .outline_02 .outline_02_con {width:100%; margin-bottom:40px;} .outline_02_100 .outline_02 .outline_02_con.title { font-size:20px; margin-bottom:12px;} .outline_02_100 .outline_02 .outline_02_con.title .title_icon { height:22px; margin-right:6px; vertical-align: -4px;} .outline_02_100 .outline_02 .outline_02_con.text { font-size:14px; margin-bottom:0; } .outline_02_100 .outline_02 .outline_02_con.text .esg { font-size:20px; padding:20px;} .outline_02_100 .outline_02 .outline_02_con.text02 { font-size:16px; margin-bottom:0; } } .outline_02_100.history { border-bottom:1px solid #ddd; padding-bottom:80px; margin-bottom:80px;} @media (max-width: 767.98px) { .outline_02_100.history { padding-top:20px; padding-bottom:0px; margin-bottom:40px;} } .outline_02_100 .outline_02 .outline_02_con.w100 { width:100%;} .outline_02_100 .outline_02 .outline_02_con.w100.title { padding-bottom:40px;} @media (max-width: 767.98px) { .outline_02_100 .outline_02 .outline_02_con.w100 { } .outline_02_100 .outline_02 .outline_02_con.w100.title { padding-bottom:0px;} } .outline_02_100 .outline_02 .outline_02_con .table_text { text-align:right; font-size:16px; margin-bottom:10px; color:#999; } .outline_02_100 .outline_02 .outline_02_con table { width:100%; font-size:16px; text-align:center; } .outline_02_100 .outline_02 .outline_02_con table th, .outline_02_100 .outline_02 .outline_02_con table td { padding:10px; border-bottom:1px solid rgba(0,0,0,.2);} .outline_02_100 .outline_02 .outline_02_con table tr:nth-child(1) th { border-top:2px solid #000; background-color:#f5f5f5;} .outline_02_100 .outline_02 .outline_02_con table.outline th:nth-child(1), .outline_02_100 .outline_02 .outline_02_con table.outline td:nth-child(1) { border:none !important; background-color:#fff !important; color:#999;} @media (max-width: 767.98px) { .outline_02_100 .outline_02 .outline_02_con .table_text {font-size:12px;} .outline_02_100 .outline_02 .outline_02_con table { font-size:14px; } .outline_02_100 .outline_02 .outline_02_con table th, .outline_02_100 .outline_02 .outline_02_con table td { padding:5px; } } .outline_02_100 .outline_02 .outline_02_con.partner { display:flex; flex-wrap: wrap; justify-content: flex-start;} .outline_02_100 .outline_02 .outline_02_con.partner .partner_item { width:calc(25% - 30px); margin:0 15px 30px 15px; } .outline_02_100 .outline_02 .outline_02_con.partner .partner_item .partner_item_img {padding:10px; background-color:#fff; margin-bottom:10px;} .outline_02_100 .outline_02 .outline_02_con.partner .partner_item .partner_item_img img { width:100%;} .outline_02_100 .outline_02 .outline_02_con.partner .partner_item .partner_item_text { text-align:center; font-size:16px; font-weight:600;} @media (max-width: 767.98px) { .outline_02_100 .outline_02 .outline_02_con.partner .partner_item { width:calc(33% - 10px); margin:0 5px 15px 5px; } .outline_02_100 .outline_02 .outline_02_con.partner .partner_item .partner_item_img {padding:10px; background-color:#fff; margin-bottom:10px;} .outline_02_100 .outline_02 .outline_02_con.partner .partner_item .partner_item_text { font-size:14px; } } /* 회사개요 > 비전 */ .outline_02_100 .outline_02 .outline_02_con.vision { display:flex; flex-wrap: wrap; justify-content: flex-start;} .outline_02_100 .outline_02 .outline_02_con.vision .vision_item { width:calc(33% - 30px); margin:0 15px 30px 15px; text-align:center; background-color:#fff; padding:60px 0; } .outline_02_100 .outline_02 .outline_02_con.vision .vision_item .vision_item_img {padding:10px; background-color:#fff; margin-bottom:10px;} .outline_02_100 .outline_02 .outline_02_con.vision .vision_item .vision_item_img img { width:100%; max-width:110px;} .outline_02_100 .outline_02 .outline_02_con.vision .vision_item .vision_item_text { text-align:center; font-size:18px; font-weight:600; padding: 10px 0%; max-width: 200px; margin: auto;} @media (max-width: 767.98px) { .outline_02_100 .outline_02 .outline_02_con.vision .vision_item { width:100%; margin:0 0px 20px 0px; padding:10px 0; } .outline_02_100 .outline_02 .outline_02_con.vision .vision_item .vision_item_img {padding:10px; background-color:#fff; margin-bottom:0px;} .outline_02_100 .outline_02 .outline_02_con.vision .vision_item .vision_item_text { font-size:14px; } } /* ESG > 지속가능경영 > 비전과 전략 */ .outline_02_100 .outline_02 .outline_02_con.vision.esg { padding-top:80px;} .outline_02_100 .outline_02 .outline_02_con.vision.esg .vision_item { position:relative; padding-top:140px;} .outline_02_100 .outline_02 .outline_02_con.vision.esg .vision_item .vision_item_img { position:absolute; width:160px; height:160px; top:-80px; left:50%; transform:translateX(-50%); background-color:#000; border-radius:50%;} .outline_02_100 .outline_02 .outline_02_con.vision.esg .vision_item .vision_item_img img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:74px;} .outline_02_100 .outline_02 .outline_02_con.vision.esg .vision_item .vision_item_text { line-height:1.4; font-size:20px;} .outline_02_100 .outline_02 .outline_02_con.vision.esg .vision_item .vision_item_text p { margin:15px 0;} @media (max-width: 767.98px) { .outline_02_100 .outline_02 .outline_02_con.vision.esg { padding-top:40px; margin-bottom:0;} .outline_02_100 .outline_02 .outline_02_con.vision.esg .vision_item { position:relative; padding-top:50px; margin-bottom: 60px;} .outline_02_100 .outline_02 .outline_02_con.vision.esg .vision_item.last { margin-bottom:0;} .outline_02_100 .outline_02 .outline_02_con.vision.esg .vision_item .vision_item_img { position:absolute; width:80px; height:80px; top:-40px; } .outline_02_100 .outline_02 .outline_02_con.vision.esg .vision_item .vision_item_img img {width:50px;} .outline_02_100 .outline_02 .outline_02_con.vision.esg .vision_item .vision_item_text { line-height:1.4; font-size:16px;} .outline_02_100 .outline_02 .outline_02_con.vision.esg .vision_item .vision_item_text p { margin:10px 0;} } /* ESG > 지속가능경영 > 윤리경영 */ .outline_02_100 .outline_02 .outline_02_con.ethics { margin-bottom:60px;} .outline_02_100 .outline_02 .outline_02_con.ethics img {width:100%; max-width:582px;} @media (max-width: 767.98px) { .outline_02_100 .outline_02 .outline_02_con.ethics { margin-bottom:30px;} } /* ESG > 환경 > 환경운영체계 */ .system_01_100 {padding-top:50px; padding-bottom:50px; background-color:#f6f6f6;} .system_01 {} .system_01 ul.img {width:100%; float:left; text-align:center;} .system_01 ul.img img {width:80%; max-width:735px;} .system_01 ul.text {width:100%; float:left; font-size:18px; line-height:1.8; color:#454544; padding-top:40px;} .system_01 ul.text li {margin-bottom:50px;text-align:center !important; font-size:20px;} .system_01 ul.text li h2 {color:#000; font-size:48px; margin-bottom:20px; font-weight:800;} .system_01 ul.text li h2:after { content:''; display:block; width:16px; height:16px; border-radius:100%; background-color:#5bbc2e; margin: 30px auto;} .system_01 ul.text li img {margin-left:40px; display:block; margin-top:20px;} .system_01 ul.text li span { display:inline-block;} @media (max-width: 767.98px) { .system_01_100 {padding-top:30px; padding-bottom:50px;} .system_01 ul.img {width:100%; padding-right:0px; text-align:center; margin-bottom:30px;} .system_01 ul.img img {} .system_01 ul.text {width:100%; padding-left:0px; font-size:16px; padding-top:0;} .system_01 ul.text li {margin-bottom:0px; font-size:16px; line-height:1.4;} .system_01 ul.text li h2 {font-size:20px; margin-bottom:10px;} .system_01 ul.text li h2:after { width:10px; height:10px; margin: 12px auto;} .system_01 ul.text li img { width:140px; margin-left:50px; margin-top:10px;} } .system_02_100 {padding-top:120px; padding-bottom:50px; } .system_02 { text-align:left;} .system_02 ul {} .system_02 dl {width:100%; float:left; min-height:190px; padding-left:80px; margin-bottom: 40px; display: flex;} .system_02 dt, .system_02 dd { padding:40px; border:1px solid #ddd; min-height:240px; display: flex; align-items: center; } .system_02 dt {width:490px; float:left; padding:40px 0 40px 140px; position:relative; font-size:32px; font-weight:600; line-height:1.3; border-right:none;} .system_02 dt p {position:absolute; top:50%; left:-80px; transform:translateY(-50%); width:160px; height:160px; border-radius:50%; } .system_02 dt p img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:50%; } .system_02 dt span { display:block; font-size:14px; margin-bottom:10px;} .system_02 dd {width:calc(100% - 490px); padding:40px 40px 40px 0; float:left; font-size:18px; color:#454545; line-height:1.8; margin-bottom:0; border-left:0; position:relative;} .system_02 dd .system_02_text { position:relative; padding-left:24px;} .system_02 dd .green { display:inline-block; width:20px; font-weight:800; position:absolute; top:0px; left:0; } @media (max-width: 767.98px) { .system_02 dl {min-height:190px; padding:20px; margin-bottom: 20px; display:block; border:1px solid #ddd;} .system_02 dt, .system_02 dd { padding:0px; border:none; min-height:0; display:block; text-align:left; } .system_02 dt {width:100%; float:left; padding:0px; font-size:24px; display:flex; align-items: center;} .system_02 dt p {position:relative; top:auto; left:auto; transform:translateY(0); width:50px; height:50px; border-radius:50%; margin-right:10px; } .system_02 dt p img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:80%; } .system_02 dt span { } .system_02 dd {width:100%; padding:10px 0 0px 60px; float:left; font-size:16px;} .system_02 dd .system_02_text { padding-left:24px;} .system_02 dd .point { display:inline-block; width:20px; font-weight:800; top:0px;} } /* ESG > 사회 > 안전/보건 */ .esg_layout_01_100 { margin-top:50px; padding:120px 0 80px; background-color:#f5f5f5;} .esg_layout_01 { display:flex;} .esg_layout_01 .item { width:100%; margin-right:40px; text-align:left;} .esg_layout_01 .item:last-child { margin-right:0;} .esg_layout_01 .item .img { width:100%;} .esg_layout_01 .item .img img { width:100%;} .esg_layout_01 .item .title { font-weight:700; font-size:24px; color:#12ad2a ; margin:30px 0 20px;} .esg_layout_01 .item .text { padding-left:14px; font-size:16px; color:#454545; margin-bottom:15px; position:relative;} .esg_layout_01 .item .text span { font-weight:600; display:inline-block;} .esg_layout_01 .item .text i { font-size:18px; vertical-align:-2px;} .esg_layout_01 .item .text:before { content:''; position:absolute; left:0; top:10px; width:4px; height:4px; border-radius:50%; background-color:#12ad2a ;} .esg_layout_01 .item .text.type_02 { padding-left:0;} .esg_layout_01 .item .text.type_02:before { display:none;} @media (max-width: 767.98px) { .esg_layout_01_100 { margin-top:20px; padding:60px 0 40px;} .esg_layout_01 { display:block;} .esg_layout_01 .item {margin-right:0px; margin-bottom:40px; } .esg_layout_01 .item .title { font-size:20px; margin:15px 0 10px;} .esg_layout_01 .item .text { padding-left:14px; font-size:14px; margin-bottom:10px;} .esg_layout_01 .item .text i { font-size:16px; vertical-align:-1px;} .esg_layout_01 .item .text:before {top:8px;} } /* 제품소개 > E/S사업부 */ .pro_01_100 { margin-bottom:0px;} .pro_01 { display:flex; justify-content: space-between; flex-wrap: wrap; margin-bottom:80px; padding-bottom:80px;} .pro_01 .pro_01_item {width:calc(50% - 20px); margin-top:40px;} .pro_01 .pro_01_item:nth-child(1), .pro_01 .pro_01_item:nth-child(2) { margin-top:0; } .pro_01 .pro_01_item .pro_01_title { font-size:26px; font-weight:800; margin-bottom:10px; min-height:40px;} .pro_01 .pro_01_item .pro_01_photo { display:flex; justify-content: space-between; flex-wrap: wrap;} .pro_01 .pro_01_item .pro_01_photo .pro_01_photo_unit { width:calc(50% - 10px);} .pro_01 .pro_01_item .pro_01_photo .pro_01_photo_unit img { width:100%;} .pro_01 .pro_01_item .pro_01_photo .pro_01_photo_unit .pro_01_photo_name { border-bottom:1px solid #000; padding:10px; text-align:center; font-size:14px;} @media (max-width: 767.98px) { .pro_01 { margin-bottom:30px; padding-bottom:30px;} .pro_01 .pro_01_item {width:100%; margin:15px 0;} .pro_01 .pro_01_item .pro_01_title { font-size:18px; min-height:30px;} .pro_01 .pro_01_item .pro_01_photo {} .pro_01 .pro_01_item .pro_01_photo .pro_01_photo_unit .pro_01_photo_name {font-size:12px;} } .pro_table_100 { padding:80px 0;} .pro_table_wrap { padding:30px 40px 40px; background-color:#e9f3ff; color:#000; position:relative;} .pro_table_wrap .pro_table_dot { position:absolute; top:-12px; left:40px; width:24px; height:24px; background-color:#000;} .pro_table_title { font-size:28px; font-weight:800; margin-bottom:30px;} .pro_table { display:flex; justify-content: space-between;} .pro_table .pro_table_item { width:calc(50% - 10px);} .pro_table .pro_table_item dl { width:100%; float:left; display:flex; justify-content: space-between; align-items: flex-start; margin: 0; font-size:18px; font-weight:600;} .pro_table .pro_table_item dt, .pro_table .pro_table_item dd { padding:15px 0; border-top:1px solid #000; border-bottom:1px solid #000; margin:-1px 0 0; min-height:59px; } .pro_table .pro_table_item dt { width:calc(50% - 2px);} .pro_table .pro_table_item dd { width:calc(50% - 2px);} @media (max-width: 767.98px) { .pro_table_100 { padding:40px 15px;} .pro_table_100 .sub_con { padding-left:0 !important; padding-right:0 !important;} .pro_table_wrap { width:100%; float:left; padding:20px; } .pro_table_wrap .pro_table_dot { top:-10px; left:20px; width:20px; height:20px;} .pro_table_title { font-size:20px; margin-bottom:20px;} .pro_table { display:block;} .pro_table .pro_table_item { width:100%;} .pro_table .pro_table_item dl { font-size:14px;} .pro_table .pro_table_item dt, .pro_table .pro_table_item dd { padding:10px 0; min-height:43px; } .pro_table .pro_table_item dt { } .pro_table .pro_table_item dd { } } /* 제품소개 > 전장사업부 */ .pro_01 .pro_01_item .pro_01_photo .pro_01_photo_unit.pro_02 { width:calc(25% - 20px); margin-bottom:24px;} .sub_con.flex { display:flex; justify-content: space-between;} .sub_con.flex .pro { width:calc(50% - 30px); } .sub_con.flex .pro img { margin-top:40px;} .sub_con.flex .pro .small {} @media (max-width:768px) { .pro_01 .pro_01_item .pro_01_photo .pro_01_photo_unit.pro_02 { width:calc(50% - 5px); margin-bottom:10px;} .sub_con.flex { display:block;} .sub_con.flex .pro { width:100%; margin-bottom:50px !important; } .sub_con.flex .pro img { margin-top:20px;} } /* 기타페이지 : 개인정보처리방침, 이메일무단수집거부 등 */ .etc {width:100%; max-width:1304px; margin:50px auto 50px; padding:0px 20px; } .etc textarea { width:100%; border:1px solid #ddd; border-radius:5px; height:400px; padding:20px; min-height: 50px; background-color:#f5f5f5; resize:none; } @media (max-width:768px) { .etc {width:100%; max-width:100%; margin:0 auto 20px; padding:0px 20px; } .etc textarea { width:100%; border:1px solid #ddd; border-radius:5px; height:400px; padding:10px; min-height: 50px; background-color:#f5f5f5; font-size:14px; } } /*버튼 */ a.btn01 {display:inline-block;padding:10px 12px; font-size:16px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle; font-size:16px;} a.btn01:focus, a.btn01:hover {text-decoration:none; font-size:16px;} button.btn01 {display:inline-block;margin:0;padding:10px 12px; font-size:16px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none; font-size:16px;} a.btn02 {display:inline-block;padding:10px 12px; font-size:16px;border:1px solid #3b3c3f;background:#333;color:#fff;text-decoration:none;vertical-align:middle; font-size:16px;} a.btn02:focus, .btn02:hover {text-decoration:none; font-size:16px;} button.btn02 {display:inline-block;margin:0;padding:10px 12px; font-size:16px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none; font-size:16px;} .btn_confirm {text-align:center; font-size:16px; margin-bottom:40px;} /* 서식단계 진행 */ .btn_submit {padding:8px;border:0;background:#3895c0;color:#fff;letter-spacing:-0.1em;cursor:pointer; border-radius:3px; font-size:16px;} fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em; border-radius:2px; font-size:16px;} a.btn_cancel {display:inline-block;padding:8px 12px; font-size:16px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle; border-radius:3px; font-size:16px;} button.btn_cancel {display:inline-block;padding:10px 12px; font-size:16px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none; font-size:16px;} a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */ a.btn_frmline {line-height:24px} button.btn_frmline {font-size:1em} .btn_bo_adm {float:left} .btn_bo_adm li {float:left;margin-right:5px} .btn_bo_adm input {padding:8px;border:0;background:#f1592a;color:#fff;text-decoration:none;vertical-align:middle; border-radius:2px;} /* 게시판용 버튼 */ a.btn_b01 {display:inline-block;padding:10px 12px; font-size:16px;border:1px solid #ddd;background:#f6f6f6;color:#000;text-decoration:none;vertical-align:middle; border-radius:2px;} a.btn_b01:focus, .btn_b01:hover {text-decoration:none} a.btn_b02 {display:inline-block;padding:10px 12px; font-size:16px;border:1px solid #3895c0;background:#3895c0;color:#fff;text-decoration:none;vertical-align:middle; border-radius:2px;} a.btn_b02:focus, .btn_b02:hover {text-decoration:none} a.btn_admin {display:inline-block;padding:10px 12px; font-size:16px;border:1px solid #000;background:#000;color:#fff;text-decoration:none;vertical-align:middle; border-radius:2px;} /* 관리자 전용 버튼 */ a.btn_admin:focus, a.btn_admin:hover {text-decoration:none} /* 게시판 테이블 */ .__se_tbl td { padding:10px; } #bo_v { border-top:none !important; } #bo_v_con {} #bo_w, #bo_v, #bo_list, #bo_gall { max-width:1304px; margin:0 auto; padding:0 40px; } @media (max-width: 767.98px) { #bo_w, #bo_v, #bo_list { margin:0 auto; padding:0 20px; } #bo_list_total, #bo_v_info { font-size:12px; } } .section-header { display:none;} section h2 { display:none !important; } .cke_sc { display:none; } #bo_v_info {} #bo_v_file, #bo_v_link {font-size:14px; } #bo_v_file li, #bo_v_link li {color:#000 !important; background:#fff !important; border:1px solid #ddd !important; margin-top:20px; } #bo_v_file a, #bo_v_link a {color:#000 !important; line-height:32px !important; } #bo_v_file img, #bo_v_link img {float:left; margin:10px 10px 0 0 !important} /* #bo_v_file a strong::before { content:'첨부파일: '; font-weight:400; color:#999; } */ #bo_v_file a strong, #bo_v_link a strong {font-weight:600; } .btn_print_area {float:right; padding:2px 10px; border-radius:5px; border:2px solid #1cbab3; background-color:#f5f5f5; font-weight:600; margin-top:8px; font-size:16px; display:none; } .btn_print_area a { color:#222; } .form-control, #bo_w .form-control, #bo_w textarea, #bo_list .td_subject, #bo_v #bo_v_title, #bo_v #bo_v_atc {border-radius: 0 !important ; } #bo_w textarea {border-radius: 0 !important ; } #bo_w .form-control { height:40px; } .fa-heart { display:none !important; } /*게시판 히트글 아이콘 숨기기*/ @media print { section h2 { display:none !important; } } @media (max-width: 767.98px) { #bo_w .form-control { height:30px; } .form-group { margin-bottom:6px !important; } .control-label { font-size:14px; margin-bottom:0 !important; } .input-group-prepend p { display:block !important; } } /* 서브페이지 공통 레이아웃 */ .sub_con_100 {width:100%; float:left; padding:80px 0; position:relative; } .sub_con_100.last {} .sub_con_100.first { padding-top:0;} .sub_con {width:100%; max-width:1304px; padding-left:40px !important; padding-right:40px !important; margin:0 auto; } .sub_con.wide { max-width:1524px;} .sub_con h2 {text-align:center; font-size:30px; color:#000; font-family: !important; margin-bottom:60px; } .sub_con .block { display:block;} @media (max-width: 767.98px) { .sub_con_100 { padding:40px 0;} .sub_con_100.last { padding-bottom:40px;} .sub_con h2 { font-size:24px; margin-bottom:30px; margin-top:10px; } .navbar-nav li a:hover { color:#000 !important; } .sub_con { padding-left:15px !important; padding-right:15px !important; } .sub_con .block { display:inline;} } /* 자료실 바로가기 버튼 */ .btn_go_more_100 {width:100%; float:left; text-align:center; } .btn_go_more_100 span {padding:12px 0; width:60%; max-width:600px; background-color:#111; display:inline-block; color:#fff; border-radius:100px; font-size:24px; } .btn_go_more_100 span i {font-size:28px; vertical-align:-4px; } @media (max-width: 767.98px) { .btn_go_more_100 span {font-size:18px; width:80%; } .btn_go_more_100 span i {font-size:24px; vertical-align:-2px; } } @media (max-width: 767.98px) { } @media (max-width: 640px) { } /* 게시판 이미지 크게 보기 */ .bbs-view-image { width:100%; } .bbs-view-image img { width:100%; height:auto; } /* 제품이미지 */ .pro_img {width:100%; text-align:center;} .pro_img img {width:100%; max-width:1000px;} /* 갤러리 공통 CSS*/ #bo_gall .empty_list { text-align:center;} /* 게시판 가로 길이 제한 */ @media (max-width: 767.98px) { .btn_go_more_100 span {font-size:18px; width:80%; } .btn_go_more_100 span i {font-size:24px; vertical-align:-2px; } } .tail_01 {width:100%; float:left; padding:30px 0px; color:#CCC; background-color:#e8e8e6; font-size:14px; text-align:left; position:relative; margin-top:50px; border-bottom:1px solid rgba(255,255,255,.1); } .tail_01 ul {width:100%; max-width:1304px; margin:0 auto; padding:0 40px; display: flex; justify-content: space-between; align-items: center;} .tail_01 ul .left { font-size:30px; font-weight:800; padding-right:20px;} .tail_01 ul .left p {float:left; } .tail_01 ul .left span {display:block; font-size:14px; line-height:20px; min-height:20px; font-weight:600; color:#959595;} .tail_01 ul .left .left_name {color:#dd7f2e; margin-right:20px;} .tail_01 ul .left .left_con {color:#000;} .tail_01 ul .right {font-size:18px; font-weight:800; color:#363636;} .tail_01 ul .right p {float:right; margin-left:40px;} .tail_01 ul .right p img {height:18px; display:inline-block; margin-right:4px;} .tail_01 ul .right .right_item_01 {} .tail_01 ul .right .right_item_02 {} @media (max-width: 767.98px) { .tail_01 {padding:20px 0px; border-bottom:1px solid rgba(255,255,255,.1); } .tail_01 ul {padding:0 20px; display:block; } .tail_01 ul .left { display:block; font-size:20px; padding-right:0px; width:100%; float:left; margin-bottom:15px;} .tail_01 ul .left span {font-size:12px; line-height:16px; min-height:0; } .tail_01 ul .left .left_name {color:#dd7f2e; margin-right:10px;} .tail_01 ul .left .left_con {color:#000;} .tail_01 ul .right { display:block; font-size:16px; font-weight:600; display:flex; justify-content: space-between; width:100%; float:left; } .tail_01 ul .right p { width:auto; float:none; margin-left:0px;} .tail_01 ul .right p img {height:18px; display:inline-block; margin-right:4px;} .tail_01 ul .right .right_item_01 {} .tail_01 ul .right .right_item_02 {} } .down {padding:0px 5px;} .down img {} @media (max-width: 767.98px) { .down img { width:120px;} } .copy a { color:#666;} .sns {padding:0px 5px;} .sns img { width:20px;} .right select { width: 200px; padding: .4em .5em; border: 1px solid rgba(255,255,255,.0); font-family: inherit; background: url('../img/mobile/gnb_bg2.png') no-repeat 95% 50%; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; color:#999; font-size:14px; background-color:rgba(255,255,255,.1); } .right select::-ms-expand { display: none; } .tail_02 {width:100%; float:left; padding:50px 0px; background-color:#1d1d1d; font-size:16px; text-align:left; position:relative; font-weight:300;} .tail_02 ul {width:100%; max-width:1304px; margin:0 auto; padding:0 40px; display: flex; justify-content: space-between; align-items: flex-start;} .tail_02 ul li {} .tail_02 ul .left {color:#fff; font-weight:500; line-height:1.6; width:100%;} .tail_02 ul .left a {color:#fff; margin-right:20px; display:inline-block;} .tail_02 ul .left img { height:24px; display:block; margin-bottom:20px;} .tail_02 ul .left .info_01 {margin-top:10px; margin-bottom:20px; font-size:15px;} .tail_02 ul .left .info_01 strong { color:#fff;} .tail_02 ul .left .info_01 span { display:inline-block; margin-right:30px;} .tail_02 ul .left .info_02 { border-bottom:1px solid rgba(255,255,255,.2); padding-bottom:20px; margin-bottom:40px; display: flex; justify-content: space-between; align-items: center; font-size:18px;} .tail_02 ul .left .info_02 i { font-size:24px; vertical-align:-4px;} .tail_02 ul .left .info_02 ul { padding:0; display:inline-block; position:relative; width: auto; margin:0; } .tail_02 ul .left .info_02 .info_02_tel { color:#00c6ff; font-size:40px; font-weight:800; display: flex; align-items: center;} .tail_02 ul .left .info_02 .info_02_tel .sns { padding:0; display:flex;} .tail_02 ul .left .info_02 .info_02_tel span { margin-left:14px;} .tail_02 ul .left .info_02 .info_02_tel span img { width:40px; height:auto; margin-bottom:0; } .tail_02 ul .left .info_02 .info_02_tel a {color:#00c6ff; display:block; line-height:1;} .tail_02 ul .left .info_02 .info_02_tel a.small { margin-top:10px; font-weight:600;} .tail_02 ul .right { min-width:232px ;margin-top: 50px; color:#fff;} .cs_title { font-size:16px; font-weight:500; margin-top:30px;} .cs_tel { color: #00c6ff; font-size:32px; font-weight:600; display:flex; justify-content: flex-end;} a.cs_tel {color: #00c6ff;} .cs_tel span { display:inline-block; font-size: 16px; font-weight: 400; margin-top: 6px; margin-right: 8px;} .cs_info { font-size:14px; margin-top:2px;} @media (max-width: 767.98px) { .tail_02 {padding:30px 0; font-size:14px;} .tail_02 ul {padding:0 20px; display: flex; flex-direction: column-reverse; } .tail_02 ul .left img { height:20px;} .tail_02 ul .left .info_01 { font-size:13px;} .tail_02 ul .left .info_02 { padding-bottom:20px; margin-bottom:20px; display:block; font-size:14px;} .tail_02 ul .left .info_02 .info_02_tel { display:block; text-align:left; font-size:24px;} .tail_02 ul .left .info_02 .info_02_tel span {font-size:12px; padding:2px 12px; margin-right:10px; vertical-align: 4px; margin-top:20px;} .tail_02 ul .left .info_02 .info_02_tel .sns { display:block;} .tail_02 ul .left .info_02 .info_02_tel .sns span { display:inline-block; margin-left:0; margin-right:0; padding:0 10px 0 0; margin-top:10px;} .tail_02 ul .right { width:100%; margin-bottom:40px; margin-top:20px;} .tail_02 ul .left .view_mobile { width:100%; max-width:300px;} .cs_title { font-size:14px; margin-top:0px;} .cs_tel { font-size:28px; } .cs_tel span { font-size: 14px; margin-top: 0px; margin-right: 8px; vertical-align: 10px;} .cs_info { font-size:14px;} } .copymove_current { background-color:#F00; color:#fff; padding:2px 6px; border-radius:4px;} .player { padding-top: 56.25%; position: relative; } .player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /**** 서브페이지 내용 FROM ****/ .con_wrap { width:100%; max-width:1304px; padding-left:40px; padding-right:40px; margin:80px auto 0px;} .con_wrap:nth-child(1) { margin-top:0;} .con_wrap .con_title {} .con_wrap .con_title p { display:inline-block; padding:12px 50px; border-radius:100px; color:#fff; font-size:24px; font-weight:600; margin-left:30px; background-color:#00c6ff; } .con_wrap .con_text { border-radius:20px; padding:60px 40px 40px 80px; background-color:#fff; margin-top:-30px;} .con_wrap .con_text .con_text_03 { font-size:20px; font-weight:600; margin:8px 0 12px;} .con_wrap .con_text .con_item { position:relative; padding-left:20px; font-size:18px; margin:8px 0;} .con_wrap .con_text .con_item:before { content:''; display:inline-block; width:6px; height:6px; border-radius:50%; background-color:#00c6ff; position:absolute; left:0; top:10px;} .con_wrap.guide { display:flex; margin-top:20px;} .con_wrap.guide .con_text { width:100%; padding:20px 30px 20px 20px; margin-top:0; background-color:transparent; border-radius:100px; display:flex; background-color:#e7dacd;} .con_wrap.guide .con_text .con_icon { margin-right:20px; width:50px; height:50px; line-height:50px; text-align:center; border-radius:50%; font-size:24px; background-color:#fff;} .con_wrap.guide .con_text .con_text_inner { width:calc(100% - 70px); font-size:18px; font-weight:500; display:flex; align-items: center; justify-content: flex-start;} .con_wrap.guide .con_text .con_text_inner .con_text_02 { margin-right:40px;} .con_wrap.guide .con_text .con_text_inner .con_tel { font-size:28px; font-weight:800; display:flex; align-items: center;} .con_wrap.guide .con_text .con_text_inner .con_tel .con_time { line-height:28px; display:inline-block; padding:2px 12px; border:1px solid rgba(0,0,0,.2); font-size:16px; margin-right:10px; border-radius:50px;} @media (max-width: 767.98px) { .con_wrap { padding-left:20px; padding-right:20px; margin:30px auto 0px;} .con_wrap .con_title {} .con_wrap .con_title p { display:inline-block; padding:6px 20px; font-size:16px; font-weight:600; margin-left:20px; } .con_wrap .con_text { border-radius:20px; padding:30px 20px 14px 40px; background-color:#fff; margin-top:-20px;} .con_wrap .con_text .con_item { padding-left:12px; font-size:14px; margin:4px 0;} .con_wrap .con_text .con_item:before { width:4px; height:4px; top:8px;} .con_wrap .con_text .con_text_03 { font-size:15px; line-height:1.2;} .con_wrap.guide { margin-top:10PX;} .con_wrap.guide .con_text { padding:20px; border-radius:30px;} .con_wrap.guide .con_text .con_icon { margin-right:10px; width:36px; height:36px; line-height:36px; font-size:20px;} .con_wrap.guide .con_text .con_text_inner { width:calc(100% - 46px); font-size:14px; display:block;} .con_wrap.guide .con_text .con_text_inner .con_text_02 { margin-right:0px;} .con_wrap.guide .con_text .con_text_inner .con_tel { font-size:18px; margin-top:10PX;} .con_wrap.guide .con_text .con_text_inner .con_tel .con_time { line-height:20px; padding:2px 12px; font-size:12px;} } /*** 서브페이지 공통 // 텍스트 CSS ****/ .sub_con_title { font-size: 46px; font-weight: 600; margin-bottom: 30px; font-family: 'LotteMartDream'; } .sub_con_text { font-size:20px;} @media (max-width: 767.98px) { .sub_con_title { font-size: 24px; margin-bottom: 10px;} .sub_con_text { font-size:16px;} } .about_01_100 { text-align:center;} /* .about_01_100:after { content:''; position:absolute; top:0; left:0; width:100%; height:40%; height:540px; background-color:#f5f5f5; z-index:-1;} */ @media (max-width: 767.98px) { .about_01_100:after { height:300px; } } .about_01_title {text-align:center; font-size:28px;} .about_01_title .inblock { display:block;} @media (max-width: 767.98px) { .about_01_title {font-size:20px;} .about_01_title .inblock { display:inline-block;} } .about_01_img {padding:40px;} .about_01_img .about_01_img_bg {width:100%; padding-bottom:40%; background-image:url(../../../img/company/greeting_01_bg.png); background-position:center; background-size:cover;} .about_01_img .about_01_img_icon { margin-top:-15%;} .about_01_img .about_01_img_icon p {width:400px; padding:60px 0; background-color:#9181a8; color:#fff; display:inline-block;} .about_01_img .about_01_img_icon p span {display:block; padding-bottom:20px; font-size:52px; font-weight:600;} .about_01_img .about_01_img_icon p img {width:30%; max-width:120px;} @media (max-width: 767.98px) { .about_01_img {padding:20px;} .about_01_img .about_01_img_bg {padding-bottom:60%;} .about_01_img .about_01_img_icon {margin-top:-20%;} .about_01_img .about_01_img_icon p {width:80%; padding:30px 0; } .about_01_img .about_01_img_icon p span { padding-bottom:10px; font-size:26px;} .about_01_img .about_01_img_icon p img {width:30%; max-width:400px;} } .about_01_text { max-width:800px; margin:auto;} .about_01_text .about_01_text_01 {color: rgb(0, 0, 0); line-height: 160%; font-size: 24px;} .about_01_text .about_01_text_02 {color: rgb(119, 119, 119); line-height: 160%; padding-top: 60px; font-size: 16px;} .about_01_text .about_01_text_02 img { width:240px;} @media (max-width: 767.98px) { .about_01_text {} .about_01_text .about_01_text_01 {font-size: 16px;} .about_01_text .about_01_text_02 {padding-top: 20px; font-size: 14px;} .about_01_text .about_01_text_02 img { width:160px;} } .border_wrap { position:relative;} .border_wrap:before { content: ''; position: absolute; top: 10px; left: 10px; width: calc(100% - 20px); height: calc(100% - 20px); border: 1px solid rgba(255, 255, 255, .6);}